/*

Theme Name: Supreme Heating New

Description: The original Supreme Heating Child theme.

Version: 1.5

Author: Supreme Heating

*/

@font-face {

    font-family: 'myriad_proregular';

    src: url('font/myriad_pro-webfont.eot');

    src: url('font/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'),

        url('font/myriad_pro-webfont.woff') format('woff'),

        url('font/myriad_pro-webfont.ttf') format('truetype'),

        url('font/myriad_pro-webfont.svg#myriad_proregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

*{

    margin:0;

    padding:0;

}

body{

    background:#fff;

}

body,table{

    color: #58595B;

    font-family: 'myriad_proregular' !important;

}

table {

    border-collapse: collapse;

    width: 100%;

}

body.mceContentBody{

    background:none;

    color:#000000;

}

img,fieldset{

    border:0;

}

p{

    line-height: 22px;

    margin-bottom:15px;

}

h1{

    color: #0054A4;

    font-size: 22px;

    font-weight: normal;

    margin: 10px 0 5px;

}

h2{

    color: #0054A4;

    font-size: 18px;

    font-weight: normal;

    margin: 10px 0 5px;

}

h3{

    color: #0054A4;

    font-size: 15px;

    font-weight: normal;

    margin: 10px 0 5px;

}

h4{

    color: #58595B;

    font-size: 15px;

    font-weight: bold;

    margin: 10px 0 5px;

}

h5{

    font-size:10px;

    margin:10px 0 5px;

    color: #000;

}

h6{

    font-size:7px;

    margin:10px 0 5px;

    color: #000;

}

a{

    outline:none;

    color: #0054A4;

    text-decoration:none;

}

a:hover{

    color: #FFCC33;

}

.wrapper1{

    text-align:center;

}

.wrapper{

    overflow: hidden;

    position: relative;

    text-align: left;

    width: 847px;

}

.content{

    text-align:left;

}



.icontentleft{

    padding: 12px;

}
.btn-primary{
    background-color:#0154A4 !important;
    border-color:#0154A4 !important;
}
.btn-primary:hover{
    background:#173e63 !important;
}
.logo{

    height:125px;

    width:209px;

    float: left;

}

.logo a{

    background: url(https://supremeheatingwa.com.au/wp-content/uploads/2013/10/logo.jpg) 50% 0 no-repeat;

    height:125px;

    width:209px;

    display:block;

    text-indent:-99999px;

}
.call{text-align:right;}

.call a,.call a:hover{


    background: url(images/phone.jpg) 0 15px  no-repeat;

    color: #ffcc33;

    font-size:20px;

    font-family: 'myriad_proregular';

    margin-left: 11px;

    font-weight: bold;

    /*    border-bottom: 1px solid #ffcc33;*/

    padding: 12px 0 12px 24px;

    margin: 0 3px 0 1px;    text-align: right;

}


.mainmenu {

    font-family: 'myriad_proregular';

    font-size:16px;

    text-align: right;

    margin: 20px 0 20px;
    float: right;


}
.headerRyt{  width: 75%;
             float: right;}

.mainmenu ul li{

    list-style: none outside none;

    /*margin-right: 2px;*/
    margin: 0 15px;
    float: left;
    position: relative;

}

.mainmenu ul li a  {

    border-bottom: 1px solid transparent;

    color: #FFFFFF;

    display: block;

    line-height: 20px;

    margin: 0 1px;

    padding: 4px 0;



}

.mainmenu ul li a:hover,.mainmenu ul li.active a,.mainmenu ul li.current-menu-item a{

    border-bottom: 1px solid #ffcc33;

    color: #ffcc33;

    text-decoration:none;

}



.block{

    background: url("images/tranparent.png") repeat scroll 0 50% transparent;

    font-size: 18px;

    margin: 0 0 20px;

    position: absolute;

    right: 40px;

    width: 288px;



}

.home .block img {



}

.home .block {

    font-size: 15px;

    width: 420px;

    padding-bottom:100px;

}

.block a.read_more {

    color:#ffffff;

}

.home .block  h3{

    font-size: 18px;

    margin: 15px 0 10px;

}

.advanced-recent-posts-2 p {

    margin:0;

}

.advanced-recent-posts-2 ul li {

    margin:0 0 5px 16px;

}

.categoryposts-2 ul li {

    list-style: none outside none;

}

.categoryposts-2 p.post-date {

    background: url(images/date-bg.png) no-repeat 0 0 ;

    font-family: Century Gothic, sans-serif;

    font-size:16px;

    color:#fff;

    display: block;

    float: left;

    font-size: 14px;

    height: 51px;

    line-height: 16px;

    text-align: center;

    width: 35px;

    font-weight: bold;

    margin: 3px 10px 0 0;

    padding: 3px 8px;

}

.bottom  .categoryposts-2 a{

    color:#020202;

    font-weight: bold;

}

.iblock{

    padding:25px 12px;

}

.block h3{

    color: #0054a4;

    font-size:25px;

    margin: 10px 0 20px;

}

.block span{

    font-size: 15px;

    line-height: 20px;

}

.block  a{

    color: #0054a4;

}

.block  a:hover{

    color: #58595B;

}



.footer{

    background:#474848;

    bottom: 0;
    margin-top:20px;

    color: #FFFFFF;

    padding: 20px 0;

    font-size: 11px;

    line-height: 18px;

    text-align:left;

}


.footer img{

    margin: 0 3px;

}



.footer a{

    color: #fff;

}

.footer a:hover{

    color: #FFCC33;

}



.clr{

    clear:both;

}

.contentleft{

    background: none repeat scroll 0 0 #0154A4;

    margin-bottom: 0px;
    /*
        width: 233px;
    
    position:fixed;
    
    left:0;
    
    top:0;
    
    height:100%;*/

}

.icontentleft{

    background: none repeat scroll 0 0 #0154A4;

    margin-bottom: 0px;
    padding-bottom: 20px;
    /*padding-bottom: 120px;*/

}















img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

    max-width: 100%; 

    height: auto; 

}

.alignleft,

img.alignleft {

    display: inline;

    float: left;

    margin-right: 10px;

}

.alignright,

img.alignright {

    display: inline;

    float: right;

    margin-left: 24px;

    margin-top: 4px;

}

.aligncenter,

img.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

    margin-bottom: 12px;

}

.wp-caption {



    line-height: 18px;

    margin-bottom: 20px;

    max-width: 632px !important; 

    text-align: center;

}

.wp-caption img {

    margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

    color: #58595B;

    font-size: 14px;

    margin: 5px;

}

.wp-smiley {

    margin: 0;

}

.gallery {

    margin: 0 auto 18px;

}

.gallery .gallery-item {

    float: left;

    margin-top: 0;

    text-align: center;

    width: 33%;

}

.gallery-columns-2 .gallery-item {

    width: 50%;

}

.gallery-columns-4 .gallery-item {

    width: 25%;

}

.gallery img {

    border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

    max-width: 92%;

    height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

    max-width: 84%;

    height: auto;

}

.gallery .gallery-caption {

    color: #888;

    font-size: 12px;

    margin: 0 0 12px;

}

.gallery dl {

    margin: 0;

}

.gallery img {

    border: 10px solid #f1f1f1;

}

.gallery br+br {

    display: none;

}

#content .attachment img {

    margin: 0 auto;

}

.maincontent{



}

.maincontent td{

    padding: 6px 2px;

}

.slideshow-2{

    margin-left:10px;

}
.mainmenu ul ul{display: none;}

.mainmenu ul li:last-child{margin-right: 0}
.mainmenu ul ul{

    background: url("images/dropmenu-bg.jpg") repeat-y scroll 0 50% transparent;

    /*    border-bottom: 1px solid #FFCC33;*/
    position: absolute; text-align: left; left:0; right:0;     width: 175px; z-index: 2;

}
.mainmenu ul   li.current_page_ancestor  a{ border-bottom: 1px solid #FFCC33;     color: #ffcc33;}
.mainmenu ul ul li{

    float: none;position: relative;

}
.mainmenu ul.sub-menu li{ margin: 0; padding:0;}
.mainmenu ul ul ul {
    left: 100%;
    top: 0;
}
.mainmenu ul ul li a{

    border: medium none !important;

    color: #FFFFFF !important;

    font-size: 13px;
    padding:10px;

    font-weight:normal;

}

.mainmenu ul ul li a:hover, .mainmenu ul ul li.current-menu-item a{

    color: #FFCC33 !important;

}

.page-id-1208 ul.products,.page-id-1208 .page-title {

    display:none;

}

.page-id-34 label{

    display: block;

    float: left;

    width: 115px;

}

.maincontent ul, .maincontent ol{

    margin: 20px 0;

}

.maincontent ul li, .maincontent ol li{

    line-height: 18px;

    margin: 0 0 5px 15px;

}

.maincontent table.productdes td{

    border:1px solid #58595B;

    background:#dddddd;

    padding:3px;

    text-align:center;



}

.maincontent table.productdes th{

    border:1px solid #58595B;

    background:#0154A4;

    color:#ffffff;

    font-weight:bold;

    padding:3px;

    text-align:center;

}



form.wpcf7-form input[type="submit"]{

    background:#0154A4;

    border: 0 none;

    border-radius: 5px 5px 5px 5px;

    color: #FFFFFF;

    cursor: pointer;

    font-size: 15px;

    font-weight: bold;

    padding: 5px;

}

form.wpcf7-form input[type="submit"]:hover{

    background:#EBC03E;

    color: #000000;

}



.testimonial{

    background: url("images/testimonial.png") no-repeat scroll 30px 100% transparent;

    padding-bottom: 22px;

    margin-bottom: 15px;

}

.itestimonial{

    background: none repeat scroll 0 0 #EBC03E;

    border-radius: 10px 10px 10px 10px;

    padding: 10px 20px;

}

.testimonial span{

    font-weight:bold;

    font-style:italic;

}



.page-id-13 .content{

    background: url("images/services.jpg") no-repeat fixed 100% 0 transparent;

}

.page-id-19 .content{

    background: url("images/commercial-pool-heating.jpg") no-repeat fixed 100% 0 transparent;

}

.page-id-106 .content, .page-id-153 .content, .page-id-223 .content, .page-id-155 .content, .page-id-133 .content, .parent-pageid-2051 .content {

    background: url("images/solar-pool-heating.jpg") no-repeat fixed 100% 0 transparent;

}

.page-id-67 .content, .page-id-200 .content, .page-id-208 .content, .page-id-214 .content, .page-id-112 .content{

    background: url("images/hydronic-heating.jpg") no-repeat fixed 100% 0 transparent;

}

.page-id-84 .content, .page-id-17 .content{

    background: url("images/solar-hot-water.jpg") no-repeat fixed 100% 0 transparent;

}



.page-id-69 .content, .page-id-180 .content, .page-id-184 .content{

    background: url("images/pool-blanket.jpg") no-repeat fixed 100% 0 transparent;

}



.page-id-168 .content {

    background: url("https://supremeheatingwa.com.au/wp-content/uploads/2015/11/pool-blanket-Beaconsfield.jpg") no-repeat fixed 100% 0 transparent;

}

.page-id-142 .content {

    background: url("https://supremeheatingwa.com.au/wp-content/uploads/2015/11/solar-pool-heating-Perth.jpg") no-repeat fixed 100% 0 transparent;

}






.offer{

    margin-left:-9px;

}



.maincontent  table.manuals td{

    width: 430px;

}

.maincontent  table.manuals td td img{

    width:160px;

    margin-bottom: 6px;

    border: 1px solid #EEEEEE;

    height:215px;

}

span.filetype{

    font-size: 10px;

}

#fancybox-wrap{

    z-index:99999 !important;

}

.maincontent .polaroid-gallery a.polaroid-gallery-item .polaroid-gallery-text{

    font-family: arial,helvetica,sans-serif !important;

    font-size: 12px !important;

}



h1.cathead {

    margin:40 0 10px 0;  

    font-weight:bold;

    font-size:34px;

}

.datebox {

    float:left;

    color:#0054A4;

    text-align:center;

    width:80px;

    margin-right:15px;

}

.datebox .date {

    font-size:18px;

    line-height:24px;

    font-weight:bold;

}

.postcontent {

}

.postbar {

    float:left;

    width:200px;

}

.titlebox {

    float:left;

    width:350px;



}

.postcontent  .storycontent {

    border-top:1px solid #7f7f7f;

    margin :10px 0 40px;

    padding-top:15px;

    color:#333333;

}
body.page-id-261 .storycontent{
    width:100%;
}
.titlebox h2 {

    font-weight:bold;

    margin: 1px 0;

}

.read_more {

    display:block;

    width:100px;

    text-transform:uppercase;

    text-align:center;

    margin: 10px 0 0;

    padding: 4px 0;

    color:#FFCC33;

    background:#0054a4;

}

.read_more:hover {

    color:#ffffff;

    background:#3d7dba;

}

.postbar h3 {

    color:#707070;

    font-weight:bold;

    margin:0 0 15px;

}

.maincontent .postbar ul {

    margin:0;

}

.maincontent .postbar li {

    list-style:none;

    margin:0 0 10px;

}

.postbar a {

    color:#707070;

}

.postbar a:hover {

    color:#0054a4;

}



@media (max-width: 1400px) {

    body .content {

        background-position: 233px 0 !important;

    }

}





.home .homehidden{

    display:none;

}



#container {

    float:left;

    width:610px;

    margin-right:10px;

    padding-bottom:100px;

}

#cartbar {

    float:left;

    width:205px;

    padding-bottom:100px;

}

.maincontent .products .thumb, .maincontent .products .proimg {

    width:180px;

    height:150px !important;

    width:180px;

    overflow:hidden;

    border: 1px solid #DDDDDD;

    display: block;

}

.maincontent .products .title {

    margin: 8px 0 0 !important;

}

.maincontent .products li a img {

    height:auto !important;

    width:180px !important;

    border: 0 !important;

    margin: 0 !important;

}

.maincontent .products li {

    width:180px !important;

}

.maincontent div.product div.images div.thumbnails {



}

.maincontent div.product div.images {

    width:270px;

}

.maincontent div.product div.summary {

    width: 330px;

}

.maincontent .products li.product strong {

    height: 36px;

    overflow: hidden;

}

.maincontent .products li.product {

    margin-bottom:18px;

}
.banner-background{
    background:#474848;
    margin-bottom:20px;
    overflow: hidden;
}
.banner-wrapper {
    display: block;
    position: relative !important;
}

.banner-wrapper .banner-image-container {
    margin-bottom: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

.banner-wrapper .banner-image-container img{
    width: 100%;
}

@media all and (min-width: 768px) {
    .banner-wrapper .container-absolute {
        width:750px;
        margin-left:-375px;
        position: absolute;
        left:50%;
        top:0;
        bottom:0;
    }
}

@media all and (min-width: 992px) {
    .banner-wrapper .container-absolute {
        width:970px;
        margin-left:-485px;
    }
}

@media all and (min-width: 1200px) {

    .banner-wrapper .container-absolute {
        width:1170px;
        margin-left:-585px;
    }

}



.banner-content-container {
    top: -5px;
    max-height: 400px;
    left: 80px;
    position: absolute;
    width: 43%;
    z-index: 2;
    color:#fff;
    padding:2em;
    background:rgba(1, 84, 164, 0.5)
}

.banner-content-container h2{
   color:#fff;
   font-size:2.5em;
   line-height: 1.2;
   font-weight:bold;
}

.promo-bg {
    background: #fbfbfb;
    padding: 2em;
    border-radius:2px;
}
.home .maincontainer{
    display:none;
}
.banner-background{
    display:none;
}
@media all and (min-width: 992px) {
    .banner-background{display:block;}
    .leadins-container .image{
        width: 260px;
        height: 180px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-content-container {
        top: 0;

    }
}

@media all and (min-width: 1200px) {
    .banner-content-container {
        top: 20%;
    }
}

.leadins-container .content-container h3{
    color:#444;
    font-weight: bold;
    font-size:2em;
}
.banner-slide {
    position: relative;
}

/*------------------------------------*    
    $TOUCH NAV
    
    Only displayed on touch devices
    
\*------------------------------------*/
.nav-touch-toggle {
  position: absolute;
  top: 1.2em;
  right: 1em;
  font-size: 40px;
  color: #fff;
  }

 .sidr .navigation {
    width:100%;
 }

 .sidr .navigation:before, .sidr .navigation:after {
    content: '';
    display: table;
 }

 .sidr ul.nav, .sidr .nav ul {
    margin:0;
    padding:0;
 }

.sidr .nav-touch-top {
  padding: 1em 1.25em;
  position: relative; }
  .sidr .nav-touch-top .nav-touch-search {
    width: 75%; }
  .sidr .nav-touch-top .nav-touch-close {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 24px;
    height: 24px;
    margin-top: -12px; }
    .sidr .nav-touch-top .nav-touch-close a {
      padding: 10px; }

.sidr .nav-touch {
  width: 100%;
  display: block;
  font-size: 0.938em; }
  
  .sidr .nav-touch a {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #0154A4;
    color: #fff;
    border-top: 1px solid #eee;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0.625em 1em; }

    .sidr .nav-touch a:hover {
      text-decoration: none; }

      .sidr .nav-touch a:hover ul {
        display: block; }

  .sidr .nav-touch ul {
    display: none; }

    .sidr .nav-touch ul ul a {
      padding-right: 1em;
      padding-left: 2em;
      background-color: #016ed7; }

      .sidr .nav-touch ul ul a:before {
        content: '\f054';
        right: auto;
        left: 1em; }

  .sidr .nav-touch .current-menu-item > a {
    text-decoration: none;
    color: #fff;
    background-color: #014382; }

  .sidr .nav-touch .menu-item-has-children > a:before, .sidr .nav-touch ul ul a:before {
    font-size: 12px;
    content: '\f078';
    position: absolute;
    top: 50%;
    right: 3em;
    transform: translateY(-50%); }

.no-csstransforms .nav-touch .menu-item-has-children > a:before, .no-csstransforms .nav-touch ul ul a:before {
  top: 35%; }

  /*------------------------------------*    
      $SIDR

    Slide out sidebar for touch devices

  \*------------------------------------*/

  .sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 280px;
    overflow-x: none;
    overflow-y: auto;
    background-color: #fff;
    padding-bottom: 2em; }

  .sidr.right {
    left: auto;
    right: -280px; }

  .site {
    position: relative; }

  .site:before {
    content: '';
    transition: background .3s ease-in-out; }

  .sidr-open .site:before {
    content: '';
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75); }

    .nav-touch a:before {
      display: inline-block;
      font-family: FontAwesome;
      font-weight: normal;
      text-rendering: auto;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

      /*------------------------------------*\
          $SEARCH
      \*------------------------------------*/

      .nav-touch-top .form-search { position: relative; } 

      .nav-touch-top .form-search input.search-input { 
        width: 100%;
        margin: 0;
        padding: 0.5em;
        color: #666;
        border: solid #eee;
        border-width: 1px 0 1px 1px;
      }

      .nav-touch-top .form-search .search-submit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 45px;
        border: none;
        margin: 0;
      }

.center {
    text-align: center;
}