/*
Theme Name: Glade Consulting
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk/
Description: Another custom theme for a happy customer!
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.1
Requires at least: 5.2
Requires PHP: 7.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}




/* BASE */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #000;
    box-sizing: border-box;
    font-family: "Source Sans 3", sans-serif;
    /* outline: 1px solid red !important; */
}

html{
    overflow-x: hidden !important;
  }
  
body{
    font-family: "Source Sans 3", sans-serif;
    overflow-x: hidden !important;
    display: grid;
  }


@media only screen and (max-width: 1100px) {}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 760px) {}
@media only screen and (max-width: 660px) {}
@media only screen and (max-width: 560px) {}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {
    body, header, main, section, footer {
    width: 320px;
    }
}


/* Helvetica Neue Bold – weight 700 */
@font-face {
  font-family: 'HNNeue';
  font-style: normal;
  font-weight: 700;
  src: 
    url('/wp-content/themes/Glade-Consulting/fonts/HelveticaNeueBold.otf') format('opentype');
}

/* Helvetica Neue Medium – weight 500 */
@font-face {
  font-family: 'HNNeue';
  font-style: normal;
  font-weight: 600;
  src: 
    url('/wp-content/themes/Glade-Consulting/fonts/HelveticaNeueMedium.otf') format('opentype');
}

/* Helvetica Neue Light – weight 300 */
@font-face {
  font-family: 'HNNeue';
  font-style: normal;
  font-weight: 300;
  src: 
    url('/wp-content/themes/Glade-Consulting/fonts/HelveticaNeueLight.otf') format('opentype');
}

/* Helvetica Neue UltraLight – weight 200 */
@font-face {
  font-family: 'HNNeue';
  font-style: normal;
  font-weight: 200;
  src: 
    url('/wp-content/themes/Glade-Consulting/fonts/HelveticaNeueUltraLight.otf') format('opentype');
}

/* Helvetica Neue Thin – weight 100 */
@font-face {
  font-family: 'HNNeue';
  font-style: normal;
  font-weight: 100;
  src: 
    url('/wp-content/themes/Glade-Consulting/fonts/HelveticaNeueThin.otf') format('opentype');
}




/* LAYOUT */

section, article, main, nav, header, #primary {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}

footer {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}





/* BUTTON LINKS */
.all-button, input[type=submit] {
    justify-self: center;
    font-family: 'HNNeue', sans-serif;
    font-weight: 600; 
    font-size: 22px;    
    text-align: center;
    padding: 0.7em 2em;
    text-transform: uppercase;
    color: #000;
    border-radius: 30px;
}

.green-button {
    background-color: #95C11F;
    color: #fff !important;
    border: 3px solid #95C11F;
}

.green-clear-button {
    background-color: transparent;
    border: 3px solid #95C11F;
    color: #95C11F;
}

.white-button {
    background-color: #fff;
}

@media only screen and (max-width: 1000px) {
    /* .all-button, input[type=submit] {
        padding: 1em 0.5em;
    } */

}




/* TEXT */
h1, h2, h3, h4, h5, h6{
    color:#000;
    font-family: 'HNNeue', sans-serif;
    font-weight: 600;
}

h1{
    font-size: 60px;
    font-weight: 100;
}

h1 span {
    font-size: 60px;
    font-weight: 700;
}

h2{
    font-size: 3.125em;
}

h3{
    font-size: 1.75em;
}

h4{
    font-size: 1em;

}

p, li{
    color: #000;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 300;
}

label{
    font-size: 28px;
    color: #95C11F;
    text-transform: uppercase;
    letter-spacing: 4.2px;
     font-weight: 600;
}

img {
    width: 100%;
}

ul.main-nav{
  padding: 0;
}

ol{
  list-style-type: decimal;
}
/* 
li {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 300;
} */


strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

.underline{
  text-decoration: underline;
}

a{
  cursor: pointer !important;
  text-decoration: none;

}

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

    h1,  h1 span{
        font-size: 35px;
    }
    
    h2{
        font-size: 35px;

    }
    
    h3{
        font-size: 30px;
    
    }
    
    h4{
        
    }
        
    p , li{
        font-size: 18px;
    }   
    
    label {
        font-size: 18px;
        letter-spacing: 2.7px;
    }

}





/* MENU BAR DESKTOP VIEW */

.grid-header-section {
    display: grid;  
    background-color: #00528C;   
    box-shadow: 0px 3px 6px #00000029;   
    z-index: 99999;
}

.contact-banner {
    display: none;
}




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

    #header {
        position: fixed; 
        z-index: 9999;
    }

    #hamburger-input:checked, #hamburger-menu #sidebar-menu{
        display: none;
    }

    .grid-header-section {
        display: grid;      
        z-index: 2;
    }

    .grid-header-outer {
        display: grid;
        grid-template-columns: 25% 1fr;
        grid-column: 2/16;
        align-items: center;
        margin: 1em 0;
        z-index: 99;
    }

    .grid-header-outer a img{
        max-width: 233px;
        width: 100%;
        display: grid;
    }

    .header-menu {
        display: grid;
    }

    .header-menu ul{
        display: flex;
        text-align: center;
        align-self: center;
        justify-content: right;
    }

    .header-menu ul li {
        list-style: none;
        align-self: center;
        border-right: 1px solid #95C11F;
        padding: 0 2em;
    }

     .header-menu ul .contact-menu-link {
        border-right: 0 !important;
     }

    .menu-item a span{
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        font-size: 22px;
    }

    .menu-item a span i {
        color: #00AC4B;
    }

    .front-page-menu .menu-item a span{
        color: #fff;
    }

    .menu-item .sub-menu a span:hover {
        color: #00528C;
    }
    
   
    #hamburger-input, .overlay, #hamburger-menu, #sidebar-menu, .header-bar  {
        display: none;
    }

    .menu-item-has-children > a:after {
        content: '\f0dd';
        margin-left: 5px;
        font-family: "Font Awesome 6 pro"; 
        font-weight: 900;
        font-size: 1em;
        color: #95C11F;
    }


/* SUB MENU ***************************************************************************/

    .menu-item .sub-menu {
        display: none;
    }

    .menu-item .sub-menu .menu-item .sub-menu {
        display: none;
    }

    .menu-item .sub-menu .menu-item a {
        color:#0B233B;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.05em;
    }

      .menu-item .sub-menu .menu-item-has-children > a:after {
        color: #00528C;

}
    .menu-item .sub-menu .menu-item a:hover {
        font-weight: 600;
    }

    .header-menu {
        position: relative;
    }

    /* .menu-item .sub-menu { */
    .menu-item:hover .sub-menu {
        display: grid;
        grid-template-columns: 1fr;
        background-color: rgba(149, 193, 31, 0.9);
        text-align: left;
        z-index: 50 !important;
        /* justify-self: center; */
        margin: auto;
        position: absolute;
        border-top: 1em solid #00528C;
        padding: 1em 0;
        top: 83%;
    }

    .menu-item .sub-menu  {
        position: relative;
    }

    .menu-item .sub-menu .menu-item {
        /* padding: 1em;
        border-bottom: 2px solid #fff; */
        text-align: center;
        border-right: 0;
        min-width: 297px;
    }

    .menu-item .sub-menu .menu-item:last-child a {
        border-bottom: 0 !important;
    }

    .menu-item .sub-menu .menu-item a {
        color: #fff;
        font-weight: 600;
        font-size: 26px;
        text-transform: none;
        border-bottom: 2px solid #fff;
        display: flex;
        padding: 1em;
        text-align: center;
        justify-content: center;
        align-items: center;
    }



/* SUB SUB MENU ***************************************************************************/

    .menu-item .sub-menu .menu-item-has-children > .sub-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;                          
        background-color: rgba(247, 247, 244, 0.9);
        border-top: 0;
        z-index: 50 !important;
        grid-template-columns: 1fr;
        text-align: left;
        border-left: 4px solid #00528C;
    }

    .menu-item .sub-menu .menu-item-has-children:hover > .sub-menu {
        display: grid;                      
    }

    .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
        border-bottom: 2px solid #00528C;
    }

    .menu-item .sub-menu .menu-item .sub-menu .menu-item a span {
        color: #00528C;
        font-weight: 600;
        font-size: 26px;
        text-transform: none;
        
    }

    .menu-item .sub-menu .menu-item .sub-menu .menu-item a:hover {
        font-weight: 600;
    }

    .menu-item .sub-menu .menu-item .sub-menu .menu-item-has-children > a:after {
        content: "\f107";         
        font-family: "Font Awesome 6 pro";
        font-weight: 900;
        margin-left: 0.5em;
        color: #00528C;
    }


    .contact-banner {
        background-color: #95C11F;
        display: grid;
    }

    .side-menu-contact-info  { 
        grid-column: 2/16;
        display: flex;
        justify-content: right;
        gap: 1em;
        padding: 0.5em 0;
    }

    .side-menu-contact-info a {
        color: #fff;
        font-weight: 600;
    }

    .side-menu-contact-info i {
        color: #00528C;
        padding-right: 0.2em;
    }


    .linkedin {
        background-color: #00528C;
        color: #95C11F !important;
        border-radius: 50%;
        padding: 0.2em;
    }


}

.contact-menu-link a {
    font-weight: 500;
    font-size: 22px;
    padding: 0.5em 2em !important;  
    background: #95C11F;    
    border-radius: 30px;
}




/* RESPONSIVE MENU UNCLICKED */
@media only screen and (max-width: 1000px) {

    .grid-header-outer, .outer-banner-message-outer{
        display: none;
    }

    .header-bar {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-column: 2 / 16;
        align-self: center;
        width: 95%;
        justify-self: center;
        margin: 1em 0;
        gap: 1em;
        z-index: 99;
        top: 0;
    }

    .responsive-menu .menu-icon {
        width: 35px;
        height: 4px;
        background-color: #95C11F;
        margin: 3px 0;
        border-radius: 10px;
    }

    .header-bar img{
        max-width: 170px;
        width: 100%;
        object-fit: contain;
    }

    .mobile-icon {
        max-width: 55px;
    }

    .responsive-menu {
        align-self: center;
    }

    #sidebar-menu ul li a:hover{
        color:#5BBDB2;
    }

    .menu-icon {
        width: 35px;
        height: 4px;
        background-color: #fff;
        margin: 3px 0;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
        background: #F4F0F0;
    }
    
    #hamburger-input{
        display: none;
    }
    
    #hamburger-menu {
        display: flex;
        align-items: end;
        flex-direction: column;
    }

    #hamburger-menu ul {
        margin: 1em 0;
        width: 100%;
    }

    #hamburger-menu ul .sub-menu{
        margin: 1em 0 2em 0;
        width: auto;
    }

    #hamburger-menu ul .sub-menu li {
        border-bottom: none;
    }

    #hamburger-menu li {
        list-style-type: none;
        padding: 1em 0;
        border-bottom: 3px solid #00528C;
    }

    #hamburger-menu i {
        font-size: 16px;
    }

    #hamburger-menu a:active{
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(3px);
    }

    #hamburger-input:checked + #hamburger-menu #sidebar-menu {
        visibility: visible;
        right: 0;
    }

    #hamburger-menu #sidebar-menu {
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;             
        width: 100%;
        background-color: #00528C;
        box-sizing: border-box;
        overflow-y: auto;         
        transition: right 0.3s;
        z-index: 20;
        grid-template-columns: 1fr;
    }

    #hamburger-input:checked + #hamburger-menu + #sidebar-menu {
        right: 0;
    }
    
    #sidebar-menu ul {
        margin: 1em 0;
    }

    #sidebar-menu li {
        list-style: none;
        padding: 1.5em 0;
        border-bottom: 1px solid #95C11F;
        width: 80%;
        justify-self: center;
    }

    #sidebar-menu li:last-child {
        border-bottom: none;
    }

    #sidebar-menu a {
        text-decoration: none;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 20px;
        justify-content: center;
        color: #fff;
        transition: transform 0.5s;
        padding: 0.5em 0;
        justify-self: center;

    }

    #sidebar-menu a span {
        color: #fff;
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 600;
    }

    .sub-menu.hidden {
        display: none;
    }

    .toggle-icon::before {
        content: '\f0dd'; 
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.5em;
        color: #95C11F;
        cursor: pointer;
    }

    .menu-item-has-children > a .toggle-icon.open::before {
        content: '\f0de';
    }

    #hamburger-menu li .sub-menu .menu-item {
        list-style-type: none;
        padding: 0.5em 0;
        border-bottom: 1px solid #95C11F;
    }

    #hamburger-menu li .sub-menu .menu-item:nth-last-child(1) {
        border-bottom: none;
    }

    #hamburger-menu li:nth-last-child(1) {
        border-bottom: none;
    }

    .open {
        margin-top: 0.8em !important;
    }

    ul li a span i {
        color:#00AC4B;
        font-size: 31px;
    }

    .contact-menu-link {
        border: none !important;
    }

    .side-menu-contact-info {
        display: grid;
        background-color: #95C11F;
        justify-content: center;
        padding: 1em 0;
    }

    .side-inner-contact-details {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
    }
 
    .side-inner-contact-details i {
        padding-right: 0.5em;
        color: #00528C;
        font-size: 30px;
    }

    .side-inner-contact-details a {
        font-size: 14px !important;
    }

    .side-inner-contact-details .phone1 {
        order: 2;
    }

     .side-inner-contact-details .phone2 {
        order: 3;
    }

    .side-inner-contact-details .email {
        order: 4;
    }

     .side-inner-contact-details .linkedin {
        background-color: #00528C;
        border-radius: 50%;
        color: #95C11F !important;
        padding: 0.5em;
    }

    .side-menu-inner {
        padding: 2em 0 0;
    }


}

.side-inner-contact-details {
        align-self: center;
    }




/* MAIN BANNER */
.main-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
    border-bottom: 10px solid #95C11F;
}

.location-banner {
    min-height: 100%;
    padding: 15em 0 5em 0;
    --loc-angle: 270deg;
}

.location-banner h1{
    font-weight: 600;
}


.main-banner img {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
    filter: blur(5px);
}

.black-overlay {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background: linear-gradient(
      rgba(0,0,0,0.5),
      rgba(0,0,0,0.5)
    );  
}

.outer-main-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2 / 16;
    align-self: center;
    position: relative; 
    z-index: 1; 
}

.outer-main-banner h1, .outer-main-banner p{
    color: white; 
}

.main-banner-title {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    align-items: end;
}

.main-banner-title h1 span {
    color: #fff;
    font-weight: 700;
}
    
.header-contents {
    display: grid;
    gap: 2em;
}

.header-contents h1 strong {
    color: #fff;
}

.home-page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
}


/* SUB BANNER */

.sub-page-banner {
    background-color: #00528C;
    padding: 14em 0;
    border-bottom: 10px solid #95C11F;
}

.sub-page-banner-inner {
    grid-column: 2/16;
    text-align: center;
    max-width: 905px;
    justify-self: center;
}

.sub-page-banner-inner h1 {
    font-weight: 600;
    color: #fff;
}

.sub-page-banner-inner p,
.sub-page-banner-inner p strong {
    color: #fff;
}


.sub-page-banner-inner i {
    color: #95C11F;
    font-size: 92px;
}

/* SINGLE BLOG PAGE */

.single-blog-header {
    padding: 12em 0 8em 0;
}

.location-banner {
    --loc-angle: 180deg;
    --loc-angle1: 52%;
    --loc-angle2: 25%;
}




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

    .search-container {
        display: none;
    }

    .location-banner {
        --loc-angle: 180deg;
        --loc-angle1: 38%;
        --loc-angle2: 10%;
    }

    .main-banner-title {
        flex-direction: column;
        text-align: center;
        display: grid;
    }

    .outer-main-banner {
        padding: 0;
        gap: 1em;
        grid-template-columns: 1fr;
    }

    .outer-main-banner label{
        text-align: center;
    }

    .main-banner img {
        filter: blur(5px);
    }

    .sub-page-banner {
        padding: 4em 0;
    }


    .sub-page-banner h1 {
        font-size: 40px;
    }

    .main-banner-title p label {
        font-size: 18px;
        font-weight: 600;
    }

    .header-contents {
        gap: 1em;
    }


    .single-blog-header {
        padding: 2em 0 8em 0
    }
        
}














/* FOOTER */

.footer {
    background-color: #00528C;
}

.footer-areas {
    display: grid;
    grid-template-columns: 30% auto auto auto;
    grid-column: 2 / 16;
    margin: 2em 0;
    gap: 5%;
}

.footer-box {
    display: grid;
    align-content: start;
    gap: 1em;
}

.footer-box p {
    font-size: 20px;
    color: #fff;
}

.footer-box p i {
    color: #95C11F;
    font-size: 23px;
}

.contact-footer p {
    display: grid;
    gap: 0.5em;
}

.contact-footer p br {
    display: none;
}

.footer-box p a, .contact-footer p {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.footer-box h3 a i {
    font-size: 15px !important;
    padding: 0.5em;
    background: #95C11F;
    border-radius: 50%;
    margin-left: 0.5em;
    color: #00528C;
}

.footer-box h3 {
    font-size: 22px;
    font-weight: 600;
    color: #95C11F;
}

.outer-footer-details {
    display: grid;
    gap: 1em;
    align-content: start;
}

.footer-box li {  
    padding: 0.5em 0;
    margin: 0;
    text-decoration: underline;
    color: #fff;
}

.footer-box li a span {
    text-transform: none;
    font-weight: 300;
    font-size: 26px;
    color: #fff;
}


.footer-logo{
    display: grid;
    grid-column: 2 / 16;
    padding: 5em 0 0;
}

.footer-logo img {
    max-width: 462px;
}



/* FOOTER COLUMN TWO */



/* FOOTER COLUMN THREE */



/* FOOTER COLUMN FOUR */


.sign-up-form form p{
    background-color: #fff;
    display: grid;
    grid-template-columns: auto auto;
    padding: 8px;
    border-radius: 30px;
}

.sign-up-form form br, .sign-up-form form span.wpcf7-spinner{
    display: none;
}

.sign-up-form form input[type=submit]{
    margin: 8px 0;
    border: 0;
    background-color: #95C11F;
    cursor: pointer;
    padding: 0.5em 1em;
    color: #fff;
    font-size: 20px;
}

.sign-up-form form p > span{
    align-self: center;
}

.sign-up-form form p > span input{
    padding-left: 1em;
    border: 0;
    width: 100%;
    border-radius: 30px;
}







/* LOWER FOOTER BAR */


.lower-footer {
    align-self: center;
    padding: 1em 0 !important;
    border-top: #95C11F 1px solid;
    grid-column: 2/16;
}

.inner-lower-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1 / 17;
    text-align: center;
}

.inner-lower-footer .policy{
    text-align: right;
}

.inner-lower-footer p, .inner-lower-footer a strong {
    color: #fff;
    margin: 0;
    font-size: 22px;
    font-weight: 300;
}

.lower-content-image {
    display: grid;
    justify-content: center;
    gap: 0.5em;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.lower-content-image img {
    max-width: 193px;
    object-fit: contain;
}



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

    .footer-areas {
        grid-template-columns: 1fr;     
    }

    .footer-areas {
        grid-template-columns: 1fr;
        gap: 3em;
        justify-content: center;
        text-align: center;
        justify-items: center;
    }

    .footer-logo img {
        justify-self: center;
    }

    .inner-lower-footer {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .outer-footer-details {
        justify-items: center;
    }
    
    .footer-nav {
        grid-template-columns: 1fr;
    }

    .footer-box a img {
        max-width: 368px;
    }

    .footer-box p a {
        font-size: 15px;
    }

    .footer-box p {
        font-size: 18px;
    }

    .inner-contact-details {
        justify-content: center;
    }

    .sign-up-form form p {
        padding: 0;
        background-color: transparent;
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .sign-up-form form p > span input {
       min-height: 62px; 
    }

    .lower-content-image {
        grid-template-columns: 1fr;
        justify-self: center;
    }

    .lower-content-image img {
        max-width: 130px;
    }
}




 













/* STYLE LISTS */

.style-lists {
    padding: 4em 0;
  }
  
  .style-lists-header {
    width: 100%;
    text-align: center;
    margin-bottom: 4em;
    gap: 1em;
    grid-column: 2/16;
  }

  .style-lists-header h2 {
    font-weight: 400;
  }

  .style-lists-header p {
    font-weight: 600;
  }

  .style-lists-header p {
    font-size: 30px;
  }

  .style-lists-header p a {
    color: #00AC4B;
    text-decoration: underline;
  }


  .inner-style-lists {
    display: flex;
    grid-column: 2/16;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: space-evenly;
  }
 
  .style-lists-box {
    flex: 0 0 250px;
    box-sizing: border-box;
    display: grid;
    align-content: start;
    transition: ease 0.5s;
  }
  
  .style-lists-box h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em;
  }

  .style-lists-box p {
    font-size: 18px;
    color: #808080;
    border-bottom: 3px solid #EFF0F0;
    padding: 1em 0;
  }

  .style-lists-box i {
    color: #00AC4B;
    font-size: 33px;
  }

  .style-link {
    display: grid;
    grid-column: 2/16;
    justify-self: center;
    padding: 2em 0;
  }
  


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

    .style-lists-box {
      flex: 0 0 100%;
      padding: 2em 0;
      text-align: center;
    }

     
  .style-lists-header {
    margin-bottom: 2em;
  }


  }
  










/* INFO WITH LINK BANNER */

.info-banner {
    background-color: #00AC4B;
    padding: 4em 0;
}

.inner-info-banner {
    display: grid;
    grid-column: 2/16;
    gap: 1em;
    text-align: center;
}

.inner-info-banner h2 {
    font-weight: 600;
}

.inner-info-banner h2, .inner-info-banner p {
    color: #fff;
}

.inner-info-banner p {
    font-size: 30px;
}

.inner-info-link {
    display: flex;
    grid-column: 1/17;
    gap: 1em;
    align-items: center;
    padding-top: 2em;
}

.inner-info-link hr {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
}

.inner-info-banner-button {
    padding: 1em 3em;
}

@media only screen and (max-width: 900px) {
    
    .inner-info-banner h2{
        font-size: 35px;
    }

    .inner-info-banner p {
        font-size: 22px;
    }
    
}































/* SERVICES INFO */

.info-boxes {
    padding: 4em 0;
    row-gap: 3em;
    background-color: #00528C;
    border-bottom: 10px solid #95C11F;
}

.info-boxes-header {
    display: grid;
    grid-column: 2/16;
    text-align: center;
    gap: 1em;
    max-width: 1000px;
    justify-self: center;
}

.info-boxes-header h2 {
    color: #fff;
}

.inner-info-boxes {
    display: flex;
    flex-wrap: wrap;
    grid-column: 2/16;
    justify-content: space-evenly;
    row-gap: 3em;
}

.info-boxes-box {
    display: grid;
    gap: 1em;
    text-align: center;
    padding: 2em 1em;
    flex: 0 0 26%;
    align-content: start;
}

.info-boxes-box p {
    font-weight: 600;
    color: #fff;
}

.info-boxes-box i {
    color: #95C11F;
    font-size: 100px;
}




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

    .inner-info-boxes a {
        flex: 0 0 100%;
    }

    .info-boxes-box p {      
        font-size: 16px;
    }

    .info-boxes-box {
        min-width: 100%;
        padding: 2em 1em;
    }

    .inner-info-boxes {
        grid-column: 3/15;
        gap: 1em;
    }

    .info-boxes-header h2 {
        line-height: 43px;
    }

    .info-boxes {
        row-gap: 1em;
    }

}




/* LOCATIONS */

.location-boxes {
    padding: 2em 0;
    background-color: rgba(149, 193, 31, .1);
}

.location-boxes-header {
    display: grid;
    grid-column: 2/16;
    text-align: center;
    gap: 1em;
    padding: 2em 0;
}

.location-boxes-header h2 {
    color: #00528C;
}

.inner-location-boxes {    
    display: grid;
    grid-column: 2/16;
    grid-template-columns: 1fr 1fr;
    gap: 3em;
    padding: 5em 0 0;
}

.outer-location-boxes-box {
    background-color: #fff;
    border-radius: 0px 0px 0px 152px;
}

.location-boxes-box {
    display: grid;
    gap: 1em;
    text-align: center;
    padding: 2em;
    align-content: end;
    position: relative;
    /* aspect-ratio: 1 / 1; */
    margin-top: -4em;
}

.location-boxes-box i {
    color: #95C11F;
    font-size: 100px;
}

.location-image {
    max-width: 580px;
    justify-self: center;
}

.location-image img {
    border-bottom: 10px solid #95C11F;
    margin-bottom: 2em;
}

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

    .inner-location-boxes {    
        grid-template-columns: 1fr;
        gap: 4em;
        padding: 3em 0 0;
    }

    .outer-location-boxes-box {
        border-radius: 0px 0px 0px 112px;
    }

    .location-image img {
        margin-bottom: 1em;
    }

    .location-boxes-box a {
        font-size: 19px;
    }

}





/* LOCATION ADDRESS BAR */

.location-details {
    display: flex;
    grid-column: 2 / 16;
    text-align: center;
    gap: 1em;
    justify-content: center;
    align-items: center;
}

.location-details i {
    color: #95C11F;
    font-size: 28px;
}


.location-details p {
    color: #00528C;
    font-size: 29px;
    font-weight: 600;
}


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

    .location-details {
        display: grid;
    }

    .location-details p {
        font-size: 25px;
    }

}










/* VALUE CIRCLES */

.value-circles {
    background-color: #00528C;
    padding: 5em 0;
    display: grid;
    gap: 3em;
}

.inner-value-circles {
    gap: 2em;
    display: flex;
    flex-wrap: wrap;
    grid-column: 3 / 15;
    justify-content: space-evenly;
}

.value-circles-header, .inner-value-content {
    grid-column: 3 / 15;
    text-align: center;
    display: grid;
    gap: 1em;
}

.value-circles-header h2,
.value-circles-header p {
    color: #fff;
}

.value-circles-box {
    background-color: #95C11F;
    aspect-ratio: 1 / 1;
    align-content: center;
    border-radius: 50%;
    max-width: 239px;
    width: 100%;
    text-align: center;
}

.value-circles-box p {
    font-weight: 600;
    font-size: 35px;
    color: #fff;
}

.value-circles-box:hover {
    background-color: #fff;
}

.value-circles-box:hover p {
    color: #95C11F;
}

.value-circles-box.white-back:hover {
    background-color: #00528C;
}

.inner-value-content, .inner-value-content-links {
    display: grid;
    gap: 2em;
}

.inner-value-content p,
.inner-value-content p strong {
    color: #fff;
}

 .inner-value-content.white-back h3{
    color: #00528C;
 }

.value-circles-box.white-back p, 
.value-circles-box.white-back p strong {
    color: #fff;
}

.value-circles-box.white-back:hover p{
   color: #95C11F;
}

.value-circles-header.white-back h2,
.value-circles-header.white-back p,
.inner-value-content.white-back p {
    color: #000;
}






.value-circles-links {
    background-color: #fff;
    padding-bottom: 0 !important;
}

.value-circles-links .value-circles-header p {
    color: #000;
}


.values-with-links {
    background-color: rgba(149, 193, 31, 0.1);
}

.split-inner-link h2{
    margin-bottom: 0.5em;
}

.value-circles-links .value-circles-box:hover,
.value-circles-links .value-circles-box.active {
    background-color: #00528C;
}

.value-circles-links .value-circles-box.active p {
    color: #95C11F;
}



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

        .value-circles-links .value-circles-box p {
            font-size: 22px;
        }

        .vals-split-con {
            order: 1 !important;
        }

        .vals-split-img {
            order: 2 !important;
        }

}









/* COLAB CIRCLES */

.colab-circles {
    background-color: transparent;
}

.colabs-circles-header h2 {
    color: #00528C;
}

.colab-circles-box {
    background-color: transparent;
     max-width: 115px;
}

.inner-colab-content p,
.inner-colab-content p strong {
    color: #000;
}

.inner-colab-circles {
    grid-column: 4/14;
}



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

    .value-circles {
        column-gap: 1em;
        padding: 3em 0;
    }

    .inner-value-circles, .value-circles-header, .inner-value-content {
        grid-column: 2 / 16;
        gap: 1em;
    }

    .value-circles-box {
        max-width: 130px;
    }

    .value-circles-box p {
        font-size: 22px;
    }


}










/* HOME PRODUCTS GRID */

.home-products {
    padding: 5em 0;
    row-gap: 4em;
}

.home-products-stars {
    display: flex;
    gap: 0.5em;
    justify-content: center;
    padding-bottom: 1em;
}

.home-products-stars i {
    font-size: 50px;
    color: #FFC833;
}

.home-products-header {
    gap: 1em;
}

.home-products-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column: 2/16;
    gap: 4em;
}

.home-product-display a {
    display: grid;
}

.home-product-display img {
    object-fit: cover;
}

.home-product-content {
    display: grid;
    gap: 1em;
    text-align: center;
    padding: 1.5em;
    background-color: #FFC833;
}

.home-product-content .price span bdi,
.home-product-content .price span bdi span{
    color: #000;
    background-color: transparent;
    font-size: 20px !important;
    font-weight: 700;
}

.home-product-display:hover .home-product-content {
    background-color: #00AC4B;
}

.home-product-content h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.home-product-content .price {
    font-size: 20px;
}

.home-product-display:hover .home-product-content h4,
.home-product-display:hover .home-product-content .price,
.home-product-display:hover .home-product-content .price bdi,
.home-product-display:hover .home-product-content .price bdi span {
    color: #fff;
}


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

    .home-products-container {
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .home-products-stars i {
        font-size: 35px;
    }

    .home-products {
        row-gap: 2em;
    }

}










/* PRODUCT INFO BOXES */

.product-info-boxes {
    background-color: #FFC833;
    padding: 6em 0;
}

.product-boxes-header h2 {
    font-weight: 700;
}

.product-boxes-box:hover {
    background-color: #EFF0F0;
}

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

    .product-info-boxes {
        padding: 4em 0;
    }

    .inner-product-boxes {
        grid-column: 3/15;
    }
 

}





















/* GOOGLE REVIEWS */

.all-google-reviews {
    background-color: #EFF0F0;
    padding: 5em 0;
    gap: 2em;
}

.all-google-reviews h2 {
    grid-column: 2/16;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.google-reviews {
    grid-column: 2/16;
    text-align: center;
    margin-bottom: 1em;
}

.inner-google-reviews {
    justify-self: center;
}

.ti-widget-container {
    flex-direction: column;
    justify-self: center;
    justify-content: center;
    display: flex !important;
    text-align: center;
    justify-items: center;
    row-gap: 3em;
    align-items: center !important;
}

.inner-google-reviews .ti-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0;
    align-items: center;
}

.inner-google-reviews .ti-widget.ti-goog .ti-widget-container:not(.ti-col-1) .ti-footer {
    max-width: 100% !important;
    background-color: #fff;
    max-height: 50px !important;
    margin-top: 0 !important;
    padding: 0 1em !important;
}

.inner-google-reviews .ti-v-center {
    order: 1;
}

.inner-google-reviews .ti-stars {
    order: 2;
}

.inner-google-reviews .ti-rating-text {
    order: 3;
}

.google-links {
   display: grid;
    grid-column: 1 / 17;
    grid-template-columns: 1fr auto 1fr;
    gap: 1em;
    align-items: center;
    padding-top: 2em;
    justify-self: auto;
}

.google-links hr {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
}

.ti-footer.source-Google {
    background-color: #fff;
}


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

    .all-google-reviews h2 {
        padding-bottom: 1em;
    }
    
    .all-google-reviews {
        gap: 1em;
    }

}

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

    .ti-widget-container {
        row-gap: 1em;
    }

    .inner-google-reviews .ti-footer {
        grid-template-columns: 1fr;
        margin-top: 0 !important;
    }

    .google-links {
        padding-top: 0;    
     }
     

}



















/* NUMBERED BOX GRID */

.number-boxes {
    background-color: #00AC4B;
    padding: 5em 0;
    gap: 2em;
}

.number-boxes-header h2,
.number-boxes-header h2 strong,
.number-boxes-header p,
.number-boxes-header p strong {
    color: #fff;
    max-width: 800px;
}

.number-boxes-box {
    flex: 0 0 32%; 
    gap: 2em;
}

.number-boxes-box:hover {
    background-color: #fff;
}

.inner-number-boxes {
    padding: 2em 0;
}

.number-boxes-box h3 {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.number-boxes-box label {
    color: #00AC4B;
    font-size: 50px;
    font-weight: 700;
}

.number-boxes-box p {
    font-weight: 300;
    font-size: 22px;
}

.number-boxes-box p i {
    color: #00AC4B;
    font-size: 65px;
}

.number-boxes-box p a {
    color: #00AC4B;
    text-transform: uppercase;
    font-weight: 600;
}


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

    .number-boxes {
        gap: 0;
        row-gap: 1em;
    }

    .inner-number-boxes {
        padding: 0;
        grid-column: 2 / 16;
    }

}










/* SIGN UP CTA - REPEATED ELEMENT */

.re-sign-up {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 10px solid #95C11F;
    border-bottom: 10px solid #95C11F;
}

.inner-re-sign-up {
    display: grid;
    grid-column: 3/15;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    align-content: center;
    justify-self: center;
    padding: 8em 0;
    z-index: 10;
}

.re-sign-up-content {
    display: grid;
    gap: 1em;
}

.re-sign-up-content a {
    justify-self: start;
}

.inner-re-sign-up h2 {
    font-weight: 700;
}

.inner-re-sign-up h2,
.inner-re-sign-up h2 span,
.inner-re-sign-up p,
.inner-re-sign-up p strong {
    color: #fff;
}

.inner-re-sign-up h2 span {
    font-weight: 100;
}

.re-sign-up {
    --bg-angle: 270deg;
}



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

    .re-sign-up {
        --bg-angle: 180deg !important;
    }

    .inner-re-sign-up {
        display: grid;
        grid-column: 2/16;
        grid-template-columns: 1fr;
        padding: 12em 0 4em 0;
    }

    .re-sign-up-content {
        text-align: center;
    }

    .re-sign-up-content a {
        justify-self: center;
    }

}











/* ACCORDION FAQS */
.faqs {
    padding: 4em 0;
    border-bottom: 3px solid #FFC833;
}

.faq-container {
    display: grid;
    grid-column: 2/16;
}

.faq-container-product,
.faq-body-product {
    background-color: #EFF0F0 !important;
}

.faq-container-product {
    grid-column: 3/15;
}

.faq-box {
    margin-bottom: 1em;
}

.faq-box-product {
    border-bottom: 3px solid #FFC833;
    width: 60%;
    margin-left: 2em;
}

.faq-box h3 p {
    font-size: 30px;
    font-weight: 700;
}

.faq-box-product p {
    font-size: 25px !important;
}

.faq-page {
    color: black;
    cursor: pointer;
    padding: 1em;
    transition: 0.4s;
    font-weight: 400;
    font-size: 20px;
    align-items: center;
    background-color: #EFF0F0;  
    display: flex;
    justify-content: space-between;
}

.faq-page-product {
    font-weight: 700;
    text-transform: uppercase;
    padding: 1em 0;
    font-size: 25px;
}

.faq-box-product:first-of-type .faq-page-product{
    border-top: 3px solid #FFC833;
}

.faq-page:hover,
.faq-page.active {
    background-color: #FFC833;   
}

.faq-page:after {         
    content: "\f2ec";  
    font-family: "Font Awesome 6 Pro";             
    transform: rotate(59deg);
    color: #00AC4B;
    font-weight: 900;           
    font-size: 29px;
    float: right;
}

.faq-page-product:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;           
    content: "\f2ec";               
    color: #000; 
    font-size: 15px;
    float: right;
    padding-right: 1em;
}

.faq-page.active:after {
    transform: rotate(0deg);
  }

.faq-page-product.active:after {
    transform: rotate(0deg);
}

.faq-body {
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-body p {
    align-items: center;
    background-color: #EFF0F0;
    padding: 3em;
    margin-top: 1em;
}

.faq-body-product p {
    margin: 0;
    padding: 1em;
    font-size: 18px !important;
}

.faq-box > .faq-container {
    display: none;
  }
  /* hide all the .faq-body answer panels */
  .faq-body {
    display: none;
  }


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

    .faq-body p {
        padding: 1em;
    }

    .faqs {
        padding: 2em 0;
    }
}































/* HOME BLOG PAGE */

.blogs {
    background-color: #fff;
    padding: 4em 0;
}

.blogs-header {
    display: grid;
    grid-column: 2/16;
    padding: 2em 0;
    text-align: center;
    gap: 1em;
}

.blogs-header h2 {
    color: #00528C;
}

.blog-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    padding: 6em 0;
}

.blog-boxes-home {
    grid-template-columns: repeat(3,1fr);
    grid-column: 2/16;
}

.blog-related-boxes {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: 2/16;
}

.blog-related {
    background-color:#fff;
}

.blog-content {
    display: grid;
    gap: 1em;
    text-align: center;
    padding: 1em;
}

.blog-content p a {
    font-size: 22px;
}

.blog-content a h3 {
    font-size: 30px;
}

.blog-content h3 {
    text-transform: capitalize;
}

.blog-box-home {
    background-color: rgba(149, 193, 31, 0.10);
    padding: 1em;
    position: relative;
    display: grid;
    gap: 1em;
    text-align: center;  
    align-content: start;
    height: 100%;
    border-radius: 0px 178px 0px 152px;
}

.blog-box-home:hover {
    background-color: #00528c;
    cursor: pointer;
}

.blog-box-home:hover .blog-content h3,
.blog-box-home:hover .blog-content p {
    color: #E2E9F3;
}

.blog-box-home * {
    position: relative;
    z-index: 1;
}

.single-product-box {
    height: 100%;
}

.blog-box-home-img {
    width: 100%;
}

.blog-box-home-img img {
    max-height: 288px;
    object-fit: cover;
    /* height: 100%; */
    aspect-ratio: 1 / 1;
    margin-top: -2em;
    border-bottom: 10px solid #95C11F;
    width: 90%;
}

.single-product-img img {
    max-height: 200px;
}

.blog-date {
    position: absolute;
    left: 1em;
    font-size: 25px;
    justify-self: center;
    background: #00528C;
    padding: 0.6em;
    border-radius: 0px 50px 0px 45px;
    z-index: 99;
    top: -0.5em;
    display: grid;
    text-transform: none;
    letter-spacing: 0;
}

.day,
.month {
    color: #fff;
}

.post-category-home {
  font-size: 24px;
  background-color: #95C11F;
  padding: 0.5em;
  text-transform: uppercase;
  bottom: 1em !important;
}

.post-category-home a {
    color: #fff;
}

.outer-blog-link {
    display: grid;
    grid-column: 2/16;
    justify-content: center
}



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

    .blog-box {
        gap: 2em;
        padding: 1em 1em 2em 1em;
    }

    .blogs {
        padding: 2em 0;
      }

    .blog-boxes {
        grid-template-columns: 1fr;
        grid-column: 2/16;
        order: 2;
    }

    .blog-boxes-home {
        order: 1 !important;
        gap: 4em;
        padding: 2em 0;
    }

    .outer-blog-link {
        order: 2;
    }  

    .blog-content {
        text-align: center;
        padding: 0 0 4em;
    }

    .blog-content a {
        justify-self: center;
        font-size: 1.25em;
        padding: .5em 2em !important;
    }

    .blog-content span {
        justify-self: center;
    }

    .blog-content p {
        font-size: 20px;
    }

    .blog-content h3 {
        font-size: 28px !important;
    }

    

}









/* BLOG PAGE */

.blog-page {
    padding: 4em 0;
    position: relative;
    border-bottom: 5px solid #95C11F;
}

.inner-blog-page {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-column: 2/16;
    gap: 2em;
}

/* Blog Search and Categories */
.blog-catergories-search {
    display: grid;
    gap: 2em;
    align-self: start;
}

.bog-search, .blog-categories {
    background-color: rgba(149, 193, 31, 0.1);
    padding: 2em 1em;
}

.blog-categories {
    display: grid;
    gap: 1em;  
    z-index: 5;  
}

.blog-categories h3 {
    font-size: 40px;
    color: #95C11F;
    font-weight: 700;
}

.blog-categories ul {
    display: grid;
    gap: 1em;
}

.blog-categories ul li {
    padding: 0.5em;
    border-bottom: 1px solid #fff;
}

.blog-categories ul li a {
    font-size: 28px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-categories-search {
    display: grid;
    gap: 2em;
    align-content: start;
}

.blog-search {
    background-color: rgba(149, 193, 31, 0.1);
}

.blog-search .search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.blog-search form {
    display: grid;
    grid-template-columns: 1fr 20%;
}

.blog-search .search-submit span, .screen-reader-text {
    display: none;
}


/* search form */
.blog-search form input[type=search] {
    border: none;
    resize: vertical;
    background-color: transparent;
    padding: 0.8em;
    width: 100%;
    text-transform: none;
    font-size: 25px;
    font-weight: 500;
    text-align: left;
}

.search-results-title {
    padding: 1em 0;
}

.blog-search form input[type=search]::placeholder {
    color: #000;
}

.search-submit {
    text-align: right;
    padding-right: 1em !important;
}

.search-submit i {
    font-size: 35px;
    color: #95C11F;
}


/* Blog Boxes display */
.blog-boxes-page {
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 3em;
    z-index: 2;
}

.blog-boxes-page h2 {
    display: grid;
    grid-column-start: span 2;
    text-align: center;
    padding-bottom: 0.5em;
}

.blog-box {
    padding: 1em;
    background-color: #EFF0F0;
    box-shadow: 0px 3px 6px #00000029;
}

.blog-box, .blog-content, .blog-box-img {
    position: relative;
    z-index: 1;
}

.blog-boxes-page .blog-box-img img {
    max-width: none;
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}

.blog-box:hover {
    background-color: #00AC4B !important;
}

.blog-box h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-box:hover h4, .blog-box:hover p {
    color: #fff;
}

.blog-box a {
    color: #00AC4B;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-box:hover a {
    color: #FFC833;
}

.blog-button {
    grid-column-start: span 2;
    justify-self: center;
    margin: 2em 0;
    display: grid;
}

.blog-box-img {
    position: relative;
}

.post-category {
    position: absolute;
    bottom: -1em;
    right: 1em;
    padding: 0.5em 1em;
    box-shadow: 0px 3px 6px #00000029;
    font-weight: 600;
}

.blog-box-content {
    display: grid;
    gap: 1em;
    padding: 4em 1em 1em 1em;
    position: relative;
}

.post-date {
    position: absolute;
    padding: 0.5em;
    display: grid;
    max-width: 94px;
    max-height: 86px;
    background-color: #FFC833;
    top: -2em;
    left: 0.5em;
    z-index: 5;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    height: 100%;
    align-items: center;
    width: 100%;
    letter-spacing: 0;
}

.post-date-year {
    font-size: 18px;
    font-weight: 700;
}



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

    .inner-blog-page {
        grid-template-columns: 1fr;
    }

    .blog-boxes-page {
        grid-template-columns: 1fr;
        padding: 3em 0;
    }
    
    .blog-boxes-page .blog-content {
        display: grid;
        gap: 1em;
        flex-direction: column;
        align-items: start;
    }

    .blog-large-triangle {
        display: none;
    }

    .blog-page {
        padding: 2em 0;
    }

    .blog-categories-search {
        gap: 1em;
    }

    .blog-content a {
        padding: 0.5em 2.5em;
        font-size: 22px;
    }

    .post-date {
        left: 0.2em;        
    }

    .post-category {
        right: 0.2em;
    }
}



















/* SINGLE BLOG POST */

section.single-post {
    border-bottom: 5px solid #95C11F;
    position: relative;
    padding: 5em 0;
    margin-top: -10em;
  }
  
  .inner-single-post {
    /* display: grid; */
    grid-column: 3 / 15;
    margin: 0 0 4em 0;
    gap: 3em;
  }
  
  .inner-single-post h1 {
    text-align: center;
  }
  

  
 .single-blog-image {
    position: relative;
}

  .single-blog-image img {
    display: block;
    width: 100%;
    /* height: auto; */
    object-fit: cover;
  }

  .single-content {
    padding: 6em 0 0;
    display: grid;
    gap: 1em;
}
  
  .single-content p {
    color: #000;
    font-size: 16px;
  }

  .single-content h2 {
    font-weight: 600;
    text-transform: uppercase;
  }
    
  .single-content a {
    color: #069E85;
  }

.single-post-cat {
    bottom: -1em !important;
    right: auto;
    left: 6em;
    box-shadow: none;
}

.single-blog-date {
    bottom: -1.5em;
    top: auto;
    letter-spacing: 0;
}
 
  .outer-blog-boxes-single {
    grid-column: 2 / 16;
  }

  .blog-boxes-page-single {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    gap: 3em;
    padding: 4em 0;
  }

  .blog-page-single label {
    grid-column: 2/16;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
  }

  .all-blogs-button {
    grid-column: 2/16;
    justify-self: center;
  }




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

    .blog-boxes-page-single {
        grid-template-columns: 1fr;
        padding: 2em 0;
    }

}



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

    .single-blog-image {
        max-height: 365px;
        height: 100%;
    }

    .single-blog img {
        max-height: 365px;      
    }
    
    .inner-single-post {
        grid-column: 2/16;
        margin: 0 0 2em 0;
    }

    .single-date-blog {
        left: auto;
        bottom: -3em;
        top: auto;
    }

    .single-blog {
        gap: 3em;
    }

    .single-content,
    .single-content h1 {
        text-align: center;
    }

    .single-blog-image {
        float: none;
        width: 100%;
        margin: 0;
    }   

    .single-blog img {
        z-index: 1;
    }

    .post-category-p {
        margin-top: 2em;
    }

    /* .single-post {
        padding: 2em 0;
    } */

    .post-date-single {
        left: 0.5em;
    }
      
      .post-category-single {
        right: 0.5em;
      }

      .single-content  {
        padding: 4em 0 0;
      }

    .single-post-cat a {
         font-size: 20px;
    }

    .blog-page-single .label-header {
        text-align: center;
        padding: 2em 0;
    }
    

}












/* TEAMS */

.team-member-img img {
    border-radius: 50%;
    border-bottom: none !important;
    border: 5px solid #95C11F !important;
    max-width: 193px;
    margin-top: -4em !important;
}

.team-boxes {
    row-gap: 6em;
}

.team-content {
    margin-top: 1cap !important;
}

.team-content p{
    font-size: 22px;
}

.team-content h4 {
    color: #95C11F;
    font-size: 26px;
    font-weight: 600;
}

.team-content label {
    color: #00528C;
    font-size: 26px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}

.team-box-home:hover {
    background-color: rgba(149, 193, 31, 0.1);
    cursor: inherit;
}

.team-box-home:hover p {
    color: #000 !important;
}



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

    .team-member-img img {
        border-radius: 50%;
        border-bottom: none !important;
        border: 5px solid #95C11F !important;
        max-width: 157px;
        margin-top: -4em !important;
    }

    .teams {
        padding: 4em 0;
    }

}

 





/* 404 PAGE */

section.error{
    min-height: 60vh;
    align-content: center;
    grid-column: 2 / 16;
}

section.error h1 {
    color: #171731;
    text-align: center;
    grid-column: 2 / 16;
}

section.error p {
    text-align: center;
    grid-column: 2 / 16;
}






/* SEARCH ERROR */
.blog-search-error {
    grid-template-columns: 1fr;
    align-content: center;
    text-align: center;

}




.search-outer .blog-boxes {
    padding: 2em 0;
}







/* WP CONTENT */
.wp-content-section {
    grid-column: 4 / 14;
    grid-template-columns: 1fr;
    display: grid;
    gap: 2em;
    margin: 5em 0;
    text-align: center;
    justify-items: center;
}

.wp-content-section ul li {
    font-size: 20px;
    font-weight: 300;
}

p.reading-time{
    color: #FCFAF8;
    font-size: 16px;
    margin: 0 8px;
}




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

    .wp-content-section {
        grid-column: 2 / 16;
    }

}










					



/* SEARCH HEADER */


.search-box {
    display: none;
    padding: 3px;
    justify-self: center;
    margin: 1em 0;
    width: 100%;
}

.search-box {
    display: none;
}

.search-box.active {
    display: grid;
    grid-column-start: span 3;
    background-color: #fff;
    padding: 0.5em 1em;
}

.search-box form {
    display: flex;
    width: 267px;
}

.search-box form label{
  width: 100%;
}

.search-box input[type="search"] {
    width: 100%;
    padding: 5px;
    border: 0;
    z-index: 99;
    background-color: #F4F3F2;
}

.search-box input[type="submit"] {
    padding: 5px 10px;
    border: none;
    background-color: #0073aa;
    color: #fff;
    cursor: pointer;
}

.search-box .search-submit {
    border: 0 !important;
    background-color: #FFC833;
}

.search-container {
    border: 0 !important;
    background-color: transparent;
    position: absolute;
    top: 14em;
    right: 3em;
    z-index: 999999;
}

.search-container .search-icon i {
    color: #000;
    background-color: #FFC833;
    font-size: 2em;
    padding: 10px;
}


.search-container .search-icon {
    border: none;
    background-color: #FFC833;
}



.search-container {
    /* your existing rules */
    position: absolute;
    top: 14em;
    right: 3em;
    z-index: 999999;
    /* ensure container is the positioning context */
  }
  
  .search-container .search-box {
    /* hide by default and pull it beside the icon */
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% - 0em);  /* sit to the left of the icon */
    width: auto !important;     /* override your width:100% so it shrink-wraps */
    margin: 0 !important;       /* remove any vertical margins */
    z-index: 999998;
  }
  
  .search-container .search-box.active {
    display: grid;  
  }











/* SPLIT CONTENT */

.split-section {
    padding: 5em 0;
      position: relative;
      min-height: 80vh;
}

.split-inner {
    display: grid;
    grid-column: 2 / 16; 
    grid-template-columns: 1fr 1fr;  
}

.split-inner h2 {
    color: #00528C;
}

.icon_class {
    grid-template-columns: 1fr; 
    max-width: 800px;
    justify-self: center;
}

.split-content {
    display: grid;
    gap: 1.5em;
    align-content: center;
    order: 1;
    z-index: 50;
}

.split-content a {
    justify-self: start;
}

.split-content ul {
    padding: 1em 0;
    margin-left: 1.5em;
}

.split-content ul li {
    list-style-type: disc;
}


/* IMAGES/ICONS */

.icon_choice {
    position: absolute;
    left: -10em;
    width: 100%;
    max-width: 652px;
    opacity: 0.15;
    align-self: center;
    display: grid;
}

.image_choice {
    display: grid;
}

.image_choice img  {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    z-index: 1;
    height: 100%;
    border-radius: 0px 135px 0px 152px;
    max-width: 594px;
    justify-self: center;
} 

.image_class .icon_choice,
.icon_class .image_choice {
    display: none;
}



/* BACKGROUND IMAGE */

.background-image .image_class .split-content {
    grid-column-start: 2;
    padding: 9em;
    background: transparent linear-gradient(90deg, #00528C00 0%, #00528C14 0%, #00528CF2 30%, #00528C 100%);
}

.background-image .image_class {
    grid-column: 1/17;
    grid-template-columns: 40% 1fr;
}

.background-image {
    padding: 0;
}

.background-image .image_class .split-content h2 span {
    color: #95C11F;
}

.background-image .image_class .split-content h2,
.background-image .image_class .split-content p,
.background-image .image_class .split-content p strong {
    color: #fff;
}

.background-image.icon_class_outer {
    background-image: none !important;
}

.background-image .split-inner .split-content h2 {
    font-size: 70px;
}


/* LEFT AND RIGHT IMAGES */

.split-inner.image-right,
.split-inner.image-left {
    gap: 4em;
}

.image-right .split-content {
    order: 1;
}

.image-right .image_choice {
    order: 2;
    display: grid;
}



/* NONE IMAGE OR ICON */

.split-inner.none_class .icon_choice,
.split-inner.none_class .image_choice {
    display: none;
}

.none_class_outer {
    padding: 4em 0;
    min-height: auto;
}

.none_class {
    grid-template-columns: 1fr;
    max-width: 1000px;
    justify-self: center;
    text-align: center;
}

.none_class .split-content {
    padding: 0;
}



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

    .split-section {
        padding: 2em 0;
    }

    .split-content {
        padding: 1em;
        text-align: center;
    }

    .split-inner {
        grid-template-columns: 1fr;  
        gap: 1em;  
    }

    .split-inner.image-left .split-content {
        order: 1;
    }

    .split-inner.image-left .image-outer {
        order: 2;
    }

    .icon_choice {
        position: relative;
        left: auto;  
        max-width: 53px;
        opacity: 1;  
        justify-self: center;
    }

    .split-content a {
        justify-self: center;
    }

    .background-image .image_class {
        grid-column: 1/17;
        grid-template-columns: 1fr;
        padding-top: 15em;
    }

    .background-image .image_class .split-content {
        grid-column-start: 1;
        padding: 1em;
        background: transparent linear-gradient(170deg, #00528C00 0%, #00528C14 0%, #00528CF2 18%, #00528C 100%);
        padding-bottom: 4em;
    }

    .background-image {
        padding: 0 !important;
        background-position: 23% -190px !important;
        background-size: auto !important;
    }

    
    .image-right .split-content {
        order: 2;
        padding: 0;
    }

    .image-right .image_choice {
        order: 1;
    }

    .image-right .image_choice img,
    .image-left .image_choice img {
        border-radius: 0 85px 0 104px;
    }

    .split-inner.image-right {
        gap: 2em;
    }

    .background-image .split-inner .split-content h2 {
        font-size: 40px;
}

}










/* CONTACT BLOCKS */

.contact {
    position: relative;
    padding: 3em 0;
    background-color: rgba(149, 193, 31, 0.1);
}

.inner-contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 3 / 15;
    gap: 3em;
    z-index: 2;
}

.contact-details {
    display: grid;
    gap: 2em;
    max-width: 300px;
    justify-self: center;
}

.contact-details p {
    font-weight: 600;
    font-size: 1.375em;
    display: grid;
    text-align: center;
    gap: 1em;
}

.contact-details i {
    color: #00528C;
    font-size: 30px;
}

.contact-details label {
    text-align: center;
}



/* CONTACT FORMS */

.contact-forms {
    padding: 5em 0;
}

.contact-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 3 / 15;
}

.contact-form form, section.split-section form{
    max-width: 786px;
    margin: 0 auto;
    width: 100%;
}

section.split-section form{
    max-width: 100%;
}

form input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    cursor: pointer;
 }

.contact-form form input[type=text], 
.contact-form form input[type=tel],
.contact-form form input[type=email],
.contact-form form select,
.contact-form form textarea, section.split-section form input[type=text], 
section.split-section form input[type=tel],
section.split-section form input[type=email],
section.split-section form select,
section.split-section form textarea {
    width: 100%;
    padding: 0.5em;
    border: none;
    margin-bottom: 1em;
    resize: vertical;
    background: rgba(149, 193, 31, .1);
    justify-items: start;
    font-size: 28px;
}

.contact-form form input[type=text]::placeholder,
.contact-form form input[type=email]::placeholder,
.contact-form form input[type=tel]::placeholder,
.contact-form form select option,
.contact-form form select,
.contact-form form textarea::placeholder, section.split-section form input[type=text]::placeholder,
section.split-section form input[type=email]::placeholder,
section.split-section form input[type=tel]::placeholder,
section.split-section form select option,
section.split-section form select,
section.split-section form textarea::placeholder {
    font-size: 25px;
    text-align: center;
    color: #000;
    font-weight: 600;
}


/* FORM SUBMIT BUTTON */
.contact-form form input[type=submit], section.split-section form input[type=submit]{
    justify-self: center;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.5em 2em;
    text-transform: uppercase !important;
    align-self: center !important;
    display: grid !important;
    background: #95C11F !important;
    border: none;
    color: #fff;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.full-width {
    grid-template-columns: 1fr;
}

.contact-left-flower {
    left: -10em;
    opacity: 0.1;
}

.contact-right-flower {
    right: -10em;   
    opacity: 0.1;
    bottom: 2em;
    left: auto;
    top: auto;
}

.address {
    display: grid;
    grid-template-columns: auto 1fr;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.maps {
    position: relative;
    min-height: 65vh;
    display: grid;
    margin-bottom: 3em;
}

.inner-maps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/17;
    gap: 1em;
    padding: 0 1em;
}

.floating-map-info {
    position: absolute;
    background-color: #00528C;
    border-radius: 0px 192px 0px 238px;
    padding: 4em;
    display: grid;
    justify-self: center;
    align-self: center;
    max-width: 400px;
    aspect-ratio: 1 / 1;
    align-content: center;
}

.floating-map-info h3 {
    color: #fff;
    font-weight: 600;
    font-size: 50px;
}

.floating-map-info p img {
    max-width: 27px;
}

.maps .acf-map{
    width: 100%;  
    background-color: pink;
}




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

    .contact {
        padding: 2em 0;
    }
    
    .inner-contact {
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        padding: 0;
    }

    .contact-details {
        justify-items: center;
        gap: 1em;
        text-align: center;
    }

    .contact-details p a {
        justify-self: center;
        display: grid;
        justify-items: center;
    }

    .contact-details .inner-contact-details {
        gap: 0.5em;
    }

    .inner-contact-details i {
        font-size: 1.625em;
    }

    .inner-contact {
        gap: 2em;
    }

    .contact-form {
        grid-column: 2/16;
    }

    .contact-forms {
        padding: 2em 0;
    }



    .form-grid {
        grid-template-columns: 1fr;
    }

    .contact-details .contact-social i {
        margin: 0;
    }

    .inner-maps {
        grid-template-columns: 1fr;
        padding: 0 1em;
    }

    .floating-map-info {
        border-radius: 0px 101px 0px 126px;
        padding: 2em;
        max-width: 250px;
    }

    .floating-map-info h3 {
        font-size: 35px;
    }

    .maps {
        min-height: 100vh;
    }


}
























/* GREY BOX INFO */

.outer-grey-boxes {
    padding: 5em 0;
    border-bottom: 3px solid #FFC833;
}

.inner-grey-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/16;
    gap: 2em;
    align-items: stretch;
}

.grey-boxes {
    background-color: #EFF0F0;
    padding: 2.5em;
    height: 100%;
}

.grey-boxes h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.grey-boxes p {
    font-size: 20px;
}


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

    .inner-grey-box {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .grey-boxes {
        text-align: center;
        padding: 1.5em;
    }

    .grey-boxes p {
        font-size: 16px;
    }

    .outer-grey-boxes {
        padding: 2em 0;
    }

}

       














/* PRODUCTS INFO WITH IMAGES */

.product-info-page {
    padding: 5em 0 0;
}

.product-info-display {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/16;
    gap: 3em;
}

.product-info-image {
    display: grid;
    grid-template-rows: auto auto;
    gap: 1em; 
  }

.product-info-image img {
    object-fit: cover;
    max-height: 555px;
    height: 100%;
}
  
.product-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5em;
}

.product-gallery-thumbs img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 4px;
}
  
.product-info-content {
    display: grid;
    gap: 1em;
    align-content: start;
}

.product-info-content .excerpt {
    font-size: 20px;
    line-height: 1.5;
}

.product-info-content h2 {
    font-weight: 700;
}

.product-info-content .price-info {
    color: #00AC4B;
    font-size: 30px;
    font-weight: 600;
}

.price-info span bdi,
.price-info span bdi span {
    background-color: transparent;
    color: #00AC4B !important;
    font-size: 30px !important;
}

.product-info-button {
    justify-self: start;
    margin: 2em 0;
}



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

    .product-info-display {
        grid-template-columns: 1fr;
    }

    .product-info-content {
        text-align: center;
    }

    .product-info-button {
        justify-self: center;
        margin: 1em 0;
    }

}





/* make the badge sit nicely beside the icon */
.main-nav .menu-item-243 .cart-count {
    margin-left: 0.3em;
    color: #fff;
    font-size: 1em;
    line-height: 1.5;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    align-content: center;
  }

  .basket-count a {
    display: flex;
  }
  









/* PLATES */

.outer-plates {
    padding: 5em 0 0;
}

.inner-plates {
    display: grid;
    gap: 1em;
    grid-column: 2 / 16;
}

.plates-boxes {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    gap: 3em;
    align-items: center;
}

.plates-boxes img {
    object-fit: cover;
}

.plate-boxes-images p {
    text-align: center;
}

.plates-boxes span p {
    font-size: 50px;
    font-weight: 700;
}




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

    .plates-boxes {
        grid-template-columns:  1fr;
        gap: 1em;
    }

    .plates-boxes span p {
        text-align: center;
    }

}








/* ONE COLUMN CONTENT */

.one-column {
    padding: 5em 0;
    background-color: #EFF0F0;
    margin: 5em 0 0;
}

.inner-one-column {
    display: grid;
    grid-column: 2/16;
    gap: 2em;
    text-align: center;
    justify-content: center;
}

.inner-one-column img {
    max-width: 759px;
    background-color: #fff;
    padding: 2em;
    border-radius: 29px;
}








/* PLATE SIZES */

.outer-sizes {
    padding: 5em 0;
    border-bottom: 5px solid #FFC833;;
}

.outer-sizes h2 {
    grid-column: 2/16;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2em;
    font-weight: 600;
}

.inner-plates-sizes {
    grid-column: 3/15;
}

.plates-sizes {
    grid-template-columns: 1fr 1fr;
    border-bottom: 3px solid #FFC833;
    padding: 4em 0;
}

.plates-sizes:first-of-type {
    border-top: 3px solid #FFC833;
}

.inner-plate-content {
    display: grid;
    gap: 1em;
}

.inner-plate-content h4 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.inner-plate-content p {
    font-size: 20px;
}

.plates-sizes img {
    aspect-ratio: 41/9;
    object-fit: contain;
}



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

    .inner-plates-sizes {
        grid-column: 2/16;
    }
    
    .plates-sizes {
        grid-template-columns: 1fr;
    }

    .inner-plate-content {
        justify-content: center;
        text-align: center;
    }
}











/* TESTIMONIAL SLIDER */

.testimonials {
  display: grid;
  gap: 2em;
  min-height: 90vh;
  align-content: center;
  padding: 2em 0;
  background-color: #00528C;
}

.testimonials h2 {
  grid-column: 2/16;
  text-align: center;
  color: #fff;
}

.slideshow-container {
  grid-column: 2/16;
  position: relative;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
  width: 100%;
  min-height: 650px;
}

.slides-wrapper {
  display: flex;
  transition: transform 1s ease;
}

.slidet {
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 2em;
  height: 100%;
}

.slidet .image {
    max-width: 176px;
    justify-self: center;
    margin-bottom: -6em;
}

.slidet .image img {
  border-radius: 50%;
  border: 5px solid #95C11F;
}

.slidet .text {
    color: #FCFAF8;
    padding: 6em 6em 4em;
    border-radius: 8px;
    font-style: italic;
    text-align: center;
    display: grid;
    gap: 1em;
    background-color: rgba(247, 247, 244, 0.15);
    border-radius: 178px 0px 152px 0px;
    height: 100%;
    align-content: start;
}

.slidet .text p {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}

.slidet .text p label {
  color: #95C11F;
  font-size: 26px;
  letter-spacing: 0;
  font-style: normal;
}

.slidet .text h4 {
  color: #fff;
  font-size: 26px;
  font-weight: 100;
  font-style: normal;
}

/* NAV ARROWS */
.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #95C11F;
    border: none;
    font-size: 2em;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    width: 75px;
    height: 75px;
}

.prev { left: 0; }
.next { right: 0; }

.nav:focus { 
    outline: none;
}


@media (max-width: 600px) {

  .testimonials h2,
  .slideshow-container {
    grid-column: 2 / 16 !important;
  }

  .slideshow-container {
    max-width: 100%;
  }

  .slidet {
    flex: 0 0 100%;
    padding: 0;
    margin: 2em 0;
  }

  .slidet .text {
    font-size: 0.9rem;
    padding: 8em 2.5em 6em;
    gap: 1em;
     border-radius: 104px 0px 93px 0px;
  }

    .nav {
        width: 37px;
        height: 37px;
        font-size: 1em;
    }
    
    .slidet .text p,
    .slidet .text p label,
    .slidet .text h4 {
        font-size: 22px;
    }

    .testimonials {
        gap: 0;
    }

    .slideshow-container {
        min-height: 1000px;
    }


}






/* CUSTOM POST ARCHIVE */

.cpt-case-studies  {
    background-color: rgba(149, 193, 31, 0.1);
}

.inner-cpt-case-studies {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/16;
    gap: 3em;
    padding: 5em 0;
}

.cpt-cs {
    background-color: #fff;
    display: grid;
    gap: 1em;
    text-align: center;
    align-content: start;
    border-radius: 0px 0px 0px 152px;
}

.cp-content {
    display: grid;
    gap: 1em;
    padding: 3em;
}

.cp-content h3 {
    font-size: 28px;
    font-weight: 600;
}

.cpt-cs:hover {
    background-color: #00528C;
}

.cpt-cs:hover .cp-content h3,
.cpt-cs:hover .cp-content p {
    color: #fff;
}

.cpt-cs-img {
  position: relative;
  overflow: hidden;
  display: grid; 
}

.cpt-cs-img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 288px;
  object-fit: cover;
}

.cpt-cs-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00528C;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;           
}

.cpt-logo-image img{
    max-width: 187px;
}

.comp-image {
  position: absolute;
  display: grid;
  align-self: center;
  justify-self: center;
  max-width: 200px;
  z-index: 1;           
}





@media (max-width: 1000px) {

    .inner-cpt-case-studies {
        grid-template-columns: 1fr;
        gap: 2em;
        padding: 2em 0;
    }

    .cp-content {
        padding: 2em;
    }

    .cp-content a {
        font-size: 19px;
    }


    .cpt-cs {
        border-radius: 0px 0px 0px 112px;
    }


}







/* SERVICES */

.inner-service-box {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column: 2/16;
    gap: 2em;
    row-gap: 4em;
    padding: 5em 0;
}

.service-box {
    background-color: rgba(149, 193, 31, 0.1);
    display: grid;
    gap: 2em;
    text-align: center;
    justify-items: center;
    position: relative;
    align-items: end;
    height: 100%;
    padding: 10em 2em 3em 2em;
}

.service-box p {
    color: #00528C;
    font-weight: 700;
    font-size: 30px;
}

.service-box:hover {
    background-color: #00528C;
}

.service-box:hover .service-icon {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.service-box:hover p {
    color: #fff;
}

.service-icon {
    background-color: #00528C;
    border-radius: 50%;
    text-align: center;
    padding: 1em;
    aspect-ratio: 1/1;
    max-width: 171px;
    align-content: center;
    width: 100%;
    position: absolute;
    top: -2em;
}

.service-icon i {
    font-size: 80px;
    color: #95C11F;
}

@media (max-width: 1000px) {

    .inner-service-box {
        grid-template-columns: 1fr;
    }

    .service-box a {
        font-size: 19px;
    }

}







/* TABS */

.tabs {
    background-color: rgba(149, 193, 31, 0.1);
    padding: 5em 0;
}

.tab {
    border: 1px solid #ccc;
    background-color: rgba(149, 193, 31, 0.1);
    display: flex;
    grid-column: 2 / 16;
    justify-content: space-evenly;
    border: none;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    color: #00528C;
    font-size: 35px;
    font-weight: 400;
}

.tab button:hover {
    background-color: #00528C;
    color: #fff;
}

.tab button.active {
    background-color: #00528C;
    color: #fff;
}

.tabcontent {
    grid-column: 2/16;
    display: none;
    background-color: rgba(149, 193, 31, 0.1);
    padding: 2em;
    margin-top: 1em;
}

.tabcontent li {
    position: relative;     
    list-style: none;   
    padding: 1em 1em 1em 2.5em;  
    font-size: 22px; 
    font-weight: 600;
}

.tabcontent li::before {
    content: "\f00c";                     
    font-family: "Font Awesome 6 pro";  
    font-weight: 900;                     
    position: absolute;
    left: 0;                                                      
    color: #95C11F;   
    background-color: rgba(255, 255, 255, 0.4);    
    font-size: 34px;   
    top: 0.5em;   
    border-radius: 7px;   
    /* max-width: 32px;  
    max-width: 32px;  */
}


.outer-tab-content {
    display: grid;
    grid-column: 2 / 16;
    padding: 2em 0;
    text-align: center;
    gap: 1em;
    max-width: 1000px;
    justify-self: center;
}

.tablinks {
  position: relative; /* so ::after can position itself */
}

/* default hide */
.tablinks::after {
    content: "";
    position: absolute;
    left: 48%;
    display: none;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid #00528C;
    bottom: -0.7em;
    transform: rotate(180deg);
}

/* show on hover */
.tablinks:hover::after,
.tablinks.active::after {
    display: block;
}



@media (max-width: 1000px) {


    .tab {
        flex-wrap: wrap;
    }

    .tabcontent {
        padding: 1em;
    }

    .tablinks::after {
        left: 39%;
    }

    .tab button.active {
        margin-bottom: 1em;
    }

}

/* SHARED ELEMENTS */

section.split-section a{
    color: #00528C;
    font-weight: 600;
}