/*
Theme Name: Bespoke theme for Gowercroft by SEO CoPilot Ltd
*/

@font-face {
    font-family: 'Lora-Bold';
    src: url('https://www.gowercroft.co.uk/wp-content/themes/gowercroft/fonts/Lora-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora-SemiBold';
    src: url('https://www.gowercroft.co.uk/wp-content/themes/gowercroft/fonts/Lora-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora-Medium';
    src: url('https://www.gowercroft.co.uk/wp-content/themes/gowercroft/fonts/Lora-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora-Regular';
    src: url('https://www.gowercroft.co.uk/wp-content/themes/gowercroft/fonts/Lora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


:root {
    --base-font:            'Lora-Regular', sans-serif;
    --base-size:            18px;

    --font-regular:         400;
    --font-medium:          500;
    --font-semibold:        600;
    --font-bold:            700;
    
    --black:                #373A3C;
    --white:                #ffffff;
    --grey:                 #525456;
    --light-grey:           #ABABAB;
    --green:                #5B7802;
    --dark-green:           #006B3F;
    
   --section-padding:       5rem;
   --section-padding-sml:   3rem;
}


/* Main CSS
-------------------------------------------------------------- */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

body { 
    font-family: var(--base-font);
    font-size: var(--base-size);
    color: var(--grey);
    letter-spacing: 0.5px;
    //background-color: #ffffff;
    background-color: #FAFAFA;
    overflow-x: hidden;
}

/* typography */

h1,h2,h3,h4,h5,h6 {
    color: var(--black); 
}

    h1.display {
        font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        font-size: 32px;
    }

        @media only screen and (min-width : 576px) { 
            h1.display {
                font-size: 36px;
            }
        }
    
        @media only screen and (min-width : 768px) { 
            h1.display {
                font-size: 40px;
            }
        }
        
        @media only screen and (min-width : 992px) { 
            h1.display {
                font-size: 45px;
            }
        }
        
    
    h2.display {
        font-size: 28px;
    }

        @media only screen and (min-width : 576px) { 
            h2.display {
                font-size: 32px;
            }
        }
    
        @media only screen and (min-width : 768px) { 
            h2.display {
                font-size: 36px;
            }
        }
        
        @media only screen and (min-width : 1200px) { 
            h2.display {
                font-size: 40px;
            }
        }
        
        @media only screen and (min-width : 1400px) { 
            h2.display {
                font-size: 44px;
            }
        }    

.subheading {
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-size: 22px;  
    letter-spacing: 1.1px;
    position:relative;
}

    .subheading::before,
    .subheading::after {
        display: inline-block;
        content: "";
        border-top: 2px solid var(--green);
        width: 20px;
        margin: 0 8px;
        transform: translateY(-6px);
    }        


.text-white {
    color: var(--white);
}

.text-black {
    color: var(--black);
}

.text-green {
    color: var(--green);
}

.text-bold {
    font-family: 'Lora-Bold', sans-serif;
    font-weight: 700;
}

.text-semibold {
    font-family: 'Lora-SemiBold', sans-serif;
    font-weight: 600;
}

.text-medium {
    font-family: 'Lora-Medium', sans-serif;
    font-weight: 500;
}

.text-regular {
    font-family: 'Lora-Regular', sans-serif !important;
    font-weight: 400 !important;
}

.uppercase {
   text-transform: uppercase; 
}

a {
    color: var(--green); 
    text-decoration:none;
}

    a:hover, a:focus {
        color: var(--green);  
        text-decoration:underline;
    }

p {
    font-size: var(--base-size);
}

li {
    //margin-bottom:16px;
}

b, strong {
    font-family: 'Lora-Bold', sans-serif;
    font-weight: 700;
}

/* attributes */
.relative {
    position:relative;
}

.absolute {
    position:absolute;
}

.no-overflow {
    overflow:hidden;
}

.section-padding {
    padding-top: var(--section-padding-sml);
    padding-bottom: var(--section-padding-sml);
}

    @media only screen and (min-width: 1200px) {
        .section-padding {
            padding-top: var(--section-padding);
            padding-bottom: var(--section-padding);
        }
    }

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center center;
}

.visual {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

    .visual.left {
        left: 0;
        right: auto;
    }
  
/* buttons */
.btn {
    border-radius: 0;
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-family: 18px;
    padding: 10px 32px;
    position:relative;
    transition: color 1s ease-in-out,background-color 1s ease-in-out,border-color 1s ease-in-out,box-shadow 1s ease-in-out;
}

    .btn:hover, .btn:focus {
        border-radius: 0;
        box-shadow:none;
        outline:0;
        text-decoration: none;
    }

.btn-darkgreen {   
    border: 1px solid var(--dark-green);
    background: var(--dark-green);
    color: var(--white);   
}


    .btn-darkgreen:hover, .btn-darkgreen:focus {
        border: 1px solid var(--dark-green);
        background: var(--dark-green);
        color: var(--white);   
    }

.btn-green {
    border: 1px solid #5B7802;
    background: #5B7802;
    color: var(--white); 
}

    .btn-green:hover, .btn-green:focus {
        border: 1px solid #5B7802;
        background: #5B7802;
        color: var(--white); 
    }
    
        .btn-green::before {
            display: inline-block;
            content: "";
            border-top: 1px solid #fff;
            width: 22px;
            position: absolute;
            right: 0;
            top: 23px;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
    
        .btn-green::after {
            display: inline-block;
            content: "";
            width: 7px;
            height: 7px;
            background-color: #fff;
            transform: rotate(45deg);
            right: 15px;
            top: 20px;
            position: absolute;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
        
        .btn-green:hover::after,
        .btn-green:hover::before {
            opacity:1;
        }

.btn-white {
    border: 1px solid var(--white);
    background: var(--white);
    color: var(--green); 
}

    .btn-white:hover, .btn-white:focus {
        border: 1px solid var(--green);
        background: var(--green);
        color: var(--white); 
    }
    
        .btn-white::before {
            display: inline-block;
            content: "";
            border-top: 1px solid #fff;
            width: 22px;
            position: absolute;
            right: 0;
            top: 23px;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
    
        .btn-white::after {
            display: inline-block;
            content: "";
            width: 7px;
            height: 7px;
            background-color: #fff;
            transform: rotate(45deg);
            right: 15px;
            top: 20px;
            position: absolute;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
        
        .btn-white:hover::after,
        .btn-white:hover::before {
            opacity:1;
        }
        
.btn-green-outline {
    border: 1px solid #5B7802;
    background: transparent
    color: #5B7802; 
}

    .btn-green-outline:hover, .btn-green-outline:focus {
        border: 1px solid #5B7802;
        background: #5B7802;
        color: var(--white); 
    }
    
        .btn-green-outline::before {
            display: inline-block;
            content: "";
            border-top: 1px solid #fff;
            width: 22px;
            position: absolute;
            right: 0;
            top: 23px;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
    
        .btn-green-outline::after {
            display: inline-block;
            content: "";
            width: 7px;
            height: 7px;
            background-color: #fff;
            transform: rotate(45deg);
            right: 15px;
            top: 20px;
            position: absolute;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
        
        .btn-green-outline:hover::after,
        .btn-green-outline:hover::before {
            opacity:1;
        }
    
.btn-link {
    padding:0; 
    text-decoration:none;
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: var(--green);
    position:relative;
}  

    .btn-link.brightgreen {
        color: #AEE407;
    }

    .btn-link::after {
        content:'';
        position:absolute;
        height:2px;
        left:0;
        bottom:0;
        width:0;
        background: var(--green);
        transition: width 0.4s; 
    }
    
        .btn-link.brightgreen::after {
            background: #AEE407;
        } 

    .btn-link:hover {
        color: var(--green);
        padding:0; 
        text-decoration:none;
    }      
    
        .btn-link.brightgreen:hover {
            color: #AEE407;
        }

        .btn-link:hover::after {
            width:100%;
        }
    
.btn-menu {}    
        
    @media only screen and (min-width: 1200px) {
        .btn-menu {
            margin-left: 0px;
        }
    }
        
    @media only screen and (min-width: 1400px) { 
        .btn-menu {
            margin-left: 30px;
        }
    }  

    @media only screen and (min-width: 1200px) {
          
        .btn-menu a.nav-link {
            padding: 10px 32px !important;
            border-radius: 0;
            font-family: 'Lora-SemiBold', sans-serif;
            font-weight: 600;
            font-size: 16px;
            border: 1px solid var(--dark-green);
            background: var(--dark-green);
            color: #fff;
            position: relative;
            text-decoration: none;
        }
             
        .btn-menu a.nav-link::before {
            display: inline-block;
            content: "";
            border-top: 1px solid #fff;
            width: 22px;
            position: absolute;
            right: 0;
            top: 23px;
            opacity:0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }
    
        .btn-menu a.nav-link::after {
            display: inline-block;
            content: "";
            width: 7px;
            height: 7px;
            background-color: #fff;
            transform: rotate(45deg);
            right: 15px;
            top: 20px;
            position: absolute;
            opacity:0;
            transition: all 0.8s;
            -webkit-transition: all 0.8s;
        }
        
        .btn-menu:hover a.nav-link::after,
        .btn-menu:hover a.nav-link::before {
            opacity:1;
        }
        
        .btn-menu:hover a.nav-link, .btn-menu a.nav-link.active {
            border: 1px solid var(--dark-green);
            background: var(--dark-green);
            color: #fff;
        }
    }
    
.videoWrapper {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}    
    
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }        


    @media only screen and (min-width : 1200px) { 
        .masonry-block .content {
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            z-index: 2;
        }
    }
    
    .masonry-block .overlay-outer {
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
    }
    
        .masonry-block .overlay-inner {
            background-color: rgba(255, 255, 255, 0.3);
            height: 100%;
            box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
        }
          
    .masonry-block .masonry {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-flow: row wrap;
        width: 100%;
    }
  
        .masonry-block .masonry .masonry-brick {
            flex: auto;
            height: 250px;
            min-width: 90px;
            margin: 4px;
        }
   
            @media only screen and (min-width : 768px) { 
                .masonry-block .masonry .masonry-brick {
                    height: 300px;
                    margin: 0 4px 4px 0;
                }            
            }   
        
            @media only screen and (min-width :992px) { 
                .masonry-block .masonry .masonry-brick {
                    height: 350px;
                    margin: 0 4px 4px 0;
                }            
            }
        
      .masonry-block .masonry .masonry-brick:nth-child(1) { width: 35%; }
      .masonry-block .masonry .masonry-brick:nth-child(2) { width: 55%; }
      .masonry-block .masonry .masonry-brick:nth-child(3) { width: 55%; }
      .masonry-block .masonry .masonry-brick:nth-child(4) { width: 35%; }


/* navbar styling */
.lock-scroll {
    overflow: hidden;
}

.navbar-nav li .dropdown-menu {
    display: block;
}

    @media only screen and (min-width : 1200px) {
        .navbar-nav li .dropdown-menu {
           // display: none;
           visibility: hidden;
            max-height: 0;
            left: 0;
            opacity: 0;
            transition: all 1s ease;
        }

        .navbar-nav li:hover .dropdown-menu {
            display: block;
            max-height: 500px;
            opacity: 1;
            transform: translateY(0);
            visibility: visible;
        }
		
		.navbar-nav li:hover ul.dropdown-menu li ul.dropdown-menu {
			display: none;
		}
		
		.navbar-nav li ul.dropdown-menu li:hover ul.dropdown-menu {
			display: block;
		}
		
			ul.dropdown-menu li .dropdown-toggle::after {
			  transform: rotate(-90deg);
			}
    }

.navbar {
    height: 60px;
}

    @media only screen and (min-width :1200px) {
        .navbar {
            height: 100%;
        }
    }

.navbar .navbar-brand {
    font-size:inherit;
}

.navbar li.search-icon { 
    position:relative;
}

    .navbar li.search-icon a.nav-link {   
        padding-left:30px !important;  
    }

    .navbar li.search-icon a.nav-link::before { 
        content:'';
        background-image: url(images/icons/search-icon.svg);
        background-repeat: no-repeat;
        position: absolute;
        top: 5px;
        left: 0;
        width: 32px;
        height: 31px;
        z-index: -1; 
    }
    
        .navbar li.search-icon:hover a.nav-link::before {
            filter: brightness(0) saturate(100%) invert(42%) sepia(49%) saturate(7097%) hue-rotate(58deg) brightness(94%) contrast(98%);
        }


.menu-navbar-container {
    width:100%;
}

.navbar ul {}

    @media only screen and (min-width : 1200px) {
        .navbar ul {
           margin-top:0;
        }
    }
    
    .navbar ul li {
        margin-bottom:0;
    }    

ul.dropdown-menu {
    margin-top: 0px;
    background-color: transparent;
    border:none;
}

    @media only screen and (min-width :1200px) {
        ul.dropdown-menu {
            background-color: #fff;
            border-radius: 0.5rem;
            border: 1px solid rgba(0,0,0,.15);
            height: auto;
            position: absolute;
        }
    }
    
    ul.dropdown-menu li {
        margin-bottom:0;
		position: relative;
    }
	
	ul.dropdown-menu li ul.dropdown-menu {
		//display: none;
		position: absolute !important;
		left: 100%;
		top: -7px;
	}
	
		ul.dropdown-menu li:hover ul.dropdown-menu {
			display: block;
		}
    
    

.dropdown-item {
    color: var(--grey);
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

    @media only screen and (min-width : 1200px) {
        .dropdown-item {
            text-align: left;
            padding: 8px 16px;
            color: var(--grey);
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;
            font-size: 16px;
        }
    }

    .dropdown-item:hover {
        background-color: transparent;
        color: var(--green);
        text-decoration:none;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--green);
        text-decoration: none;
        background-color: transparent;
    }

.navbar-header {
    height:44px;
}

    .navbar-header .logo {
        height: 44px;
        width:auto;
    }

.navbar-toggler {
    z-index: 10;
    position: relative;
    top: 12px;
    padding: 0;
}

    .navbar-toggler:focus, .navbar-toggler:active {
        outline: 0!important;
        box-shadow:none!important;
    }

.navbar-collapse {
    transition: all 0.3s ease;
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0;
    padding: 20px;
    left: -120%;
    width: 100%;
    margin-top:50px;
}

    .logged-in .navbar-collapse {
        margin-top:105px;
    }

        @media only screen and (min-width: 783px) {
            .logged-in .navbar-collapse {
                margin-top:90px;
            }
        }

    .navbar-collapse.show {
        left: 0;
        z-index: 5;
        background: #ffffff;
        overflow:scroll;
    }

    @media only screen and (min-width: 1200px) {
        .navbar-collapse {
            position:static;
            padding: 0;
            margin-top:0;
        }

        .logged-in .navbar-collapse {
            margin-top:0;
        }
    }

    a.nav-link {
        color: var(--black);
        font-family: 'Lora-Regular', sans-serif;
        font-weight:400;
        font-size:16px;

    }

        a.nav-link.active, a.nav-link:hover, a.nav-link:focus  {
            color: var(--green);
            text-decoration: none;
        }

        .current-menu-parent a.nav-link {
            color: var(--green);
        }


.navbar-toggler span {
   display: block;
   background-color: var(--black);
   height: 2px;
   width: 25px;
   margin-top: 0;
   margin-bottom: 6px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 0px;
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 0px;
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}


/*Header */
header {
    background-color: #ffffff;
    width:100%;
    position: fixed;
    z-index: 10;
    top: 0;
}

    .logged-in header {
        top:46px;
    }
    
        @media only screen and (min-width: 783px) {
            .logged-in header {
                top:32px;
            }        
        } 

    @media only screen and (min-width: 1200px) { 
        header {
            height: 115px;
        }    
        
        .logged-in header {
            top:32px;
        }
    }


/* Front Page */
.jumbotron {
	position: relative;
    height: 400px;
    padding-top: 60px;
    padding-bottom: 48px;
}

        @media only screen and (min-width : 992px) { 
            .jumbotron {
                height: 70vh;
                min-height: 460px;
            }   
        }
        
            @media (min-height: 680px) and (min-width: 992px) {
                .jumbotron {
                    min-height: 490px;
                }         
            }
                
        @media only screen and (min-width : 1200px) { 
            .jumbotron {
                height: 70vh;
                padding-top: 115px;
                min-height: 580px;
            }   
        }

            @media (min-height: 680px) and (min-width: 1200px) {
                .jumbotron {
                    height: 70vh;
                    min-height: 550px;
                } 
            }
            
        @media only screen and (min-width : 1400px) { 
            .jumbotron {
                height: 70vh;
                padding-top: 115px;
                min-height: 580px;
            }   
        }

            @media (min-height: 680px) and (min-width: 1400px) {
                .jumbotron {
                    height: 80vh;
                    min-height: 750px;
                } 
            }
               
    .jumbotron .content {
        z-index: 5;
        position: relative;
        padding-top: 60px;
    }
    
    @media only screen and (min-width : 1200px) { 
        .jumbotron .content {
            padding-top: 60px;
        }
    }
    
    .jumbotron h1.heading,
	.jumbotron h2.heading {   
    font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 0.48px;
    }

        @media only screen and (min-width : 576px) { 
            .jumbotron h1.heading,
			.jumbotron h2.heading  {
                font-size: 40px;
                line-height: 40px;
            }   
        }
    
        @media only screen and (min-width : 992px) { 
            .jumbotron h1.heading,
			.jumbotron h2.heading  {
                font-size: 40px;
                line-height: 46px;
            }   
        }
                
        @media only screen and (min-width : 1400px) { 
            .jumbotron h1.heading,
			.jumbotron h2.heading  {
                font-size: 48px;
                line-height: 52px;
            }   
        }

    .jumbotron .slick-slider {
        //min-height:545px;
    }

    .homepage-slider {
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
    }

      .homepage-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
      }

    .jumbotron .slick-slider,
    .jumbotron .homepage-mobile {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .jumbotron .slick-list { height:100%;}
    .jumbotron .slick-track { height:100%;}
    .jumbotron .slick-slide div { height:100%;background-size:cover!important;background-repeat:no-repeat!important;}
    
    .jumbotron .appenddots {
        position: relative;
        height: 25px !important;
        display: flex;
        justify-content: start;
        bottom: 48px;
    }
    
    .jumbotron .slick-dots {
        display: flex;
        margin: 0;
        padding: 0;
        padding-top: 1rem;
        justify-content: center;
        margin-top: -48px;
        z-index: 6;
        position: relative;
    }
        
        .jumbotron .slick-dots li {
            list-style: none;
            text-align: center;
            margin: 0 5px;
        }
        
        .jumbotron .slick-dots li button {
            background: transparent;
            border: 1px solid #ffffff;
            border-radius: 50%;
            height: 15px;
            width: 15px;
            text-indent: -99px;
            overflow: hidden;
            display: block;
            padding: 0;
        }
        
            .jumbotron .slick-dots li.slick-active button {
                background: #ffffff;
                border: 1px solid #ffffff;
                border-radius: 50%;
                height: 15px;
                width: 15px;
            }
    

#home-icons {
    background-color:#ffffff;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
}

    #home-icons .icon-title {
        font-family: 'OpenSans-SemiBold';
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 0.48px;
        line-height: 20px;
        color:#757575;
    }
    
    #home-icons .slick-slide div {
        display: flex;
        align-items: center;
    }
    
#home-ranges {}

    #home-ranges a {
        color:#373A3C;
        text-decoration: none;
    }

    #home-ranges .img-outer {
        height:200px;
    }
    
        #home-ranges .img-inner {
            height:200px;
            object-fit: cover;
        }

    #home-ranges .card-title {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 1.2px;
        color: var(--black);
        opacity:1;
        transition: all 1s ease;
    }   
    
        #home-ranges .card:hover .card-title {
            opacity:0;
        }
    
        @media only screen and (min-width: 768px) {
            #home-ranges .card-title {
                font-size: 20px;
            }       
        } 
        
        @media only screen and (min-width: 992px) {
            #home-ranges .card-title {
                font-size: 24px;
            }       
        } 

    #home-ranges .hover-box {
        background: #fff;
        opacity:1;
        transition: all 1s ease;
    }
    
     @media only screen and (min-width: 992px) {
        #home-ranges .hover-box {
            font-size:16px;
        }
     }
    
        @media only screen and (min-width: 1400px) {
             #home-ranges .hover-box {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                opacity:0;
                font-size:16px;
            }
            
            #home-ranges .card:hover .hover-box {
                opacity:1;
            }
        } 
        
    #home-ranges .card-title-large {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 24px;
    }   
    
        @media only screen and (min-width : 576px) {
            #home-ranges .card-title-large {
                font-size: 28px;
            } 
        }
    
        @media only screen and (min-width: 992px) {
            #home-ranges .card-title-large {
                font-size: 26px;
            }       
        } 
        
        @media only screen and (min-width: 1400px) {
            #home-ranges .card-title-large {
                font-size: 30px;
            }       
        }  
        
#home-about {}
    
#home-benefits {}

    #home-benefits a:hover {
        text-decoration: none;
    }

    #home-benefits .card {
        height: 360px;
        position: relative;
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #E4E4E4;
        overflow: hidden;
    }
    
        @media only screen and (min-width: 768px) {
            #home-benefits .card {
                height: 285px;
            }       
        } 

        @media only screen and (min-width: 992px) {
            #home-benefits .card {
                height: 375px;
            }       
        } 
        
        @media only screen and (min-width: 1200px) {
            #home-benefits .card {
                height: 525px;
            }       
        } 

        @media only screen and (min-width: 1400px) {
            #home-benefits .card {
                height: 500px;
            }       
        } 

    #home-benefits .card .card-body {
        bottom:0;
        left: 0;
        position: absolute;
        transition: top 0.35s ease 0s;
        width: 100%;
        z-index: 0;   
        padding: 25px 20px 20px;
        background-color: #fff;
    }
    
        @media only screen and (min-width: 768px) {
             #home-benefits .card .card-body {
                display: flex;
                align-items: center;
                justify-content: start;
                position: relative;
                padding: 10px 20px 10px;
            }       
        } 

        @media only screen and (min-width: 1200px) {
             #home-benefits .card .card-body {
                display: block;
                position: absolute;
                padding: 25px 20px 20px;
            }       
        } 
        
        #home-benefits .card .card-body li {
            margin-bottom:0;
        }

        #home-benefits .card .card-body .slide-body {
            max-height: 0;
            opacity: 0;
            //overflow: hidden;
            transition: all 1.2s ease 0s;
        }

            #home-benefits .card:hover .slide-body {
                max-height: 350px;
                opacity: 1;
            }
            
        @media only screen and (min-width: 1200px) {
            #home-benefits .card:hover .slide-body {
                max-height: 375px;
            }       
        }
        
        @media only screen and (min-width: 1400px) {
            #home-benefits .card:hover .slide-body {
                max-height: 350px;
            }       
        }

    #home-benefits .card-title {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: var(--black);
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
        @media only screen and (min-width: 768px) {
            #home-benefits .card-title {
                font-size: 20px;
            }       
        } 
        
        @media only screen and (min-width: 1200px) {
            #home-benefits .card-title {
                font-size: 20px;
                display:block
            }       
        } 

        @media only screen and (min-width: 1400px) {
            #home-benefits .card-title {
                font-size: 22px;
            }       
        } 
    
        #home-benefits .card-title img {
            opacity:1;
            transition: opacity 0.5s
        }
        
            @media only screen and (min-width : 1200px) { 
                #home-benefits .card:hover .card-title img {
                    opacity:0;
                }   
            }

    #home-benefits .card-description {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #444546;
        line-height: 20px;
        height: 300px;
        padding-top: 10px;
    }

        @media only screen and (min-width : 1200px) { 
            #home-benefits .card-description {
                height: 350px;
            }   
        }
            
        @media only screen and (min-width : 1400px) { 
            #home-benefits .card-description {
                height: 320px;
            }   
        }    
    
        #home-benefits .card-description p {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;
            font-size: 16px;
        }

    #home-benefits .card-image {
        height: 300px;
        overflow: hidden;
        background-color: #fff;
        -webkit-transition: height 2s;
        transition: height 2s;
    }

        @media only screen and (min-width: 768px) {
             #home-benefits .card-image {
                height: 195px;
            }       
        } 
    
        @media only screen and (min-width: 992px) {
             #home-benefits .card-image {
                height: 278px;
            }       
        } 
        
        @media only screen and (min-width: 1200px) {
             #home-benefits .card-image {
                height: 450px;
            }       
        }

        @media only screen and (min-width: 1400px) {
             #home-benefits .card-image {
                height: 422px;
            }       
        }    

    @media only screen and (min-width : 1200px) { 
        #home-benefits .card:hover .card-image {
            height: 80px;
        }
    }

    @media only screen and (min-width : 1400px) { 
        #home-benefits .card:hover .card-image {
            height: 90px;
        }
    }

    #home-benefits .card-image img {
        width: 100%;
        display: block;
        opacity: 1;
        height:100%;
        transition: max-height 0.8s;
        object-fit: cover;
        object-position: center;
        //-webkit-transform: scale(1);
        //transform: scale(1);
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, height 1s;
        transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, height 1s;
    }

        @media only screen and (min-width : 1200px) { 
            #home-benefits .card:hover .card-image img {
                //-webkit-transform: scale(1.2);
                //transform: scale(1.2);
                height: 70px;
            }
        }

        @media only screen and (min-width : 1400px) { 
            #home-benefits .card:hover .card-image img {
                height: 80px;
            }
        }
        
#home-gallery {}

    #home-gallery a {
        color: var(--grey);
        text-decoration: none;
    }

    #home-gallery .img-outer {
        height:300px;
    }
    
        #home-gallery .img-inner {
            height:300px;
            object-fit: cover;
        }


    #home-gallery .card-title {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 24px;
        color: var(--black);
        transition: all 1s ease;
    }   

        @media only screen and (min-width: 576px) {
            #home-gallery .card-title {
                font-size: 28px;
            }       
        } 
            
        @media only screen and (min-width: 992px) {
            #home-gallery .card-title {
                font-size: 24px;
                line-height: 30px;
            }       
        } 

    @media only screen and (min-width: 992px) {
        #home-gallery .hover-box,
         #home-gallery .hover-box-big {
            background: #fff;
            transition: all 1s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size:16px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity:0;
        }
    
            #home-gallery .hover-box-big {
                bottom: 40%;
                right: 40%;
            }

            #home-gallery .box:hover .hover-box,
            #home-gallery .box:hover .hover-box-big {
                opacity:1;
            }
        }
      

#home-news {}
    
    #home-news .heading {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 24px;
        line-height:36px;
        color: var(--black);
        letter-spacing: 2px;        
    }

        @media only screen and (min-width : 768px) {
            #home-news .heading {
                font-size: 30px;
            }
        }
    
        @media only screen and (min-width : 1400px) {
            #home-news .heading {
                font-size: 40px;
                line-height:50px;
            }
        }
    


/* inner page general styles */

.jumbotron.inner {
	position: relative;
	background: none;
	background-size: cover !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    margin-top: 60px;
    height: 200px;
    min-height: auto;
}

    .jumbotron.inner.basic {
        height: auto;
        padding-top: var(--section-padding);
    } 

    @media only screen and (min-width : 576px) { 
        .jumbotron.inner {
            height: 250px;
        }            
    }

    @media only screen and (min-width :768px) { 
        .jumbotron.inner {
            height: 350px;
        }    
        .jumbotron.inner.image {
            height: 300px;
        }            
    }

    @media only screen and (min-width :992px) { 
        .jumbotron.inner {
            height: 430px;
        }  
        .jumbotron.inner.image {
            height: 400px;
        }             
    }
	
    @media only screen and (min-width : 1200px) { 
        .jumbotron.inner {
            margin-top: 115px;
            height: 500px;
        }  
        .jumbotron.inner.image {
            height: 400px;
        }          
    }
    
    @media only screen and (min-width : 1400px) { 
        .jumbotron.inner {
            height: 600px;
        }  
        .jumbotron.inner.image {
            height: 400px;
        }           
    }


/* meet the team page */
#team .card-outer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}   

    #team .card-inner {
        display: flex;
        flex-direction: row;
        width: 100%;
    }  

    #team .card {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 18px;
    }
  
    #team .flexible {
        flex-grow: 1;
    }

    #team .darkgreen {
        background-color: var(--dark-green);      
        color:#ffffff;
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;
        line-height:25px;
        font-size: 18px;
        letter-spacing: 0.9px;  
    }
    
        #team .darkgreen .name {
            font-family: 'Lora-Bold', sans-serif;
            font-weight: 700;
            color:#ffffff;
            font-size: 20px;
            line-height:25px;
            letter-spacing: 1px;  
        }
        
    #team .green {
        background-color: var(--green);        
        color:#ffffff;
        font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        line-height:25px;
        font-size: 18px;
        letter-spacing: 0.9px;  
    }
    
    #team .grey {
        background-color: var(--light-grey);        
        color:#ffffff;
        font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        line-height:25px;
        font-size: 18px;
        letter-spacing: 0.9px;  
    }
    
    #team .slick-slider .slick-arrow {
      position: absolute;
      top: 50%;
      margin: -20px 0px 0px 0px;
      z-index: 10;
      font-size: 0;
      width: 30px;
      height: 30px;
    }
    
        #team .slick-slider .slick-prev {
          left: 0;
          background: url("images/icons/green-arrow-left.svg");
          background-position:  0 0;
          background-size: 100%;
          background-repeat: no-repeat;
          border: none;
        }
        
        #team .slick-slider .slick-next {
          right: 0;
          background: url("images/icons/green-arrow-right.svg");
          background-position:  0 0;
          background-size: 100%;
          background-repeat: no-repeat;
          border: none;
        }
        
        #team .slider .slick-arrow.slick-disabled {
          opacity: 0.2;
        }
        
      
/* about gowercroft page */      
#why {}
        
    #why .name-label {
        background-color: var(--dark-green);      
        color:#ffffff;
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;
        line-height:25px;
        font-size: 14px;
        letter-spacing: 0.7px;  
    }
    
        #why .name-label .name {
            font-family: 'Lora-Bold', sans-serif;
            font-weight: 700;
            color:#ffffff;
            font-size: 16px;
            line-height:25px;
            letter-spacing: 0.8px;  
        }
        
    #why .card {
        border:1px solid #E4E4E4;
    }
    
        #why .card-heading {
            font-family: 'Lora-Medium', sans-serif;
            font-weight: 500;
            font-size: 24px;
            letter-spacing: 0.6px;  
        } 
 
/* achievements page */        
#achievements {}

    #achievements a {
        text-decoration:none;
        color: var(--grey);
    }

    #achievements .heading {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        color:var(--black);
        font-size: 36px;
        letter-spacing: 1.8px;  
    }

    #achievements .card {
        background:transparent;
        border:1px solid #E4E4E4;
    }

    #achievements .img-outer {
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #achievements .img-outer img {
           max-height: 200px;
            object-fit:contain;
        }    
        
    #achievements .title {
        font-family: 'Lora-Medium', sans-serif;
        font-weight: 500;
        color:var(--black);
        font-size: 24px;
        letter-spacing: 0.7px;  
    }
    
        #achievements a:hover .title {
           color:var(--green);
        }
    
    #achievements .year {
        font-family: 'Lora-Medium', sans-serif;
        font-weight: 500;
        color:#ABABAB;
        font-size: 18px;
        letter-spacing: 0.5px;  
    }

/* uk manufacturers page */
#manufacturer {}

    #manufacturer .block4 .card {
        background-color:#ffffff;
        border: 1px solid #efefef;
        border-radius:0;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
    }
    
    #manufacturer .block4 .card-heading {
        font-family: 'Lora-Medium', sans-serif;
        font-weight: 500;
        color:var(--black);
        font-size: 24px;
        letter-spacing: 0.7px;  
    }


#sustainability {}

    #sustainability .gallery {}
    
        #sustainability .gallery .box a:hover {
            text-decoration:none;
        } 

        #sustainability .gallery .card {
            background-color:#ffffff;
            border: 1px solid #efefef;
            border-radius:0;
            box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
        }
        
        #sustainability .gallery .card-body {
            font-family: 'Lora-Medium', sans-serif;
            font-weight: 500;
            color:var(--black);
            font-size: 18px;
            letter-spacing: 0.3px;
        }
        
            #sustainability .gallery a:hover .card-body {
                color:var(--green);
                text-decoration:none;
            }

    #sustainability .lifecycle {}

        #sustainability .lifecycle .heading1,
        #sustainability .lifecycle .heading2,
        #sustainability .lifecycle .heading3 {
            font-family: 'Lora-Bold', sans-serif;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: 0.3px;
        }
        
            #sustainability .lifecycle .heading1{color:#444546;}
            #sustainability .lifecycle .heading2{color:#F15A24;}
            #sustainability .lifecycle .heading3{color:#39B54A;}
            
    #sustainability .examples {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;        
        color:#373A3C;
        font-size: 20px;
        letter-spacing: 0.4px;
    }
    
    #sustainability.future {
        background-image: url(images/future-bg.webp);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
    
    #sustainability.cta {}    
        
        #sustainability.cta p {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 24px;
            letter-spacing: 0.7px;
        }
    
        #sustainability.cta .heading {    
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 40px;
            line-height:50px;
        }
        
        @media only screen and (min-width : 1200px) { 
            #sustainability.cta .content {
                position:absolute;
                top:0;
                bottom:0;
                left:0;
                right:0;
                z-index: 2;
            }
        }
    
        #sustainability.cta .overlay-outer {
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
        }
        
            #sustainability.cta .overlay-inner {
                //background-color: rgba(255, 255, 255, 0.3);
                height: 100%;
                box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
            }
       
/* elite services page */          
#elite {}

    #elite.personal,
    #elite.reviews {
        background-image: url(images/future-bg.webp);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
    
    #elite.reviews .slick-track {
        display: flex !important;
    }

    #elite.reviews .slick-slide {
        height: inherit !important;
    }
    
        #elite.reviews .slick-slide div {
            height: 100%;
        }

    #elite.surveys,
    #elite.manufacturing {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    }
    
    #elite.reviews .review-name,
    #reviewModal1 .review-name,
    #reviewModal2 .review-name,
    #reviewModal3 .review-name {
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;        
        color: var(--black);
        font-size: 20px;
        line-height:normal;
    }
    
    #elite.intro p:last-child,
    #elite.intro li:last-child,
    #elite.intro ul:last-child,
    #elite.install p:last-child,
    #elite.design p:last-child,
    #elite.aftercare p:last-child {
        margin-bottom:0;
    }
    
/* products page */        
#products {}

    #products.icons {}
    
        #products.icons .icon-title {
            font-family: 'Lora-SemiBold', sans-serif;
            font-weight: 600;        
            color: #444546;
            font-size: 18px;
            line-height:normal;
        }

        #products.icons .icon-subtitle {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color: #444546;
            font-size: 16px;
            line-height:normal;
        }

    #products.gallery .slick-track {
        display: flex !important;
    }
    
        #products.gallery .slick-slide {
            height: inherit !important;
        }

    #products.delivery {
        background-image: url(images/future-bg.webp);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
    
    
    #products.options {
        border-top: 1px solid #E4E4E4; 
    }

    #products.options .nav-pills {
        min-width:250px;
    }
   
    #products.options .tab-pane,
    #products.options .tab-pane p {
        font-size:16px;
    }
	
	#products.options .accordion-button,
	#products.options.ironmongery .accordion-button {
            font-size: 18px;
		}
    
    #products.options .nav-pills .nav-link {
        border-radius:0;
        font-size: 22px;
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;       
        color:#ABABAB;
        text-align: left;
        border-bottom: 1px solid #E4E4E4;
        padding: 20px 40px 20px 0;
	}
	
	
		#products.options.ironmongery .nav-pills .nav-link {
            font-size: 20px;
			padding: 20px 30px 20px 0;
		}
    
        #products.options .nav-pills .nav-link.active,
        #products.options .nav-pills .show > .nav-link {
            color:#373A3C;
            background-color:transparent;
        }
        
        #products.options .card-body p:last-child {
            margin-bottom:0;
        }
        
        #products.options .timber-image {
            width:100%;
            height:90px;
            object-fit:cover;
        }
        
            @media only screen and (min-width : 768px) { 
                #products.options .timber-image {
                    width:100%;
                    height: auto;
                    object-fit: contain;
                        }        
            }
            
        #products.options .accordion-button:focus {
            border-color: transparent;
            outline: 0;
            box-shadow: none;
        }
        
            #products.options .accordion-button:not(.collapsed) {
                color: var(--green);
                background-color: transparent;
            }
            
            #products.options .accordion-button:not(.collapsed)::after {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235b7802'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            }
        
        #products.glance .card {
            border:1px solid #E3E3E3;
        }
             
            #products.glance .card .card-heading {
                font-family: 'Lora-SemiBold', sans-serif;
                font-weight: 600;
                font-size: 20px;
                color: #ffffff;
                padding: 10px 5px;
                height: 78px;
                display: flex;
                justify-content: center;
                align-items: center;
            } 
            
            #products.glance .card.green .card-heading { background-color:#5B7802;}
            #products.glance .card.grey  .card-heading { background-color:#4B4B4B;}
            
            #products.glance .card .line {
                border-top:1px solid #E3E3E3;
                height:50px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size:16px;
            }
            
    #products.enquiry {
        background-image: url(images/future-bg.webp);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
    
        #products.enquiry .wpcf7-response-output {
            color:#ffffff;
        }
    
    #products.product .name {
        font-size: 24px;
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;       
        color:var(--black);
    }
        
/* ranges page */      
#ranges {}

    #ranges.green-bar {
        background-color :#006B3F;
        padding-top: 115px;
    }
    
        #ranges.green-bar li {
            margin-bottom:0;
            padding:0 20px;
        }
        
            #ranges.green-bar a {
                color: #ffffff;
                font-family: 'Lora-Medium', sans-serif;
                font-weight: 500;
                font-size: 16px;
            }
            
            #ranges.green-bar a:hover,
            #ranges.green-bar a:focus {
                text-decoration:underline
            }

    #ranges a {
        text-decoration:none;
    }
    
    #ranges .card {
        background-color: #ffffff;
        border: 1px solid #efefef;
        border-radius: 0;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
    }
    
    #ranges .heading {
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;        
        color: var(--black);
        font-size: 24px;
        line-height:normal;
    }

/* glass and glazing page */      
#glass {}

    #glass.options .card {
        background-color: #ffffff;
        border: 1px solid #efefef;
        border-radius: 0;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
    }

    #glass.options .card .heading {
        font-family: 'Lora-Medium', sans-serif;
        font-weight: 500;
        color: var(--black);
        font-size: 24px;
        letter-spacing: 0.3px;
    }
    
        #glass.cta {}    
        
        #glass.cta p {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 24px;
            letter-spacing: 0.7px;
        }
    
        #glass.cta .heading {    
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 40px;
            line-height:50px;
        }
        
        @media only screen and (min-width : 1200px) { 
            #glass.cta .content {
                position:absolute;
                top:0;
                bottom:0;
                left:0;
                right:0;
                z-index: 2;
            }
        }
    
        #glass.cta .overlay-outer {
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
        }
        
            #glass.cta .overlay-inner {
                //background-color: rgba(255, 255, 255, 0.3);
                height: 100%;
                box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
            }
            
/* aftercare page */      
#aftercare {}

    #aftercare.deposits {
        background-image: url(images/future-bg.webp);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
   
    #aftercare.recoating .card {
        border-radius: 0;
        border: none;
        border-top: 9px solid var(--dark-green);
        box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
    }

        #aftercare.recoating .card .heading {
            font-size: 24px;
            font-family: 'Lora-Bold', sans-serif;
            font-weight: 700;       
            color:#373A3C;
        }

    #aftercare.cta {}    
        
        #aftercare.cta p {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 18px;
            letter-spacing: 0.3px;
        }
    
        #aftercare.cta .heading {    
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 40px;
            line-height:50px;
        }
        
        @media only screen and (min-width : 1200px) { 
            #aftercare.cta .content {
                position:absolute;
                top:0;
                bottom:0;
                left:0;
                right:0;
                z-index: 2;
            }
        }
    
        #aftercare.cta .overlay-outer {
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
        }
        
            #aftercare.cta .overlay-inner {
                //background-color: rgba(255, 255, 255, 0.3);
                height: 100%;
                box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
            }
            

#acoustics {}

    #acoustics.options .card {
        background-color: transparent;
        border: 1px solid #e4e4e4;
        border-radius:0; 
    }
    
        #acoustics.options .card .heading {
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;        
            color:#373A3C;
            font-size: 28px;
        }
    
    #acoustics .accordion {}

    #acoustics .accordion-item {
        //border: none;
    }

        #acoustics .accordion-item:first-of-type {
          border-top-left-radius: 0;
          border-top-right-radius: 0;
        }
        
            #acoustics .accordion-item:first-of-type .accordion-button {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

    #acoustics .accordion-button {
        font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #ffffff;
        background-color: #444546;
        padding: 1rem 1.5rem 1rem 1.5rem;
    }
    
        #acoustics .accordion-button::after {
            background-image: url("images/icons/plus-icon.png");
            transform: rotate(0deg);
            width: 14px;
            height: 14px;
            background-size: 14px;
          }
    
            #acoustics .accordion-button:not(.collapsed)::after {
                    background-image: url("images/icons/plus-icon.png");
                    transform: rotate(-45deg);
                }
    
    #acoustics .accordion-button:not(.collapsed) {
        color: #ffffff;
        background-color: #5B7802;
    }
    
    #acoustics .accordion-button:focus {
        border-color: #E7E7E7;
        box-shadow: none;
    }
    
#thermal {}

    #thermal.benefits .heading {
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #373A3C;
    }
    
#architects {}

	#architects.testimonial {
		font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
		font-size:18px;
		color:#444546;
	}
	
			#architects.testimonial .box {
				border:1px solid #DFDFDF;
				border-radius:10px;
				padding:24px;
			}


			#architects.testimonial .circle {
				width: 60px;
				height: 60px;
				display: flex;
				align-items: center;
				justify-content: center;
				text-transform: uppercase;
				color: #ffffff;
				background-color: #1F5F29;
				border-radius:50%;
				font-size: 32px;
				font-family: 'Lora-SemiBold', sans-serif;
				font-weight: 600;
			}
			
			#architects.testimonial .name {
				font-family: 'Lora-SemiBold', sans-serif;
				font-weight: 600;
				font-size:20px;
				color:#373A3C;
			}
			
			#architects.testimonial .role {
				font-family: 'Lora-Regular', sans-serif;
				font-weight: 400;
				font-size:18px;
				color:#6B6B6B;
			}
			
	#architects.why {}
		
		#architects.why .card {
			border:1px solid #E4E4E4;
			border-top:9px solid #006B3F;
			border-radius:0;
		}
		
			#architects.why .card .heading {
				color:#444546;
				font-size:20px;
				font-family: 'Lora-Bold', sans-serif;
				font-weight: 700;				
			}
			
	#architects.casestudy {}

		#architects.casestudy .card .heading,
		#architects.ranges .card .heading		{
			color:#373A3C;
			font-size:20px;
			font-family: 'Lora-Medium', sans-serif;
			font-weight: 500;				
		}
 
#construction {}

	#construction .card {
		border:1px solid #E4E4E4;
	}
	
	#construction .card a {
		color:#373A3C;
		font-size:20px;
		font-family: 'Lora-Medium', sans-serif;
		font-weight: 500;	
		text-decoration: none;		
	}

#home.distributors {}

	#home.distributors .card p {
		font-size:16px;		
	}

	#home.distributors .card .heading {
		font-size:20px;
		font-family: 'Lora-Bold', sans-serif;
		font-weight: 700;	
	}
	
#partnerships {}

	#partnerships.ctabar {
		background-image: url(images/future-bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position:center;
	}
	
	#partnerships.about {
		background-image: url(images/future-bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position:center;
		padding-bottom:18rem;
	}
			
	#partnerships.core-points {
		margin-top:-18rem;
	}
		#partnerships.core-points .card {
			border:none;
			border-radius:0;
		}	
		
		#partnerships.core-points .card-body {
			border:1px solid #E4E4E4;
			font-size:16px;
		}
		
			#partnerships.core-points .card-body p {
				font-size:16px;
			}

		#partnerships.core-points .card .heading {
			font-size: 24px;
            font-family: 'Lora-Medium', sans-serif;
            font-weight: 500;       
            color:#373A3C;
		}

	#partnerships.statement .heading {
		font-size: 32px;
		line-height: 34px;
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;       
        color:#373A3C;
	}		
	    
		@media only screen and (min-width : 1200px) { 
            #partnerships.statement .heading {
                font-size: 44px;
				line-height: 46px;
            }        
        }
	
	#partnerships.statement .line {
		position: absolute;
		  left: 0;
		  height: 100%;
		  background-color: #006B3F;
		  width: 15px;
		  border-radius:10px;
		  top: 0;
		  bottom: 0;
	}

#ironmongery
	
		#ironmongery.locks .card {
			border:1px solid #E4E4E4;
			border-radius:0;
		}	
		
		#ironmongery.locks .card-body {
			font-size:16px;
		}
		
			#ironmongery.locks .card-body p {
				font-size:16px;
			}

		#ironmongery.locks .card .heading {
			font-size: 24px;
            font-family: 'Lora-Medium', sans-serif;
            font-weight: 500;       
            color:#373A3C;
		}	

/* contact us page */  
#contact-page {}

    
    #contact-page .card {
        border-radius: 0;
        border: none;
        border-top: 9px solid var(--dark-green);
        box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
    }

        #contact-page .card .heading {
            font-size: 24px;
            font-family: 'Lora-Regular', sans-serif;
            font-weight: 400;       
            color:#373A3C;
        }

/* Post */
.wp-block-pullquote {
    padding: 3rem 0;
    text-align: center;
}

    .wp-block-pullquote blockquote {
        border-top: 3px solid var(--dark-green);
        border-bottom: 3px solid var(--dark-green);
        padding:1rem;
        max-width: 800px;
        margin:0 auto;
    }
    

.wp-block-quote {
    padding: 3rem 0;
    text-align: center;
    border-top: 3px solid var(--dark-green);
    border-bottom: 3px solid var(--dark-green);
    padding:1rem;
    max-width: 800px;
    margin: 3rem auto;
}
    
#blog {}
	
	#blog h2,
	#blog h3,
	#blog p {
		margin-bottom:24px;
	}

    #blog article {
        background-color: #ffffff;
        border-radius: 0;
        height: 100%;
        filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.07));
    }
    
    #blog .blog-posts a {
        color: #444546;
        font-family: 'Lora-Regular', sans-serif;
        font-weight: 400;
        font-size: 18x;
        text-decoration: none;
    }

        #blog article .img-box {
            width: auto;
            height: 250px;
            overflow: hidden;
        }

        #blog article img {
            //object-fit: cover;
            object-position: center;
			    object-fit: cover;
            height: 100%;
            width:100%;
            z-index: 1;
            //transition: transform .8s ease-out;
        }

            //#blog article:hover img {
            //    transform: scale(1.2);
            //}

        #blog article .heading {
            color: var(--black);
            font-family: 'Lora-Medium', sans-serif;
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
        }
		
.single {}

	.single .table-bordered {
		border:1px solid #dee2e6;
		border-spacing: 0;
	}
		.single .table-bordered td, .single .table-bordered th {
			border:1px solid #dee2e6;
		}
		
			.single .table-bordered thead td, .single .table-bordered thead th {
				border-bottom-width: 2px;
			}
		
		.single .table {
			width: 100%;
			margin-top: 1rem;
			margin-bottom: 2rem;
			color: #212529;
			border-spacing: 0;
			display: block;
			overflow-x: auto;
		}
		
			.single .table td, .single .table th {
				padding:.75rem;
				vertical-align: top;
				border-top:1px solid #dee2e6;
			}
		
		.single .table thead th {
			vertical-align: bottom;
			border-bottom:2px solid #dee2e6;
		}

		.single .table .thead-dark th {
			color: #fff;
			background-color: #343a40;
			border-color:#454d55;
		}
		
#blog.search-page input[type="text"]{
	background-color: #f6f6f6;
	color: #000;
	width: 100%;
	height: 100%;
	border:1px solid grey;
    border-radius:0;
    padding:15px 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}

	#blog.search-page input[type="text"]:focus {
		outline: 2px solid var(--green);
		outline-offset: -4px;
    }

#blog.search-page #searchsubmit {
    border-radius: 0;
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-family: 18px;
    padding: 10px 32px;
    position:relative;
    transition: color 1s ease-in-out,background-color 1s ease-in-out,border-color 1s ease-in-out,box-shadow 1s ease-in-out;	
    border: 1px solid var(--green);
    background: var(--green);
    color: var(--white);   
}


    #blog.search-page #searchsubmit:hover, #blog.search-page #searchsubmit:focus {
        border-radius: 0;
        box-shadow:none;
        outline:0;
        text-decoration: none;
		border: 1px solid var(--dark-green);
        background: var(--dark-green);
        color: var(--white);   
    }
	
	
.wp-block-pullquote cite {
  font-size: 18px;
}	
	

/* Post End */

.pagination {}

    .pagination span,
    .pagination a {
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        margin: 0 6px;
        text-decoration: none;
        color: var(--white);
        font-family: 'Lora-Medium', sans-serif;
        font-weight: 500;
        font-size: 18px;
        background-color: var(--green);
        border-radius: 0;
        min-width: 30px;
        height: 30px;
        padding: 10px;
    }

    .pagination .current {
        color: var(--white);
        background-color: var(--dark-green);
        text-decoration:none;
    }
    
    .pagination a:hover {
        background-color: var(--dark-green);
        text-decoration:none;
    }


#brochure {}

    #brochure .heading {
        font-family: 'Lora-Bold', sans-serif;
        font-weight: 700;
        font-size: 34px;
        letter-spacing: 1.7px;
        color: #ffffff;    
        line-height: 40px;
    }
    
    #brochure .resize {
        position: absolute;
        top: -15px;
        right: 0;
        transform: scale(1);
        width: 700px;
    }

        @media only screen and (min-width : 1200px) { 
            #brochure .resize {
                top: -100px;
                transform: scale(1);
                width: 650px;
            }        
        }

/* Contact Form */
.wpcf7 p {
    margin-bottom:0;
}

.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea,
.page-template-default input[type="text"], .page-template-default input[type="email"], .page-template-default input[type="tel"], .page-template-default textarea{
    width: 100%;
    padding: 12px 16px;
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    border: none;
    color: #ffffff; 
}
    
    .contact.dark input[type="text"], .contact.dark input[type="email"], .contact.dark input[type="tel"], .contact.dark textarea,
	.page-template-default input[type="text"], .page-template-default input[type="email"], .page-template-default input[type="tel"], .page-template-default textarea {
        color:#3A332F;
        background-color:#ffffff;
    }
    
    .contact input[type="text"]:focus, .contact input[type="email"]:focus, .contact input[type="tel"]:focus, .contact textarea:focus,
	.page-template-default input[type="text"]:focus, .page-template-default input[type="email"]:focus, .page-template-default input[type="tel"]:focus, .page-template-default textarea:focus {
        outline: 2px solid var(--green);
        outline-offset: -4px;
    }
	
	.contact.bordered input[type="text"], .contact.bordered input[type="email"], .contact.bordered input[type="tel"], .contact.bordered textarea,
    .page-template-default input[type="text"], .page-template-default input[type="email"], .page-template-default input[type="tel"], .page-template-default textarea	{
		border: 1px solid #929292;
	}

.contact textarea {
    height: 100px;
}

.captcha .quiz-box {
    width: 100%;
    background-color: var(--dark-grey);
    padding: 11px 14px;
}

.captcha label {
    display: inline !important;
    font-family: var(--header-font);
}

.captcha .wpcf7-quiz-label {
    margin-right: 10px;
    color: var(--black);
}
.contact .captcha input[type="text"] {
    width: 60%;
    background-color: transparent;
    border: none;
    border-left: 1px solid var(--dark-grey);
    border-radius: 0;
    padding: 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
  //opacity: 0.7;
  //color: var(--black);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  //opacity: 0.7;
  //color: var(--black);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  //opacity: 0.7;
  //color: var(--black);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  //opacity: 0.7;
  //color: var(--black);
}

/* Contact Form End */



/* Footer */

footer {
    color: var(--grey);
    font-family: 'Lora-Regular', sans-serif;
    font-weight: 400;
    font-size:16px;
}

    footer .border-top {
        border-top: 1px solid #EFEFEF; 
    }

    footer li {
        margin-bottom: .5rem;
    }

    footer a,
    footer .contact {
        color: var(--grey);
    }
    
        footer a:hover, footer a.active {
            color:var(--dark-green);
            text-decoration: none;
        }
        
    footer .heading {
         color: var(--black);
        font-family: 'Lora-SemiBold', sans-serif;
        font-weight: 600;
        font-size:18px;
        margin-bottom:10px;
    }

/* Footer End */

.modal { 
   background-color: rgba(0, 0, 0, 0.9) !important; 
}

.modal.show .modal-dialog {
    z-index: 100;
    margin-top: 50px;
}

.modal .modal-content {
    border-radius:0;
}

.modal-title {
    display: none;
}

/* Mobile Queries
-------------------------------------------------------------- */

/* Max Width */
@media (max-width: 495px) {}
@media (min-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {}

/* min Width */
@media only screen and (min-width : 480px) {}
@media only screen and (min-width : 768px) {}
@media only screen and (min-width : 992px) {}
@media only screen and (min-width : 1200px) {}