/*
Theme Name: CFS Child
Theme URI: https://understrap.com
Template: understrap
Author: Howard Development & Consulting
Author URI: https://howarddc.com
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,block-styles,wide-blocks,editor-style,threaded-comments,accessibility-ready
Version: 1.2.4.1726331370
Updated: 2024-09-14 16:29:30

*/

:root {
    --white: #ffffff; 
    --darkgreen: #263326; 
    --lightgreen: #8DC641;
    --darkgrey: #7F8181;  
    --midgrey: #D2D0D0; 
    --lightgrey: #F1F1F1;  
}

/* Fonts */
@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: normal;
    src: url('https://cfes.co.uk/wp-content/themes/understrap/fonts/Calibri.woff') format('woff'),
    url('https://cfes.co.uk/wp-content/themes/understrap/fonts/Calibri.woff2') format('woff2');
  }
  

body {
    font-family: 'Calibri', sans-serif;
    font-size: 16px; color: var(--darkgreen);
}

h1,.h1      {font-size: 2.2rem;}
h2,.h2      {font-size: 1.65rem}
h3,.h3      {font-size: 1.5rem;}
h4,.h4      {font-size: 1.3rem;}
p           {
    font-size: 1.1rem; line-height: 1.2; font-weight: 400; 
    padding-right: 0 !important; padding-left: 0 !important;}
a           {color: var(--darkgreen); text-decoration: none; transition: 1s ease;}
a:hover, a:focus {color: var(--lightgreen); text-decoration: none;}
.uppercase  {text-transform: uppercase;}
.corner1    {border-top-left-radius: 75px;}
select      {text-transform: capitalize !important}

@media screen and (min-width: 1025px) {
    h1,.h1      {font-size: 3rem;}
    h2,.h2      {font-size: 2rem}
    h3,.h3      {font-size: 1.8rem;}
    h4,.h4      {font-size: 1.5rem;}
    p, ol li, ul li {font-size: 1.1rem; line-height: 1.5}
}

/* Colors */
.white      {color: var(--white) !important}
.darkGreen  {color: var(--darkgreen) !important}
.lightGreen {color: var(--lightgreen) !important}
.darkGrey   {color: var(--darkgrey) !important}
.lightGrey  {color: var(--lightgrey) !important}
.bgGrey     {background-color: var(--lightgrey)}
.bgMidGrey     {background-color: var(--midgrey)}
.bgWhite    {background-color: var(--white);}   
.borderTopGreen             {border-top: 2px solid var(--lightgreen); padding-left: 2rem;}   
.borderBottom               {border-bottom: 2px solid var(--lightgreen); padding-left: 2rem;}   
.borderTopBottom            {
    border-top: 2px solid var(--lightgreen); border-bottom: 2px solid var(--lightgreen)}
h2.borderBottomGreen, h2.borderBottomGreen6, h2.borderBottomGreen9 {
    padding-bottom: 1rem; position: relative;}
h1.borderBottomGreen2, h1.borderBottomGreen3, h2.borderBottomGreen2, 
h3.borderBottomGreen4, h2.borderBottomGreen5, ul.borderBottomGreen3,
h1.borderBottomGreen7, .borderBottomGreen8 {
    padding-bottom: 1rem; position: relative;}
.borderBottomGreen::after, .borderBottomGreen2::after, .borderBottomGreen3::after, 
.borderBottomGreen4::after, .borderBottomGreen5::after, .borderBottomGreen7::after, 
.borderBottomGreen9::after {
    position: absolute; bottom: 0; overflow: hidden;
    content: '\a0'; background-color: var(--lightgreen);
}
.borderBottomGreen::after, .borderBottomGreen9::after   {left: -8%; width: 55%; height: 3px}
.borderBottomGreen2::after  {right: -17%; width: 117%; height: 3px}
.borderBottomGreen3::after  {right: 0; width: 110%; height: 4px}
.borderBottomGreen4::after  {left: 0; width: 100%; height: 2px}
.borderBottomGreen5::after  {left: -8%; width: 55%; height: 3px}
.borderBottomGreen6::after  {
    position: absolute; bottom: 1rem; overflow: hidden; right: 0; width: 110%; height: 3px;
    content: '\a0'; background-color: var(--lightgreen);
}
.borderBottomGreen7::after  {right: -5%; width: 70%; height: 4px}
.borderBottomGreen8::after  {
    position: absolute; bottom: .5rem; overflow: hidden; right: -4%; width: 65%; height: 3px;
    content: '\a0'; background-color: var(--lightgreen);
}
.banner h1                  {padding-left: 2.5rem}
.d-sm-block, .d-md-block    {text-align: center;}
@media screen and (min-width: 769px) {
    .banner h1              {padding-left: 0}
    .borderBottom, .borderTopGreen {padding-left: 0}   
}


/* Buttons */
.wp-block-buttons .wp-block-button .wp-block-button__link {
    padding: 0.375rem 1.75rem; font-size: 1rem;
    line-height: 1.4; border-radius: 25px;
    text-transform: uppercase; border: 2px solid var(--lightgreen);
    transition: 1s ease-in-out;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
    background-color: var(--lightgreen); color: var(--white);
    text-decoration: none;
}

/* Images + Sliders */
.topRightCorner img     {border-top-right-radius: 25px;}
.topLeftCorner img      {border-top-left-radius: 25px;}
.bottomRightCorner img  {border-bottom-right-radius: 25px;}
.bottomLeftCorner img 	{border-bottom-left-radius: 25px;}
.bottomLeftCorner video {border-bottom-left-radius: 75px;}
.bottomLeftCurve img, .wp-block-cover .wp-block-cover__background {border-bottom-left-radius: 75px;}
.topRightCurve, .topRightCurve1 img {border-top-right-radius: 75px;}
.wp-block-essential-blocks-post-carousel {margin: 0 !important}
.eb-slider-wrapper .slick-next, .eb-slider-wrapper .slick-prev, 
.eb-post-carousel-wrapper .slick-next,
.eb-post-carousel-wrapper .slick-prev  {
    position: absolute; top: -2rem; border: 1px solid var(--darkgreen); border-radius: 10px;
    padding: 1.5rem; display: flex; align-items: center; justify-content: center; 
    background-color: var(--white);}
.eb-slider-wrapper .slick-next          {right: calc(50% - 4.6rem) !important}
.eb-slider-wrapper .slick-prev          {left: calc(50% - 4.6rem) !important}
.eb-post-carousel-wrapper .slick-next   {right: calc(50% - 4.6rem) !important}
.eb-post-carousel-wrapper .slick-prev   {left: calc(50% - 4.6rem) !important}
.eb-slider-wrapper::before, .eb-slider-wrapper::after {
    position: absolute; top: 0; overflow: hidden; margin-top: -2rem;
    width: 44.5%; height: 1px; content: '\a0'; background-color: var(--darkgreen);
}
.eb-slider-wrapper::before              {left: 1rem}
.eb-slider-wrapper::after               {right: 1rem}
.eb-post-carousel-wrapper::before       {left: 0}
.eb-post-carousel-wrapper::after        {right: 0}
.eb-slider-wrapper .eb-slider-type-image .eb-slider-item img {margin-top: 3rem}

.sliderBottom .eb-slider-wrapper .slick-next, 
.sliderBottom .eb-slider-wrapper .slick-prev  {top: 105% !important}
.eb-post-carousel-wrapper .slick-next,
.eb-post-carousel-wrapper .slick-prev  {top: 110% !important}
.sliderBottom .eb-slider-wrapper::before, .sliderBottom .eb-slider-wrapper::after {
    position: absolute; top: 105% !important; overflow: hidden; margin-top: -2rem;
    width: calc(50% - 4.6rem); height: 1px; content: '\a0'; background-color: var(--darkgreen);
}
.eb-post-carousel-wrapper::before, .eb-post-carousel-wrapper::after  {
    position: absolute; top: 105% !important; overflow: hidden; margin-top: -2rem;
    width: calc(50% - 4.6rem); height: 1px; content: '\a0'; background-color: var(--darkgreen);
}
.eb-post-carousel-wrapper .ebpg-categories-meta a {font-size: 1rem; text-transform: uppercase}
.eb-post-carousel-wrapper .ebpg-entry-title a {font-size: 1.2rem}
.eb-post-carousel-wrapper .ebpg-entry-thumbnail img {
    object-position: top}
.eb-post-carousel-wrapper .ebpg-entry-thumbnail:after {
    border-top-right-radius: 25px !important; border-top-left-radius: 25px !important
}
.sliderBottom h2.borderBottomGreen5         {padding-left: 1rem;}

.wp-block-getwid-images-slider .slick-prev, .wp-block-getwid-images-slider .slick-next {
    top: 110% !important; border: 2px solid var(--darkgrey);
    padding: .5rem; height: 3rem; width: 3.5rem; border-radius: 10px;
}
.wp-block-getwid-images-slider .slick-prev {left: calc(50% - 4.15rem) !important}
.wp-block-getwid-images-slider .slick-next {right: calc(50% - 4.15rem) !important}
.wp-block-getwid-images-slider .slick-next:before {
    content: ''; display: inline-block; width: 12px; height: 12px; opacity: 1;
    border-top: 3px solid var(--darkgrey); border-right: 3px solid var(--darkgrey);
    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: -.25rem
}
.wp-block-getwid-images-slider .slick-prev:before {
    content: ''; display: inline-block; width: 12px; height: 12px; opacity: 1;
    border-top: 3px solid var(--darkgrey); border-right: 3px solid var(--darkgrey);
    -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-right: -.25rem
}
.wp-block-getwid-images-slider  {position: relative}
.wp-block-getwid-images-slider::after, .wp-block-getwid-images-slider::before {
    position: absolute; top: 110% !important; overflow: hidden; 
    width: calc(50% - 4.15rem) !important; height: 1px; content: '\a0'; background-color: var(--darkgreen);
}
.wp-block-getwid-images-slider::after {right: 0}
.wp-block-getwid-images-slider::before {left: 0}

@media screen and (min-width: 600px) {
}
@media screen and (min-width: 769px) {
    .ebpg-entry-header .ebpg-entry-title    {max-width: 75%}
    .eb-post-carousel-wrapper .ebpg-entry-title a {font-size: 2rem}
    .eb-slider-wrapper .eb-slider-type-image .eb-slider-item img {max-height: 80vh;}
    .wp-block-getwid-images-slider .slick-prev, .wp-block-getwid-images-slider .slick-next, 
    .wp-block-getwid-images-slider::after, .wp-block-getwid-images-slider::before {
        top: 105% !important}
}
@media screen and (min-width: 1025px) {
}

@media screen and (min-width: 1201px) {
}

@media screen and (min-width: 1440px) {
}

/* Layouts */
.wrapper    {padding: 0}
article, aside, figcaption, figure, footer, header, hgroup, main, nav {overflow: hidden;}
.content-area {padding: 0 !important}

/* body.understrap-no-sidebar .alignwide:not(.slider), 
body.understrap-no-sidebar .wp-block-cover.alignwide:not(.slider), 
body.understrap-no-sidebar .alignwide:not(.sliderBottom) {
    margin: 0 calc(50% - 48vw) !important;
} */
.wp-block-cover {padding: 0 !important}
.home .wp-block-cover {padding: 0 !important; text-align: left !important}
.bg-primary {background-color: transparent !important;}
.services   {border-radius: 25px; padding: 2rem 1rem; max-width: 85%; margin: auto !important;}
.servicesWrap                       {max-width: 33% !important; display: block !important; float: left}
.servicesWrap:hover                 {max-width: 100% !important; display: flex !important; float: none;}
.servicesWrap .col2                 {display: none;}
.servicesWrap:hover .col2           {display: block;}

@media screen and (min-width: 576px) {
    .container, .container-sm   {max-width: 100% !important}
}
@media screen and (min-width: 769px) {
    .home .wp-block-cover {padding: 0 !important}
    .services {max-width: 95%; margin: auto !important;}
    .w50        {max-width: 50%; margin: auto}
    .w55        {max-width: 55%; margin: auto}
    .w60        {max-width: 60%; margin: auto}
    .w80        {max-width: 80%; margin: auto}
    .w85        {max-width: 85%; margin: auto;}  
    .w85-right  {margin-left: 15% !important; max-width: calc(100% - 15%) !important}  
    .w90        {max-width: 90%; margin: auto;}  
    .w90-right  {margin-left: 10% !important; max-width: calc(100% - 10%) !important}   
    .w90-left   {margin-right: 10% !important; max-width: calc(100% - 10%) !important}    
    .w95-right  {margin-left: 5% !important; max-width: calc(100% - 5%) !important}    
    .w99-right  {margin-left: 1rem !important; max-width: calc(100% - 1rem) !important}        
    .w99-left   {margin-right: 1rem !important;max-width: calc(100% - 1rem) !important} 
    .w99-left .wp-block-cover__inner-container {max-width: 90vw !important; margin-left: auto !important;}
    .pb-15      {padding-bottom: 15rem;} 
    .pl-10p     {padding-left: 10%;}
}
@media screen and (min-width: 1025px) {
    .services {max-width: 100%; margin: 0 !important;}
}

/* Header */
.navbar     {position: absolute; top: 1rem; z-index: 9999; width: 100%;}
.blog .navbar                      {background-color: #d0cece !important;}
.navbar-brand                      {padding-left: 1rem}
.navbar-nav .menu-item             {padding-right: 1.5rem;}
.navbar-nav .menu-item :last-child {padding-right: 0}
.navbar-expand-md .navbar-nav .nav-link {
    text-transform: uppercase; position: relative; color: var(--white)}
.navbar-expand-md .navbar-nav .active .nav-link {color: var(--lightgreen);}
.navbar-dark .navbar-toggler        {margin-top: 1rem}
.blog .navbar-expand-md .navbar-nav .nav-link, 
.archive .navbar-expand-md .navbar-nav .nav-link {
    color: var(--darkgrey);
}    
.blog .navbar-expand-md .navbar-nav .nav-link:hover,
.archive .navbar-expand-md .navbar-nav .nav-link:hover {
    color: var(--lightgreen);
}
.blog .navbar-dark .navbar-toggler-icon, 
.archive .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.dropdown-menu          {
    background-color: transparent; color: var(--lightgreen); right: 2rem; 
    left: auto; top: 2rem; border: 0}
.dropdown-item          {color: var(--lightgreen); padding: 0 1rem;}
.dropdown-item:focus, .dropdown-item:hover {color: var(--white); background-color: transparent;}
.blog .dropdown-item:focus, .blog .dropdown-item:hover, 
.archive .dropdown-item:focus,.archive .dropdown-item:hover {
    color: var(--darkgrey);
}
.dropdown-menu.show         {display: inline-block; text-align: center;}
.dropdown-menu .menu-item   {padding-right: 1rem}

@media screen and (max-width: 767px) {
    .navbar                     {padding: .5rem 0}
    .navbar-collapse            {
        background: var(--darkgreen); padding: 2rem; margin-top: 1rem;
    }
    .navbar-collapse .navbar-nav {text-align: center;}
}
@media screen and (min-width: 768px) {
    .navbar-brand               {padding-left: 0}
    .navbar-expand-md .navbar-nav .nav-link::after {
        display: block; content: '/'; color: var(--lightgreen); position: absolute;
        right: -1rem; top: 7%; border: 0; font-size: 1.5rem;
    }
    .dropdown-menu.show         {display: inline-flex;}
}

/* Footer */
#wrapper-footer         {display: none;}
#wrapper-footer-full    {background-color: var(--darkgreen); padding: 2rem 0;}
#wrapper-footer-full *  {color: var(--white);}
#wrapper-footer-full .widgettitle   {
    font-size: 1.3rem; position: relative;}
#wrapper-footer-full .widgettitle::after    {
    content: ''; display: block; position: absolute; bottom: 0;
    height: 1px; background-color: var(--white); 
}
#wrapper-footer-full .wp-block-column:nth-child(2) .widgettitle::after {width: 30%}
#wrapper-footer-full .wp-block-column:nth-child(3) .widgettitle::after {width: 50%}
#wrapper-footer-full ul {list-style: none; padding: 0;}
#wrapper-footer-full ul li  {padding: .25rem 0;}
#wrapper-footer-full .top   {
    position: fixed; right: 2rem; bottom: 2rem; z-index: 999}

@media screen and (min-width: 1025px) {
    #wrapper-footer-full                {padding: 5rem 3rem 2rem;}
    #wrapper-footer-full .widgettitle   {font-size: 1.5rem}
    #wrapper-footer-full .top   {
        position: fixed; right: 5rem; bottom: 7rem; z-index: 999}
}

/* Pages: Home */
.servicesCol, .servicesCol1, .servicesCol2, .servicesWrap {position: relative; z-index: 10;}
.topRightCorner .overlay, .topRightCorner .overlay1 {border-top-right-radius: 25px;}
.topLeftCorner  .overlay, .topLeftCorner .overlay1  {border-top-left-radius: 25px;}
.servicesColLast                {
    padding: 4rem 2rem !important; position: relative; height: 100%}
.servicesCol :not(.overlay) h3  {padding-left: 2rem; padding-bottom: 2rem;}
.servicesCol .overlay p         {font-size: 1rem; line-height: 1.4;}
.servicesCol:hover h3, .servicesCol1:hover h3, .servicesCol2:hover h3 {opacity: 0;}
.overlay, .overlay1             {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    height: 100vh; width: 100%; opacity: 0; transition: 1s ease; 
    background-color: rgba(0,0,0,.4); z-index: 9; padding: 2rem 1.5rem;
  }
.servicesCol .wp-block-cover:hover          {align-items: flex-start !important}
.servicesCol .overlay2                      {display: none; transition: 1s ease}  
.servicesCol:hover .overlay2                {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    height: 100%; width: 100%; opacity: 1; transition: 1s ease; 
    background-color: rgba(0,0,0,.4); z-index: 9; display: block !important;
}
.overlay .wp-block-group__inner-container {padding: 2rem;}
.overlay1 .wp-block-group__inner-container {padding: 4rem 2rem 2rem;}
.servicesCol:hover .overlay, .servicesCol:hover .overlay1,
.servicesCol1:hover .overlay, .servicesCol1:hover .overlay1, 
.servicesCol2:hover .overlay, .servicesCol1:hover .overlay1,
.servicesCol1:hover .overlay2 {opacity: 1;}
.overlay1 p, .overlay2 p    {font-size: 1.1rem; line-height: 1.4}
.last                       {z-index: -1;}
.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
    justify-content: space-evenly;
}

@media screen and (min-width: 1025px) {
    .servicesCol2           {max-width: 50%}
    .servicesWrap .leftCol  {position: absolute; left: 37%; margin: 0}
    .servicesWrap .rightCol {position: absolute; right: 33%; margin: 0}
    .bottom                 {position: absolute; bottom: 2rem}
    .servicesBg                 {
        background: url(https://cfes.co.uk/wp-content/themes/understrap-child/images/services-bg1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
        min-height: 100vh;
    }
    .servicesWrap .wp-block-essential-blocks-accordion-item {
        position: absolute; bottom: 15%; z-index: 11; width: 100vw}                  
    .servicesWrap .wp-block-essential-blocks-accordion-item::after          {
        position: absolute; bottom: -2%; overflow: hidden; width: 100vw; height: 4px;
        content: '\a0'; background-color: var(--lightgreen);
    }
    .servicesWrap .topRightCorner .wp-block-essential-blocks-accordion-item {
        right: 2%
    }
    .servicesWrap .topLeftCorner .wp-block-essential-blocks-accordion-item {
        left: 2%
    }
    .servicesWrap .topRightCorner .eb-accordion-content {max-width: 45%; float: right;}
    .servicesWrap .topLeftCorner .eb-accordion-content {max-width: 45%; float: left;}
    .servicesWrap:nth-child(even) .servicesCol2     {margin-left: auto} 
    .servicesWrap .eb-accordion-image-container     {padding: 1rem 0 !important}
    .servicesWrap .wp-block-essential-blocks-accordion:nth-child(odd) .eb-accordion-inner {order: 2}
    .servicesWrap .wp-block-essential-blocks-accordion:nth-child(odd) .eb-accordion-container {order: 1}
    .servicesWrap .wp-block-essential-blocks-accordion:nth-child(even) .eb-accordion-inner {order: 1}
    .servicesWrap .wp-block-essential-blocks-accordion:nth-child(even) .eb-accordion-image-container {order: 2}
}

/* Pages: About */
.aboutCol                   {position: relative; padding: 1rem;}
.teamCol                    {max-width: 45%}
.wp-block-cover-image.is-position-bottom-left .wp-block-cover__inner-container,
 .wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container {
    margin-right: auto !important; width: 100% !important; max-width: 100% !important
}

@media screen and (min-width: 601px) {
    .teamCol                {max-width: 47.5%}
}

@media screen and (min-width: 1025px) {
    .aboutCol               {padding: 0;}
    .teamCol                {max-width: 25%}
}

/* Pages: Contact */
.author-rating, .wp-block-gutsliders-testimonial-slider .author-photo-outer {display: none;}
.wp-block-gutsliders-testimonial-slider .gutslider-testimonial, 
.wp-block-gutsliders-testimonial-slider .gutslider-name {font-size: 1.2rem; font-style: normal;}
.wp-block-gutsliders-testimonial-slider .gutslider-name {font-style: italic; font-weight: 800;}
.wp-block-gutsliders-testimonial-slider.nav_outside.nav_bc {padding: 0 !important; margin-bottom: 5rem;}
.wp-block-gutsliders-testimonial-slider .gutslider-nav.nav_outside.nav_bc {margin-bottom: -5rem}
.wp-block-gutsliders-testimonial-slider .gutslider-nav  {gap: 1.5rem !important}
.wp-block-gutsliders-testimonial-slider .gutslider-nav .gutslider-next::before {
    position: absolute; bottom: 50%; overflow: hidden;
    content: '\a0'; background-color: var(--darkgreen);
    width: 42vw; height: 1px; right: -42vw}
.wp-block-gutsliders-testimonial-slider .gutslider-nav .gutslider-prev::before {
    position: absolute; bottom: 50%; overflow: hidden;
    content: '\a0'; background-color: var(--darkgreen);
    width: 48vw; height: 1px; left: -48vw}    
.wp-block-gutsliders-testimonial-slider .gutslider-nav .gutslider-next,
.wp-block-gutsliders-testimonial-slider .gutslider-nav .gutslider-prev {
    border: 1px solid var(--darkgreen); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; 
    background-color: var(--white); width: 3rem; height: 3rem;
}
.wp-block-gutsliders-testimonial-slider .gutslider-next svg, 
.wp-block-gutsliders-testimonial-slider .gutslider-prev svg {
    color: var(--eb-global-primary-color) !important; font-size: 2rem;}

@media screen and (min-width: 1025px) {
    .wp-block-gutsliders-testimonial-slider .gutslider-testimonial, 
    .wp-block-gutsliders-testimonial-slider .gutslider-name {font-size: 1.5rem; font-style: normal;}
}    

/* Pages: Careers */    
.vacancies .eb-accordion-wrapper .eb-accordion-title-wrapper {position: relative;}
.vacancies .eb-accordion-wrapper .eb-accordion-title-wrapper::after {
    position: absolute; bottom: 0; overflow: hidden;
    content: '\a0'; background-color: var(--darkgreen);
    left: 1.5rem; right: 1.5rem; height: 1px
}
.people .eb-accordion-title-wrapper,
.people .wp-block-columns {
    margin: 0 calc(50% - 45vw);
    max-width: 90vw;
    width: 100vw;
}
.people .eb-accordion-title,
.culture .eb-accordion-title {
    padding: 0.375rem 1.75rem !important;
    font-size: 1.15rem;
    line-height: 1.5;
    border-radius: 25px;
    border: 2px solid var(--lightgreen);
    transition: 1s ease-in-out;
}
.people .eb-accordion-wrapper .eb-accordion-title,
.culture .eb-accordion-wrapper .eb-accordion-title {font-size: 0 !important}
.people .eb-accordion-wrapper:not(.eb-accordion-hidden) .eb-accordion-title::after,
.culture .eb-accordion-wrapper:not(.eb-accordion-hidden) .eb-accordion-title::after {
    content: 'Show less'; font-size: 1.2rem;
}
.people .eb-accordion-wrapper.eb-accordion-hidden .eb-accordion-title::after,
.culture .eb-accordion-wrapper.eb-accordion-hidden .eb-accordion-title::after {
    content: 'Learn more'; font-size: 1.2rem;
}
.culture .overlay1 h2           {position: absolute; bottom: -1rem}
.culture :not(.overlay) h3.wp-block-heading  {position: absolute; bottom: 2rem; left: 2rem}
.culture .eb-accordion-content-wrapper    {margin-right: 5%; margin-left: 5%;}
.culture .services {padding: 2rem;}
.culture h2                     {
    padding-bottom: 2rem !important;
    border-bottom: 2px solid var(--lightgreen);
    margin-bottom: 2rem !important;
}
.people p                       {font-size: 1.2rem; line-height: 1.5; color: var(--darkgreen);}
.stories .wp-block-column:hover {flex-grow: 4.3 !important}
.stories p                      {font-size: 1.3rem; line-height: 1.4; padding-bottom: 1.5rem !important}

@media screen and (min-width: 1025px) {
    .people p                   {font-size: 1.5rem; line-height: 1.5;}
}

/* Pages: Projects */
.single-project .navigation {display: none;}
.postList .servicesWrap, 
.postList .servicesWrap:hover       {max-width: 100% !important; display: block !important; float: none;}
.postList .eb-accordion-content p, 
.postList .wp-block-buttons .wp-block-button .wp-block-button__link {font-size: 1rem;}
.postList .ebpg-grid-post           {margin: 1.5rem 0}
.postList article:nth-child(odd)    {margin-right: -2rem; padding-left: 1rem !important}
.postList article:nth-child(odd) .ebpg-grid-post-holder,
.postList article:nth-child(odd) .ebpg-entry-thumbnail img {border-top-left-radius: 25px;}
.postList article:nth-child(even)   {margin-left: -2rem; padding-right: 1rem !important}
.postList article:nth-child(even) .ebpg-grid-post-holder,
.postList article:nth-child(even) .ebpg-entry-thumbnail img {border-top-right-radius: 25px;}
.postList article:nth-child(odd) h2 {padding-left: 2rem}
.postList article:nth-child(even) h2 {padding-left: 5rem}
.postList article h2                {position: relative}
.postList article h2::after         {
        position: absolute; bottom: 0; overflow: hidden;
        content: '\a0'; background-color: var(--lightgreen);
        left: -2rem; width: 52%; height: 3px}

.asp_option_cat {text-transform: capitalize}
.prosettings {display:none}
#ajaxsearchprores2_1.horizontal .results .item, #ajaxsearchprores2_2.horizontal .results .item, 
div.asp_r.asp_r_2.horizontal .results .item {
    box-shadow: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important}
#ajaxsearchprores2_1.horizontal .results .item:hover, #ajaxsearchprores2_2.horizontal .results .item:hover, 
div.asp_r.asp_r_2.horizontal .results .item:hover {
    background-image:none !important}
#ajaxsearchprores2_1 .results .item .asp_content h3 a:hover, #ajaxsearchprores2_2 .results .item .asp_content h3 a:hover, 
div.asp_r.asp_r_2 .results .item .asp_content h3 a:hover {
    color: var(--lightgreen) !important}
#ajaxsearchprores2_1 .results .item div.asp_content, #ajaxsearchprores2_2 .results .item div.asp_content, 
div.asp_r.asp_r_2 .results .item div.asp_content, 
.wp-grid-builder .wpgb-card-21 .wpgb-block-1 {
    position: relative !important; transition: 1s ease}
.wp-grid-builder .wpgb-card-21 .wpgb-block-1:hover {
    color: var(--lightgreen)}    
#ajaxsearchprores2_1 .results .item div.asp_content::after, #ajaxsearchprores2_2 .results .item div.asp_content::after, 
div.asp_r.asp_r_2 .results .item div.asp_content::after, 
.wp-grid-builder .wpgb-card-21 .wpgb-block-1::after {
    position: absolute; right: .25rem; top: .5rem; content: '+'; border: 1px solid var(--lightgreen); 
    border-radius: 50%;  padding: 0 .6rem}
#ajaxsearchprobsettings2_1.searchsettings fieldset, #ajaxsearchprobsettings2_2.searchsettings fieldset, 
div.asp_sb.asp_sb_2.searchsettings fieldset {
    width: 250px !important; min-width: 250px !important; margin: 0 !important;}
.asp_res_text p {margin-bottom: .35rem !important; font-size: .9rem !important;}
.asp_res_text p:nth-child(1) {margin-top: -.5rem !important}
div.asp_w.asp_s select, div.asp_w.asp_sb select {border-radius: 20px !important;}
#ajaxsearchprores2_1.horizontal .results .item, #ajaxsearchprores2_2.horizontal .results .item, 
    div.asp_r.asp_r_2.horizontal .results .item    {
        width: 100%; flex: 0 0 calc(100% - 30px) !important}
.wpgb-card-media.wpgb-scheme-light              {transition: 1s ease}
.wpgb-card-media.wpgb-scheme-light:hover        {opacity: .7;}
.eb-testimonial-o5ysz .eb-description-container p {color: var(--darkgreen);}

@media screen and (max-width: 768px) {
    .projectType h2, .projectType h3, .projectType p {
        padding-right: 2rem !important; padding-left: 1rem !important;}
}
@media screen and (min-width: 769px) {
    #ajaxsearchprores2_1.horizontal .results .resdrg, #ajaxsearchprores2_2.horizontal .results .resdrg, 
    div.asp_r.asp_r_2.horizontal .results .resdrg {
        justify-content: flex-start !important}
    #ajaxsearchprores2_1.horizontal .results .item, #ajaxsearchprores2_2.horizontal .results .item, 
    div.asp_r.asp_r_2.horizontal .results .item    {
        width: 49% !important; flex: 0 0 calc(49% - 30px) !important}
}
@media screen and (min-width: 1025px) {
    #ajaxsearchprores2_1.horizontal .results .resdrg, #ajaxsearchprores2_2.horizontal .results .resdrg, 
    div.asp_r.asp_r_2.horizontal .results .resdrg {
        width: 90vw !important; justify-content: flex-start !important}
    #ajaxsearchprores2_1.horizontal .results .item, #ajaxsearchprores2_2.horizontal .results .item, 
    div.asp_r.asp_r_2.horizontal .results .item    {
        width: 33% !important; flex: 0 0 calc(33% - 30px) !important}
}


/* News + Articles */      
.blog .navbar, .archive .navbar     {
    border-bottom: 1px solid var(--lightgrey);
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, 
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
    rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;}  
.blog .wrapper, .archive .wrapper   {padding-top: 5rem}
.addtoany_list a, .widget .addtoany_list a {display: block !important}
.blog .postGrid,.archive .postGrid  {
    padding: 0 2rem;
}  
.blog .postGrid article, .archive .postGrid article {
    border-bottom: 2px solid var(--lightgreen); margin-bottom: 2rem;}  
.blog .postGrid article:nth-child(1), .archive .postGrid article:nth-child(1) { grid-area: 1 / 1 / 6 / 3; }
.blog .postGrid article:nth-child(2), .archive .postGrid article:nth-child(2) { grid-area: 1 / 3 / 5 / 4; }
.blog .postGrid article:nth-child(3), .archive .postGrid article:nth-child(3) { grid-area: 6 / 1 / 9 / 2; }
.blog .postGrid article:nth-child(4), .archive .postGrid article:nth-child(4) { grid-area: 6 / 2 / 9 / 3; }
.blog .postGrid article:nth-child(5), .archive .postGrid article:nth-child(5) { grid-area: 5 / 3 / 9 / 4; }
.blog .postGrid article:nth-child(2) img, .archive .postGrid article:nth-child(2) img,
.blog .postGrid article:nth-child(5) img, .archive .postGrid article:nth-child(5) img {min-height: 30rem}
.blog article:first-of-type img, .archive article:first-of-type img  {
    width: 100%; border-top-right-radius: 35px;}   
.blog article img, .archive article img {padding: .5rem 0 2rem}     
.blog h1, .archive h1   {text-align: center; text-transform: uppercase;}
.postCategory           {font-size: 1.2rem; text-transform: uppercase; padding: 0;}
.postDate               {font-size: 1.2rem; font-weight: 800; padding: 0;}
.newsNav                {display: flex; list-style: none; justify-content: center;}
.newsNav li             {padding-right: 1rem; font-size: 1.25rem;}
.newsNav li a::after    {content: ','}
.newsNav li:last-of-type a::after    {content: ''}
.newsNav li.active a, .newsNav li:hover a, .newsNav .current-cat a, 
.blog .newsNav li:first-of-type a {
    font-weight: 800; border-bottom: 1px solid var(--lightgreen);}
.pagination             {clear:both; margin: 2rem}    
.page-item.active .page-link {
    background-color: transparent; color: var(--lightgreen); font-weight: 800; border: 0}
.page-link              {color: var(--darkgreen); border: 0}
.single .navigation, .single .entry-footer     {display: none;}

@media screen and (min-width: 769px) {
    .postCategory           {font-size: 1.6rem}
    .postDate               {font-size: 1.6rem}
    .blog .postGrid,.archive .postGrid  {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(8, 1fr);
        grid-column-gap: 2rem; grid-row-gap: 1rem;
    } 
    .blog .postGrid article, .archive .postGrid article {margin-bottom: 2rem}  
    .newsNav                {margin-left: 6rem;}
}