/*
	Theme Name: Seventy9 Child Theme
	Theme URI: https://www.seventy9.co.uk/
	Description: Seventy9 Child Theme, all changes should be implemented on these files. Originally developed by Scott A. Dixon
	Version: 1.0.1
	Author: Seventy9
	Author URI: https://www.seventy9.co.uk/
	Template: seventy9
	Tags: theme

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

#info-area {
    padding-bottom: 20px;
}
#info-area ul{
    margin-bottom: 0;
}

#nav-area {}
#banner-area {}


.wrapper {
    color:#fff;
    margin-bottom: 30px;
    background-color: rgba(0,0,0,0.6);
    padding: 1.5rem 3rem;
    max-width: 450px;
    position: absolute;
    transform: translateY(calc(-100% - 30px));
}
.wrapper * {
    color:inherit;
}
.triangle-clip{
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.triangle-clip.top-left{
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.triangle-clip.top-right{
    clip-path: polygon(75% 0, 100% 25%, 100% 100%, 0 100%, 0 0);
}
.triangle-clip.bottom-left{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%, 0 75%);
}
.triangle-clip.bottom-right{
    clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
}
.triangle-clip.after:after{
    content:"";
    height:30px;
    width: 100%;
    background: #d4d5d7;
    position: absolute;
}
.triangle-clip.after.blue:after {
    background: #24b7e5;
}
.triangle-clip.after.dark-blue:after {
    background: #077ac0;
}

.triangle-clip.after {
    position: relative;
    clip-path: none!important;
}
.triangle-clip.top-left.after:after{
    top:0;
    left: 0;
    width: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.triangle-clip.top-right.after:after{
    top:0;
    left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.triangle-clip.bottom-left.after:after{
    bottom:0;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.triangle-clip.bottom-right.after:after{
    bottom:0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}


/*.triangle-graphic {*/
/*    position: relative;*/
/*}*/
/*.triangle-graphic :after {*/
/*    position: absolute;*/
/*    bottom:0;*/
/*    left:0;*/
/*    content:"";*/
/*    width: 300px;*/
/*    height: 300px;*/
/*    background-size:100% 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-blue.png');*/
/*}*/
/*.triangle-graphic.triangle-light-blue :after {*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-light-blue.png');*/
/*}*/
/*.triangle-graphic.triangle-light-grey :after {*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-light-grey.png');*/
/*}*/
/*.triangle-graphic.flip-x :after{*/
/*    transform: rotate(270deg);*/
/*    right: 0;*/
/*    left: auto;*/
/*}*/
/*.triangle-graphic.flip-y :after{*/
/*    transform: rotate(90deg);*/
/*    bottom:auto;*/
/*    top:0;*/
/*}*/
/*.triangle-graphic.flip-x.flip-y :after{*/
/*    transform: rotate(180deg);*/
/*    bottom:auto;*/
/*    left: auto;*/
/*    top:0;*/
/*    right: 0;*/
/*}*/
/*.triangle-graphic.triangle-wide :after {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*}*/


#content-area {}
#footer-top-area {}
#footer-area {}
@media (max-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {}
@media (max-width: 1200px) {}
@media (max-width: 1400px) {}

#info-area .socials ul {
    display: flex; 
    flex-wrap: wrap; 
    list-style: none; 
    padding: 0;
    margin: 0; 
}

.socials {
    background-color: #242424;
    padding: 10px;
    margin-bottom: 20px;
    max-height: 50px;
    overflow: hidden;
    transition:0.5s ease all;

    @media(max-width: 767px) {
        ul {
            justify-content: center;
        }
    }
}

#info-area .socials ul li {
    display: flex; 
    align-items: center; 
    margin-right: 20px; 
    font-size: 0.8em; 
}

#info-area .socials ul li a, 
#info-area .socials ul li p {
    display: flex; 
    align-items: center; 
    text-decoration: none; 
    color: #A5A59D; 

}

#info-area .socials ul li a span, 
#info-area .socials ul li p span {
    margin-right: 8px; 
    font-size: 1em; 
    color:#1B77B1;
}

#info-area .socials ul li:last-child {
    margin-right: 0;
}
.navbar-collapse {
    width: 100%!important;
}
.navbar-collapse > ul{
    column-gap:20px;
    justify-content: space-between;
    width: 100% !important;
}


#footer-area p {
 color: 
 #fff;

    @media(max-width: 767px) {
        text-align: center;
    }
}

#footer-area a {
    color: #fff;
    text-decoration: none;
   }

#footer-area a:hover {
    color: 
    #1e88ca;
   }
/*******************/
/* WORDPRESS GUMPH */
/*******************/

figure{
    margin-bottom: 0;
}
img {
    max-width: 100%;
}

.w-100 > img {
    width:100%!important;
}

.wp-block-cover__inner-container, .wp-block-cover {
    position:relative;
}

.wp-block-buttons{
    margin-top:1rem;
    gap:30px;
    display:flex;
}

.wp-element-button{
    display:inline-block;
    padding:10px 25px;
}

.wp-block-image {
    position:relative;
}

.wp-block-quote {
    position:relative;
}

#info-area {}
#info-area ul{
    margin-bottom: 0;
}
#home-gallery-section .container {
    max-width:none;
    padding: 0;
}
#home-gallery-section >.container >.row {
    margin: 0;
    padding: 0;
}
#home-gallery-section >.container >.row >* {
    margin: 0!important;
    padding: 0!important;
}

/* #banner-image {
    width:100%;
    aspect-ratio:30/9;
    background-size:cover;
    background-position:center center;
} */
.wrapper{
    color:#fff;
    margin-bottom: 30px;
    background-color: rgba(0,0,0,0.6);
    padding: 1.5rem 3rem;
    max-width: 450px;
}
.wrapper * {
    color:inherit;
}


@media(max-width: 991px) {
    #banner-area{
        text-align: center;
    }
    #menu-main-menu a{
        text-align: center!important;
    }

    .wrapper {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        transform: none;
        position: relative;
        clip-path:none!important;
        width: 100%;
        max-width: 100%;
    }
}

.triangle-clip{
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.triangle-clip.top-left{
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.triangle-clip.top-right{
    clip-path: polygon(75% 0, 100% 25%, 100% 100%, 0 100%, 0 0);
}
.triangle-clip.bottom-left{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%, 0 75%);
}
.triangle-clip.bottom-right{
    clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
}
.triangle-clip.after:after{
    content:"";
    height:30px;
    width: 100%;
    background: #d4d5d7;
    position: absolute;
}
.triangle-clip.after.blue:after {
    background: #24b7e5;
}
.triangle-clip.after.dark-blue:after {
    background: #077ac0;
}

.triangle-clip.after {
    position: relative;
    clip-path: none!important;
}
.triangle-clip.top-left.after:after{
    top:0;
    left: 0;
    width: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.triangle-clip.top-right.after:after{
    top:0;
    left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.triangle-clip.bottom-left.after:after{
    bottom:0;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.triangle-clip.bottom-right.after:after{
    bottom:0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.wp-block-button a{
    background:#1f88ca!important;
    color:#fff!important;
    text-decoration: none;
    margin-top: 1rem;
}
.wp-block-button a:hover, .wp-block-button a:focus {
    background: #d5d6d8!important;
    color:#000!important;
    cursor: pointer;
}

/*.triangle-graphic {*/
/*    position: relative;*/
/*}*/
/*.triangle-graphic :after {*/
/*    position: absolute;*/
/*    bottom:0;*/
/*    left:0;*/
/*    content:"";*/
/*    width: 300px;*/
/*    height: 300px;*/
/*    background-size:100% 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-blue.png');*/
/*}*/
/*.triangle-graphic.triangle-light-blue :after {*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-light-blue.png');*/
/*}*/
/*.triangle-graphic.triangle-light-grey :after {*/
/*    background-image:url('/wp-content/themes/seventy9-child/img/triangle-light-grey.png');*/
/*}*/
/*.triangle-graphic.flip-x :after{*/
/*    transform: rotate(270deg);*/
/*    right: 0;*/
/*    left: auto;*/
/*}*/
/*.triangle-graphic.flip-y :after{*/
/*    transform: rotate(90deg);*/
/*    bottom:auto;*/
/*    top:0;*/
/*}*/
/*.triangle-graphic.flip-x.flip-y :after{*/
/*    transform: rotate(180deg);*/
/*    bottom:auto;*/
/*    left: auto;*/
/*    top:0;*/
/*    right: 0;*/
/*}*/
/*.triangle-graphic.triangle-wide :after {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*}*/


#content-area >.container {
    /* display: none!important; */
}
#content-area >.container:first-child {
    display: block!important;
}
#icons-section {
    background: #f6f6f6;
}
#icons-section figure{
    margin-bottom: 0.5rem;
}
#cta-section, #cta-1-section {
    text-align: center;
    background: ;
    color:#fff;
    font-size: 1.4rem;
}
#cta-section .wp-block-button, #cta-1-section .wp-block-button{
    margin: 0 auto;
    font-size: 1rem;
}
#cta-section .wp-block-button__link, #cta-1-section .wp-block-button__link{
    background-color: #fff!important;
    color:#000!important;
}
#cta-section .wp-block-button__link:hover, #cta-1-section .wp-block-button__link:hover{
    background-color:#d5d6d8!important;
    color:#000!important;
}
#content-area {}
#footer-top-area {}
#footer-area {}
@media (max-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {}
@media (max-width: 1200px) {}
@media (max-width: 1400px) {}

/*******************/
/* FOOTER AREA      */
/*******************/

#footer-top-area {
    background-color: #fff;
    /*padding-top: 70px;*/
    /*height: 400px;*/
}

.footer-accreditations {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-accreditations img {
    max-height: 170px;
    max-width: 170px;
    margin: 0 10px;
}
















.navbar-collapse {
    width: 100%!important;
}
.navbar-collapse > ul{
    column-gap:20px;
    justify-content: space-between;
    width: 100% !important;
}


.wp-block-cover__inner-container {
    position: absolute!important;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    background-color: rgba(0,0,0,0.4);
    font-size: 1.6rem;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*******************/
/* WORDPRESS GUMPH */
/*******************/

figure{
    margin-bottom: 0;
}
img {
    max-width: 100%;
}

.w-100 > img {
    width:100%!important;
}

.wp-block-cover__inner-container, .wp-block-cover {
    position:relative;
}

.wp-block-buttons{
    margin-top:1rem;
    gap:30px;
    display:flex;
}

.wp-element-button{
    display:inline-block;
    padding:10px 25px;
}

.wp-block-image {
    position:relative;
}

.wp-block-quote {
    position:relative;
}

.wp-block-cover {
    position: relative;
}



.nav {
    padding: 0!important;
}
#nav-area .navbar-nav {
    width: 100%;
    justify-content: space-between;
    
}


.nav-img img{
    max-height: 120px;
    transition: 0.5s ease all;
}
@media(min-width:992px ) {
    .collapsed-head {

        .socials{
            padding: 0;
            max-height: 0;
        }
        .nav-img img{
            max-height: 60px!important;
        }
    }

}



.nav-item {
    text-transform: capitalize !important;
    font-size: 1rem;
    font-weight: 700;
}

/******************/
/**** MEGAMENU ****/
/******************/

.nav-text-wrapper {

    display: inline-block;
}

#menu-products >li >.nav-text-wrapper{
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    color:var(--nav-text-colour);
}


.megamenu {
    width: 100%;
    left: 0!important;
    padding: 1rem;
    border:2px solid #28b7ef;
    border-radius: 0!important;
    column-gap: 1.5rem;
    flex-wrap: wrap;
}
.megamenu.show {
    display: flex;
}

.megamenu .nav-text-wrapper {
    font-size: 1.2rem;
    color:var(--nav-colour);
}

.megamenu .image-area {
    max-width: 20%;
}
.megamenu .nav-item {
    flex:1;
}
.megamenu a {
    padding-bottom: 10px;
}
.megamenu a:hover, .megamenu a:focus {
    background-color: inherit;
    color: #28b7ef;
}
.megamenu a:after {
    display: none!important;
}
.megamenu .dropdown-menu {
    position: relative!important;
    display: block!important;
    border: 0!important;
}

.megamenu .dropdown-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
}
.megamenu .nav-image-wrapper{
    width: 100%;
}


.megamenu .dropdown-item img{
    max-height: 160px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991px) {
    .megamenu .nav-item {
        min-width: 45%;

    }
    .megamenu .image-area {
        display: none;
    }
    .megamenu .image-area img{
        max-width: 50%;
        /*margin:0 auto;*/
        /*display: block;*/
    }
}
@media (max-width: 767px) {
    .megamenu .nav-item {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 1rem;
        /*margin:0 auto;*/
        /*display: block;*/
    }
    .megamenu .nav-item:last-child {
        margin-bottom: 0;
    }
}

@media(min-width: 992px) {
    .container-custom {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
    }
}
@media(min-width: 1200px) {
    .container-custom {
        max-width: 1300px;
        margin: 0 auto;
        position: relative;
    }
}

/*******************/
/*   HERO SECTION  */
/*******************/

.home-hero {
    background-image:url('/wp-content/uploads/building-1841299_1920.jpg');
    width:100%;
    background-size:cover;
    background-position:center center;
    position: relative;

    &:after{
        content:"";
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0008;
        position: absolute;
    }

    >*{
        position: relative;
        z-index: 1;
    }
}

#banner-area {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-sizing: border-box;
}


#banner-area .h-100 {
    position: relative;

    box-sizing: border-box;
}

.home-hero .row,
#nav-area,
#info-area, .info-bar {
    position: relative;

}

.hero-row h1{
    margin-top: 30px;
    font-size: 1.5rem;
    color: white;
    margin-bottom: 30px;
    font-weight: 600;

    @media(min-width: 992px) {
        margin-top: 170px;
        font-size: 3rem;
    }
}

.home-hero .hero-row{
    /* width: 70%; */
    margin: 0 auto;

    @media(max-width: 992px) {
        flex-direction: column;
    }
}

.hero-row img{
    width: 100%;
}



.hero-form {
    max-width: 400px;
    margin: 40px auto;
    padding: 20px;
    background-color: white;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.hero-form h3 {
    color: #000;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
}

#default-form .row {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

#default-form .col-md-6,
#default-form .col-md-12 {
    width: 100%;
}

#default-form .mb-3 {
    display: flex;
    flex-direction: column;
}

#default-form .form-label {
    font-weight: bold;
    font-size: .7rem;
    margin-bottom: 0.7rem;
}

#default-form .form-control {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


#default-form .req-field {
    font-size: 0.9rem;
    color: #555;
    margin-top: 10px;
}

.hero-button .btn-wrapper {
    width: 90%;
}

.hero-arrow {
    padding-left: 10px;
}

.hero-cta-phone p {
    color: #fff;
    padding-bottom: 2px;
    margin-bottom: 0;
}

.hero-row img{
    width: 25%;
}

.home-hero-call {
    margin-left: -75px;
    @media(min-width: 992px) {
        margin-left: -150px;
    }

}

.hero-cta-phone a {
    color: #fff !important;
    text-decoration: none;
    &:hover, &:focus {
        color: #077ac0!important;
    }
}

.home-hero h1{
    color: #fff !important;
}


@media (max-width: 991px) {

}
@media (max-width: 767px) {

}

@media(min-width: 992px) {

}
@media(max-width: 1780px) {
   .hero-row {
       width: 90%;
   }



  }

@media(min-width: 1781px) {
    .hero-row {
        width: 70%;
    }
 }


/*********************/
/*   BANNER SECTION  */
/*******************/

#banner-image {
    width:100%;
    aspect-ratio:30/7;
    background-size:cover;
    background-position:center center;

    @media(max-width: 992px) {
        aspect-ratio:10/7;

        h1 {
            font-size: 3rem!important;
        }
    }

}
#banner-image {
    position: relative;
  }
  #banner-image h1 {
    font-size: 4.5rem;
    color: white !important;
  }
  #banner-image p {
    color: white;
    font-size: 1.5rem;
  }
  #banner-image .btn {
    margin-right: 10px;
    margin-top: 75px;
    border-radius: 0;
  }
  /* #banner-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
  } */
  #banner-image .text-container {
    position: relative;
    z-index: 2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
  }
  #banner-image img {
    aspect-ratio: 3.11111111;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #banner-image .cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #banner-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  #banner-image .container {
    position: relative;
    z-index: 2;
    text-align: left;
    color: white;
    padding: 20px;
  }

  #banner-plain {
    height: 150px;
  }

  #banner-plain h1 {
    font-size: 3rem;
    text-align: center;
    padding-top: 50px;
    color: #000 !important;
  }



/*******************/
/*   HOME PAGE     */
/*******************/

  .home-page h3{
    color: #077ac0 !important;
    margin-top: 60px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 700;
}

.home-page h2{
    color: #000;
    font-weight: 700;
}

.bento-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    justify-content: center;
    height: 100vh;
    box-sizing: border-box;
}

.bento-column-tall {
    flex-basis: 30%;
    display: flex;
    flex-direction: column;
    height: 101%;
    box-sizing: border-box;
}

.bento-column-wide {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.bento-row-top,
.bento-row-bottom {
    display: flex;
    width: 100%;
    gap: 10px;
    flex: 1;
}

.bento-row-top,
.bento-row-bottom {
    height: 50%;
}

.bento-column,
.bento-column-full {
    flex: 1;
    display: flex;
}

.bento-figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.bento-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.bento-figure:hover img {
    transform: scale(1.05);
}


@media(max-width: 992px) {
    .bento-container {
        flex-wrap: wrap;
        gap: 10px;
        height: auto;
    }
    .bento-column-tall {
        flex-basis: 50%;
        flex-basis: 100%;
    }
    .bento-column-wide {
        flex-basis: 100%;
    }
}

#home-testimonial-section {
    background-image: url(/wp-content/uploads/roof.webp);
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
    /*width: 99vw;*/
    /*position: relative;*/
    /*left: 50%;*/
    /*right: 50%;*/
    /*margin-left: -50vw;*/
    /*margin-right: -50vw;*/

    .full-width-testimonial{
        flex-direction: column;
    }
}

.home-testimonial-content {
    background-color: #fff;
    margin: 50px;
    padding: 50px;
    width: auto;
    border-radius: 5px;

    max-width: 650px;
    align-self: flex-start;

    @media(min-width: 767px) {
        margin-left: 300px;
        /*width: 100%;*/
    }
}


.home-testimonial-details {
    @media(max-width: 992px) {
        align-items: center;
        .col:nth-child(1) {
            flex-basis:15%!important;
        }
        .col:nth-child(2) {
            flex-basis:85%!important;
        }
    }
}
.home-testimonial-details h4{
    font-weight: 700;
    font-size: 1rem;
}

#home-hero-section {
    margin-bottom: 45px;
}


#home-cta-banner-section {
    .home-cta-banner {

    }
}

.home-page {
    @media(max-width: 992px) {

        h3 {
            margin-top: 0;
        }

        flex-direction: column;
    }
}
@media(max-width: 992px) {
    .container {
        max-width: 999px;
    }
    .col {
        flex:none;
    }
}

.testimonial-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.testimonial-strapline {
    font-weight: 700;
    padding-top: 10px;
}

.fa-star {
    color: #F3BB2E;
}

.statistics-h2 {
    width: 75%
}
.statistics-number {
    color: #077ac0;
    font-weight: 700;
    font-size: 4rem;
    width: 80%;
}

.statistics-wording{
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    width: 80%;
    display: flex;
    align-items: center;
}

.is-vertically-aligned-center{
    display: flex;
    align-items: center;
}


.home-cta-phone p {
    color: #000;
    padding-bottom: 2px;
    margin-bottom: 0;
}


.home-cta-phone a {
    color: #000 !important;
    text-decoration: none;
}


.home-cta-banner{
    background-color: #F7F1ED;
    padding-top: 60px;
    padding-bottom: 60px;

    a:hover,a:focus{
        color:#1e88ca!important;
    }
   }

.home-cta-banner p{
    font-size: 1rem;
    padding-bottom: 10px;
}

.home-cta-phone {
    margin-bottom: 20px;
}

.home-cta-phone p{
        /* text-transform: uppercase; */
        font-size: 0.8rem;
}

.home-cta-phone a {
    font-size: 1.2rem;
    font-weight: 700;
}



/********************/
/*   About Us Page  */
/********************/

.about-us {
    min-height: 500px;
    padding-left: 20px;
    padding-right: 20px;
}

.about-us h3 {
    color: #077ac0;
    margin-top: 60px;
    text-transform: uppercase;
    font-size: 1rem;
}

.image-container {
    position: relative;
}

.large-image {
    display: inline-flex;
    align-items: flex-start;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    width: 60%;
}

.small-image {
    position: absolute;
    bottom: -182px;
    left: 600px;
    width: 15%;
    height: auto;
    border-radius: 5px;
}


.blue {
    color: #077ac0;
}

.meet-the-team h4 {
    color: #077ac0;
    margin-top: 30px;
    font-size: 1rem;
    text-align: center;
}

.meet-the-team .figure {
    display: block;
    text-align: center;
}

.meet-the-team .figure img {
    display: inline-block;
    margin: 0 auto;
}

.team-picture {
    height: 300px;
    margin-bottom: 30px;
    display: block;
    margin: 0 auto;
}

.team-picture img{
    width:100%;
    aspect-ratio:16/8;
    background-size:cover;
    background-position:center center;
    margin-bottom: 30px;
}
/*********************/
/*  Services  Pages  */
/*********************/

.domestic h2,
.local-authority h2 {
    color: #000;
    font-weight: 700;
    text-align: center;
    margin: 30px 0;
}

.domestic .figure,
.local-authority .figure {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

.domestic .figure img,
.local-authority .figure img {
    width: 500px;
    height: 400px !important;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.domestic .figure:hover img,
.local-authority .figure:hover img {
    transform: scale(1.05);
}

.domestic .overlay-container,
.local-authority .overlay-container {
    position: relative;
    top: -42px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 470px;
    border-radius: 5px;
    margin: 0 auto;
}

.domestic h3.wp-block-heading,
.local-authority h3.wp-block-heading {
    color: #077ac0;
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}

.domestic .btn-wrapper {
    display: flex;
    justify-content: center;
}


.local-authority-intro{
    width: 90%;
    margin: 0 auto;
    /* padding: 30px 0; */
}



/*******************/
/*   Contact Us    */
/*******************/

.contact-us h3,
.contact-us h2{
    color: #077ac0;
    font-weight: 700;
    margin: 30px 0;
    font-size: 1.5rem;
}


/*******************/
/*  Gallery Page   */
/*******************/

#gallery-images {
    column-count: 4;
    column-gap: 10px;
    max-width: 1400px;
    margin: 50px auto;
    padding: 20px;
    box-sizing: border-box;
  }

  .gallery-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    break-inside: avoid;

  }

  .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease-in-out, object-fit 0.5s ease-in-out;
    border-radius: 10px;
  }

  .gallery-item:hover img {
    transform: scale(1.2);
  }


  @media screen and (max-width: 768px) {
    #gallery-images {
      column-count: 2;
    }
  }

  @media screen and (max-width: 480px) {
    #gallery-images {
      column-count: 1;
    }
  }


  #audience-predictor-header-section h1 {
    color:  #fff !important;
    text-transform: uppercase;
  }

#footer-top-area {
    border-top:5px solid #1e88ca;
    border-bottom:5px solid #1e88ca;

    p{
        vertical-align: top;
        &:last-child {
            margin-bottom: 0;
        }
    }

    h4{
        font-size: 1.2rem;
        color:#1e88ca;
        font-weight: 700;
    }

    ul {
        list-style: none;
        padding-left: 0;

        li{
            margin-bottom: 0.4rem;
        }
    }

    a{
        text-decoration: none;
        color: #494a4c;
        &:hover {
            color: #1e88ca;
        }
    }


    .logo {
        img {
            width: 100%;
        }
    }
    .footer-accreditations{
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        height: 100%;
        row-gap: 15px;
        img {
            width: 100%;
            object-position: left;
            object-fit: contain;
            height: 50px;
            background: #fff;
            padding: 0px;
        }
    }
    .ico{
        display: inline-block;
        width: 30px;
        vertical-align: top;
    }
    .address{
        display: inline-block;
    }

}
#footer-top-area * {
    color:inherit
}

.btn-primary {
    &:hover, &:focus {
        background: #000!important;
        border:1px solid var(--primary-colour);
    }
}

#menu-main-menu {
    li a{
        &:hover {
            color:var(--primary-colour)!important;
        }
    }
    @media(max-width: 992px) {
        /*display: none;*/
    }
}

#info-area {
    border-bottom:3px solid var(--primary-colour);
    .socials ul li{
        color:#fff;
        :before{
            color:#fff;
        }
        >span:before {
            padding-right: 10px;
        }
        a {
            color:#fff;
            &:hover,&:focus{
                :before{
                    color:#20c4f4;
                }
                color:#20c4f4
            }

        }
    }
}
#info-area {
    @media(min-width: 992px) {
        position: sticky;
        top: 0;
        z-index: 100;
    }

}


.cli-bar-btn_container {
    a {
        border:1px solid #1e88ca;
        min-height: 33px;
        display: flex;
        align-items: center;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
        border-radius:5px;

        &:hover{
            color:#fff!important;
            background: #000!important;
        }
    }
}

.primary-image{

    img{
        /*box-shadow: 0 0 25px #0006;*/
        border:1px solid #fff;
        z-index: 1;
        aspect-ratio: 1;
        width: 70%;
        object-fit: cover;
    }

}
.secondary-image{
    img{
        border:1px solid #fff;
        aspect-ratio: 1;
        width: 50%;
        object-fit: cover;
        transform: translateY(-70%) translateX(100%);
        margin-bottom: -35%;
    }
}


.col-{
    @media(max-width: 767px) {
        width: 100%!important;
    }
}

#footer-top-area {
    @media (max-width: 992px) {
        .d-flex {
            flex-direction: column;
            gap:30px;
            text-align: center;
        }
        .footer-accreditations {
            width: 100%;
        }
    }
}


.navbar-toggler {
    order:-1;
    margin: 0 auto;
}

@media(min-width: 767px) {
    .collapse {
        display: flex!important;
    }
}