@font-face {
font-family: xmas;
src: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/fonts/xmas.ttf);
}
html{
scroll-behavior: smooth;
scroll-padding-top: 20px;
}
a,
a img{
transition: all 0.25s;
text-decoration: none;
}
.caret{
transition: 0s;
}
a:focus, a:hover{
opacity: 1;
}
h1{
font-size: clamp(35px, 4.5vw, 54px);
}
h2{
font-size: clamp(25px, 4.5vw, 32px);
}
h3{
font-size: clamp(22px, 4.5vw, 28px);
}
h4{
font-size: clamp(20px, 4.5vw, 24px);
}
a img:hover{
opacity: 0.9;
}
h1, h2, h3, h4{
color: #0f4c89;
}
h1, h2{
margin-bottom: 30px;
line-height: 1.2;
}
h3, h4{
margin-bottom: 25px;
line-height: 1.2;
}
h5, h6{
margin-bottom: 20px;
line-height: 1.2;
}
p{
font-size: clamp(16px, 2.5vw, 20px);
margin-bottom: 20px;
}
#content ul,
#content ol{
margin-top: 0px;
margin-bottom: 25px;
}
#content li{
margin-top: 0px;
margin-bottom: 10px;
position: relative;
font-family: Lato;
}
#content ul{
padding-left: 0px;
}
#content ul li{
list-style: none;
padding-left: 30px;
line-height: 1.2;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul{
margin-top: 15px;
}
#content ul li a{
color: #0f4c89;
}
#content ul li a:hover{
color: #f59924;
}
#content ul li::before{
content: "";
margin-top: 0px;
margin-bottom: 5px;
padding-left: 10px;
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/orange-check.png);
background-repeat: no-repeat;
background-size: cover;
width: 19px;
height: 19px;
position: absolute;
top: 3px;
left: 0px;
}
.nav-ul > li.careers{
padding-left: 10px;
padding-right: 10px;
background: #c0deff;
}
.nav-ul > li.careers a,
.nav-ul > li.careers a:hover{
color: #0f4c89 !important;
}
img{
image-rendering: -webkit-optimize-contrast;
}
a.read-more{
background: #f59924;
color: #fff !important;
border-radius: 50px;
font-size: clamp(12px, 2.5vw, 14px);
line-height: 1.4;
text-transform: uppercase;
display: inline-block !important;
padding: 6px 20px !important;
text-decoration: none;
}
a.read-more:hover{
opacity: 0.8;
}
a.read-more.large{
margin-top: 10px;
font-size: clamp(13px, 2.5vw, 16px);
padding: 6px 24px !important;
}
a.read-more.extralarge{
font-size: clamp(16px, 2.5vw, 20px);
padding: 8px 26px 10px !important;
}
a.read-more.blue{
background: #0f4c89 !important;
}
#content h1:not(:first-of-type),
#content h2:not(:first-of-type){
margin-top: 40px;
}
#content h3:not(:first-of-type),
#content h4:not(:first-of-type){
margin-top: 30px;
}  .menu-search{
margin-left: auto !important;
}
.menu-search i{
font-size: 20px !important;
color: #f59924;
transition: all 0.2s;
position: relative;
top: 1px;
}
.menu-search i:hover{
color: #fff;
}
.search-modal {
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
position: fixed;
top: 250px;
left: 0;
right: 0;
width: 500px;
max-width: 90%;
margin: 0 auto;
background: #fff;
border-radius: 50px;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.modal-close-btn {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
}
.search-overlay {
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.is-visible {
opacity: 1;
pointer-events: auto;
z-index: 9;
}
.search-modal .dgwt-wcas-search-input{
border-radius: 50px !important;
font-size: 17px !important;
height: auto !important;
padding: 10px 20px !important;
}
.dgwt-wcas-search-wrapp{
margin-top: 0px !important;
}
.dgwt-wcas-suggestions-wrapp{
margin-top: 10px !important;
border-radius: 20px !important;
}
.dgwt-wcas-st{
color: #0f4c89 !important;
}
.dgwt-wcas-suggestion-more{
min-height: auto !important;
padding: 12px 10px !important;
}
.dgwt-wcas-search-submit{
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important;
background-color: #f59924 !important;
font-size: 17px !important;
right: -1px !important;
height: auto !important;
}
.dgwt-wcas-search-submit:hover{
background-color: #0f4c89 !important;
opacity: 1 !important;
}
.dgwt-wcas-search-submit::before{
border-color: transparent #f59924 !important;
}
.dgwt-wcas-search-submit:hover::before{
border-color: transparent #0f4c89 !important;
}
.dgwt-wcas-om-return{
background: #0f4c89 !important;
}
.dgwt-wcas-om-return:hover{
background: #f59924 !important;
}
.dgwt-wcas-close path{
fill: #222 !important;
} .is-popup-search-form form{
width: 30%;
max-width: 600px;
min-width: 600px;
}
.is-form-style.is-form-style-3 input.is-search-input{
border-radius: 50px;
height: 45px;
padding: 0 25px;
}
.is-form-style.is-form-style-3 label{
width: calc(100%)!important;
}
.is-search-submit{
position: absolute;
width: 36px;
height: 45px !important;
right: 0px !important;
}
.is-search-icon{
position: relative;	
width: 50px;
height: 45px;
right: 0;
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important;
padding: 0px !important;
background: #0f4c89 !important;
}
.is-search-icon svg{
position: relative;
top: 12px;
}
.is-form-style .is-search-submit path{
fill: #fff;
}
.is-menu path.search-icon-path{
fill: #f59924 !important;
}
.is-ajax-search .is-loader-image{
right: 60px !important;
}
body:not(.home) #wpfront-notification-bar-spacer{
display: none !important; } .xmas-banner{
background-color: #c30f16;
padding: 30px 0px 35px;
position: relative;
}
.xmas-banner::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/snow-bg.png);
width: 100%;
height: 100%;
display: inline-block;
background-size: auto;
position: absolute;
top: 0px;
left: 0px;
opacity: 0.3;
mix-blend-mode: hard-light;
pointer-events: none;
}
.xmas-banner h2,
.xmas-banner p{
color: #fff;
text-align: center;
}
.xmas-banner h2{
margin-bottom: 20px;
font-family: xmas;
font-weight: normal;
font-size: clamp(32px, 2vw, 45px);
}
.xmas-banner p:last-child{
margin-bottom: 0px;
}
.sticky-nav {
position: fixed;
z-index: 99999;
top: 0;
width: 100%;
border-bottom: 4px solid #f59924 !important;
}
.nav-ul li.sticky-phone{
display: none;
}
.sticky-nav li.sticky-phone{
background: #f59924;
padding: 0px 14px;
display: block;
}  
.sticky-nav li.sticky-phone a{
display: inline-block;
position: relative;
top: 3px;
font-size: 18px;
line-height: 1.4;
color: #fff !important;
font-weight: bold;
}
.sticky-nav #content {
padding-top: 45px;
}
.sticky-nav .nav-ul{
justify-content: center;
}
.container,
.header .builder-item{
max-width: 1500px;
width: 100%;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
.header .builder-item--logo{
padding: 20px 0px;
}
.header-main-inner .row--wrapper{
display: flex;
flex-direction: column;
width: 100%;
}
.header .hfg-slot{
justify-content: left;
}
.header .hfg-slot.right{
background: #0f4c89;
border-bottom: 4px solid #f59924;
}
.nav-ul{
gap: 15px;
}
.nav-ul li>a{
font-family: arial;
font-size: 16px;
font-weight: 400;
}
.nav-ul > li{
padding: 8px 0px;
letter-spacing: 1px;
}
.nav-ul li>a{
color: #fff;
}
.nav-ul li.current-menu-item>a:not([href*="#"]),
.nav-ul li>a:hover{
color: #f59924;
}
.nav-ul .sub-menu{
background: #f59924;
right: auto;
left: 0px;
}
.nav-ul .sub-menu li{
letter-spacing: normal;
}
.nav-ul .sub-menu li>a{
padding: 8px 20px;
width: max-content;
}
.nav-ul .sub-menu li>a:hover,
.nav-ul .sub-menu li.current_page_item a{
color: #0f4c89;
}
.nav-ul .sub-menu li:not(:last-child){
border-bottom: 1px solid rgba(15, 76, 137, 0.12);
}
.nav-ul .sub-menu li .caret{
transform: rotate(-90deg);
position: relative;
}
.header .builder-item--logo{
display: flex;
justify-content: space-between;
}
.nav-ul .caret{
margin-top: 2px;
}
.nav-ul .caret svg{
font-size: 25px;
}
.nav-contact{
display: flex;
gap: 40px;
align-self: center;
position: relative;
top: 25px;
}
.nav-phone{
position: relative;
align-self: center;
}
.nav-phone::before{
content: "\f2a0";
font-family: Font Awesome\ 5 Free;
font-weight: 900;
position: absolute;
top: 11px;
left: calc(-20% - 6px);
font-size: clamp(32px, 4vw, 42px);
color: #f59924;
transform: rotate(-45deg);
}
.nav-phone .phone-numb{
font-size: clamp(18px, 2.5vw, 24px);
color: #0f4c89;
font-weight: 700;
}
a.yellow-btn{
font-size: clamp(14px, 2vw, 18px);
line-height: 1.4;
text-transform: uppercase;
background: #f59924;
padding: 6px 26px;
border-radius: 50px;
color: #fff;
display: inline-block;
}
a.yellow-btn:hover{
opacity: 0.8;
}
.yellow-txt{
color: #f59924;
}
.litelite-txt{
font-size: clamp(45px, 10vw, 75px);
color: green;
}
.nav-phone .office-timing{
font-size: clamp(14px, 2vw, 18px);
color: #707070;
line-height: 1.3;
}
.nav-contct-btn{
align-self: center;
}
.menu-image-title{
order: 2 !important;
text-align: left;
}
img.menu-image{
max-height: 25px;
width: auto !important;
text-align: left;
order: 1 !important;
padding-left: 0px !important;
margin-right: 8px;
}
.nav-ul .sub-menu li>a{
justify-content: left;
}
.header-menu-sidebar img.menu-image,
.home img.menu-image{
filter: brightness(0) invert(1) !important;
}
.menu-mobile-toggle{
display: flex;
justify-content: space-between;
}
.menu-mobile-toggle .is-menu{
top: -2px;
} .row{
margin: 0px;
}
.col{
padding: 0px;
} #content .large-lists ul li,
ul.large-lists li{
padding-left: 33px;
font-size: clamp(16px, 2vw, 23px);
}
#content .large-lists ul li::before,
ul.large-lists li::before{
content: "";
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/orange-check.png);
background-repeat: no-repeat !important;
background-size: cover !important;
top: 2px !important;
left: 0;
margin-top: 0px;
margin-bottom: 5px;
padding-left: 10px;
width: 23px;
height: 23px;
}
#rev_slider_1_1_forcefullwidth{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#section-1 .services-row .wpb_wrapper:last-of-type{
display: flex;
flex-direction: column;
min-height: 352px;
}
#section-1 .services-row .wpb_wrapper:last-of-type p:last-child{
margin-top: auto;
}
.home .single-page-container{
position: relative;
padding-bottom: 100px;
}
.home .single-page-container::after{
content: "";
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/arrow-down.png);
width: 54px;
height: 32px;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
background-position: bottom;
background-repeat: no-repeat;
image-rendering: -webkit-optimize-contrast;
}
.home .nv-page-title{
display: none;
}
.home section p{
max-width: 1100px;
margin-inline: auto;
}
section .wpb_text_column img,
.products-cat-row .wpb_text_column img,
.woocommerce .products .products .img-wrap img{
transition: all 0.3s;
}
section .wpb_text_column img.active,
.products-cat-row .wpb_text_column img.active,
.woocommerce .products .product.active .img-wrap img{
transform: scale(1.1);
}
.nv-single-product-top{
flex-wrap: nowrap !important;
gap: 50px;
}
.services-row .wpb_text_column img{
width: auto;
max-width: none;
height: 100px;
}
.services-row .wpb_text_column h2{
font-size: clamp(22px, 2.5vw, 25px);
margin-top: 0px;
margin-bottom: 20px;
max-width: 220px;
margin-inline: auto;
}
.services-row .wpb_text_column h3{
font-size: 23px;
color: #0f4c89;
margin-top: 0px;
margin-bottom: 10px;
}
.services-row .wpb_text_column p:nth-of-type(2){
font-size: 16px !important;
line-height: 1.4 !important;
color: #0f4c89 !important;
text-align: center !important;
max-width: 240px;
margin-inline: auto;
}
.products-cat-row .wpb_text_column{
background: #fff;
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lightblue-waterdrop.png);
background-position: -35px -345px;
background-repeat: no-repeat;
background-size: 390px;
max-width: 340px;
margin-inline: auto;
}
.products-cat-row .wpb_text_column > .wpb_wrapper{
display: flex;
flex-direction: column;
flex: 1;
min-height: 518px;
}
.products-cat-row-2 .wpb_text_column > .wpb_wrapper{
min-height: 546px;
}
.products-cat-row .wpb_text_column img{
max-height: 250px;
width: auto;
margin-top: -100px;
}
.products-cat-row .wpb_text_column h2{
font-size: 25px;
color: #0f4c89;
margin-top: 40px;
margin-bottom: 20px;
}
.products-cat-row .wpb_text_column p{
font-size: clamp(14px, 2.5vw, 16px);
line-height: 1.3;
}
.additional-products .products-cat-row .wpb_text_column p,
.additional-products .product-card-desc p{
font-size: clamp(14px, 2.5vw, 16px);
line-height: 1.3;
}
.products-cat-row .wpb_text_column p:first-child{
margin-inline: auto;
}
.products-cat-row .wpb_text_column p:last-child{
margin-top: auto;
margin-left: 0px;
}
.products-cat-row .wpb_text_column ul{
margin-bottom: 25px !important;
}
.products-cat-row .wpb_text_column li{
font-size: clamp(14px, 2.5vw, 16px);
line-height: 1.2;
padding-left: 25px !important;
}
.products-cat-row .wpb_text_column li::before{
width: 16px !important;
height: 16px !important;
top: 2px;
}
#section-3{
overflow: visible;
padding-top: 0px;
padding-bottom: 0px;
}
#section-3 .vc_row{
position: relative;
overflow: visible;
}
#section-3 .vc_row::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/office-image.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
background-attachment: fixed;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: multiply;
pointer-events: none;
}
#section-3 .vc_row .vc_col-sm-6{
z-index: 1;
}
.hydrotap-g5-classic-plus img{
margin-top: -250px;
margin-bottom: -100px;
position: relative;
z-index: 2;
}
#section-3 h1{
font-size: clamp(40px, 2.5vw, 65px);
}
#section-3 h4{
font-size: clamp(24px, 2.5vw, 30px);
}
#section-3 ul li::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/blue-check.png) !important;
}
#section-3 li:last-child::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/blue-plus.png) !important;
}
#section-3 h4,
#section-3 p,
#section-3 li{
color: #fff;
text-shadow: 0px 0px 4px rgba(1, 1, 0, 0.3);
}
#section-4 h1 span{
display: block;
}
#section-4 video{
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
object-fit: cover;
}
#section-4 .video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
pointer-events: none;
}
.video-wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#section-5{
overflow: visible;
}
#section-5 .bmw-water-cooler img{
width: 210px;
margin-top: -300px;
margin-inline: auto;
position: relative;
z-index: 2;
}
#section-5 .wpb_wrapper{
position: relative;
z-index: 2;
}
#section-6 .vc_row{
display: flex;
padding-left: 0px !important;
padding-right: 0px !important;
}
#section-6 .vc_row .vc_col-sm-4{
flex: 1;
padding: 250px 70px 200px;
position: relative;
overflow: hidden;
}
#section-6 .vc_row .vc_col-sm-4::before,
.rental-benifits-row .vc_col-sm-3 .rental-benefit::before{
content: "";
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: multiply;
pointer-events: none;
}
#section-6 .vc_row .vc_col-sm-4::before{
transition: all 0.3s;
}
#section-6 .vc_row .vc_col-sm-4.active::before{
transform: scale(1.2);
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(1),
#section-6 .vc_row .vc_col-sm-4:nth-of-type(3){
background-color: #bee0ff;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(2){
background-color: #f59924;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(1)::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/water-cooler-dispenser-rental-bg-img.jpg);
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(2)::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/bottled-water-deliverys-bg-img.jpg);
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(3)::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/maintenance-sanitisations-bg-img.jpg);
}
#section-6 .vc_row .vc_col-sm-4 .wpb_wrapper:last-of-type{
display: flex;
flex-direction: column;
min-height: 261px;
}
#section-6 .vc_row .vc_col-sm-4 p:last-child{
margin-top: auto;
margin-left: 0px;
}
#section-6 a.read-more{
background: #0f4c89;
margin-top: 10px;
}
#section-6 h2{
color: #0f4c89;
}
#section-7 p{
font-size: clamp(16px, 2vw, 23px);
line-height: 1.4;
margin-bottom: 30px;
}
#section-7 .kalix-contactless img{
width: 480px;
}
#section-8 .services-row .wpb_text_column h2{
font-size: clamp(18px, 2.5vw, 23px);
margin-bottom: 10px;
}
#section-8 .services-row .wpb_text_column{
margin-bottom: 10px;
}
#section-9 h1{
color: #fff;
margin-bottom: 50px;
}
.post-grid{
overflow: visible !important;
}
.post-grid .layer-wrapper{
display: flex;
flex-direction: column;
}
.post-grid .grid-items{
display: flex;
gap: 60px;
overflow: visible !important;
}
.post-grid .item{
flex: 1;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
border-radius: 20px;
overflow: hidden;
min-height: 572px;
display: flex !important;
}
.post-grid .layer-content{
display: flex;
flex-direction: column;
flex: 1;
padding: 25px 30px 40px !important;
margin: 0px !important;
}
.post-grid .element-media{
height: 250px !important;
}
.post-grid .read_more{
margin-top: auto;
}
.post-grid a.read-more{
align-self: flex-start;
}
.post-grid .post_date{
text-align: left;
font-size: 14px;
color: #777;
}
.post-grid .title a{
font-size: 20px !important;
line-height: 1.4;
font-weight: bold;
color: #0f4c89;
}
.post-grid .excerpt{
line-height: 1.4;
}
.home .pagination{
display: none;
}
#section-9 .vc_row::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/blogs-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
background-attachment: fixed;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: luminosity;
pointer-events: none;
}
#section-10 .wpb_single_image img{
width: 550px;
}
#section-11 .wpb_single_image img{
width: 400px;
}
#section-11 .vc_row::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/the-national-forest-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: multiply;
pointer-events: none;
display: block;
}
#get-in-touch{
overflow: visible;
}
#get-in-touch .contact-row{
flex: 1;
padding-inline: 20px;
}
#get-in-touch h1{
position: relative;
z-index: 1;
}
#get-in-touch h2{
color: #0f4c89;
margin-bottom: 25px !important;
}
#get-in-touch .vc_col-sm-4{
flex: 9;
background: #fff;
padding: 40px;
border-radius: 20px;
box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.2);
}
#get-in-touch .vc_col-sm-4:nth-child(2){
box-shadow: none;
flex: 1;
padding: 0px;
align-items: center;
display: flex;
box-shadow: none;
}
#get-in-touch .contact-row{
display: flex;
gap: 30px;
margin-top: 60px;
}
#get-in-touch .contact-row::before,
#get-in-touch .contact-row::after{
display: none;
}
#get-in-touch .contact-item img{
transition: all 0.3s;
}
#get-in-touch .contact-item.active img{
transform: scale(1.1);
}
.pp-txt{
font-size: 13px;
line-height: 1.4;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
color: #0f4c89;
}
.quform-button-submit{
float: none;
margin-bottom: 0px;
}
.quform-button-submit button{
margin: auto;
border-radius: 50px !important;
padding: 6px 50px;
transition: all 0.25s;
text-transform: uppercase;
font-size: 18px;
line-height: 1.6;
}
.item-wrapper{
display: flex;
flex-direction: column;
gap: 45px;
}
.contact-item{
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
position: relative;
}
.contact-item img{
height: 55px;
width: auto;
}
.contact-item-2 img{
height: 35px;
}
.contact-item-1 a,
.contact-item-2 a{
color: #0f4c89;
font-weight: bold;
font-size: clamp(24px, 2.5vw, 30px);
}
.quform-edit-form{
display: none;
} input[type="text"]#fill-me-in { 
position: absolute;
top: -5000px;
left: -5000px;
}
.g-recaptcha > div{
margin-inline: auto !important;
} @media (min-width: 768px){
.page-video{
max-height: 500px !important;
}
}
.page-video{
position: relative;
z-index: 0;
min-height: 350px;
object-fit: cover;
}
#breadcrumbs{
color: #fff;
text-align: center;
font-size: 16px;
}
#breadcrumbs a{
color: #0f4c89;
}
body:not(.home):not(.single) .header .hfg-slot.right{
border-bottom: 0px;
}
body:not(.home) .nav-ul .sub-menu{
background: #fff;
}
body:not(.home) .nav-ul .sub-menu li>a{
color: #0f4c89;
}
body:not(.home) .nav-ul .sub-menu li>a:hover,
body:not(.home) .nav-ul .sub-menu li.current_page_item a{
color: #f59924;
}
.nav-ul .sub-menu li>a{
justify-content: space-between;
}
.page-title-container{
background: #f59924;
min-height: 500px;
align-items: center;
position: relative;
}
.page-title-container.white-wave1{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.background-img{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.15;
mix-blend-mode: multiply;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
object-fit: cover;
background-size: cover;
}
.page-title-container .page-title{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% - 60px));
width: 100%;
max-width: 1000px;
}
.page-title-container .page-title h1{
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: 900;
margin-bottom: 10px;
}
.emph-font{
color: #0f4c89;
}
.page-id-1267 .page-title-container .page-title h1{
font-size: clamp(50px, 10vw, 80px);
}
.page-id-1267 .page-title-container .page-title h1 .emph-font{
font-size: clamp(35px, 10vw, 54px);
}
.page-title-container::before{
content: "";
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/arrow-down.png);
width: 54px;
height: 32px;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
background-position: bottom;
background-repeat: no-repeat;
image-rendering: -webkit-optimize-contrast;
}
.advert-img a{
display: inline-block;
position: relative;
z-index: 9;
}
.advert-img img{
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border: 3px solid #fff;
border-left: 0px;
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.4);
margin-top: 70px;
}
@media(min-width: 1301px){
.desktop-adv{
display: block;
}
.desktop-adv img{
max-width: 27vw;
}
.mobile-adv{
display: none;
}
}
@media(max-width: 1300px){
.desktop-adv{
display: none;
}
.mobile-adv{
display: block;
text-align: center;
}
.mobile-adv img{
max-width: 500px;
border-radius: 30px !important;
border: 3px solid #fff !important;
width: 100%;
}
.sticky-nav{
display: none;
}
}
body:not(.home) #content{
background: #fff;
padding-top: 60px;
position: relative;
}
.single #content{
padding-top: 0px !important;
} .intro-txt p{
max-width: 1000px;
margin-inline: auto;
}
.page-template-products-page .woocommerce{
margin-top: 140px;
}
.why-choose-product-cat-section,
.why-choose-product-cat-section .vc_row{
overflow: visible !important;
}
.why-choose-product-cat-section.white-wave2{
padding-bottom: 200px !important;
}
.why-choose-product-cat-section > .vc_row{
display: flex;
gap:50px;
}
.why-choose-product-cat-section > *::before{
display: none !important;
}
.why-choose-product-cat-section h1{
margin-bottom: 40px;
}
.get-in-touch-section .vc_col-sm-4:nth-child(2){
background: none !important;
} .page-template-products-page .get-in-touch-section{
background: #fff !important;
padding-top: 20px !important;
}
.page-template-products-page .get-in-touch-section::before{
display: none;
}
.page-id-862 .get-in-touch-section{
background: #eef6ff !important;
}
.enquiry-form-txt p{
max-width: 600px !important;
margin-inline: auto;
}  .archive .nv-bc-count-wrap,
.archive .nv-woo-filters{
display: none !important;
}
.archive.woocommerce .neve-main > .shop-container .nv-shop.col{
min-width: 100% !important;
}
.archive :is(.product_cat-zip, .product_cat-billi) .card-thumb{
display: none;
}
.archive :is(.product_cat-zip, .product_cat-billi) h2.woocommerce-loop-product__title{
margin-top: 0px !important;
}
.archive ul.page-numbers{
margin-top: 50px !important;
justify-content: center;
}
.archive ul.page-numbers li{
padding-left: 0px !important;
margin-right: 7px !important;
}
.archive ul.page-numbers li::before{
display: none;
}
.astm-search-menu-wrapper{
display: none !important;
} .product-page-banner{
max-height: 600px;
overflow: hidden;
border-bottom: 4px solid #f59924;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.product-page-banner::after{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/dotted-overlay.png);
position: absolute;
top: 0px;
left: 0px;
pointer-events: none;
width: 100%;
height: 100%;
}
pre.wp-block-preformatted{
padding: 0px;
margin: 0px;
background: none;
margin-top: 120px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{
display: none !important;
}
.woocommerce ul.products > li::before{
display: none;
}
.product-card-desc{
display: flex;
flex-direction: column;
flex: 1;
}
.product-card-desc .read-more{
align-self: flex-start;
margin-top: auto;
}
.product-card-desc .temp-icons-wrapper h4{
display: none;
}
.woocommerce ul.products{
display: grid;
grid-template-columns: repeat(auto-fit, 340px);
column-gap: 30px;
row-gap: 100px;
justify-content: center;
}
.additional-products .woocommerce ul.products{
row-gap: 40px;
}
.additional-products-exist .additional-sections{
position: relative;
background: #eef6ff;
padding-bottom: 0px !important;
margin-bottom: 50px;
}
.additional-products-exist #get-in-touch{
background: #fff;
}
.hide-woo-tabs,
.additional-products-exist .related-products-row{
display: none !important;
}
.additional-products-exist .site-footer.white-wave2::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/white-wave2.png) !important;
}
.additional-products-exist #quote-section::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lightblue-wave2.png) !important;
}
.woocommerce ul.products li.product{
background: #fff;
padding: 40px 30px !important;
margin: 0px !important;
border-radius: 20px;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lightblue-waterdrop.png);
background-position: -35px -345px;
background-repeat: no-repeat;
background-size: 390px;
display: flex;
flex-direction: column;
min-height: 505px;
min-width: 340px;
margin-inline: auto !important;
list-style: none;
line-height: 0 !important;
}
.related-products-row .stats-wrapper{
display: none !important;
}
.woocommerce ul.products li.product a img{
max-height: 250px;
width: auto;
margin-top: -100px;	
margin-inline: auto;
}
.woocommerce ul.products li.product_cat-contactless{
position: relative;
}
.woocommerce ul.products li.product_cat-contactless::after{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/contactless-icon.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;
background-size: contain;
image-rendering: -webkit-optimize-contrast;
position: absolute;
right: 20px;
top: 140px;
}
h2.woocommerce-loop-product__title{
font-size: 25px !important;
color: #0f4c89 !important;
margin-top: 55px !important;
margin-bottom: 20px !important;
padding-bottom: 0px !important;
}
.product-card-desc li{
font-size: 16px;
line-height: 1.2 !important;
padding-left: 25px !important;
position: relative;
}
.product-card-desc li::before{
width: 16px !important;
height: 16px !important;
top: 2px;
}
.product_cat-accessories .temp-icons-wrapper{
display: none;
}
.temp-icons-container{
display: flex;
justify-content: space-between;
white-space: nowrap;
margin-bottom: 30px !important;
max-width: 345px;
}
.temp-icon{
text-align: center;
}
.temp-icon:not(.active){
opacity: 0.3;
filter: grayscale(100%);
}
.temp-icon:not(.active) img{
filter: brightness(0) saturate(100%) invert(58%) sepia(100%) saturate(1977%) hue-rotate(156deg) brightness(98%) contrast(87%);
}
.temp-icon .temp-txt{
color: #0f4c89;
margin-top: 15px;
font-size: 12px;
}
.temp-icon img{
height: 30px;
width: auto;
}
.temp-icons-wrapper .stats-wrapper{
justify-content: left !important;
}  .postid-761 .product-page-banner::after{
display: none;
}
.product-top-page-section{
background-image: linear-gradient(-45deg,#002049,#400000,#002049,#400000,#002049,#400000) !important;
animation: gradient 30s linear infinite;
background-position: 100% 0;
background-size: 300%;
}
@keyframes gradient {
0% {
background-position: 100% 0
}
25% {
background-position: 0 0
}
50% {
background-position: 100% 0
}
75% {
background-position: 0 0
}
100% {
background-position: 100% 0
}
}
.product-top-page-section .container{
display: flex;
gap: 100px;
max-height: 450px;
overflow: hidden;
padding-block: 10px;
}
.product-top-page-section .banner-text{
flex: 2;
align-self: center;
}
.product-top-page-section .banner-text h1{
font-size: clamp(30px, 4vw, 60px);
color: #fff;
max-width: 700px;
}
.product-top-page-section .banner-img{
flex: 1;
}
.product-top-page-section .banner-img img{
max-height: 100%;
}
.product-top-page-section a.banner-link-btn{
display: inline-block;
padding: 10px 30px;
background: #cc2119;
margin-top: 10px;
border-radius: 50px;
color: #fff;
font-weight: bold;
font-size: clamp(17px, 4vw, 24px);
transition: all 0.3s;
}
.product-top-page-section a.banner-link-btn:hover{
background: #fff;
color: #cc2119;
}
.single-product #content{
margin-top: 0px !important;
}
.single-product main .nv-shop{
margin-top: 20px;
}
.woocommerce .woocommerce-breadcrumb .nv-breadcrumb-delimiter{
font-size: 18px;
}
.single-product .product_meta{
display: none;
}
.woocommerce .woocommerce-breadcrumb  a:hover{
color: #f59924;
}
.woocommerce div.product div.images{
float: right !important;
margin-bottom: 80px;
padding-bottom: 0px;
}
.nv-single-product-top .summary{
margin-left: 0px !important;
}
.woocommerce-product-gallery{
margin-top: -50px;
}
.woocommerce div.product .product_title{
font-weight: 900;
margin-bottom: 40px;
}
.fancybox-content img,
.recall_lightbox img{
background: #fff;
}
.wpgs-wrapper .icon-resize-full-alt:before{
color: #fff !important;
}
.fancybox-thumbs__list a{
background-color: #fff;
}
.fancybox-thumbs__list a:before{
border: 6px solid #f59924;
}
.search-overlay{
pointer-events: none;
}
.search-overlay.is-visible{
pointer-events: all;
}
.fancybox-caption{
display: none;
}
.slick-dots li::before{
display: none !important;
}
.product_title .emph-font{
color: #f59924;
}
div.product_cat-accessories .emph-font{
color: inherit;
}
.woocommerce div.product div.summary  h4{
padding-top: 7px;
}
.slick-list draggable{
border: 1px solid #e1e1e1;
}
.woocommerce div.product div.summary .temp-icons-container{
justify-content: flex-start;
gap: 20px;
}
.request-quote{
margin-top: 50px;
}
.woocommerce div.product div.summary .temp-icons-container .temp-icon img{
height: 40px;
}
.woocommerce div.product div.summary .temp-icons-container .temp-icon .temp-txt{
margin-top: 8px;
line-height: 1.4;
}
.nv-single-product-top .woocommerce-product-gallery,
.nv-single-product-top  .entry-summary{
flex: 1;
}
.nv-single-product-top  .entry-summary{
padding-right: 0px !important;
}
.full-width-row{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
display: inline-flex;
}
.full-width-row-1.white-wave2{
position: relative;
padding-top: 200px !important;
padding-bottom: 300px !important;
background: #eef6ff;
}
.arrow-down{
position: relative;
display: flex;
width: 100%;
}
.arrow-down::after{
content: "";
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/arrow-down.png);
width: 54px;
height: 32px;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
background-position: bottom;
background-repeat: no-repeat;
image-rendering: -webkit-optimize-contrast;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs{
text-align: center;
margin-bottom: 50px !important;
display: flex;
gap: 40px;
justify-content: center;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li{
padding-left: 0px;
margin: 0px;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
font-size: clamp(22px, 4vw, 30px);
padding-top: 0px;
padding-bottom: 10px;
color: #0f4c89 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
color: #f59924 !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before{
display: none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:nth-child(2)::after{
content: "";
width: 3px;
height: 28px;
background: #f59924;
position: absolute;
left: -21px;
top: 7px;
box-shadow: none;
border: none;
border-radius: 0px;
}
.woocommerce.single #tab-description ul{
padding-left: 0px !important;
}
.additional-products{
margin: 20px 0px 80px;
}
.additional-products .product-card-desc ul{
display: none;
}
.additional-products > h1{
text-align: center;
margin-bottom: 60px;
}
.stats-wrapper{
display: flex;
gap: 20px;
margin-bottom: 30px;
justify-content: center;
}
.stats-wrapper .stats-circle{
width: 105px;
height: 105px;
border-radius: 20px;
background: #0f4c89;
position: relative;
}
.stats-wrapper .stats-circle span{
position: absolute;
color: #0f4c89;
font-size: 10px;
line-height: 1;
}
.cold-cups{
bottom: 32px;
left: 61px;
}
.hot-cups{
bottom: 32px;
left: 26px;
}
.number-of-users .users{
color: #f59924 !important;
left: 50%;
transform: translateX(-50%);
bottom: 37px;
}
.additional-products .product-card-desc .read-more{
align-self: center;
margin-top: auto;
width: 100%;
text-align: center;
}
.additional-products .post-779{
display: none !important;
} .postid-761 .additional-sections h1,
.postid-885 .additional-sections h1{
margin-bottom: 100px;
}
.postid-761 .additional-products .woocommerce ul.products,
.postid-885 .additional-products .woocommerce ul.products{
row-gap: 100px;
}
.temp-icons-wrapper .stats-wrapper{
justify-content: center;
}
.card-intro-txt{
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
margin-bottom: 20px;
}
.card-intro-txt *:not(:first-child){
display: none;
}
.product_cat-accessories .product-card-desc p{
font-size: clamp(14px, 2.5vw, 16px);
line-height: 1.3;
}
.card-thumb{
margin-bottom: 70px;
text-align: center;
}
.card-thumb img{
border-radius: 100%;
max-width: 250px;
border: 4px solid #fff;
}
table{
border-collapse: collapse;
}
table .dark,
table th{
background: #0f4c89 !important;
color: #fff !important;
font-weight: bold;
}
table td,
table th{
border: 1px solid #ddd;
padding: 8px 20px;
width: auto;
}
table th[colspan="2"],
table td[colspan="2"]{
text-align: center;
}
.th-fullwidth{
background: #cae3ff !important;
text-align: center;
color: #0f4c89!important;
}
.why-choose-row{
display: flex;
gap: 100px;
padding-bottom: 50px;
}
.disable_whychoose_section .why-choose-row{
display: none;
}
.disable_whychoose_section .full-width-row-1{
padding-bottom: 20px;
}
.disable_whychoose_section .full-width-row-1::after{
display: none;
}
.product-image{
position: relative;
z-index: 1;
margin-top: -220px;
}
.product-image img{
max-height: 1000px;
max-width: 500px;
width: auto;
}
.product-features ul li{
width: 100%;
text-align: left;
margin-bottom: 0px;
}
.environments{
display: flex;
flex-wrap: wrap;
column-gap: 60px;
row-gap: 30px;
column-gap: 30px;
row-gap: 20px;
}
.product-features:first-of-type{
margin-bottom: 50px;
}
.environments .product-feature img{
height: 90px;
}
.environments .product-feature img{
height: 70px;
}
.environments .product-feature{
text-align: center;
}
.environments .product-feature h4{
font-size: clamp(17px, 2.5vw, 20px);
color: #f59924;
margin-top: 10px;
margin-bottom: 10px;
}
.environments h4{
font-size: 17px;
}
.environments .product-feature p{
font-size: 18px;
line-height: 1.4;
color: #0f4c89;
text-align: center;
max-width: 240px;
margin-inline: auto;
}
.environments .product-feature{
display: none;
}
.environments .product-feature.active{
display: block;
width: 115px;
}
.column h1.whychoose-heading{
margin-bottom: 60px;
}
.column h4.envionment-heading{
margin-bottom: 40px;
font-size: 28px;
}
h1 .product-title{
color: #f59924
}
#quote-section{
position: relative;
background: #f59924;
}
#quote-section .vc_row{
position: relative;
}
#quote-section .vc_row::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/inner-page-bg-11.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: multiply;
pointer-events: none;
}
#quote-section h1{
color: #fff;
text-align: center;
max-width: 1100px;
margin-inline: auto;
line-height: 1.2;
}
#quote-section h1 a{
color: #0f4c89;
}
.single-product #section-8::before{
display: none;	
}
.related-products-row{
position: relative;
background: #eef6ff;
margin-top: 70px;
}
.related-products-row.white-wave2{
padding-bottom: 70px !important;
}
.related-products-row h1{
text-align: center;
margin-bottom: 150px;
text-transform: capitalize;
}
.related-products-row h1 .emph-font{
color: #f59924;
}
.related-products-row .card-thumb{
display: none;
}
.single-product .nv-shop{
margin-bottom: 0px;
}
.product-section-wrapper{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 150px;
}
.product-section-row{
padding-top: 80px;
padding-bottom: 80px;
}
.product-section-inner-row{
display: flex;
row-gap: 30px;
column-gap: 80px;
}
.product-section-row:nth-child(odd){
background: #000;
}
.product-section-row .row-text{
align-self: center;
}
.product-section-row .row-text h3{
font-size: clamp(25px, 2.5vw, 35px);
}
.product-section-row:nth-child(odd) *{
color: #fff;
}
.product-section-row:nth-child(odd) .row-text{
order: 2;
}
.product-section-row:nth-child(odd) .row-img{
order: 1;
}
.product-section-row .row-img{
flex: 1;
}
.product-section-row .row-text{
flex: 2;
}
.product-section-row .row-img img{
max-height: 500px;
} .rental-benifits-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.rental-benefit{
display: flex;
justify-content: center;
width: 100%;
height: 100%;
max-width: 280px;
max-height: 280px;
padding: 40px;
border-radius: 100%;
border: 5px solid #f59924;
margin-inline: auto;
background: #0f4c89;
position: relative;
overflow: hidden;
aspect-ratio: 1;
}
.rental-benefit .wpb_wrapper{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.rental-benefit .wpb_wrapper img{
margin-inline: auto;
height: 80px;
width: auto;
}
.rental-benefit .wpb_wrapper h3{
font-size: 25px;
line-height: 1.3;
color: #fff;
margin-top: 0px;
}
.rental-benifits-row .vc_col-sm-3 .rental-benefit::before{
content: "";
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
mix-blend-mode: hard-light;
pointer-events: none;
}
.rental-benifits-row .vc_col-sm-3:nth-of-type(1) .rental-benefit::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/free-site-survey-bg.jpg);
}
.rental-benifits-row .vc_col-sm-3:nth-of-type(2) .rental-benefit::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/price-match-bg.jpg);
} .kettle-row img{
width: 340px;
}
.kettle-row h1{
font-size: clamp(35px, 3.2vw, 54px);
margin: 0px !important;
line-height: 1.4;
color: #fff;
}
.instanta-zip-row{
display: flex;
flex-wrap: wrap;
}
.instanta-zip-row .vc_col-sm-6{
display: flex;
}
.instanta-zip-row .vc_col-sm-6 .wpb_wrapper{
display: flex;
height: 100%;
flex-direction: column;
}
.instanta-zip-row .vc_col-sm-6 .wpb_text_column{
padding: 50px;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
border-radius: 20px;
height: 100%;
}
.instanta-zip-row h2{
margin-top: 0px !important;
}
.to-find-out h1{
max-width: 1100px;
margin-inline: auto;
font-size: clamp(35px, 2.5vw, 54px);
}
.wpsm-show{
margin-bottom: 0px;
}
.wpsm-hide{
margin-top: 20px;
}
.wpsm-show,
.wpsm-hide{
color: #f59924 !important;
text-align: center !important;
text-decoration: none !important;
transition: all 0.2s;
}
.wpsm-show:hover,
.wpsm-hide:hover{
color: #0f4c89 !important;
} ul.grid-list{
display: flex;
flex-wrap: wrap;
column-gap: 30px
}
ul.grid-list li{
width: 31%;
}
@media (max-width: 400px){
ul.grid-list{
flex-direction: column;
column-gap: 0px
}
ul.grid-list li{
width: 100%;
}
}
.page-template-general-page #quote-section h1{
max-width: 950px;
} .bottled-water-delivery-pg .vc_col-sm-3:nth-child(1) .rental-benefit::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/delivery-bg.jpg);
}
.bottled-water-delivery-pg .vc_col-sm-3:nth-child(2) .rental-benefit::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/nationwide-bg.jpg);
}
.bottled-water-delivery-pg .vc_col-sm-3:nth-child(3) .rental-benefit::before{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/local-bg.jpg);
}
.three-steps-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.three-steps-row .vc_col-sm-2{
float: none;
width: 20%;
}
.aio-icon-box-link .aio-icon-img .img-icon{
border-radius: 10px !important;
border: 3px solid #ddd;
}
.aio-icon-box-link h4{
font-size: clamp(22px, 2.5vw, 28px);
margin-top: 10px;
margin-bottom: 0px;
color: #f59924;
transition: all 0.2s;
}
.aio-icon-box-link h4:hover{
color: #0f4c89;
}
.aio-icon-box-link p:first-child{
display: none;
}
.water-bottles-row img{
width: 300px;
height: auto;
}
.water-bottles-row h4{
color: #0f4c89;
margin-bottom: 40px;
max-width: 350px;
margin-inline: auto;
} .quote-row .wpb_text_column{
max-width: 1000px;
margin-inline: auto;
}
.quote-row h1{
margin-bottom: 40px;
}
.quote-row h2{
margin-top: 0px !important;
margin-bottom: 40px !important;
}
.quote-row img{
width: auto;
max-width: 125px;
height: auto;
max-height: 80px;
} .delivery-location-txt{
max-width: 900px;
margin-inline: auto;
margin-bottom: 120px;
}
.delivery-cities{
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}
@media(max-width: 767px){
.delivery-cities{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.delivery-cities li::before{
top: 0px !important;
}
.is-popup-search-form form{
width: 80%;
min-width: auto;
}
}
.quform-6 .quform-element-column{
float: none;
display: inline-block;
vertical-align: bottom;
padding: 0 14px;
}
.quform-6 .water-product-group .quform-element{
margin-bottom: 25px;
}
.order-sections{
margin-bottom: 60px;
}
#online-order-page h1{
text-align: center;
}
#online-order-page p{
text-align: center;
}
#online-order-page .products-row{
column-gap: 55px;
justify-content: center;
}
.order-sections .products-row .col-md-3{
width: 20%;
}
#online-order-page .col-sm-12,
#online-order-page .col-md-3{
padding-left: 0px;
padding-right: 0px;
}
.products-row .col-md-3{
align-self: flex-end;
text-align: center;
}
.products-row .col-md-3 img,
.water-product img{
max-height: 400px;
width: auto;
max-width: 230px;
}
.products-row .form-group{
text-align: left;
}
.products-row .form-group label{
margin-bottom: 10px;
color: #0f4c89;
font-size: 20px;
line-height: 1.2;
font-weight: bold;
display: block !important;
}
.accounts-row .row{
column-gap: 40px;
}
.accounts-row .row .form-group{
margin-bottom: 30px;
}
.accounts-row .form-group label{
margin-bottom: 5px;	
color: #0f4c89;
}
.accounts-row h2{
margin-top: 0px;
margin-bottom: 40px;
text-align: center;
}
.row-seperator{
color: #e4e4e4;
margin-bottom: 45px;
opacity: 1;
border: 0px;
}
#orderwaterform .products-row .form-group{
margin-top: 30px;
margin-bottom: 60px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.form-control{
border-radius: 50px !important;
padding: 8px 22px !important;
color: #0f4c89;
}
.full-width-form-grp{
width: 100% !important;
}
textarea.form-control{
min-height: calc(8em + .75rem + 2px) !important;
border-radius: 30px !important;
border-width: 2px;
font-size: 20px;
}
.form-control:focus{
border-color: #f59924;
box-shadow: none !important;
color: #0f4c89;
}
.submit-btn-wrapper{
margin-top: 25px;
text-align: center;
}
#orderwatersubmit{
margin: auto;
border-radius: 50px !important;
padding: 8px 50px;
transition: all 0.25s;
text-transform: uppercase;
font-size: 19px;
line-height: 1.6;
}
#orderwatersubmit:hover{
background-color: #0f4c89;
}
.cups img{
max-height: 250px !important;
width: auto !important;
}
.order-phone-section{
display: flex;
column-gap: 50px;
text-align: center;
}
.order-phone-section small{
font-size: 16px;
opacity: 0.6;
color: #fff;
}
.order-box{
width: 50%;
border-radius: 20px;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
display: flex;
column-gap: 30px;
flex-wrap: wrap;
}
.order-box .text-col{
flex: 6;
padding: 40px;
text-align: left;
}
.order-box .text-col p{
text-align: left !important;
margin-bottom: 10px;
}
.order-box .img-col{
flex: 5;
display: flex;
position: relative;
}
.order-box .img-col img{
align-self: flex-end;
position: absolute;	
}
.order-by-phone{
background: #f59924;
}
.order-box h2{
color: #fff;
margin-bottom: 20px;
}
.order-by-phone h2 span{
color: #0f4c89;
}
.order-phone-section p{
color: #fff;
}
.order-by-text{
background: #0f4c89;
}
.order-phone-section p:last-child{
margin-bottom: 0px;
}
.order-phone-section a{
color: #fff;
}
@media (min-width: 576px){
.products-row .col-md-3{
width: 22%;
}
.accounts-row .form-group{
flex: 47%;
margin-bottom: 0px;
}
} .msg-wrapper{
width: fit-content;
}
.msg-wrapper .alert{
font-size: 20px;
font-family: "Lato", Arial;
}
.msg-wrapper .alert-success{
color: green;
}
.msg-wrapper .close{
margin-left: 15px;
font-size: 18px;
line-height: 18px;
padding: 1px 6px;
color: crimson;
float: right;
cursor: pointer;
}
.msg-wrapper a{
color: #f59924;
}
.msg-wrapper a:hover{
color: #0f4c89;
} .video-filter::after{
content: "";
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
}
.page-id-60 .page-title-container{
max-height: 500px;
}
.page-id-60 .page-title{
margin-top: 30px;
text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.page-id-60 .page-title::before{
content: "";
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/we-love-alt-logo.png);
width: 140px;
height: 140px;
background-size: contain;
background-position: center;
position: absolute;
top: -150px;
left: 50%;
transform: translateX(-50%) rotate(342deg);;
background-repeat: no-repeat;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
image-rendering: -webkit-optimize-contrast;
}
.page-id-60 .emph-font{
color: #f59924;
}
.page-id-60 #breadcrumbs a{
color: #f59924;
}
#water-for-body-section .vc_row{
display: flex;
flex-wrap: wrap;
column-gap: 40px;
justify-content: center;
}
#water-for-body-section .vc_row .vc_col-sm-2{
width: 30%;
padding: 40px 30px 45px;
border-radius: 30px;
margin-bottom: 40px; }
#water-for-body-section .wpb_text_column{
position: relative;
z-index: 1;
margin-bottom: 0px;
}
#water-for-body-section .vc_row .vc_col-sm-2 h1{
font-size: clamp(30px, 2.5vw, 40px);
color: #f59924;
}
#water-for-body-section .vc_row .vc_col-sm-2 p,
#water-for-body-section .wpsm-content{
font-size: 18px;
color: #fff;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
#water-for-body-section *::before,
#water-for-body-section *::after{
display: none;
}
#water-for-body-section .vc_row .vc_col-sm-2{
position: relative;
overflow: hidden;
background: #0f4c89;
}
#water-for-body-section .vc_row .vc_col-sm-2:after{
display: block;
content: "";
position: absolute;
background-position: center;
top: 0px;
left: 0px;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
opacity: 0.15;
pointer-events: none;
mix-blend-mode:luminosity; 
}
#water-for-body-section .wpsm-content br{
display: none;
}
#water-for-body-section .wpsm-show,
#water-for-body-section .wpsm-hide{
text-align: left !important; 
}
#water-for-body-section .wpsm-show:hover,
#water-for-body-section .wpsm-hide:hover{
color: #fff !important;
}
.nhs-section{
border: 2px solid #f59924;
padding: 26px 30px;
border-radius: 30px;
}
.brain:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/brain-img.jpg);
}
.skin:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/skin-img.jpg);
}
.cells:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/cells-img.jpg);
}
.blood:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/blood-img.jpg);
}
.heart:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/heart-img.jpg);
}
.liver:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/liver-img.jpg);
}
.bones:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/bones-img.jpg);
}
.kidneys:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/kidneys-img.jpg);
}
.lungs:after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lungs-img.jpg);
} #troubleshooting-guide-section .vc_row{
display: flex;
flex-wrap: wrap;
}
#troubleshooting-guide-section .wpb_text_column{
border: 3px solid #f59924;
padding: 30px 40px 40px;
border-radius: 30px;
} .rating-form h4{
color: #f59924;
}
.rating-form,
.rating-form button,
.rating-form input,
.rating-form select,
.rating-form textarea{
text-align: center;
width: 100%;
}
.mrp label,
.rating-results-list tr td label,
.user-rating-results tr td label,
.rating-item-results tr td label{
width: 100%;
font-weight: bold;
margin-bottom: 10px;
}
#rating-form-2-2253-0{
margin-inline: auto;
}
#rating-form-2-2253-0 input:not(.wp-block-button__link),
#rating-form-2-2253-0 textarea{
border-radius: 50px;
border: 2px solid #0f4c89 !important;
padding: 6px 18px 10px;
}
.mrp-star-rating-select i,
.thumbs-select i,
.mrp-star-rating-select span{
font-size: 28px;
}
#rating-form-2-2253-0 textarea{
border-radius: 30px;
}
#rating-form-2-2253-0 input:not(.wp-block-button__link):focus,
#rating-form-2-2253-0 textarea:focus{
border: 2px solid #f59924 !important;
box-shadow: none !important;
}
input.wp-block-button__link{
border-radius: 50px !important;
padding: 6px 24px 10px;
transition: all 0.2s;
width: auto;
margin-top: 20px;
}
input.wp-block-button__link:hover{
background: #0f4c89;
}
.rating-form .success{
color: green;
font-size: 22px;
}
.rating-form .mrp-error{
display: block;
} :is(.page-id-3538, .page-id-3737) :is(.header, .page-title-container, .site-footer, .floatton-btn, #cookie-law-info-bar){
display: none !important;
}
:is(.page-id-3538, .page-id-3737) #content{
padding-top: 0px !important;
}
:is(.page-id-3538, .page-id-3737) .single-page-container{
max-width: 100%;
padding: 0px;
}
:is(.page-id-3538, .page-id-3737) .df-container > .df-ui-next,
:is(.page-id-3538, .page-id-3737) .df-container > .df-ui-prev{
opacity: 1;
color: #f59924
}  .grecaptcha-badge {
display: none;
}
.emails-row .vc_col-sm-12{
max-width: 700px;
margin-inline: auto;
padding: 40px 20px;
border-radius: 20px;
box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.2);
float: none;
margin: auto;
}
.emails-row .vc_col-sm-12 img{
height: 70px;
width: auto;
}
.emails-row .vc_row .vc_col-sm-12 h2{
color: #f59924;
font-size: clamp(24px, 2.5vw, 28px);
margin: 20px 0px 15px;
}
.emails-row .vc_col-sm-12 p{
font-size: clamp(14px, 1.5vw, 20px);
line-height: 1.4;
}
.emails-row .vc_col-sm-12 p strong{
display: block;
} #popup-form h2{
margin-bottom: 25px;
}
.contact-popup{
display: flex;
gap: 30px;
padding: 40px !important;
max-width: 1200px;
margin-inline: auto;
}
.contact-popup .column{
flex: 10;
padding: 40px;
border: 2px solid #f59924;
border-radius: 20px;
}
.contact-popup .col-2{
flex: 1;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
}
.contact-popup  h2{
text-align: center;
font-weight: 700 !important;
}
.contact-popup input,
.contact-popup textarea{
width: 100% !important;
}
.contact-popup a.read-more.large{
border-radius: 50px !important;
}
.contact-popup .contact-item:last-of-type::after{
display: none;
}
.contact-popup .submit-btn-wrapper{
margin-top: 0px;
margin-bottom: 0px !important;
}
.contact-popup .pp-txt{
margin-bottom: 10px;
}
.contact-popup .pp-txt a{
color: #f59924;
}
.contact-popup .pp-txt a:hover{
color: #0f4c89;
}
.contact-popup br{
display: none;
}
.contact-popup .contact-item-2 a{
font-size: clamp(20px, 1.8vw, 26px);
}
.contact-popup .form-group input,
.contact-popup .form-group textarea,
.contact-popup .form-group input::placeholder,
.contact-popup .form-group textarea::placeholder{
font-size: clamp(15px, 1.8vw, 18px) !important;
line-height: 1.2 !important;
}
.contact-popup .contact-item-3 img,
#get-in-touch .contact-item-3 img{
width: 300px;
height: 100%;
border-radius: 100%;
}
#get-in-touch .contact-item-3 img{
width: 250px;
} #call-back{
max-width: 450px;
margin: auto;
text-align: center;
}
#call-back .form-group{
margin: 0px 0px 20px;
}
#call-back .form-group input,
#call-back .form-group textarea{
border-radius: 50px;
border: 2px solid #0f4c89;
padding: 6px 22px 8px !important;
font-size: 18px;
transition: all 0.3s;
text-align: center;
}
#call-back .form-group input:focus,
#call-back .form-group textarea:focus{
border: 2px solid #f59924;
}
#call-back.form-group input::placeholder,
#call-back .form-group textarea::placeholder{
font-size: 20px;
color: #0f4c89;
opacity: 1;
transition: all 0.3s;
}
#call-back .form-group input:focus::placeholder,
#call-back .form-group textarea:focus::placeholder{
opacity: 0.5;
}
#call-back .submit-btn-wrapper{
display: inline-block;
width: 100%;
margin-top: 0px;
}
#call-back .submit-btn-wrapper .btn{
font-size: 18px;
padding: 8px 30px;
background: #f59924;
color: #fff;
border-radius: 50px;
line-height: 1.4;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
transition: all 0.2s;
}
#call-back .btn:hover {
background: #0f4c89 !important;
} .custom-form form fieldset{
display: flex;
flex-direction: column;
width: 100%;
border: 0px;
padding: 0px;
margin: 0px;
}
.custom-form .form-group{
margin: 0px 0px 20px;
padding-left: 0px;
padding-right: 0px;
}
#homeform .form-group{
margin: 0px 0px 12px;
}
.custom-form .form-group label{
display: none;
}
.custom-form .form-group input,
.custom-form .form-group textarea{
border-radius: 50px;
border: 2px solid #0f4c89;
padding: 6px 22px 8px !important;
font-size: 18px;
line-height: 1.4;
transition: all 0.3s;
}
.custom-form .form-group textarea{
border-radius: 30px;
}
.custom-form .form-group input:focus,
.custom-form .form-group textarea:focus{
border: 2px solid #f59924;
box-shadow: none;
}
.custom-form .form-group input::placeholder,
.custom-form .form-group textarea::placeholder{
font-size: 20px;
color: #0f4c89;
opacity: 1;
transition: all 0.3s;
}
.custom-form .form-group input:focus::placeholder,
.custom-form .form-group textarea:focus::placeholder{
opacity: 0.5;
}
.custom-form textarea.form-control{
min-height: calc(7em + 0.75rem + 2px) !important;
}
#homeform textarea.form-control{
min-height: calc(6em + 0.75rem + 2px) !important;
}
.custom-form .btn{
font-size: clamp(15px, 2.5vw, 18px);
padding: 8px 50px;
background: #f59924;
color: #fff;
border-radius: 50px !important;
line-height: 1.4;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
margin-top: 10px;
transition: all 0.2s;
}
.custom-form .btn:hover{
background: #0f4c89 !important;
}
.custom-form .submit-btn{
text-align: center;
margin-bottom: 0px;
}
.custom-form h2{
margin-bottom: 25px !important;
}
.confirm-msg{
display: none;
}
#success_page{
border: 2px solid green;
padding: 25px 30px;
border-radius: 30px;
margin-bottom: 25px;
background: #eeffee;
}
#success_page h2{
display: none;
color: green;
font-size: 30px;
}
#success_page p{
font-size: 20px;
line-height: 1.4;
color: #0f4c89;
}
#success_page p:last-child{
margin-bottom: 0px;
}
.alert{
color: #842029;
background-color: #f8d7da !important;
border-color: #f5c2c7 !important;
border: 2px solid #890f0f !important;
padding: 20px 35px 20px 20px !important;
border-radius: 0px !important;
margin-bottom: 25px !important;
position: relative;
font-size: 18px;
}
.alert .close{
position: absolute;
right: 0px;
top: 0px;
padding: 4px 12px;
background: #890f0f;
border-radius: 0px;
} .white-wave1,
.white-wave2,
.lightblue-wave1,
.lightblue-wave2{
padding-top: 270px !important;
padding-bottom: 270px !important;
}
#rev_slider_1_1_forcefullwidth::after,
.blue-wave1::after,
.white-wave1::after,
.white-wave2::before,
.lightblue-wave1::after,
.lightblue-wave2::before{
content: "";
width: 100%;
height: 160px;
position: absolute;
left: 0px;
z-index: 1;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
pointer-events: none;
image-rendering: -webkit-optimize-contrast;
}
.white-wave2::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/white-wave2.png);
top: -1px;
background-position: top;
}
.white-wave1::after{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/white-wave1.png);
bottom: -1px;
background-position: bottom;
}
.lightblue-wave2::before{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lightblue-wave2.png);
top: -1px;
background-position: top;
}
.lightblue-wave1::after,
#rev_slider_1_1_forcefullwidth::after{
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/lightblue-wave1.png);
bottom: -1px;
background-position: top;
}
.blue-wave1::after{
background-image: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/blue-wave1.png);
bottom: -1px;
background-position: bottom;
} .floatton-success,
.floatton-loading{
display: none !important;
}
.floatton-container{
padding: 0px !important;
width: 240px !important;
pointer-events: none;
z-index: 99999 !important;
bottom: 80px !important;
}
.floatton-container.display-on-scroll{
display: block !important;
opacity: 1 !important;
pointer-events: all !important;
z-index: 999 !important;
}
.floatton-container .quform .quform-element{
width: 100%;
margin: 0px !important;
padding: 0px !important;
}
.floatton-container .quform-field-textarea{
min-height: 100px !important;
}
.floatton-container .floatton-inner{
padding: 0px !important;
max-width: 100% !important;
}
.floatton-container .floatton-inner label{
font-size: 16px !important;
font-weight: 500 !important;
top: 6px !important;
left: -9px !important;
text-transform: none !important;
margin-left: 0px !important;
padding-left: 0px !important;
}
.floatton-container .quform-button-submit button[type="submit"].quform-submit{
margin: 0px auto 0px auto !important;
float: none !important;
padding: 5px 30px;
font-size: clamp(14px, 2.5vw, 16px);
margin-left: auto !important;
margin-right: auto !important;
}
.floatton-container .quform-element-submit{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.floatton-container .floatton-close:before{
position: relative;
top: -3px;
}
.floatton-container .quform-label{
pointer-events: none;
}
.floatton-container{
border-radius: 20px !important;
}
.floatton-inner input,
.floatton-inner textarea{
border-radius: 10px !important;
font-size: 14px !important;
}
.floatton-container .floatton-pointer{
right: 15px !important;
}
.floatton-container p.pp-txt{
font-size: clamp(10px, 2.5vw, 10px) !important;
line-height: 1.3 !important;
max-width: 100% !important;
margin: 7px 0px 7px !important;
text-align: left !important;
}
.floatton-container .quform-form .quform-spacer{
margin: 0 0 0px 0 !important;
}
.floatton-container .quform-field{
padding: 3px 12px !important;
border-color: #0f4c89 !important;
}
.float-inner-1 h3{
margin: 0px !important;
background: #0f4c89;
padding: 8px 25px;
color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
font-size: 25px;
}
.float-inner-2{
padding: 0px 15px 20px;
}
.float-inner-2 .float-txt{
font-size: clamp(12px, 2.5vw, 14px) !important;
line-height: 1.3 !important;
margin-bottom: 15px !important; 
}
.floatton-container .floatton-close{
border: 1px solid #fff;
}
.floatton-container .floatton-pointer{
border-top: 12px solid #0f4c89 !important;
}
button.floatton-btn{
border: 1px solid #fff !important;
margin-bottom: 0px !important;
bottom: 20px !important;
}
body .floatton-container .floatton-pointer{
left: auto !important;
}
.hide{
pointer-events: none;
transition: all 0.3s;
display: none !important;
}
.show{
transition: all 0.3s;
display: block !important;
}
.floatton-container.floatton-opened{
pointer-events: all;
}
.floatton-container .quform-input-checkbox .quform-option-label{
font-size: 13px !important;
line-height: 1.2 !important;
left: 0px !important;
text-align: left !important;
}
.floatton-container .quform-input-checkbox  .quform-option{
gap: 5px;
}
.floatton-container .quform-input-checkbox .quform-option-label span{
display: inline-block;
width: 100% !important;
}
.sgpb-content-3824{
border: 0px !important;
box-shadow: none !important;
}
.sgpb-popup-close-button-1{
top: 9px !important;
bottom: auto !important;
} .site-footer{
background: #0f4c89;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.site-footer > .container{
padding-top: 250px;
padding-bottom: 80px;
}
.footer-items-container{
display: flex;
gap: 50px;
}
.footer-item{
flex: 1;
}
.footer-item-1 img.footer-logo{
width: 180px;
}
.footer-item-1 ul{
display: flex;
gap: 10px;
margin-top: 20px;
}
.footer-item-2 img{
filter: brightness(0) invert(1);
}
.footer-item-1 ul li img{
width: 30px;
}
footer h2{
font-size: clamp(20px, 2.5vw, 27px);
font-weight: bold;
color: #f59924;
}
.footer-item li{
margin-bottom: 7px;
font-size: clamp(16px, 2.5vw, 18px);
line-height: 1.4;
}
.footer-item li a{
color: #fff;
}
.footer-item a:hover{
color: #f59924;
}
.footer-item-3 p:not(:last-child){
margin-bottom: 15px;
}
.footer-item-3 p{
font-size: clamp(16px, 2.5vw, 18px);
line-height: 1.2;
color: #fff;
padding-left: 30px;
position: relative;
}
.footer-item-3 p::before{
font-family: Font Awesome\ 5 Free;
font-weight: 900;
position: absolute;
top: 0px;
left: 0px;
color: #f59924;
}
.footer-item-3 p.footer-address::before{
content: "\f3c5";
}
.footer-item-3 p.footer-phone::before{
content: "\f2a0";
top: 1px;
}
.footer-item-3 p.footer-email::before{
content: "\f0e0";
top: 2px;
font-weight: 400;
}
.footer-item-3 a{
color: #fff;
}
.footer-item-4.footer-item li{
align-self: center;
}
.footer-item-4 img{
max-width: 150px;
}
.footer-item-4 ul{
display: grid;
grid-template-columns: repeat( auto-fit, minmax(135px, 1fr));
gap: 15px;
}
.site-footer .accreditations{
text-align: center;
margin-top: 25px;
}
.site-footer .accreditations img{
max-height: 130px;
}
.footer-bottom{
background: #f59924;
padding: 14px 0px;
color: #fff;
display: flex;
}
.footer-bottom a{
color: #fff;
}
.footer-bottom a:hover{
color: #0f4c89;
}
.footer-bottom .container{
display: flex;
justify-content: space-between;
}
.footer-bottom .footerBtm-item-2 ul{
display: flex;
gap: 30px;
}
.footer-bottom .footerBtm-item-2 ul li{
position: relative;
}
.footer-bottom .footerBtm-item-2 ul li:not(:last-child)::after{
content: "";
width: 1px;
height: 18px;
background: #fff;
position: absolute;
right: -15px;
top: 2px;
}
.footer-bottom,
.footer-bottom li{
font-size: clamp(11px, 2.5vw, 16px);
line-height: 1.3;
}
.brochure-link{
position: relative;
}
.brochure-link::before{
display: inline-block;
content: "";
top: 3px;
position: relative;
background: url(//bluemountainwater.co.uk/wp-content/themes/bluemountainwater/images/book-open-icon.png);
width: 22px;
height: 22px;
margin-right: 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.joinchat__button{
bottom: 60px !important;
}
#cookie-law-info-bar{
bottom: 80px !important;
border-radius: 15px;
padding: 25px !important;
}
.cli-bar-message{
font-size: 12px !important;
line-height: 1.3 !important;
}
.cli-bar-btn_container{
display: flex;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
border-radius: 50px;
font-size: 11px;
padding: 7px 10px !important;
flex: 1;
}
.site-footer .woocommerce ul.products{
row-gap: 10px;
}
.site-footer .product-card-desc,
.site-footer .woocommerce ul.products li.product::after,
.site-footer .woocommerce ul.products li.product_cat-contactless::after{
display: none;
}
.site-footer .woocommerce ul.products li.product{
background: none;
padding: 0px;
box-shadow: none;
}
.site-footer h2.woocommerce-loop-product__title{
color: #fff !important;
margin: 0px !important;
align-self: center;
text-transform: capitalize;
font-size: clamp(18px, 2.5vw, 22px) !important;
transition: all 0.25s;
}
.site-footer h2.woocommerce-loop-product__title:hover{
color: #f59924 !important;
}
.site-footer .woocommerce ul.products li.product{
min-height: auto;
padding: 0px !important;
}
.site-footer .woocommerce ul.products li.product a{
display: flex;
}
.site-footer .woocommerce ul.products li.product a img{
margin: 0px;
max-width: 50px;
}
.site-footer .woocommerce{
margin-left: -17px;
}
.footer-dispenser-wrapper{
margin-left: -15px;
}
.footer-dispenser-wrapper a > div{
display: flex;
position: relative;
margin-bottom: 10px;
}
.footer-dispenser-wrapper a h2{
color: #fff;
transition: all 0.25s;
font-size: clamp(16px, 2.5vw, 18px);
margin: 0px;
align-self: center;
font-weight: normal;
}
.footer-dispenser-wrapper a h2:hover{
color: #f59924;
}
.footer-dispenser-wrapper .img-container{
width: 50px;
text-align: center;
}
.footer-dispenser-wrapper img{
max-height: 40px;
} .single-post .entry-header,
.single-post .rating-form{
display: none;
}
.single-post #content{
padding-top: 60px !important;
} @media (max-width: 1600px){
.nav-ul{
gap: 0px;
}
.nav-ul li>a,
.sticky-nav li.sticky-phone a{
font-size: clamp(12px, 1.2vw, 14px);
}
.sticky-nav li.sticky-phone a{
top: 0px;
}
.container,
.header .builder-item{
padding-left: 20px;
padding-right: 20px;
max-width: 1200px;
margin-inline: auto;
}
.delivery-location-txt{
margin-bottom: 50px;
}
}
@media (min-width: 1500px){
#cookie-law-info-bar[data-cli-style="cli-style-v2"]{
padding: 14px 100px;
}
}
@media (max-width: 1499px){
.full-width-row .container{
padding-left: 30px;
padding-right: 30px;
}
#rev_slider_1_1_forcefullwidth::after,
.blue-wave1::after,
.white-wave1::after,
.white-wave2::before,
.lightblue-wave1::after,
.lightblue-wave2::before{
height: 120px;
}
}
@media (min-width: 768px) and (max-width: 1499px){ }
@media (min-width: 768px) and (max-width: 1200px){
.products-cat-section .vc_col-sm-3{
width: 50%;
display: inline-block;
float: none;
margin-top: 100px;
}
.products-cat-section .products-cat-row{
max-width: 750px;
margin-inline: auto !important;
margin-top: 0px !important;
}
.products-cat-section .products-cat-row .wpb_text_column{
margin-bottom: 0px !important;
}
.white-wave1, .white-wave2, .lightblue-wave1, .lightblue-wave2{
padding-top: 200px !important;
}
#section-3 > .vc_row{
padding-top: 180px !important;
}
.hydrotap-g5-classic-plus img{
margin-top: -190px;
}
#section-5{
margin-top: 100px;
}
.services-row .wpb_text_column img{
height: 75px;
}
.contact-item-2 a{
font-size: clamp(18px, 2vw, 30px);
}
#get-in-touch .vc_col-sm-4{
padding: 40px 25px;
}
#quote-section > .vc_row,
#three-steps-section{
padding-top: 200px !important;
padding-bottom: 200px !important;
}
#kettle-section{
padding-top: 170px !important;
padding-bottom: 170px !important;
}
.footer-items-container{
gap: 25px;
flex-wrap: wrap;
}
.site-footer > .container{
padding-top: 20px;
padding-bottom: 50px;
}
.footer-item{
flex: 48%;
}
.footer-bottom .container{
flex-direction: column;
gap: 5px;
justify-content: center;
text-align: center;
}
.footer-bottom .footerBtm-item-2 ul{
gap: 30px;
justify-content: center;
}
}
@media(max-width: 1200px){
#rev_slider_1_1_forcefullwidth::after,
.blue-wave1::after,
.white-wave1::after,
.white-wave2::before,
.lightblue-wave1::after,
.lightblue-wave2::before{
height: 100px;
}
#section-6 .vc_row{
flex-direction: column;
}
#section-6 .vc_row .vc_col-sm-4{
width: 100% !important;
}
#section-6 .vc_row .vc_col-sm-4 .vc_column-inner{
padding-left: 20px !important;
padding-right: 20px !important;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(1){
padding: 140px 0 60px !important;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(2){
padding: 60px 0 60px !important;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(3){
padding: 60px 0 140px !important;
}
#section-6 .vc_row .vc_col-sm-4 .wpb_wrapper:last-of-type{
min-height: auto;
}
.vc_row.our-range-cat-heading{
margin-bottom: 0px !important;
}
.order-box{
width: 100%;
flex-direction: column;
}
.order-box .text-col{
padding: 40px 20px;
}
.order-box .img-col{
justify-content: center;
}
.order-box .img-col img{
position: relative;
max-width: 200px;
}
.single-product .why-choose-row{
flex-direction: column;
gap: 50px;
}
.single-product .product-image.column-1{
text-align: center;
}
.single-product h1.whychoose-heading{
margin-bottom: 25px !important;
}
.single-product .product-features ul{
flex-direction: column;
gap: 0px;
}
.product-features ul li{
width: 100%;
}
.product-image img{
max-height: 400px;
margin-top: -120px;
}
}
@media (max-width: 959px){
.header .hfg-slot.right{
border-top: 2px solid #f59924;
border-bottom: 2px solid #f59924;
}
.navbar-toggle{
margin: 0;
padding: 12px 14px;
border: 0px;
background: #f59924 !important;
}
.navbar-toggle .icon-bar{
width: 20px;
height: 2px;
margin: 3px 0px;
background: #fff;
}
.nav-contact{
top: 0px;
}
.header-menu-sidebar-bg,
.header-menu-sidebar-bg .nav-ul .sub-menu{
background: #0f4c89 !important;
}
.header-menu-sidebar-bg .nav-ul .sub-menu li>a{
color: #fff !important;
}
.header-menu-sidebar-bg .nav-ul .sub-menu li>a:hover,
.header-menu-sidebar-bg .nav-ul li.current_page_item a{
color: #f59924 !important;
}
.header-menu-sidebar .nav-ul{
gap: 0px;
}
.header-menu-sidebar .nav-ul li:not(:last-child){
border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.header-menu-sidebar .nav-ul li:not([class*=block])>a{
padding: 10px;
}
.header-menu-sidebar .sub-menu.dropdown-open li:last-child a{
padding-bottom: 5px;
}
.header-menu-sidebar .nav-ul .caret-wrap{
padding: 10px 12px;
background: #f59924;
color: #fff !important;
}
.header-menu-sidebar .nav-ul .caret{
margin-top: 0px !important;
margin-left: 0px !important;
}
.header-menu-sidebar  .nav-ul .caret svg{
font-size: 16px;
}
.sub-menu.dropdown-open{
padding-left: 20px;
border-top: 1px solid rgba(255,255,255, 0.2);
}
.header-menu-sidebar .nav-ul li>a{
font-size: 18px;
}
.header-menu-sidebar .sub-menu li a{
font-size: 16px;
}
.header-menu-sidebar .nav-ul .caret-wrap .caret{
transform: rotate(0deg);
transition: all 0.2s;
}
.header-menu-sidebar .nav-ul .caret-wrap.dropdown-open .caret{
transform: rotate(180deg);
}
.header-menu-sidebar  .nav-ul .sub-menu li>a:hover,
.header-menu-sidebar  .nav-ul .sub-menu li.current_page_item a{
color: #f59924;
}
.nv-single-product-top{
flex-wrap: wrap !important;
}
.rental-benifits-row .vc_col-sm-3{
min-width: 35%;
}
.products-row .col-md-3{
width: 20%;
}
.products-row .form-group label{
font-size: 17px;
}
.sgpb-popup-dialog-main-div-theme-wrapper-6{
left: 30px !important;
}
.contact-popup{
flex-direction: column;
}
.contact-popup .column{
width: 100%;
flex: 1;
}
.contact-popup h1{
margin: 0px;
}
.contact-popup .col-2{
padding: 0px !important;
}
#water-for-body-section .vc_row{
flex-direction: column;
margin-left: 0px !important;
margin-right: 0px !important;
}
#water-for-body-section .vc_row .vc_col-sm-2{
width: 100%;
}
.quform-6 .quform-element-column{
width: 50% !important;
}
}
@media (max-width: 768px){
.woocommerce div.product div.images{
float: right !important;
width: 48% !important;
}
}
@media (max-width: 767px){ .tparrows{
top: 63% !important;
}
.home .single-page-container::after{
top: 15px;
background-size: 40px;
}
.vc_section{
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.vc_column_container>.vc_column-inner{
padding-left: 20px !important;
padding-right: 20px !important;
}
.hfg-slot{
padding-left: 0px;
padding-right: 0px;
}
.nav-contact{
flex-direction: column;
gap: 12px;
}
a.yellow-btn{
padding: 4px 18px;
}
.cli-bar-btn_container{
max-width: 80%;
}
#rev_slider_1_1_forcefullwidth::after,
.blue-wave1::after,
.white-wave1::after,
.white-wave2::before,
.lightblue-wave1::after,
.lightblue-wave2::before{
height: 60px;
}
#section-1{
margin-bottom: 50px;
}
#section-1 .services-row{
margin-top: 10px !important;
}
#section-1 .services-row .wpb_wrapper:last-of-type{
min-height: auto;
margin-bottom: 20px;
}
#section-1 .read-more-btn-row{
margin-top: 0px !important;
}
.products-cat-row .wpb_text_column > .wpb_wrapper{
min-height: auto;
}
.services-row .wpb_text_column img{
height: 75px;
}
.services-row .wpb_text_column h2{
margin-bottom: 12px;
}
.white-wave1, .white-wave2, .lightblue-wave1, .lightblue-wave2{
padding-top: 150px !important;
}
#section-2{
padding-bottom: 140px !important;
}
.vc_row.products-cat-row{
margin-top: 0px !important;
}
.vc_row.products-cat-row .wpb_text_column{
margin-bottom: 0px;
margin-top: 100px;
}
.hydrotap-g5-classic-plus img{
margin-top: -310px;
margin-bottom: -40px;
position: relative;
z-index: 2;
width: 190px;
}
#content .large-lists ul li::before,
ul.large-lists li::before{
width: 20px;
height: 20px;
}
#section-3 .vc_row{
padding-bottom: 140px !important;
}
#section-4{
padding-top: 70px;
padding-bottom: 50px;
}
#section-5{
padding-bottom: 50px !important;
}
#section-5 .AA3300 img{
width: 140px;
margin-top: 25px;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(1){
padding: 110px 0 50px !important;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(2){
padding: 50px 0 50px !important;
}
#section-6 .vc_row .vc_col-sm-4:nth-of-type(3){
padding: 50px 0 110px !important;
}
#section-7 .kalix-contactless{
margin-bottom: 50px;
}
#section-7 .large-lists{
padding-top: 0px !important;
padding-left: 0px !important;
}
#section-8{
padding-bottom: 150px !important;
}
#section-8 .services-row .wpb_text_column{
margin-bottom: 30px;
}
.vc_row.services-row{
margin-top: 0px !important;
}
#section-11 .vc_row{
padding-top: 150px !important;
padding-bottom: 150px !important;
}
.home #get-in-touch{
margin-top: 50px;
}
#get-in-touch .contact-row{
flex-direction: column;
padding: 50px 0px 60px;
margin-inline: 20px;
}
#get-in-touch .vc_col-sm-4{
padding: 40px 5px;
}
#get-in-touch .contact-item-2 a{
font-size: clamp(17px, 2.5vw, 24px);
}
#get-in-touch .contact-row{
margin-top: 0px;
}
.floatton-btn{
display: none;
}
.page-id-1445 .mobile-contact-btn{
display: none; }
.mobile-contact-btn a{
position: fixed;
right: 20px;
bottom: 20px;
background-color: #f59924;
border: 1px solid #fff;
border-radius: 50px;
color: #ffffff;
font-weight: 600;
font-size: 15px;
line-height: 20px;
padding: 8px 20px;
z-index: 999;
}
.mobile-contact-btn i{
font-size: 18px;
position: relative;
top: 1px;
margin-right: 3px;
}
.mobile-contact-btn a:hover{
background-color: #0f4c89;
}
.emails-row .vc_col-sm-12{
width: 100%;
}
.emails-row .vc_col-sm-12 p{
font-size: clamp(16px, 2.5vw, 20px);
}
.site-footer > .container{
padding-top: 10px;
padding-bottom: 50px;
}
.footer-items-container{
flex-direction: column;
gap: 30px;
}
.footer-bottom .container{
flex-direction: column;
}
.footerBtm-item-1{
margin-bottom: 10px;
}
.footer-bottom .footerBtm-item-2 ul{
gap: 25px;
}
.footer-bottom .footerBtm-item-2 ul li:not(:last-child)::after{
height: 11px;
right: -13px;
}
.footer-items-container h2{
margin-bottom: 15px;
}
body div.floatton-container{
left: auto !important;
} .page-title-container{
min-height: 350px;
}
.page-title-container .page-title{
transform: translate(-50%, calc(-50% - 30px));
}
.background-img{
background-attachment: scroll;
background-size: auto 100%;
}
.page-title-container::before{
bottom: -30px;
background-size: 40px;
}
#inner-page-products-cat{
padding-bottom: 70px !important;
}
.page-template-products-page .woocommerce{
margin-top: 70px;
}
ul.products{
flex-direction: column;
row-gap: 90px;
}
.woocommerce ul.products li.product{
width: 100% !important;
min-width: 100%;
}
.woocommerce-tabs table{
overflow-x:hidden; 
white-space:normal;
}
.why-choose-product-cat-section.white-wave2{
margin-top: 100px !important;
padding-bottom: 100px !important;
}
.why-choose-product-cat-section > .vc_row{
flex-direction: column;
gap: 20px;
}
.product-image img{
margin-top: -100px;
}	
.product-image img{
max-width: 200px;
max-height: 300px;
width: auto;
}
.page-template-products-page .get-in-touch-section{
padding-top: 50px !important;
}
#services-section{
padding-bottom: 30px !important;
}
.services-row .vc_col-sm-3{
margin-bottom: 20px;
}
.vc_row.our-range-heading{
margin-top: 20px !important;
margin-bottom: 50px !important;
}
.vc_row.our-range-cat-heading{
margin-top: 20px !important;
margin-bottom: 0px !important;	
}
ul.grid-list{
flex-direction: column;
}
ul.grid-list li{
width: 100%;
}
#kettle-section{
padding-top: 150px !important;
padding-bottom: 150px !important;
}
.instanta-zip-row .vc_col-sm-6 .wpb_text_column{
padding: 50px 20px;
}
#quote-section > .vc_row{
padding-top: 125px !important;
padding-bottom: 100px !important;
}
.litelite-row{
margin-top: 50px;
margin-bottom: 20px;
}
#three-steps-section.vc_section{
padding-top: 150px !important;
padding-bottom: 150px !important;
}
#locations-section.vc_section{
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.three-steps-row{
flex-direction: column;
}
.three-steps-row .vc_col-sm-2{
width: auto;
}
.monitor-img img,
.service-img img{
max-height: 320px;
width: auto;
}
.order-phone-section{
flex-direction: column;
row-gap: 40px;
}
.order-sections .products-row .col-md-3{
width: 45%;
}
.products-row .form-group label{
font-size: 20px;
}
#head-office-section{
padding-left: 20px !important;
padding-right: 20px !important;
}
#head-office-section .vc_row{
flex-direction: column;
margin-left: 0px !important;
margin-right: 0px !important;
}
#head-office-section .vc_row .vc_col-sm-3{
width: 100%;
}
.products-row .col-md-3{
width: 45%;
}
.products-row .col-md-3 img,
.water-product img{
width: 100%;
max-width: 230px !important;
}
#water-important-section.vc_section{
padding-bottom: 120px !important;
}
#water-for-body-section .vc_row{
flex-direction: column;
}
#water-for-body-section .vc_row .vc_col-sm-2{
width: 100%;
padding: 40px 20px;
}
#water-for-body-section .vc_column_container>.vc_column-inner,
#head-office-section .vc_column_container>.vc_column-inner{
padding-left: 0px !important;
padding-right: 0px !important;
}
#water-for-body-section .vc_row{
padding: 0px 20px;
margin-left: -15px !important;
margin-right: -15px !important;
}
#map-section .vc_column_container>.vc_column-inner{
padding-left: 0px !important;
padding-right: 0px !important;
}
#map-section > .vc_row{
margin-bottom: -60px;
}
.insert-page #get-in-touch{
padding-top: 150px !important;
}
.page-id-1013 .insert-page #get-in-touch,
.page-id-1031 .insert-page #get-in-touch,
.page-id-1255 .insert-page #get-in-touch,
.page-id-1083 .insert-page #get-in-touch,
.page-id-85 .insert-page #get-in-touch,
.single-product .insert-page #get-in-touch,
.page-template-products-page .insert-page #get-in-touch{
padding-top: 50px !important;
} .product-top-page-section .container{
flex-direction: column;
padding-block: 30px;
gap: 0;
max-height: none;
overflow: visible;
text-align: center;
}
.product-top-page-section a.banner-link-btn{
padding: 5px 30px;
margin-top: 0px;
}
.product-top-page-section .banner-img img{
max-height: 250px;
}
.woocommerce div.product div.images{
float: none !important;
margin-top: 20px;
margin-bottom: 40px;
width: 100% !important;
}
.woocommerce div.product .product_title{
margin-bottom: 25px;
}
.single-product .arrow-down::after{
background-size: 40px;
top: 20px;
}
.single-product .full-width-row-1{
margin-top: 70px;
}
.single-product .full-width-row-1.white-wave2{
padding-top: 100px !important;
padding-bottom: 250px !important;
}
.single-product .product-features:first-of-type{
margin-bottom: 25px !important;
}
.woocommerce ul.products{
row-gap: 85px;
}
.single-product .product-features ul li{
width: 100%;
}
.single-product .related-products-row h1{
margin-bottom: 100px !important;
}
.woocommerce ul.products li.product{
background-position: 50% -350px;
}
.environments{
column-gap: 5px;
}
.environments .product-feature.active{
width: 100px;
}
.environments .product-feature img{
height: 55px;
}
.product-section-wrapper{
margin-top: 80px;
}
.product-section-inner-row{
flex-direction: column;
} table {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;
border: 0px;
}
}
@media (max-width: 480px){
.grecaptcha-badge{
visibility: hidden !important;
}
#online-order-page .products-row{
column-gap: 0px;
}
.order-sections .products-row .col-md-3{
width: 100%;
}
.products-row .col-md-3 img,
.water-product img{		
width: auto;
}
.page:not(.home) #content h1{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.why-choose-product-cat-section h1{
justify-content: flex-start !important;
text-align: left !important;
}
.contact-popup{
padding: 10px !important;
}
.contact-popup .column{
padding: 40px 20px;
}
.contact-popup .contact-item-2 a{
font-size: clamp(14px, 1.8vw, 26px);
}
.sgpb-popup-dialog-main-div-theme-wrapper-6{
left: 20px !important;
top: 30px !important;
}
#sgpb-popup-dialog-main-div:not(.sgpb-content-3824){
width: 87% !important;
max-width: 87% !important;
}
.sgpb-popup-close-button-6{
right: 10px !important;
}
.aio-icon-box-link h4{
font-size: 28px;
}
.litelite-heading span{
display: flex;
flex-direction: column;
}
.woocommerce ul.products{
grid-template-columns: 1fr;
}
.quote-row h2:last-of-type{
font-size: clamp(18px, 1vw, 25px);
}
}