/*
Theme Name:         GWB Firewoods
Author: Fisher INC ltd
Author URI: https://fisherinc.co.uk/
Description: A theme dedicated for mobiles.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain:  gwbfirewoods

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

*:hover, *:focus {outline:0;}
a:hover,a:focus,a:active {text-decoration: none !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {font-weight: 400;font-family: 'Roboto', sans-serif !important;}
strong, b {font-weight: 700 !important;}

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

img{width:auto;max-width:100%}
.logged-in.admin-bar #theHeader{top:32px}
.logged-in.admin-bar #overMenu #overClose {top: 82px;}
.ares .tp-bullet:hover .tp-bullet-title {display: none !important;}

#theHeader{padding-top:20px;padding-bottom:20px;position:absolute;top:0;z-index:9;width:100%;background-color:#fff}
#theHeader:after{display:block;width:100%;content:"";border:none;min-height:29px;position:absolute;bottom:-20px;background-image:url(/wp-content/uploads/tear3.png);background-color:transparent;background-size:contain;background-position:center;    background-repeat-y: no-repeat !important;}
#theHeader .btns{position:relative}
#theHeader .btns ul{padding:0;list-style:none;display:-webkit-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#theHeader .btns ul li{margin-right:10px}
#theHeader a.buttonToggle {
    position: relative;
    top: 1px;
    line-height: 30px;
    font-weight: bold;
    color: #5F1C1C;
}
#theHeader a.buttonToggle:hover {cursor: pointer;}
#theHeader a.buttonToggle img{max-width:30px}
#theHeader a.buttonToggleMob{display:none;font-size:18px;color:#5F1C1C}
#theHeader a.buttonToggleMob img{margin-right:10px}
#theHeader a.facebooksocial{color:#FE8E00}
#theHeader a.instagramsocial{color:#85C9CD}
#theHeader .telbox{position:relative}
#theHeader .telbox a.phone{    font-weight: bold;width:100%;color:#FE8E00;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#theHeader .telbox a.phone img{max-width:32px;margin-right:10px}
body:not(.home) #contentCont{margin-top:133px}

#contentCont {margin-top: 133px;}
#contentCont .imageHeader{min-height:250px;margin-bottom:50px}
#contentCont #homeSlider .wpb_revslider_element{margin-bottom:0}
#contentCont .darkBack.red{padding-top:0;padding-bottom:20px}
#contentCont .darkBack{    background-repeat: no-repeat; padding-top:100px;padding-bottom:100px;color:#fff;background-size:cover;background-position:bottom}
#contentCont .darkBack h1 {color: white !important;}
#contentCont .darkBack.red h2{font-size:38px}
#contentCont .darkBack.red p{font-size:20px}
#contentCont .darkBack p{font-size:30px;color:#fff}
#contentCont .darkBack hr.middle {opacity: .3}
#contentCont h1{font-size:50px;color:#5F1D1C}
#contentCont h2{margin-top: 30px;color:#5F1D1C}
#contentCont h3{color:#5F1D1C}
#contentCont .darkBack h2 {color: white;margin-top:0px;}
#contentCont .darkBack a {color: white !important;}
#contentCont p{font-size:18px;color:#666}
#contentCont p a {color: #5f1c1c}
#contentCont a {color: #5f1c1c;}
#contentCont .serviceboxes{margin-bottom:50px}
#contentCont .productRow{border-bottom:solid #D6D6D6 3px;margin-bottom:100px;padding-bottom:20px}
#contentCont .productRow h3{margin-bottom:20px;font-size:35px;color:#5d111d}
#contentCont .productRow h4{color:#5d111d}
#contentCont .productRow b{font-weight:700}
#contentCont .productRow ul{display:-webkit-box;list-style:none;padding:0;margin-top:40px}
#contentCont .productRow ul li:first-child{margin-right:10px}
#contentCont .termsrow p{color:#5f1c1c!important}

#contentCont .callBtn {display: none;}


#theFooter{color:#fff;font-weight:400}
#theFooter .footerTop{padding-top:50px;padding-bottom:50px;background-color:#5F1C1C;text-align:center}
#theFooter .footerTop p{margin-bottom:0}
#theFooter .footerTop p a {color: white;}
#theFooter .footerTop .col-md-9 p{margin-bottom:10px}
#theFooter .footerBottom{padding-top:20px;padding-bottom:20px;background-color:#E98E00}
#theFooter .footerBottom p{margin-bottom:0}
#theFooter .footerBottom .col-md-5{text-align:right}
#theFooter .footerTop .col-md-3 h2.widgettitle:after{display:block;width:100%;height:3px;background-color:rgba(232,232,232,0.2);content:'';max-width:100px;margin:10px auto}
#theFooter .footerTop .col-md-9 h2.widgettitle:after{display:block;width:100%;height:3px;background-color:rgba(232,232,232,0.2);content:'';max-width:300px;margin:10px auto}

#theFooter a.widgetsocial {font-size: 26px;color: white}

#overMenu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:10}
#overMenu.active{display:block}
#overMenu #overClose{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);color:#fff;position:absolute;top:50px;right:50px;background-color:#E98E00;font-size:22px;font-weight:700;width:80px;height:80px;text-align:center;border-radius:100%}
#overMenu .overlayMenu{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#overMenu .overlayMenu ul{list-style:none;padding:0;text-align:center}
#overMenu .overlayMenu ul li a{color:#fff;font-size:28px}
hr.middle{border-top:solid #E9E9E9 3px;max-width:300px}
a.callBtn{background-color:#5f1c1c!important}

a.requestBtn:hover,a.callBtn:hover,a.orangebtn:hover{color:#fff;opacity:.8}
a.requestBtn,a.callBtn,a.orangebtn,.wpcf7-form input[type="submit"]{color:white !important;display:-webkit-inline-box;white-space:nowrap;font-size:17px;line-height:17px;font-weight:500;color:#fff;font-family:Roboto;text-align:center;background-color:#fe8e00;padding:15px 30px;border-radius:8px;opacity:1;cursor:pointer;text-transform:uppercase;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;    border: none}

.wpcf7-form {margin-bottom: 100px !important;}
.wpcf7-form label,
.wpcf7-form textarea,
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]) {width: 100%;}

.wpcf7-form textarea,
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]) {border: solid #5F1D1C 1px; border-radius: 2px;padding: 5px;margin-bottom: 10px;}

.wpcf7-form input[type="submit"] {
	float: right;
}


.wpcf7-response-output {
    margin: 20px 0px 0px !important;
    padding: 10px !important;
    border-radius: 2px;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0px;
}



@media only screen and (max-width: 1024px) {
	#contentCont{margin-top:133px}
}
@media only screen and (max-width:991px) {
	#contentCont{margin-top:200px}
	#theHeader:after{bottom: -27px;background-size:auto;background-position:center;background-repeat-y: no-repeat !important;}
	#overMenu #overClose{position:absolute;top:0;right:0;width:100px;height:100px;border-bottom-left-radius:100%;padding-left:25px;padding-bottom:25px;border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}
	#theHeader .btns{display:none}
	#theHeader a.buttonToggleMob{display:block}
	#theHeader .telbox a.phone{position:initial;float:right;top:inherit;left:inherit;-webkit-transform:none;-ms-transform:none;transform:none;width:auto}
	#theHeader .telbox a.phone img{max-width:41px}
	#theHeader .telbox a.phone span{display:none}
	#theHeader a.buttonToggleMob{float:left}
	#theHeader .logoContainter{margin-bottom:20px}

	#theFooter a.widgetsocial {
	    font-size: 26px;
	    color: white;
	    margin-bottom: 20px;
	    display: block;
	}
}

@media only screen and (max-width: 468px) {
	a.orangebtn {
	    text-align: center !important;
	    white-space: inherit;
	    display: block;
	}
	#contentCont{margin-top:185px}
	.logged-in.admin-bar #theHeader{top:45px}
	#theHeader:after{bottom: -27px;background-size:auto;background-position:-920px;background-repeat-y: no-repeat !important;}
	.mobTitle{font-size:32px!important;line-height:39px!important;text-align:center}
	.mobSubtitle{letter-spacing:0!important}
	#contentCont .darkBack.red {
	    padding-top: 0;
	    padding-bottom: 50px;
	}
	#contentCont .darkBack.red h2 {
	    font-size: 28px;
	}

	#contentCont h1 {
	    font-size: 25px;
	    color: #5F1D1C;
	}

	.darkBack.red .vc_col-sm-4 .vc_column-inner {
	    padding-top: 0px !important;
	}
	#contentCont .callBtn {display: block;}
	#contentCont .productRow ul {
	    display: block;
	    list-style: none;
	    padding: 0;
	    margin-top: 40px;
	}
	#contentCont .productRow ul li {
	    margin: 0px !important;
	}

	#contentCont .productRow ul li a {
	    width: 100%;
	    display: block;
	    margin: 0px 0px 10px !important;
	    /* padding: 0px !important; */
	}
	#contentCont .productRow {
	    border-bottom: solid #D6D6D6 3px;
	    margin-bottom: 50px;
	    padding-bottom: 0px;
	}
	#contentCont .darkBack p {
	    font-size: 18px;
	    color: #fff;
	}
	#theFooter .footerBottom  .widget_media_image,
	#theFooter .footerBottom {
	    text-align: center;
	}
	#theFooter .footerBottom  .widget_media_image {
		margin-top: 20px;
	}
	#theFooter  h2.widgettitle {
	    font-size: 26px;
	}

	a.requestBtn, a.callBtn, a.orangebtn, .wpcf7-form input[type="submit"] {
  width: 100%;
    float: none !important;
    margin-top: 20px;
}


}
@media only screen and (max-width: 320px) {
	#contentCont{margin-top:165px}
}


/* PAGE HEADER 25/11/2022 */
.page-header {
    background: #000;
    position: relative;
    height: 763px;
}
.page-header .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-header .slide-content {
    position: relative;
    height: 100%;
}
.page-header .slide-content::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    content: ''
}
.page-header .slide-content .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.page-header .slide-content .slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-header .slide-text {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 250px 0;
}
.page-header .slide-text h1,
.page-header .slide-text p {
    color: #ffffff !important;
}
.page-header .slide-text h1 {

}
.page-header .slide-text p.lead {
    font-size: 34px !important;
    width: 550px;
    margin: 40px auto 15px;
}

.page-header .hidden {
    z-index: -1;
}

.page-header .slider-dots {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.page-header .slider-dots ul {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-header .slider-dots ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px;
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
}
.page-header .slider-dots ul li.active {
    background: #ddd;
}

@media only screen and (max-width: 786px) {
    .page-header {
        height: 499px;
    }
    .page-header .slide-text h1 {
        font-size: 43px !important;
    }
    .page-header .slide-text {
        padding: 150px 0;
    }
    .page-header .slide-text p.lead {
        font-size: 21px !important;
        width: 100%;
    }
}