/* Kardtects Exp New Styles */

/* STRUCTURE */

.woo-shop .woocommerce-breadcrumb {
   display: none;
}

.woo-shop .page-title {
   display: none;
}

.site .wide .widget.sgwindow_widget_button {
	padding-left: 0px;
	padding-right: 0px;
    background: #033d5d;
}

.sidebar-top-full .widget {
    background: none;
}

.home .site-content .entry-title {
	display: none;
}

#kardtects {
	height: 170px;
	padding-top: 20px;
}

#kardtects2 {
	height: 30px;
}

#kardtects3 {
	padding-top: 20px;
}

.image-wrapper img {
	width: 1200px;
}

.content-container {
    border: none;
	background: none;
    color: #000000;
}

.top-1-navigation {
    background-color: none;
	box-shadow: none;
}

.widget.sgwindow_image {
 	max-width: 1200px;  
}

.widget-area .column .widget, .wide .column .widget.widget_nav_menu, .column .widget {
    background: none;
}

#sidebar-1 .widget-area .column .widget .widgettitle, #sidebar-1 .widget-area .column .widget .widget-title, .column .widget .widgettitle, .column .widget .widget-title {
    background: none;
    font-size: 26px;
	color: #024a72;
}

.column .widget .widgettitle, .column .widget .widget-title {
    border-bottom: none;
}

.sgwindow_socialicons ul {
    text-align: left;
}

/* ELEMENT STYLES */

body {
	background-color: #fbf7f0;
	background-image: url(http://www.kardtects.com/images/backtop1.jpg), url(http://www.kardtects.com/images/backunder1.jpg);
	background-position: top center, top center;
	background-repeat: no-repeat, repeat-y;
	background-size: 2500px 726px, 2500px 1128px;
}	

.nav-link a {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #024a72;
	background: none;
	border: none;
	box-shadow: none;
}

.nav-link a:hover {
		font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #024a72;
	background: none;
	border: none;
	text-decoration: underline;
}

.nav-link a:visited {
		font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #024a72;
	background: none;
	border: none;
	box-shadow: none;
}

.nav-link a:active {
		font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #024a72;
	background: none;
	border: none;
	box-shadow: none;
}




.sidebar-before-footer .widget .widgettitle, .sidebar-before-footer .widget .widget-title {
    background: none;
    color: #024a72;
	padding-bottom: 20px;
}

.sidebar-before-footer .widget {
    background: none;
}

.sidebar-before-footer .effect-1 .entry-title {
    font-size: 22px;
	color: #033d5d;
}

td, .sidebar-footer .widgettitle, .sidebar-footer .widget-title, .sidebar-footer .widget {
   color: #033d5d;
}

.sidebar-footer {
    background: none;
}

.sidebar-footer .widgettitle, .sidebar-footer .widget-title {
    border-bottom: 4px solid #033d5d;
}

.sidebar-footer .widget a {
    color: #033d5d;
	 font-size: 22px;
}

.small .widget.widget_nav_menu div > ul > li:hover, .small .widget.widget_pages > ul > li:hover, .small .widget.widget_categories > ul > li:hover, .small .widget.widget_product_categories > ul > li:hover {
    color: #0645AD;
    text-shadow: none;
    background: none;
	background-color: #033d5d;
    box-shadow: none;
}


.sidebar-footer ul {
    margin-left: 0px;
}

/* recent posts icon */
.sidebar-footer li:before, .column li:before {
    content: '\f308';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 26px/1 'Genericons';
    color: #033d5d;
	margin: 0;
    text-shadow: none;
    vertical-align: middle;
}

#colophon {
	background-color: #033d5d;
	padding-bottom: none;
	margin-bottom: none;
}

#footer-navigation {
    background-color: #033d5d;
    color: #ffffff;
}

p {
    font-size: 22px;
    line-height: 30px;
	margin-bottom: 24px;
}

h1, h2, h3, h4, h5, h6 {
  color: #024a72;
  font-weight: bold;
}

h1 {
	font-size: 50px;
	line-height: 110%;
	margin-bottom: 24px;
}

h2 {
	font-size: 40px;
	line-height: 110%;
	margin-bottom: 24px;
}

h3 {
	font-size: 32px;
}

.effect-1 .entry-title {
    background: none;
}

.widget-title {
    font-size: 32px;
	background: none;
    color: #024a72;
}

.copyright2 {
    font-size: 16px;
	background: none;
    color: #ffffff;
	text-align: center;
}

/* LINKS */

a {
	color: #0645AD;
	text-decoration: none;
}
a:visited {
	color: #0645AD;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #0645AD;
	text-decoration: underline;
}

a.footer2:link {
	color: #ffffff;
	text-decoration: underline;
}
a.footer2:visited {
	color: #ffffff;
	text-decoration: none;
}
a.footer2:hover {
	color: #edc180;
}
a.footer2:active {
	color: #ffffff;
	text-decoration: none;
}

/* MAIN NAV
--------------------*/
.top-navigation {
    background: none;
}

.horisontal-navigation li:after {
	position: absolute;
	border-right: none;
}

.top-navigation .horisontal-navigation li:after {
	border-right: none;
}

.horisontal-navigation > div {
    float: none;
    text-align: center;
}

.horisontal-navigation {
    text-align: center;
}

.horisontal-navigation li {
    padding-right: 15px;
    padding-left: 0;
}

#page .horisontal-navigation li a {
    font-family: 'Bree Serif', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
    color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}

#page .horisontal-navigation .current_page_item > a {
	color: #73c6f8;
}


nav#main-navigation ul.menu {
    float: left;
}

.site #footer-navigation .horisontal-navigation a:hover, .site .horisontal-navigation li ul li a:hover, .site .horisontal-navigation li ul li a:focus, .site .horisontal-navigation li a:hover, .site .horisontal-navigation li a:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
}



/* Media Styles */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#page .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
    color: #024a72;
}

body {
	background-color: #fbf7f0;
	background-image: url(http://www.kardtects.com/images/phone.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 600px;
}	

#footer-navigation ul {
    background: none;
}

#footer-navigation .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
    background-color: none;
    color: #ffffff;
}

}


/* Nexus 7 */
@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332)  {


#page .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
    color: #024a72;
}

body {
	background-color: #fbf7f0;
	background-image: url(http://www.kardtects.com/images/phone.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1200px 600px;
}	

#footer-navigation ul {
    background: none;
}

#footer-navigation .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
    background-color: none;
    color: #ffffff;
}

}


/* SMALLER NAV BELOW 1056 ----------- */
@media only screen 
and (min-width : 680px) 
and (max-width : 1056px) {

#page .horisontal-navigation li a {
    font-size: 14px;
    letter-spacing: 1px;
	color: #ffffff;
}


}


/* FIX FOOTER MENU BELOW 680 ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 680px) {

#page .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
	color: #024a72;
}

#footer-navigation ul {
    background: none;
}

#footer-navigation .horisontal-navigation li a {
    font-size: 22px;
    letter-spacing: 1px;
    background-color: none;
    color: #ffffff;
}

}


