/*

Theme Name: The Studio 4 Custom Theme

Theme URI: https://thestudio4.co.uk

Author: The Studio 4

Author URI: https://thestudio4.co.uk

Description: Custom responsive modern theme

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

Text Domain: thestudio4theme



This theme is the base for custom developed themes

*/



/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* END Fonts */

/* Variables */

html:root {
    --main-font: "Open Sans", Helvetica, Arial, Verdana;
    --header-font: "Open Sans", Helvetica, Arial, Verdana;
}

/* END Variables */

body {
    font-family: var(--main-font);
    font-weight:400;
}

a, a:visited, a:active{


}

a:hover{


}

.custom-logo{

    float:none;

    margin:0px;

}

.woocommerce div.product .stock{

	display:none;

}

#top-search{

    display: flex;

    align-items: center;

}

.top-bar{

    background-color:#424242;

    padding-top:2px;

    padding-bottom:2px;

}

#top-menu{

    list-style-type: none;

    display: flex;

    align-items: center;

    float:right;

    margin:0px;

    padding-top: 4px;

}

#top-menu li{

    display:inline;

}

#top-menu li > a{

    color:#fff;

    padding:10px 10px;

    font-family:var(--header-font);

    text-transform: uppercase;

}

#site-navigation, #primary-menu{

    font-family:var(--main-font);

}

#site-navigation .nav-menu > li{

    padding:0px 0px;

}

.sub-menu > li{

    width:100%;

}

.sub-menu > li > a{

    width:auto;

}

.current-menu-item a{

    color:#dd9923!important;

}

.current-menu-item a{

    color:#FFF;

}

.current-menu-item > a:after{

    position:relative;

    border-color: transparent;

    top:0;

    left:0;

}

.sub-menu{

    box-shadow:0px;

    box-shadow:none!important;

}

.sub-menu a{

    font-family:var(--main-font)!important;

    color:#000!important;

    font-size:18px!important;

    text-transform: initial!important;

}

.sub-menu li:hover > a{

    color:#333!important;

}

.sub-menu li:hover a{

    background:transparent!important;

}

#searchform, .searchBox{

    width:100%;

}

#top-search{

    position:relative;

}

#top-search input[type=text]{

    background-color:#FFF;

    border:1px solid #CCC;

    border-radius:0px;

    font-family:var(--main-font);

}

#searchsubmit{

    font-family: 'Font Awesome 5 Free';

    font-weight: 700; 

    border:0px;

    position:absolute;

    right:0px;

    top:0px;

    z-index:99;

    background:transparent;

    margin:0px;

    background-color:#424242;

    border-radius: 0px;

    border: solid 1px #424242;

    color: #FFF;

}

.blog-footer{

    background-color:#f7f7f7!important;

    color:#000;

    border:0px;

    text-align:left!important;

    font-family:var(--main-font)!important;

    border-top: 1px solid #f7f7f7;

    padding: 40px 0;

}

.section1{

    background-image:url("images/News-Articles.jpg");

    background-size: cover;

    background-repeat:no-repeat;

    width:100%;

    padding-top:75%;

    position:relative;

}

.section2{

    background-image:url("images/SuDS-Solutions.jpg");

    background-size: cover;

    background-repeat:no-repeat;

    width:100%;

    padding-top:75%;

    position:relative;

}

.sectionTitle{

    position:absolute;

    width:100%;

    background-color:#FFFFFF90;

    bottom:0px;

    left:0px;

    font-weight:bold;

    text-align:center;

    font-size:24px;

    color:#012c5f;

    padding:10px 5px;

}

#menu-footer-menu{

    padding:0px;

}

#menu-footer-menu li{

    list-style-type: none;

}

#menu-footer-menu li a{

    color: #000!important;

}

.redLink{

    color:#fc4965!important;

}

.slick-dots li button:hover, .slick-dots li button:focus{

    background:transparent;

}

.slick-dots{

    bottom:0px;

}

.slick-dots li button:before{

    font-size:14px;

    color:#000;

}

.homeSlide{

    position:relative;

}

.homeSlide img{

    margin:0px;

}

.bannerOverlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

}

.bannerOverlay .container{

    position:relative;

    height:100%;

}

.headerBtnContainer{

    position:absolute;

    bottom:10%;

    width:100%;

    text-align:center;

}

.headerBtn{

    color:#fff;

    font-size: 32px;

    font-family:var(--header-font);

    border: solid 1px #FFF;

    padding: 10px 80px;

    text-transform: uppercase;

}

.headerBtn:hover, .headerBtn:active, .headerBtn:visited{

    color:#FFF;

}

.bannerText{

    font-size:38px;

    font-family:var(--main-font);

    color:#FFF;

    font-weight:bold;

    text-align:center;

}

#site-navigation{

    float:right;

}

#site-navigation a{

    font-family:var(--header-font);


    font-size: 16px;

    font-weight:500;

}

#site-navigation a:after{

    content:"|";

    padding-left:25px;


}

#site-navigation li:last-child a:after{

    content:"";

    padding-left:0px;

}

@media only screen and (max-width: 768px) {

    #site-navigation li{

        width:100%;

    }

    #site-navigation a:after{

        content:"";

        padding-left:25px;

    }

    #site-navigation{

        float:left;

    }

}

.main-navigation, .nav-menu{

    background:transparent!important;

    box-shadow:none!important;

}

.brandSlide img, .brandSlide, .slick-slide, .slick-slide *{

    outline: none!important;

}

.headerText{

    font-family:var(--header-font);

    color:#424242;

    text-transform: uppercase;

    font-size: 24px;

}

.homepageSections{

    text-align:center;

    padding-bottom:10px;

}

.centerDiv{

    text-align: center;

}

#latestProductsSection{

    background:url("images/homepage/latest-products.jpg");

    background-repeat:no-repeat;

    background-position:center;

    background-size: cover;

}

.whiteText{

    color:#FFF;

}

.whiteBox{

    background-color:#fefefe;

    min-height: 355px;

}

.product-image{

    text-align:center;

}

.home .whiteBox{

    padding:10px;

}

.rightBlock{

    text-align:right;

}

.blog-footer ul{

    padding:0px;

}

.blog-footer li{

    list-style-type: none;

}

.blog-footer a, .blog-footer a:hover{


    font-family:var(--main-font)!important;

}

.footer1, .footer2, .footer3, .footer4{

    display: flex;

    height: 140px;

    align-items: center;

}

/* .woocommerce button.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .wc-backward{

    color: #424242;

    background-color: #FFF!important;

    font-family: var(--header-font)!important;

    font-size: 18px!important;

    padding: 5px 25px!important;

    border: solid 2px #424242!important;

    font-weight: 100!important;

    border-radius:0!important;

} */

input[type=checkbox]{

    width: 18px!important;

    height: 18px;

    float: left;

    background-color: #FFFFFF;

    border-color: #333;

}

.shopSidebar h4{

    font-family:var(--header-font)!important;

}

.shopSidebar a, .shopSidebar a:visited, .shopSidebar a:hover{

    color:#424242;

    font-family:var(--main-font)!important;

    font-weight: 500;

}

.shopSidebar li{

    padding: 10px;

    margin: 10px;

}

.woocommerce-breadcrumb, .woocommerce-breadcrumb a{

    font-family:var(--header-font)!important;

}

.pwb-filter-products label{

    font-family:var(--main-font)!important;

    font-weight: 100!important;

}

.woocommerce-loop-product__title{

    font-family:var(--main-font)!important;

    font-size:14px!important;

}

.woocommerce-products-header .woocommerce-products-header__title{

    color:#424242!important;

    font-family:var(--header-font)!important;

    font-size: 18px!important;

}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{

    float:left;

}

.shopSidebar button{

    color: #424242;

    background-color: #FFF!important;

    font-family: var(--header-font)!important;

    font-size: 18px!important;

    padding: 5px 25px!important;

    border: solid 2px #424242!important;

    font-weight: 100!important;

    border-radius:0!important;

}

.sidebar-module{

    padding: 15px 0px;

}

.ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle, .widget_price_filter .ui-slider .ui-slider-handle{



}

.woocommerce-ordering select{

    border-radius:0!important;

}

.woocommerce-Price-amount{

    font-family: var(--header-font)!important;

    color: #424242;

    font-weight: 100!important;

    font-size: 16px;

}

.entry-summary .woocommerce-Price-amount{

    font-size: 24px;

}

.shopSidebar > div{



}

.shopSidebar > div:last-child{

    border-bottom:0px;

}

.price_label, .orderby{

    font-family:var(--main-font);

}

.count{

    font-family:var(--main-font);

    font-size:10px;

}

/* .productBorderWrapper{

    border: solid 1px #ebebeb;

    position:relative;

} */

.productBorderWrapper .tinv-wishlist{

    position:absolute;

    right:0px;

    top:0px;

}

.product .tinv-wishlist a{

    color:#b21817;

    border-radius: 50px;

    border: solid 1px #b21817;

    max-width: 30px!important;

    max-height: 30px!important;

    margin:5px!important;

}

/* .productBorderWrapper .add_to_cart_button{

    width:30px;

    height:30px;

    padding:0px!important;

    background-color:transparent!important;

    margin:5px!important;

    margin-bottom:5px!important;

    position:absolute!important;

    right:0px!important;

    bottom:0px!important;

}  */

.woocommerce .productBorderWrapper #respond input#submit.added::after, .woocommerce .productBorderWrapper a.button.added::after, .woocommerce .productBorderWrapper button.button.added::after, .woocommerce .productBorderWrapper input.button.added::after {

    font-family: WooCommerce;

    content: "";

} 

.woocommerce .productBorderWrapper #respond input#submit.added::before, .woocommerce .productBorderWrapper a.button.added::before, .woocommerce .productBorderWrapper button.button.added::before, .woocommerce .productBorderWrapper input.button.added::before {

    font-family: WooCommerce;

    content: "\e017";

    position:absolute;

    right: 34px;

    top: 10px;

}

.productBorderWrapper .added_to_cart{

    position:absolute;

    bottom:0px;

    left:5px;

    font-family: var(--header-font)!important;

    /* color: #424242; */

    /* font-weight: 100!important; */

}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:before, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{

    top: 45%;

    left: 43%;

}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before, a.wishlist_products_counter.top_wishlist-heart:before, span.wishlist_products_counter.top_wishlist-heart:before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before{

    font-size: 24px;

}

.single-product .quantity{

    display:none;

}

.woocommerce div.product .product_title{

    font-family: var(--main-font)!important;

    font-weight: 100;

    font-size: 22px;

    line-height: 40px;

}

.woocommerce div.product form.cart{

    width:60%;

    float: left;

}

.woocommerce div.product form.cart .button{

    width:100%;

}

.cartAndWish {

    position: relative;

    clear: both;

    width: 100%;

    display: inline-block;

}

.cartAndWish .tinv-wraper{

    float:left;

}

.cartAndWish .tinv-wishlist a{

    margin:0px 10px!important;

}

.pwb-single-product-brands{

    float: right;

    overflow: hidden;

    max-height: 38px;

    vertical-align: middle;

    display: flex;

    align-items: center;

}

.pwb-single-product-brands img{

    border:transparent 0px!important;

}

.woocommerce div.product p.price, .woocommerce div.product span.price {

    width: 200px;

}


.pwb-single-product-brands a{

    color: #424242;

    font-family:var(--main-font);

}

.productInformation{

    position: relative;

    display: table;

}

.related.products h2{

    text-align: left;

}

.descSection{

    width: 50%;

    float: left;

    padding: 10px;

}

.topIcons{

    float:right;

}

.topIcon{

    padding-top: 3px;

    width: 20px;

    margin-bottom:0px!important;

    margin-left:5px;

    margin-right:5px;

}

.blog-header {

    padding-top: 20px;

}

code{

    color:#424242!important;

	background-color:transparent!important;

    font-family:var(--main-font)!important;

}

/* .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit, .woocommerce .woocommerce-Button, .woocommerce button.button, .woocommerce input.button{

    color: #424242;

    background-color: #FFF!important;

    font-family: var(--header-font)!important;

    font-size: 18px!important;

    padding: 5px 25px!important;

    border: solid 2px #424242!important;

    font-weight: 100!important;

    border-radius: 0!important;

} */

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {

    text-align:left;

}

.productSection{

    position: relative;

    display: inline-block;

    width: 100%;

}

.sliderProd .slick-dots{

    bottom: -40px!important;

}

.sliderProd .slick-track{

    float:left;

}

.product-template-default .woocommerce-Price-amount{

    float:left;

}

.bagIcon{

    position:relative;

}

.cart-contents{

    position: absolute;

    top: 8px;

    /* left: 11px; */

    text-align: center;

    color: #FFF;

    font-size: 8px;

    width: 8px;

}

.related.products .relatedHeader{

    font-family: var(--header-font)!important;

    text-align:center;

}

#product-slider:hover{

    cursor: zoom-in;

}

.productSlide{

    padding:20px;

}

.productNavSlide, .productSlide{

    /* border: solid 1px #ebebeb!important; */

}

.productNavSlide{

    margin:5px 1px;

    display: block;

    padding:10px;

}

.zoomIcon{

    position:absolute;

    left:25px;

    top:10px;

    z-index:5;

}

.shop_table_responsive button{

    white-space: break-spaces!important;

}

.assistive-info{

    text-align:right;

}

.sitename{

    max-width: 265px;

    float: right;

}

@media only screen and (max-width: 768px) {

    .sub-menu {

      display: block;

    }

    .whiteBox{

        min-height:250px!important;

    }

    .headerBtn{

        font-size:20px;

    }

    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{

        display:block!important;

    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{

        content:""!important;

    }

    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail{

        text-align:center!important;

    }

    #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{

        width:auto!important;

    }

  }



  @media only screen and (max-width: 992px) {

	  .woocommerce .addToBasketImg , .woocommerce-page .addToBasketImg {

		  max-width:80%!important;

	  }

    .footer1, .footer2, .footer3 {

        height:auto;

    }

    .whiteBox{

        min-height:400px;

    }

    .assistive-info{

        text-align:center;

    }

    .sitename{

        max-width:100%;

    }

   /* #site-content>.container{

		display: flex;

        flex-flow: column;

	}

    .sliderWrapper>.row{

        display: flex;

        flex-flow: column;

    } */

    .sliderWrapper>.row>.col-md-3{

        order: 2;

    }

	#site-content>.container #sidebar-left{

		display: block;

    	order: 2;

    }

    .headerBlock{

        text-align:center;

        float: right;

    }

    #top-menu{

        display: block;

        float: none;

        margin: 0px;

        padding: 5px 0px;

        text-align: center;

    }

    .topIcons{

        float:none;

        margin: auto;

        text-align: center;

    }

    .homeSlide img{

        display:none;

    }

    .homeSlide{

        background-image:url('images/slide2.jpg');

        background-position:center;

        background-size: auto 100%;

        min-height:40vh;

    }

    .nav-menu.responsive li{

        float:left;

    }

    .sub-menu{

        padding-left:20px!important;

    }

    .nav-menu li.menu-toggle{

        float: left;

        position: relative!important;

        height: 60px;

        width: 100%;

    }

    .mobileLogo img{

        max-width:100px!important;

    }

  }

  .orangeButton:visited{

      color:#FFF;

  }

  .embed-responsive{

      overflow:auto!important;

  }

  .woocommerce form .form-row .input-checkbox{

      position:relative;

  }

  .wc-stripe-elements-field, .wc-stripe-iban-element-field{

    position: relative;

    height: 30px;

  }

  #shipping_method .form-control{

      width:auto;

  }

  #menu-item-541 .sub-menu{

    width: auto;

  }

  #menu-item-541 .sub-menu > li{

    width: 170px;

    display: inline-grid;

  }

  #top-menu li a{

    white-space: nowrap;

  }

  @media only screen and (min-width: 768px) {

    #searchBar.hidden-mobile{

        display:none!important;

    }

  }

  @media only screen and (max-width: 768px) {

    #searchBar.hidden-mobile{

        display:none;

    }

  }

  .mobileFilter{

    padding-bottom:20px;

}

.widgettitle{

    font-family: var(--header-font)!important;

    font-size: 22px;

}

.assistive-info .sitename{

	color: #373A41;

    font: normal normal bold 48px / 48px var(--main-font)!important;

	text-transform: none;

}

h4, .page h4, .widget-title, .rollover-content h2.entry-title, .flex-caption h2, .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item h2, .button-load-more, .paginator .loading-ready {

    color: #373A41;

    font: italic normal normal 28px / 33px "Merriweather Sans", Helvetica, Arial, Verdana, sans-serif;

    text-transform: none;

    margin-top: 0px;

    clear: both;

}

.email, .phone{

    position:relative;

    margin-left:52px;

    line-height:42px;

    font-weight:bold;

    font-size:18px;

}

.email:before{

    content: "";

    position: absolute;

    left: -50px;

    top: -6px;

    width: 42px;

    height: 30px;

    background-size: 42px 30px;

    background-image:url("images/envelope.JPG");

    background-repeat: no-repeat;

}

.phone:before{

    content: "";

    position: absolute;

    left: -50px;

    top: -6px;

    width: 42px;

    height: 30px;

    background-size: 42px 30px;

    background-image:url("images/phone.JPG");

    background-repeat: no-repeat;

}

.headerContact{

    float:right;

    margin-top: 25px;

}



.homeFormText {

    float: right;

    text-align: left;

    font-size: 16px;

    line-height: 11px;

}



#homeFormSubmit {

	border-radius: 0;

}



.orangeButton {

	background-color: #DD9923;

	font-family: "Raleway", Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-transform: uppercase;

	color: #fff;

	padding: 8px 25px;

	text-align: center;

    transition: padding 0.2s ease-in-out;

    border:0px;

}



.orangeButton:hover {

	color: #fff;

	padding: 8px 30px;

}



.elementor-section.fullWidth {

	background-size: cover;

}



.fullWidth img {

	width: 100%;

}



ul {

  margin: 0;

}

ul.dashedUl {

  list-style-type: none;

}

ul.dashedUl > li {

  text-indent: -15px;

}

ul.dashedUl > li:before {

  content: "-     ";

  text-indent: -5px;

}

img{

    margin-bottom:0px;

}

.sub-menu a:after{

    content:""!important;

}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{

    background-color: transparent;

}

.headerSized h1{   

    font-size:80px;



}

.headerSized h2{   

    font-size:40px;


}

@media only screen and (max-width: 768px) {

    .headerSized h1{   

        font-size:40px;

    }

    .headerSized h2{   

        font-size:20px;

    }

}

.embed-responsive.embed-responsive-16by9 {

    padding-bottom: initial;

    position: relative;

    display: block;

    height: 326px;

}

.underlineH2 h2{

	position:relative;

}

.underlineH2 h2:after{

	content:"":

	position:absolute;

	bottom:0px;

	width:200px;

	height:20px;

}

.headerSized h1{

    text-transform: uppercase;

}

.headerSized{

    height:30vw;

    background-position:center;

    background-repeat:no-repeat;

    background-size:cover;

    display: flex;

    align-items: center;

}

.innerHeader{

    text-align:center;

}
.headerGreyBar{
    background-color:#363636;
}



.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

@media only screen and (min-width: 750px) {
    .row-large-equal-height {
        display: flex;
        flex-wrap: wrap;
    }
    
    .row-large-equal-height
     > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
}
.__PrivateStripeElement{
	height:30px;	
}
.intro-text{
    margin: 40px 0px 0px 0px;
    padding: 0px;
    color: #7A7A7A;
}