/*
Theme Name: Custom

*/


body{font-family: "Lato", sans-serif;color:#000;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Fraunces", serif;font-weight: normal;color:#000;}
p:empty{margin:0;}
a{color: #28442c;}
a:hover{color:inherit;}


.navbar-bg{background:#28442c;padding:30px 0;}
.navbar-bg *{color:#fff;}
.navbar-bg .mega-menu-link{font-family: "Playfair Display", serif !important;font-size:14px !important;}

.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 633px;
background-position: center;
padding: 50px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide:before{content:"";display:block;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0;}
.hp-slider .slide-1 {background-image: url(imgs/slide1.jpg);}
.banner-box *{color:#fff;}

.txtf1{font-family: "Fraunces", serif;}
.txtf2{font-family: "Lato", sans-serif;}
.txtf3{font-family: "Playfair Display", serif;}
.txtc1{color:#28442c !important;}
.txtc2{color:#8d9a8b !important;}
.hp-title{font-size:56px;}
.sub-title{font-size:28px;color:#8d9a8b !important;}
.txti{font-size:3rem;}

.btn-primary,.send{background-color:#28442c !important;border-color:#28442c !important;color:#fff !important;}
.btn-secondary{background-color:#8d9a8b !important;border-color:#8d9a8b!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#000 !important;}
.btn-white-outline{background-color:transparent !important;border-color:#fff !important;color:#fff !important;}
.btn,.send{border-radius:0 !important;}
.btn:hover,.send:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.hpsec1 img{height:450px;object-fit:cover;}
.hpsec1-txt{background:#8d9a8b;padding:30px;}
.hpsec1-txt *{color:#fff}

.hpsec2,.hpsec4{padding:100px 0;}
.hpsec2 img{margin-right:15px;}
.hpsec3{background:#28442c;padding:50px;}
.hpsec3-bg{background:#f4f2ec;padding:50px;}
.hpsec3-bg h3::after {content: "";display: block;width: 250px;height: 2px;background: #000;margin: 20px 0;}
.hparea-list li {padding: 40px;background: #28442c;margin-bottom: 15px;color: #fff;font-size: 28px;font-family: "Fraunces", serif;}

.hpsec5-bg1,.shower-ctabg2{background:#f4f2ec;padding:80px;}
.hpsec5-imgbg1{background:url(imgs/hpsec5-imgbg1.jpg) no-repeat center;background-size:cover;}
.hpsec5-imgbg2{background:url(imgs/hpsec5-imgbg2.jpg) no-repeat center;background-size:cover;}
.shower-ctabg1{background: rgba(0,0,0,0.7) url(imgs/shower-ctabg1.jpg) no-repeat center;background-size:cover;padding:80px;background-blend-mode: color;}
.shower-ctabg1 *{color:#fff;}

.foot-bar {background: #28442c;padding: 80px 0;}
.foot-bar h4{font-size:56px;color:#fff;}
.footer {padding:50px 0;background: #f4f2ec;}
.footer h5 {font-size: 28px;}
.foot-details li{padding-left:10px;margin-bottom:30px;}
.foot-details a{color:inherit;}
.foot-details i{color: #28442c;font-size:22px;}
.footer-bottom {background: #f4f2ec;padding: 20px 0;}
.txtarea-field{height:150px;}
.footer .send{width:auto !important;}

.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #28442c;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #8d9a8b;padding: 50px 0;}
.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.section-cream {background: #f4f2ec;padding: 50px 0;}
.section-darkgrey {background: #b4b4b4;padding: 50px 0;}
.banner-overlay {position: relative;}
.banner-overlay *{color:#fff;}
.banner-overlay::before {content: "";position: absolute;background: rgba(0,0,0,0.6);top: 0;left: 0;right: 0;bottom: 0;}
.inner-bg {background: url(imgs/inner-bg.jpg) no-repeat center;background-size: cover;height: 550px;}
.inbdr {width: 284px;height: 2px;background:#fff; display:inline-block;margin:30px 0;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.shower-ctabox {padding: 30px;background: #fff;text-align: center;margin-bottom:50px;}
.shower-ctabox h3 {font-size: 20px;margin-bottom: 0;}
.shower-ctabox *{color:#000;}
.bath-cta {border-bottom: 2px solid #28442c;display: flex;align-items: start;padding: 0 20px 30px;margin-bottom: 30px;}
.bath-cta *{color:#28442c;}
.bath-cta .cta-num {font-size: 67px;font-weight: bold;line-height: 1;}
.bath-cta p {font-weight: bold;font-size: 24px;margin-left: 30px;margin-bottom: 0;}
.fitting-locations {background: url(imgs/fitting-locationsbg.jpg) no-repeat center;background-size: cover;padding: 50px;background-attachment: fixed;}
.floc-bg{padding: 50px;background:#fff;}
.floc-box {margin-bottom: 30px;position: relative;}
.floc-box h5 {position: absolute;z-index: 2;left: 40px;right: 40px;bottom: 20px;padding: 10px;background: rgba(40, 68, 44, 0.75);color: #fff;margin-bottom: 0;}
.tap-boxbg1{background: url(imgs/tap-boxbg1.jpg) no-repeat center;background-size: cover;padding: 50px;}
.tap-boxbg2{background: url(imgs/tap-boxbg2.jpg) no-repeat center;background-size: cover;padding: 50px;}
.tap-contbg{background: rgba(40, 68, 44, 0.75);padding:30px;}
.tap-contbg *{color:#fff;}
.acces-bg {background: rgba(255, 255, 255, 0.6) url(imgs/acces-bg.jpg) no-repeat center;background-size: cover;padding: 50px 0;background-blend-mode: overlay;}
.acc-box {padding: 30px;background: #fff;margin-top: 60px;}
.acc-box i {font-size: 3rem;background: #28442c;color: #fff;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;margin: -70px auto 0;display: block;}
.acc-box h3 {margin: 30px 0;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.mega-menu-item {margin: 0 8px !important;border-top: 1px solid #fff !important;}
.mega-menu-link:hover,.mega-current-menu-item .mega-menu-link {border-color: #fff !important;}
.mega-menu-link {padding: 0 !important;border-top: 3px solid transparent !important;}
.mega-sub-menu .mega-menu-link, .mega-sub-menu .mega-menu-item {border-top: 0px !important;}
.banner-box h1{font-size:72px;}
.banner-box h2,.hpsec3-bg h3{font-size:36px;}
.banner-box p{font-size:20px;}
.imgfit{height:100%;object-fit:cover;}
.hparea-list {column-count: 2;}
.hpsec5-bg1{display:flex;align-items:center;}
.hpsec5-imgbg1,.hpsec5-imgbg2{min-height:563px;}
.inner-bg h1{font-size:50px;}
.inner-bg p{font-size:20px;}
.tap-boxbg1,.tap-boxbg2{height:500px;padding:100px;}
}

@media screen and (max-width: 991px) {
#mega-menu-primary {margin-top: 15px !important;}
.hp-title{font-size:32px;}
.hpsec3,.fitting-locations{padding:50px 30px;}
.hpsec3-bg h3::after{width:215px;margin:20px auto;}
.hparea-list {column-count: 2;}
.hparea-list li {padding: 20px;font-size:20px;}
.hpsec5-bg1,.shower-ctabg1,.shower-ctabg2{padding:50px;}
.foot-bar h4 {font-size: 32px;}
.tap-contbg .inbdr {width: 60%;}
}

@media screen and (max-width: 767px) {
.hparea-list {column-count: 1;}
.hpsec5-imgbg1, .hpsec5-imgbg2 {height: 400px;}
.foot-bar h4{font-size:28px;}
.footer h5 {font-size: 22px;}
}