/*
Theme Name: The Institute of Plumbing Australia Wordpress Theme (Bootstrap)
Theme URI: http://www.plumbing.org.au/
Author: Web3k
Author URI: http://web3k.com.au
Description: The Institute of Plumbing Australia Wordpress Theme (Bootstrap)
Version: 1.0
*/
body {color: rgb(34, 34, 34);font-weight: normal;font-style: normal;line-height: 1;cursor: default;font-family: 'Open Sans', sans-serif !important;}
.container {margin-top: 20px;}
.top-menu ul{background: url(images/topmenubg.png) repeat-x transparent !important;margin: 0;padding: 0;}
.top-menu a:hover {text-decoration: none;color:#fff;}
.top-menu li {height: 50px;color: #29190d;padding: 15px 10px 10px 10px;list-style: none;display: inline-block;}
.top-menu li:hover{background: #8aad4e;}
.top-menu li a {color: #29190d;padding: 5px 10px;text-transform: uppercase;}
.social li {display: inline;list-style: none;}
.social {padding:100px 20px 0 0;}
/* Main Menu */
.toggleMenu {display:  none;background: #666;padding: 10px 15px;color: #fff;}
.nav {list-style: none;*zoom: 1;}
.nav ul:before,.nav ul:after {content: " "; display: table; }
.nav ul:after {clear: both;}
.nav ul ul {list-style: none;width: 9em;}
.nav ul a {padding: 10px 15px;color:#29190d;}
.nav ul li {position: relative;}
.nav ul > li {float: left;border-top: 0px solid #104336;}
.nav ul > li > a {display: block;}
.nav ul li  ul {position: absolute;left: -9999px;}
.nav ul > li.hover > ul {left: 0;}
.nav ul li li.hover ul {left: 100%;top: 0;}
.nav ul li li a {display: block;background: #dcdcdc;position: relative;color: #494848;z-index:100;text-decoration: none;text-align: center;position: relative;left:-10px;width: 138px;border-top: 1px solid #fff;}
.oe_menu .current-menu-item > a, .top-menu .current-menu-item { background:#83a54a !important;}
.mainnav ul li li a:hover{background: #83a54a; /* Old browsers */background: -moz-linear-gradient(top,  #83a54a 0%, #dcdcdc 16%, #dcdcdc 100%, #dcdcdc 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a54a), color-stop(16%,#dcdcdc), color-stop(100%,#dcdcdc), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #83a54a 0%,#dcdcdc 16%,#dcdcdc 100%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #83a54a 0%,#dcdcdc 16%,#dcdcdc 100%,#dcdcdc 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #83a54a 0%,#dcdcdc 16%,#dcdcdc 100%,#dcdcdc 100%); /* IE10+ */background: linear-gradient(to bottom,  #83a54a 0%,#dcdcdc 16%,#dcdcdc 100%,#dcdcdc 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a54a', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */position: relative;}
.mainnav ul li li a {display: block;background: #dcdcdc;color: #494848;z-index:100;text-align: right;position: relative;top:-5px;left:-40px;width: 168px;border-top: 1px solid #fff;}
.nav ul li li li a {background:#249578;z-index:200;border-top: 1px solid #1d7a62;}
.main-nav {margin-top: 15px;background: #013241; /* Old browsers */background: -moz-linear-gradient(left,  #013241 0%, #2989d8 100%, #207cca 100%, #037ca3 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#013241), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#037ca3)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* IE10+ */background: linear-gradient(to right,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013241', endColorstr='#037ca3',GradientType=1 ); /* IE6-9 */}
ul.oe_menu{list-style:none;position:relative;width:auto;height: 100%;float:left;}
ul.oe_menu > li{width:171px;padding-bottom:2px;float:left;text-align:right;position:relative;}
ul.oe_menu > li > a:hover {background: #8aad4e;}
ul.oe_menu > li > a{display:block;background: #013241; /* Old browsers */background: -moz-linear-gradient(left,  #013241 0%, #2989d8 100%, #207cca 100%, #037ca3 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#013241), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#037ca3)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* IE10+ */background: linear-gradient(to right,  #013241 0%,#2989d8 100%,#207cca 100%,#037ca3 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013241', endColorstr='#037ca3',GradientType=1 ); /* IE6-9 */color:#fff;text-decoration:none;font-weight:bold;font-size:15px;font-family: Arial;padding:10px;margin:1px;text-shadow:0px 0px 1px #000;opacity:0.8;}
ul.oe_menu div{position:absolute;left:1px;background: #83a54a; /* Old browsers */background: -moz-linear-gradient(top,  #83a54a 0%, #ffffff 16%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a54a), color-stop(16%,#ffffff), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #83a54a 0%,#ffffff 16%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #83a54a 0%,#ffffff 16%,#ffffff 100%,#ffffff 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #83a54a 0%,#ffffff 16%,#ffffff 100%,#ffffff 100%); /* IE10+ */background: linear-gradient(to bottom,  #83a54a 0%,#ffffff 16%,#ffffff 100%,#ffffff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a54a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */width:171px;padding: 10px;display:none;}
ul.oe_menu div ul li a{text-decoration:none;color:#222;padding:2px 2px 2px 4px;display:block;text-align:right;vertical-align: bottom;font-size:12px;}
ul.oe_menu div ul.oe_full{width:100%;}
ul.oe_menu div ul li a:hover{background:transparent;color:#000;}
ul.oe_menu li ul{ist-style:none;float:right;width: 150px;margin-right:10px;}
li.oe_heading{color:#aaa;font-size:16px;}
/* Main Content */
.main-con {background: #7a7d7f; /* Old browsers */background: -moz-linear-gradient(top,  #7a7d7f 0%, #c1c7c9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7d7f), color-stop(100%,#c1c7c9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #7a7d7f 0%,#c1c7c9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #7a7d7f 0%,#c1c7c9 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #7a7d7f 0%,#c1c7c9 100%); /* IE10+ */background: linear-gradient(to bottom,  #7a7d7f 0%,#c1c7c9 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7d7f', endColorstr='#c1c7c9',GradientType=0 ); /* IE6-9 */height: auto;padding: 0;}
.main-con h2,a {color:#024156;}
.col-1 {background: #eaeaea; /* Old browsers */background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */padding: 0px 20px 20px 20px;margin-left:10px;}
.col-2 {background: #e8efe5;padding: 0px 20px 20px 20px;}
.main-content{background: #fff;}
/*Footer*/
.footer{padding-top: 10px;color:#29190d;height: 58px;background: url(/wp-content/themes/ipa-responsive-theme-bootstrap/images/footerbg.png) repeat-x;}
ul.footer-menu { padding-left:0px;margin-left:0px;}
ul.footer-menu li {background: url(/wp-content/themes/ipa-responsive-theme-bootstrap/images/ipa-link-arrow-small.png) no-repeat left center;padding-left:20px;margin: 0px 30px 10px 0px;display:inline-block;float:left;}
.menu-footermenu-container {float:left;}
.menu-footermenu2-container {float:left;}
/* Custom Styles */
.entry-content {padding:20px;}
.entry-header {padding:20px;}
a.pagelinks {border-bottom:3px solid #8EB351; text-transform:uppercase;text-decoration:none;color:#428BCA;display:inline-block;float:left;font-size:20px;width:30%;margin: 0 30px 20px 0;background-image:url(/wp-content/themes/ipa-responsive-theme-bootstrap/images/ipa-link-arrow.png);background-repeat: no-repeat;background-position:right;}a.pagelinks:hover {border-bottom:3px solid #8EB351; text-transform:uppercase;color:#8EB351;text-decoration:none;}
a.pagelinks-last {clear:right;}
.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
img.alignleft {margin: 0 20px 0 0 !important;}
img.alignright {margin: 0 0 0 20px !important;}
.col-force-38 {width: 38% !important;}
.div-left {float:left; width:47.5%;}
.div-right {float:right; width:47.5%;}
.edit-link {clear:both;width:100%;}
input.tf-small {width:200px;}
/* Login */
div#login { width:300px !important; }
div#login h1 a { background:url(/wp-content/themes/ipa-responsive-theme-bootstrap/images/ipalogo.png) no-repeat top center !important; background-size:300px 200px !important; }
div#login h1 a { display:block !important; width:100% !important; height:100px !important; }
div#login form { box-shadow:1px 1px 2px #EEEEEE, -1px -1px 2px #EEEEEE !important; border-radius:5px !important; padding: 5px 30px 5px 30px !important; }
div#login p#nav, div#login p#nav a, div#login p#nav a:hover, div#login p#nav a:active, div#login p#nav a:focus { color:#000000 !important; text-shadow:1px 1px 3px #EEEEEE !important; }
div#login p#backtoblog, div#login p#backtoblog a, div#login p#backtoblog a:hover, div#login p#backtoblog a:active, div#login p#backtoblog a:focus { color:#000000 !important; text-shadow:1px 1px 3px #EEEEEE !important; }
div#login form p { margin:2px 0 16px 0 !important; }
div#login form input[type="text"], div#login form input[type="email"], div#login form input[type="password"], div#login form textarea, div#login form select { margin:0 !important; padding:3px !important; border-radius:3px !important; box-sizing:border-box !important; width:100% !important; background:#FBFBFB repeat scroll 0 0 !important; border:1px solid #E5E5E5 !important; font-size:18px !important; font-weight:normal !important; color:#333333 !important; }
div#login form label { cursor:pointer !important; } div#login form label.ws-plugin--s2member-custom-reg-field-op-l { opacity:0.7 !important; font-size:90% !important; vertical-align:middle !important; }
div#login form input[type="checkbox"], div#login form input[type="radio"] { margin:0 3px 0 0 !important; vertical-align:middle !important; }
div#login form input#ws-plugin--s2member-custom-reg-field-user-pass2[type="password"] { margin-top:5px !important; }
div#login form div.ws-plugin--s2member-custom-reg-field-divider-section { margin:2px 0 16px 0 !important; border:0 !important; height:1px !important; line-height:1px !important; background:#CCCCCC !important; }
div#login form div.ws-plugin--s2member-custom-reg-field-divider-section-title { margin:2px 0 16px 0 !important; border:0 solid #CCCCCC !important; border-width:0 0 1px 0 !important; padding:0 0 10px 0 !important; font-size:110% !important; }
div#login form input[type="submit"], div#login form input[type="submit"]:hover, div#login form input[type="submit"]:active, div#login form input[type="submit"]:focus { color:#666666 !important; text-shadow:2px 2px 5px #EEEEEE !important; border:1px solid #999999 !important; border-radius:3px !important; background:#FBFBFB !important; box-shadow:0 -1px 2px 0 rgba(0,0,0,0.2) inset !important; }
div#login form input[type="submit"]:hover, div#login form input[type="submit"]:active, div#login form input[type="submit"]:focus { color:#000000 !important; text-shadow:2px 2px 5px #CCCCCC !important; border-color:#000000 !important; }
div#login form#registerform p.submit { float:none !important; margin-top:-10px !important; } div#login form#registerform input[type="submit"] { float:none !important; width:100% !important; box-sizing:border-box !important; }
div#login form#lostpasswordform p.submit { float:none !important; } div#login form#lostpasswordform input[type="submit"] { float:none !important; width:100% !important; box-sizing:border-box !important; }
div.ws-plugin--s2member-password-strength { margin-top:3px !important; font-color:#000000 !important; background-color:#EEEEEE !important; padding:3px !important; border-radius:3px !important; } div.ws-plugin--s2member-password-strength-short { background-color:#FFA0A0 !important; } div.ws-plugin--s2member-password-strength-bad { background-color:#FFB78C !important; } div.ws-plugin--s2member-password-strength-good { background-color:#FFEC8B !important; } div.ws-plugin--s2member-password-strength-strong { background-color:#C3FF88 !important; } div.ws-plugin--s2member-password-strength-mismatch { background-color:#D6C1AB !important; }
div#login form#registerform p#reg_passmail { font-style:italic !important; }
div#login p#backtoblog {display:none !important;}
.single_variation_wrap {display:block !important}
p.price {font-weight:bold;font-size:16px;}
ul.products {margin-bottom:40px;}
ul.products li {float: left !important;list-style: none outside none !important;text-align: center !important;/*width: 46% !important;*/border:1px solid #e1e1e1 !important;padding:20px !important;/*margin:0 0 40px 40px !important;*//*height:330px !important*/}
ul.products li:hover {background:#fdfdfd;}
ul.products li.first {margin:0px;}
ul.products li h3 {font-size:16px;color:#000;}
ul.products li .price {font-size:20px;font-weight:bold;}
ul.products li.product a img {width: 50% !important;height: auto;display: inherit !important;margin: 0 0 1em;-webkit-box-shadow: none;box-shadow: none;}
div.woocommerce-product-gallery.woocommerce-product-gallery--with-images {opacity: 100 !important;}
.related > h2 {clear: both !important;}
.entry-title {border-bottom: 4px solid #8eb351;}
form.woocommerce-ordering {width:100%;}
.woocommerce-ordering select {float:right;}
.woocommerce-ordering, .woocommerce-result-count {display:none;}
.color1 {background:#d9d9d9;}
.color2 {background:#a7bfdd;}
.color3 {background:#d3dfed;}
.color4 {background:#e6edd5;}
.color5{border:#9bba58 2px solid;} 
td {height: 35px;}
@media only screen and (max-width:320px) {
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
ul.oe_menu > li{width:100%;}
.top-menu li {display: block;}
.top-menu ul{background: #efefef !important;}
.social {padding:10px 20px 0 0;}
.col-2, .col-1 {padding-top: 10px;}
div#login, #login {width: 300px !important;}
.social {float:none !important;padding:10px 0px 0 0 !important;margin:0 30px 0 0 !important;text-align:center !important;}
.top-menu {left: 20px;position: absolute;top: 50px;width: 90%;}
.header-image {width:320;text-align:center;margin-top:20px;}
.main-nav {background: none !important; margin: 15px 0px 0px 15px;}
.featured-banner {width:320px;display:none !important;}
.size-medium {width:150px !important;}
.contact-left {float:left !important;clear:both !important;width:100% !important;}
.contact-right {float:left !important;clear:both !important;width:100% !important;margin-top:30px !important;}
.div-left {float:left !important;clear:both !important;width:100% !important;}
.div-right {float:left !important;clear:both !important;width:100% !important;margin-top:30px !important;}
#wpcf7-f160-p7-o1 input, #wpcf7-f160-p7-o1 textarea {width:100%;}
a.pagelinks {display: block;float: none;width: 100%;}
}
@media only screen and (min-width:321px) and (max-width:768px) {
ul.oe_menu > li{width:100%;}
.top-menu li {display: block;}
.top-menu ul{background: #efefef !important;}
.social {padding:10px 20px 0 0;}
.col-2, .col-1 {padding-top: 10px;}
div#login, #login {width: 300px !important;}
.social {float:none !important;padding:10px 0px 0 0 !important;margin:0 30px 0 0 !important;text-align:center !important;}
.top-menu {left: 20px;position: absolute;top: 50px;width: 90%;}
.header-image {width:320;text-align:center;margin-top:20px;}
.main-nav {background: none !important; margin: 15px 0px 0px 15px;}
.featured-banner {width:320px;display:none !important;}
.size-medium {width:150px !important;}
.contact-left {float:left !important;clear:both !important;width:100% !important;}
.contact-right {float:left !important;clear:both !important;width:100% !important;margin-top:30px !important;}
.div-left {float:left !important;clear:both !important;width:100% !important;}
.div-right {float:left !important;clear:both !important;width:100% !important;margin-top:30px !important;}
#wpcf7-f160-p7-o1 input, #wpcf7-f160-p7-o1 textarea {width:100%;}
a.pagelinks {display: block;float: left;width: 100%;}

}
@media only screen and (min-width:769px) and (max-width:1004px) {
.main-nav {background: none !important; margin: 15px 0px 0px 15px;}
a.pagelinks {display: block;float: left;width: 45.5%;}
.featured-banner {width:100%;/*display:none !important;*/margin-top:40px;}
.header-image {width:45%;float:left;}
.top-menu {width:45%;float:right;padding: 50px 0 0 0;}
.social {width:45%;float:right;padding: 30px 20px 0 0;}
}
@media only screen and (min-width:1004px) and (max-width:1280px) {
/*	.main-nav {background: none !important; margin: 15px 0px 0px 15px;}*/
a.pagelinks {display: block;float: left;width: 45.5%;}
.featured-banner {width:100%;}
.header-image {width:30% !important;}
div.masthead div.row div.col-md-7 {width:67% !important;padding:0 !important;}
.social {padding:50px 20px 0 0;}
}
@media only screen and (min-width:769px) {
ul.oe_menu{height: 50px;}
.main-content{/*padding:30px; */}
.entry-content {padding:20px;}
.entry-header {padding:20px;}
.col-2 {margin-left: 10px;width: 32%;}
}