/*
Theme Name: Electrical Insulators Australia
Author: Synchromedia Group
Author URI: http://www.smg.com.au/

*/
/* =Reset
-------------------------------------------------------------- */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body{ font: 400 13px/24px 'Open Sans'; color: #444; margin: 0px; padding: 0px;}
.wrap{ width: 1200px; margin: 0px auto;}
#header{ background: url(images/topback.png) repeat-x; height: 72px; }
#logo{ position: absolute; top: -20px;}
a{ color: #ea3d0d; -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
a:hover{ text-decoration: underline; color: #333; }
h1,h2,h3,h4,h5,p,form{ margin: 0px; padding: 0px; }
h1{ font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom: 30px;}
h2{ font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 15px;}
h3{ margin-bottom: 20px; }
p{ margin-bottom: 20px; }

#menu{ padding: 15px; margin-bottom: 30px; height: 40px;}
.menu-cart-menu-container{ padding: 15px; padding-right: 0px;}

#menu ul, .menu-cart-menu-container ul{ margin: 0px; padding: 0px; border: 2px solid #CCC; background: #FFF; border-radius: 15px; overflow: hidden; float: right;}
#menu ul{ margin-top: -42px;}
#menu ul li, .menu-cart-menu-container ul li{ list-style: none; display: inline; }
#menu ul li a, .menu-cart-menu-container ul li a{ float:left; display: inline-block; padding: 0px 15px; color: #3d424d; font-weight: 700; font-size: 16px; line-height:50px; text-decoration: none;}
#menu ul li a:hover, .menu-cart-menu-container ul li a:hover{ background: #ea3d0d; color: #FFF;}
.menu-cart-menu-container ul li a{ font-size: 14px; }

#menu ul li.current-menu-item a{ 
background: #3d424d;
    color: #FFF;
}


#main{ clear:both; background: #FFF; }
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;}
.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px;}
#secondary{ width:25%;float: left; margin-bottom: 30px;border: 2px solid #CCC; border-radius: 15px;   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
#primary{ width: 70%; float: left; margin-left: 5%;}
#footer{ clear:both; text-align: center; background: #3d424d; padding: 30px; color: #FFF; font-size: 12px; }
.padding{ padding: 15px;}
.product_meta{ display: none;} 
.product-category img{   }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ text-align: center;}
.single-product .variations_form{ display: none; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 30% !important; border-radius: 15px; overflow: hidden;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 66% !important;}
.woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart{ margin-bottom: 0px !important;}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{ border-radius: 15px;  height: 140px !important; width: auto !important; margin: 0px auto !important;}

.home .woocommerce ul.products li.product a img{ height: auto !important; width: 100% !important;   }

.home .woocommerce ul.products li.product{ border-radius: 15px; border: 2px solid #CCC; }

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price{ font-size: 20px !important; font-weight: 700 !important; color: #ea3d0d!important;}
table.variations{ width: 100%;}
table.variations td{ border-bottom: 1px solid #CCC; padding: 10px;}
.widget_product_categories h3{ display: none;}
mark{ display: none; }
.page table{ border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;}
.page td{ padding: 4px; border-top: 1px solid #CCC; border-right: 1px solid #CCC;}

ul.product-categories{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 30px;}
ul.product-categories li a{ color: #3d424d; font-size: 18px; line-height: 24px; text-decoration: none; font-weight: 700; padding: 5px 0px; display:block; border-radius: 8px;}
ul.product-categories li a:hover{ background: #ea3d0d; color: #FFF; border-radius: 8px; padding-left: 10px;}
ul.product-categories li.current-cat > a{ background: #3d424d; color: #FFF; border-radius: 8px; padding-left: 10px;}
ul.children{ margin: 0px; padding: 0px; list-style: none;}
ul.children li a{ font-size: 14px; padding-left: 10px; display:block; color: #ea3d0d;}
.product-category h3{ font-size: 15px !important;}

table.varations-table{ width: 100%;} 
.varations-table td, .varations-table th{ text-align: left; padding: 5px; border-bottom: 1px dotted #CCC;}
input[type="text"], input[type="email"], input[type="password"],textarea{ width: 96%; padding: 4px; font-family: inherit; border-radius: 8px; border: 1px solid #CCC; background: #FFF;}

.woocommerce-result-count{ display: none; }
.orderby{ display: none;}

.ui-widget{ font-family: inherit !important;font-size: inherit !important;}

.mobile-nav-menu{ display: none; }

@media only screen and (max-width: 1200px) {
	.wrap{ width: auto; }
		#breadcrumbs{ padding-left: 10px; }
}
@media only screen and (max-width: 780px) {
	#secondary{ display: none; }
	#breadcrumbs{ padding-left: 10px; padding-top: 20px; }

	#primary{ width: 100%; margin-left: 0px; }
	#content{ padding: 10px; }
 .menu-top-nav-container, #menu{ display: none; }
 #logo { position: relative;text-align: center; top: 0px;  }
  #logo img{ width: 200px; }
 img{ max-width: 100%; height: auto; }
 .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 100% !important; }
 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ float: right; }
}