/*
Theme Name: hawkesburyhotwater-child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: hawkesburyhotwater
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face{font-family:ETmodules;font-display:block;src:url('./fonts/modules.eot');src:url('./fonts/modules.eot?#iefix') format("embedded-opentype"),url('./fonts/modules.woff') format("woff"),url('./fonts/modules.ttf') format("truetype"),url('./fonts/modules.svg#ETmodules') format("svg");font-weight:400;font-style:normal}

body h1, body h2, body h3, body h4, body h5, body h6{
  font-family: "Open Sans", Arial, sans-serif;
}
body .container {width:80%}

html body.sticky-header-active{padding-top:0 !important}
header #secondary{padding:0;background:transparent}
header #secondary li a:not(.wp-block-button__link){color:#fff;padding:0}
header .menu-phone{font-size:21px}
header .nav-menu li.menu-btn a{
  background: #C93939; color: #fff !important;
  font-size: 20px !important; font-weight: 600; line-height: 1;
  padding:10px 15px !important; margin-top: -2px;
}
header .nav-menu li.menu-btn a:hover{opacity:0.7}

header #primary-menu li a,
header #secondary li a{text-transform:uppercase}

.shfb-footer .widget-column .widget .widget-title{font-size:18px;margin-bottom:15px}
footer .footer-widget .widget_text p{font-size:15px}

.hm-top{
  background-image: linear-gradient(180deg, rgba(150, 105, 97, 0.61) 0%, rgba(2, 0, 76, 0.84) 100%), url('../../../wp-content/uploads/2025/04/hot-water-tools-background.webp') !important;
  background-position: center top; background-size:cover; 
}

.white-text h1,
.white-text p{color:#fff}

body .btn-red a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
  color: #ffffff !important;
    border-width: 6px !important;
    border-color: #c93939;
    border-radius: 5px;
    letter-spacing: 2px;
    font-size: 16px; font-family: 'Lato', sans-serif;
	padding:7px 24px;
    background-image: none;
	font-weight: 900 !important;
    text-transform: uppercase !important;
    background-color: #c93939;
}
body .entry-content .hm-top-h1 { max-width:770px; }
body .entry-content .hm-top-h1 h1{
  font-size: 70px; font-weight: 400; text-transform: uppercase;
  margin:0 !important; line-height: 84px;
}
body .entry-content .hm-top-h1 h1 + p{
  font-size:24px; line-height:1.5em; margin-top:10px; margin-right:20px;
  font-family:'Lato', sans-serif;	
}
body div .contact_dtl_wdgt{
  background: rgba(36, 36, 76, 0.62);
  margin-top:20px;
  padding: 30px 30px 25px;
  border-radius: 6px; margin-left:auto;
  border-top: 6px solid #C93939;
  font-size: 15px; line-height: 1.6em;
  color: rgba(255, 255, 255, 0.7) !important;
  position: relative;
}
body div .contact_dtl_wdgt h3{
  font-weight: 600; font-size: 28px; line-height: 1.2em;
  color: #fff; margin-top: 0 !important;
}
body div .contact_dtl_wdgt a{color:#fff;font-size:1.4em;}
body div div .cnt_dtl_btn{ color:#3c39e6 !important;
  border-radius: 3px; letter-spacing: 1px;
  font-size: 19px; text-transform: uppercase;
  background-color: #ffffff; display: block;
  padding: 12px 8px; text-align: center;
  position: absolute; bottom: 0; white-space:normal;
  width:100%;
  transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
  max-width: calc(100% - 60px);
  transform: translateY(50%);
}
body div .cnt_dtl_btn:hover{max-width: calc(100% - 45px);}
header #secondary li a{font-size:13px}
header.shfb.shfb-header .shfb-component-html a{font-size:24px; line-height:1}
header.shfb.shfb-header .shfb-component-html a i{font-size:21px}

header #primary-menu {align-items: baseline;}
header #primary-menu li a{font-size:15px;color:rgba(0,0,0,0.6)}
header #primary-menu>li>a{padding:52px 0 22px;}
header #primary-menu li.current-menu-item>a{color:#c93939}

.sydney-dropdown .sydney-dropdown-ul .sydney-dropdown-li:hover>.sydney-dropdown-ul{
	top: calc(100%);
	border-top: 3px solid #C93939;
    padding: 20px;
    background: #fff;
    width: 240px;
}
header #primary-menu .sub-menu li a{padding-top:13px;padding-bottom:12px;
  -webkit-transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
header #primary-menu .sub-menu li a:hover{ background-color: rgba(0, 0, 0, .03); opacity: .7; }

body .font26 h4{font-size:26px;font-weight:400;margin-top:0 !important}
body .font-22 h5{font-size:22px;font-weight:400;}
body .font20 h4{font-size:20px;font-weight:400;margin-top:0 !important}

.hm-top-logos p{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; gap:10px;
}
.hm-top-logos p img{ width: 150px; height: auto; max-height: 72px; }

.hm-logo-sec{margin-top:-8.5%}
.hm-logo-sec > .wpb_column > .vc_column-inner > .wpb_wrapper{
  background-color: #ffffff; border-top:18px solid #c93939; padding: 30px 10px;
  box-shadow: 0px 35px 43px -6px rgba(0, 0, 0, 0.1);
}

.hm-contact-row > .wpb_column > .vc_column-inner > .wpb_wrapper{background-color:#f4f4f4;height:100%;}
.hm-contact-sec > .vc_column-inner > .wpb_wrapper{
  padding:10px; background-color:#f4f4f4;
}
.hm-contact-sec form .fld{width:100%}
.hm-contact-sec form .fld input:not([type="submit"]),
.hm-contact-sec form .fld textarea,
.hm-contact-sec form .fld select{ font-size:14px;
  width:100%; border-radius:7px; border:none !important; padding: 14px !important;
}
.hm-contact-sec form .fld textarea{min-height:90px;height:auto}
.hm-contact-sec form{display:flex; flex-wrap:wrap;gap:0px 15px;}

.hm-contact-sec form input[type="submit"]{color: #ffffff !important;
    background-color: #02004c !important;
    padding: 18px !important;
    border: 1px #02004c solid !important;
    font-size: 20px !important;
    border-radius: 7px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;}
.hm-contact-sec form input[type="submit"]:hover{
	opacity: .8; outline: 0;
	background-color:#000000 !important;
}

body .serv-title p{
  font-weight: 700; text-transform: uppercase;
  font-size: 15px; letter-spacing: 1px;
  line-height: 1.4em; color: #3f3f3f; font-family: 'Lato', sans-serif;
}
body .serv-title2 p{
  font-weight: 700; text-transform: uppercase;
  font-size: 15px; letter-spacing: 1px;
  line-height: 1.4em; color: #3f3f3f; font-family: 'Lato', sans-serif;
}

.check-sec > .wpb_column > .vc_column-inner > .wpb_wrapper{
  background: #F4F4F4; height:100%;
  box-shadow: 0px 6px 54px 17px rgba(0, 0, 0, 0.04);
  padding-top: 22px; padding-bottom: 1px;
  border-radius: 15px;
}
.check-list-img .vc_single_image-wrapper{ padding:25px; background:#c93939; border-radius:50%; }
.check-list-img .vc_single_image-wrapper img{ width:40px; height:auto; }

.hm-gradiant-sec{
  background-image: linear-gradient(180deg, #ffffff 32%, rgba(2, 0, 76, 0.84) 100%) !important;
}
body .text-center p{text-align:center}
body .font18px p{font-size:18px;color:#000}
body .font20px p{font-size:20px}
.mxw-850{max-width:850px;margin-left:auto;margin-right:auto}
.mxw-750{max-width:750px;margin-left:auto;margin-right:auto}
body .font-red p{color:#cd5c5c}

body .footer-top{
  background-position: center top;
  background-image: linear-gradient(180deg, rgba(150, 105, 97, 0.3) 0%, rgba(2, 0, 76, 0.84) 100%), url(../../../wp-content/uploads/2025/04/plumber-at-work-fixing-leaking-sink.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
}
body .ft-up-h2 h2{ color:#fff;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 41px !important;
  letter-spacing: 2px !important;
  line-height: 1.2em !important;
}

body .footer_top_wdgt{
  width:80%; max-width:780px;
  margin:12% auto 13.5%; font-size:20px;
  text-align: center; color: #fff;
}
body div .vc_row .footer_top_wdgt h2{ font-size:41px; font-weight: 700; line-height: 1.2em;
    text-transform: uppercase; letter-spacing:2px;
    text-shadow: 0em 0.1em 0.6em rgba(0, 0, 0, 0.24);
    color: #fff; margin:0 auto !important; padding:0 0 10px;
}
body .footer_top_wdgt .ft-top-btn{
  color: #ffffff; border-radius: 5px; letter-spacing: 2px;
  font-size: 16px; font-weight: 600; position:relative;
  text-transform: uppercase; background-color: #c93939;
  padding: 10px 20px; margin:16px auto 16px; display: inline-block;
}
body .services-blocks{
  width:92%;max-width:1500px;margin-left:auto;margin-right:auto;
}
body .services-blocks .vc_column-inner > .wpb_wrapper{background:#fff;height:100%}
.services-blocks .vc_btn3.vc_btn3-size-md.vc_btn3-style-modern.vc_btn3-color-warning{
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #fa7f28; margin-top:-26px;
    box-shadow: 0px 12px 18px -6px rgba(250, 127, 40, 0.4);
    transition: all 300ms ease 0ms;
	-webkit-transition:all 300mx ease 0ms;
    padding: 8px 12px; font-family:sans-serif;
}
.services-blocks .wpb_text_column p a{color:#898f99!important}

.client-img{width: 90px; float: left; height: 90px;}
.reviews .revs,.reviews .clients{margin-left: 120px;}
.revs p{color: #898f99 !important;line-height: 1.8em;font-size:18px;}
.reviews{padding-left: 40px; padding-right: 40px; margin-top: 30px;}
.review-border > .wpb_column > .vc_column-inner > .wpb_wrapper{border-radius:15px;}

footer.shfb-desktop .container{max-width:1110px}

body .inner-top1,body .inner-top2{
  background-image:linear-gradient(180deg,rgba(150,105,97,0.67) 0%,rgba(2,0,76,0.84) 100%),url('../../../wp-content/uploads/2025/04/hot-water-for-showers-sm-1.jpg')!important;
  background-position:50%; background-size: cover;
  margin-top: 126px !important;
  padding-top: calc(8.8% + 27px) !important;
  padding-bottom: 11% !important;
}
body div .inner-top2{
  background-image:linear-gradient(180deg,rgba(150,105,97,0.67) 0%,rgba(2,0,76,0.84) 100%),url('../../../wp-content/uploads/2025/04/plumber-at-work-fixing-leaking-sink.jpg')!important
}
body div .hm-top.service-top{
  background-image:linear-gradient(180deg,rgba(150,105,97,0.67) 0%,rgba(2,0,76,0.84) 100%),url('../../../wp-content/uploads/2025/04/services.jpg')!important;
  background-position:center top;
}
body div .commercial-top{
	background-image: linear-gradient(180deg, rgba(150, 105, 97, 0.67) 0%, rgba(2, 0, 76, 0.84) 100%), url('../../../wp-content/uploads/2025/04/commercial-plumbing.jpg') !important;
}

body:not(.home) .entry-content .hm-top-h1 h1{
  margin: 0 !important;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 80px;
  letter-spacing: 2px;
  line-height: 1.2em; max-width: 750px;
  text-shadow: 0em 0.1em 0.6em rgba(0, 0, 0, 0.6);
}
body:not(.home) .entry-content .hm-top-h1 h1 + p{
  font-size: 20px; line-height: 36px;
}

body .entry-content .hm-top-h1.mxw-800,
body:not(.home) .entry-content .hm-top-h1.mxw-800 h1{
    max-width:800px;
}
body:not(.home) .entry-content .hm-top-h1.mxw-800 h1 + p{
	margin-right:0;
}
body .inner-sec2{max-width:1080px;margin-left:auto;margin-right:auto}
body .inner-sec2 > .vc_col-sm-2 > .vc_column-inner{padding-right:0;padding-left:0}
body .inner-sec2 .wpb_column.vc_col-sm-2{max-width:90px}

body .inner-sec2 h4 {
  font-family: 'Lato', sans-serif; font-weight: 900;
  text-transform: uppercase; margin-top:0 !important;
  font-size: 15px; letter-spacing: 1px; line-height: 1.4em;
}
body .inner-sec2 p{color:#898f99!important}

body:not(.home) .entry-content h2{
  font-size:26px;font-weight:400;margin:0 !important;padding-bottom:10px;color:#3f3f3f;
}
body:not(.home) .entry-content .h2-33 h2{
  font-size:33px; font-weight:700;
}
body:not(.home) .entry-content .mxw-1080 p{
  font-size:15px; color:#383838;
}

body div .contact-pg-div{
	max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
	border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    box-shadow: 0px 58px 58px -6px rgba(0, 0, 0, 0.1);
}
body div .cnt-pg-right{
	background-image: linear-gradient(180deg, #c93939 0%, rgba(60, 57, 229, 0.87) 100%);
    padding-top: 70px;
    padding-bottom: 310px;
}
body div .entry-content .cnt-pg-right h2{ color:#fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4em;
}
body div .entry-content .cnt-pg-right a{ display:block; word-wrap:break-word;
  color:#fff; padding-bottom:18px; font-size:18px; line-height:32px;
}
body div .entry-content .cnt-pg-right p br{display:none}

.contact-pg-div .hm-contact-sec > .vc_column-inner > .wpb_wrapper{background:#fff}
.contact-pg-div .hm-contact-sec form .fld input:not([type="submit"]),
.contact-pg-div .hm-contact-sec form .fld textarea,
.contact-pg-div .hm-contact-sec form .fld select{
  background: #f4f4f4;
}
.contact-pg-div h2 strong{font-weight:700}

.servcs-icons .wpb_single_image img{width:90px;height:auto}
.servcs-icons .wpb_single_image .vc_figure-caption{
	font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.4em;
    color: #cd5c5c; margin-top: 25px;
}
.servcs-icons .wpb_single_image{margin-bottom:15px}

.et_pb_social_media_follow{list-style-type:none;margin:0;padding:0 40px;display:flex}
.et_pb_social_media_follow li{font-family: "ETmoudles";}
.et_pb_social_media_follow li a{padding-bottom:0 !important}
.et_pb_social_media_follow li a:before{
	height: 32px;
    width: 32px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    color: #fff;
	font-family: "ETmodules";
	font-weight: 400;
}
.et-social-facebook a:before {content: "\e093";}
.et-social-linkedin a:before {content: "\e09d";}
.et-social-twitter a:before{content:"\e094"}
.et-social-instagram a:before { content: "\e09a";}

.et_pb_social_media_follow li a br,
.et_pb_social_media_follow li a span{display:none}

.btn-self{white-space:nowrap}
.btn-self, .btn-all .vc_btn3{transition: all 300ms ease 0ms;-webkit-transition: all 300ms ease 0ms;}
.btn-self:hover, .btn-all .vc_btn3:hover{padding-right:2em !important;padding-left:20px !important}
.btn-self:after,
.btn-all .vc_btn3:after{
  font-family: ETmodules !important;
  font-size: 1.6em;
  line-height: 1em;
    content: "\35";
    opacity: 0; color:inherit;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s; bottom: 0;
    transform: translateY(-20%);	
}
.btn-self:hover:after,
.btn-all .vc_btn3:hover:after {
    opacity: 1;
    margin-left: 0;
}
.ft-top-btn.btn-self:after{transform: translateY(-10px);}

@media (min-width:981px){
  header .shfb-above_header_row > .container{width:80%;max-width:1080px;padding:0;}
  header .shfb-main_header_row > .container{width:100%;padding-left:30px;padding-right:30px;max-width:100%;}
}
@media (min-width:1281px){
  body .hm-top{padding-left:unset !important;padding-right:unset !important}
  body .hm-top > .wpb_column{
    max-width:1470px; margin-left:auto; margin-right:auto; float:none; width: 80%;
	
  }
}
@media (max-width:1280px){
  body .hm-top > .wpb_column,
  body .hm-logo-sec > .wpb_column{  }
  body div .contact_dtl_wdgt a{word-wrap: break-word;}
}
@media (min-width:1110px){
  body div .mxw-1080{max-width:1080px;margin-left:auto;margin-right:auto}
}
@media (min-width:1025px){
  body div .hm-top{margin-top:0 !important;}
}
@media (max-width:1024px){
  body div .hm-top{margin-top:0 !important;}

  body .sydney-offcanvas-menu{
    left:13px !important; opacity:1;
    border:none; max-width: calc(100% - 26px);
    top:116px; position: absolute;
    z-index:5; transition: all 0.7s ease; -webkit-transition: all 0.7s ease;
	height:0; padding:0 30px; border-top:0px solid #C93939;
	display:flex; flex-direction:column; overflow:hidden;
  }
  body div .sydney-offcanvas-menu.toggled{
    padding:15px 30px;
    border-top: 3px solid #C93939;
	height:calc-size(auto, size);
	height:-webkit-calc(100%);
	height:-moz-calc(100%);
  }
	
  .shfb.shfb-mobile_offcanvas #mainnav a.sydney-dropdown-link{
    font-size: 14px; font-weight: 700; padding-left: 5% !important; width: 100%;
  }
  .shfb.shfb-mobile_offcanvas #mainnav .menu-btn a.sydney-dropdown-link{
    color: #fff !important;
    background: #C93939 !important;
    padding: 11px 5% !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 1;
  }
  body .shfb-mobile_offcanvas .mobile-menu-close svg{fill:#000}	
  body .sydney-offcanvas-menu #mainnav .sub-menu{
    display: block !important;
    visibility: visible;
    opacity: 1;
    width: 100%; padding-top:0;
    margin-bottom: 10px;
  }
  body .shfb-header.shfb-mobile{position:relative;width:100%;z-index:9;padding-top:50px}
  body .shfb-header.shfb-mobile .shfb-row-wrapper.shfb-above_header_row{
    width: 100%; position: fixed; top: 0;
  }
  body div div .cnt_dtl_btn{width:100%; /* margin-left: -30px; */ white-space:normal}
  .check-sec > .wpb_column > .vc_column-inner > .wpb_wrapper{padding:22px 10px 1px}	
  body .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover>ul{display:block !important}
  .shfb-mobile_offcanvas .mobile-menu-close,
  .menu-item-has-children .dropdown-symbol{display:none}
  body #mobile-menu .menu-item-has-children > a{background:rgba(0,0,0,.03) !important;}
  body .sydney-offcanvas-menu #mainnav li a:hover,
  body .sydney-offcanvas-menu #mainnav .sub-menu li:hover>a{
    background:rgba(0,0,0,.03) !important;
    opacity: .7;
  }
  .mobile-menu-opened .sydney-svg-icon,
  .mobile-menu-closed .sydney-svg-icon{
    vertical-align: unset;
  }
  .shfb-component-mobile_hamburger .mobile-menu-opened svg,
  .shfb-component-mobile_hamburger .mobile-menu-closed svg{
    fill: #CD5C5C;
  }
}
@media (max-width: 980px){
  body:not(.home) .entry-content .hm-top-h1 h1{font-size:46px;max-width:300px}
  body .inner-top1, body .inner-top2{padding-top:calc(8.8%) !important}	
  body .check-sec{gap:30px 0}	
}
@media (min-width:767px){
  body .hm-contact-sec form .fld.half-fld { width: calc(50% - 7.5px);}
}
@media (max-width: 767px) {
	.client-img{float:none;margin: 0 auto 20px;}
	.reviews .revs, .reviews .clients {margin-left:0px;}
	body.home div .hm-top{background:rgba(2,0,76,0.85)!important}
	body.home .entry-content .hm-top-h1 h1{font-size:36px;line-height:1}
	body.home .vc_custom_1745287556603{padding-top:0 !important}
	body .entry-content .hm-top-h1 h1 + p{font-size:22px; line-height:1.2em;}
	body.home .entry-content .hm-top-h1{margin-bottom:20px}
	.hm-logo-sec .inner-sec2{display:flex}
	.services-blocks{gap:30px 0}
	body .footer_top_wdgt .ft-top-btn{padding:10px 15px}
	body footer .shfb-rows .container{width:85%}
	.hm-logo-sec .inner-sec2.servcs-icons{flex-wrap:wrap;gap:20px}
}
@media (min-width: 480px) and (max-width: 980px) {
	body .check-sec .vc_col-sm-1\/5{width:50%}
}
@media (max-width:575px){
    body .shfb-header.shfb-mobile{padding-top:50px;}
}
@media (max-width:540px){
	body .hm-logo-sec{margin-top:15px}
}
.site-title{display:none;}
.site-description{display:none;}