/* ------ CONTENTS -------
// Normalize
// Variables
// Layout
    //Gutenburg Basics
// Elements
// Common
    //Gutenburg Colours
    //Buttons

// Components
    //Skip to content
    //Header
    //Footer
    //Logos
    //Form
    //Blog Feed


//Utilities

//AOS


/* ------- NORMALIZE ------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* ------- VARIABLES ------- */
:root{
    --width-max:  1580px;

    /* Colors */
    --color-white: #ffffff;
    --color-lgrey: #F7F7FA;
    --color-grey:  #636369;
    --color-dgrey: #363639;
    --color-black: #242426;
    --color-purple:  #5459D3;

    --color-text: var(--color-dgrey);
    --color-primary: var(--color-purple);

    /* Fonts */
    --font: 'Lato', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --font-weight-black: 900;

}
/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1140,18,1.2,8,1,&s=0.5,2|3|4|5|6|8,s-l */

:root {
    --step--1: clamp(0.89rem, 0.87rem + 0.10vw, 0.94rem);
    --step-0: clamp(1.00rem, 0.95rem + 0.24vw, 1.13rem);
    --step-1: clamp(1.13rem, 1.04rem + 0.44vw, 1.35rem);
    --step-2: clamp(1.27rem, 1.13rem + 0.69vw, 1.62rem);
    --step-3: clamp(1.42rem, 1.22rem + 1.01vw, 1.94rem);
    --step-4: clamp(1.60rem, 1.32rem + 1.43vw, 2.33rem);
    --step-5: clamp(1.80rem, 1.41rem + 1.95vw, 2.80rem);
    --step-6: clamp(2.03rem, 1.51rem + 2.60vw, 3.36rem);
    --step-7: clamp(2.28rem, 1.60rem + 3.42vw, 4.03rem);
    --step-8: clamp(2.57rem, 1.68rem + 4.43vw, 4.84rem);




    --font-size-h1: var(--step-6);
    --font-size-h2: var(--step-5);
    --font-size-h3: var(--step-4);
    --font-size-h4: var(--step-3);
    --font-size-h5: var(--step-2);
    --font-size-h6: var(--step-1);
}
:root {
  --fluid-min-width: 320;
  --fluid-max-width: 1140;

  --fluid-screen: 100vw;
  --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));
}

@media screen and (min-width: 1140px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --fc-xs-min: var(--fc-s-min) * 0.5;
  --fc-xs-max: var(--fc-s-max) * 0.5;

  --fc-s-min: var(--f-0-min, 10);
  --fc-s-max: var(--f-0-max, 20);

  --fc-m-min: var(--fc-s-min) * 2;
  --fc-m-max: var(--fc-s-max) * 2;

  --fc-l-min: var(--fc-s-min) * 3;
  --fc-l-max: var(--fc-s-max) * 3;

  --fc-xl-min: var(--fc-s-min) * 4;
  --fc-xl-max: var(--fc-s-max) * 4;

  --fc-2xl-min: var(--fc-s-min) * 5;
  --fc-2xl-max: var(--fc-s-max) * 5;

  --fc-3xl-min: var(--fc-s-min) * 6;
  --fc-3xl-max: var(--fc-s-max) * 6;

  --fc-4xl-min: var(--fc-s-min) * 8;
  --fc-4xl-max: var(--fc-s-max) * 8;

  /* T-shirt sizes */
  --space-xs: calc(((var(--fc-xs-min) / 16) * 1rem) + (var(--fc-xs-max) - var(--fc-xs-min)) * var(--fluid-bp));
  --space-a: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp));
  --space-b: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp));
  --space-c: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp));
  --space-d: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
  --space-e: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
  --space-f: calc(((var(--fc-3xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));
  --space-g: calc(((var(--fc-4xl-min) / 16) * 1rem) + (var(--fc-4xl-max) - var(--fc-4xl-min)) * var(--fluid-bp));
}

:root{
    /* Common settings*/
    --transition: 0.2s ease-out;
    --border-radius:  5px;
    --border-radius-image:  15px;
    --border-radius-button: 44px;
}

/* ------- LAYOUT ------- */
body{
    width:  100vw;
    overflow-x: hidden;
}
body.page-template-page-windows {
    width: unset;
}
body.static{
height: 100vh;
overflow: hidden;
}
main{
    width:  100vw;
    overflow:  hidden;
}
main, header, footer, article {
    width: 100%;
}
.wrapper{
    display:  flex;
    width:  100%;
}

.container, .wrapper{
    width:  100%;
    max-width:  100vw;
}
.wrapper--narrow{
    max-width:  var(--width-max);
    margin-left:  auto;
    margin-right:  auto;
}
.container--medium{
    width:  calc(100% * 8/12);
}
.container--narrow{
    width:  calc(100% * 4/12);
}
@media(max-width:  1023px){
    .wrapper{
        display:  flex;
        flex-wrap:  wrap;
    }
    .container--medium, .container--narrow{
        width:  100%;
    }
}
.width--medium{
    max-width:  60rem!important;
     margin-left:  auto;
    margin-right:  auto;
}
.width--narrow{
    max-width:  700px!important;
}
.width--narrow.center, .width--medium.center{
    margin-left:  auto!important;
    margin-right:  auto!important;
}
.padding-a{
    padding:  var(--space-a);
}
.padding-b{
    padding:  var(--space-b);
}
.padding-c{
    padding:  var(--space-c);
}
.padding-d{
    padding:  var(--space-d);
}
.padding-tb-d{
    padding-top:  var(--space-d);
    padding-bottom:  var(--space-d);
}
/* --- Gutenburg --- */

/*overrides */
/* .wp-block-cover,
.wp-block-cover-image,
.wp-block-media-text:not(.alignfull)> .wp-block-media-text__content{
    padding:  0;
} */
.wp-block-embed, .wp-block-columns, .wp-block-pullquote, .wp-block-column{
    margin:  0;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
    margin:  0!important;
}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img {
	position: relative;
}

/*widths*/
.container>*:not(.alignfull),
.container>.wp-block-cover.alignfull>.wp-block-cover__inner-container,
.container>.wp-block-group.alignfull>.wp-block-group__inner-container{
    max-width:  var(--width-max);
    margin-left:  auto;
    margin-right:  auto;
}
.container>*.has-background:not(.alignfull),
.container>*.wp-block-cover:not(.alignfull),
.container>*.wp-block-quote:not(.alignfull),
.container>*.wp-block-pullquote:not(.alignfull),
.container>.wp-block-media-text.box-shadow{
     max-width:  calc(var(--width-max) - var(--space-d));
}
.container>.wp-block-media-text.box-shadow{
    width:  calc(100% - var(--space-d));
}
.wp-block-group + .wp-block-media-text.box-shadow{
    margin-top:  var(--space-a);
}

.wp-block-image, .wp-block-image img{
    width:  100%;
}
/*horizontal spacing*/
.container>*.alignfull:not(.wp-block-columns){
    padding-left:  0;
    padding-right:  0;
}
.container>*:not(.alignfull),
.container>.wp-block-cover.alignfull>.wp-block-cover__inner-container,
.container>.wp-block-group.alignfull>.wp-block-group__inner-container,
.wp-block-media-text.alignfull> .wp-block-media-text__content,
.container>.wp-block-columns.alignfull,
.container>.wp-block-group .wp-block-columns.has-background{
    padding-left:  var(--space-b);
    padding-right:  var(--space-b);
}
.container>ul, .container>ol{
    padding-left:  calc(var(--space-b) + 20px)!important;
}
.container>.wp-block-gallery{
   padding-left:  var(--space-a);
   padding-right:  var(--space-a);
}
.container>.has-background.wp-block-media-text.hero-cta {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

main.windows__wrapper .wp-block-group .wp-block-group__inner-container > * {
    text-align: center !important;
}

/* Hero Media & Text */
.hero-cta.wp-block-media-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr)!important;
    width: 100%;
}

.hero-cta.wp-block-media-text .wp-block-media-text__media {
    grid-row: 1;
    grid-column: span 2;
}
.hero-cta.wp-block-media-text .wp-block-media-text__content {
    grid-row: 2;
    grid-column: span 2;
    padding-bottom: var(--space-d);
    text-align: center;
}
.hero-cta.wp-block-media-text .wp-block-media-text__content .wp-block-heading {
    font-size: var(--font-size-h3) !important;
}
.container>.hero-cta.wp-block-media-text> .wp-block-media-text__content * {
    max-width: 100%;
}
.container>.hero-cta.wp-block-media-text> .wp-block-media-text__content .wp-block-buttons {
    justify-content: center;
}

/* Checkatrade Row */
.wp-block-group.row-checkatrade {
    flex-wrap: wrap;
}
.rating-logo-row {
    gap: 0px;
}
.row-checkatrade .rating {
    padding-left: 20px;
    padding-right: 20px;
    gap: 12px;
}

/* Benefits CTA Grid */
.benefits-cta-grid .heading-row {
    text-align: center;
}
.benefits-cta-grid .button-row {
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}
.benefits-cta-grid .button-row a {
    text-wrap: nowrap;
}
.benefits-cta-grid > .is-layout-grid,
.benefits-grid > .is-layout-grid {
    grid-template-columns: 1fr;
}
.benefits-cta-grid .is-layout-grid > * {
    grid-column: span 1;
}
.benefits-grid .is-layout-flex {
    flex-wrap: nowrap !important;
}
.benefits-grid .is-layout-flex .wp-block-column:first-of-type {
    flex-basis: 33%!important;
}
/* Gallery Grid */
.wp-block-group.gallery-grid .is-layout-grid {
    grid-template-columns: 1fr;
}

.wp-block-group.gallery-grid .is-layout-grid .wp-block-cover {
    min-height: 250px;
    aspect-ratio: 16 / 9;
}
/* Details & Summary */
.benefits-accordion .is-layout-grid {
    grid-template-columns: 1fr;
    row-gap: 10px;
}
.benefits-accordion .wp-block-group__inner-container { /* Initialize the counter on the container */
    counter-reset: details-counter;
}
.benefits-accordion .wp-block-group__inner-container > details { /* Style each <details> tag */
    counter-increment: details-counter;
    position: relative;
    padding-left: 2rem; /* Adjust to create space for the number */
}

/* Add the counter number before each <details> */
.benefits-accordion .wp-block-group__inner-container > details::before {
    content: counter(details-counter) ;
    position: absolute;
    left: 0;
    top: 1rem;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    color: var(--color-white);
    background: var(--color-purple);
    padding: 4px 12px 5px;
    border-radius: 50%;
}

/* Benefits Accordion */
.benefits-accordion details summary {
    font-size: var(--font-size-h6);
}
.benefits-accordion details summary::after {
    content: "\002B" !important;
    font-size: 28px;
}
.product-section .has-media-on-the-left .wp-block-media-text__content {
    padding-right: var(--space-a);
    padding-left: var(--space-b);
}
.product-section .wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {
    min-height: 500px;
}
/* Links */
p.link-purple a {
    color: var(--color-purple);
    border-bottom: none;
}
.container>details.more-categories.has-background {
    margin-top: 0!important;
    padding-top: 0 !important;
}
details.more-categories summary {
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: none;
    background: var(--color-white);
}
details.more-categories > .wp-block-group {
    margin-top: 0;
}
details.more-categories > .wp-block-group > .is-layout-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: var(--width-max);
    margin: 0 auto;
}
details.more-categories > .wp-block-group .wp-block-buttons {
    justify-content: center;

}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button {
    margin-top: 0!important;
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a {
    display: grid;
    position: relative;
    align-content: center;
    min-width: 200px;
    min-height: 60px;
    overflow: hidden;
    border: 0!important;
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a::after {
    content: '';
    display: block;
    border: 2px solid var(--color-dgrey);
    border-radius: 44px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    top: 0;
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a:hover::after {
    border: 2px solid var(--color-purple);
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--color-purple); /* Animated color */
    transition: left 0.4s ease-in-out, border-color 0.85s ease-in-out;
    z-index: -1;
    border-radius: 44px;
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a:hover {
    color: var(--color-white)!important;
    background-color: red;
}
details.more-categories > .wp-block-group .wp-block-buttons > .wp-block-button a:hover::before {
    left: 0;
}
/* FAQ Accordion Amends */
.faq-accordion {
    margin-bottom: 80px;
}
details.more-categories summary:before,
.faq-accordion details summary::before {
    content: '';
    position: absolute;
    top:24px;
    right: 10px;
    display: block;
    background-color: var(--color-purple);
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

details.more-categories summary:after,
.faq-accordion details summary::after {
    content: "";
    border-left: 2px solid var(--color-white);
    border-top: 2px solid var(--color-white);
    transform: rotate(135deg);
    width: 5px;
    height: 5px;
}
.faq-accordion details[open] summary::after {
    transform: rotate(225deg) translateX(-1px) translateY(2px);
}
details.more-categories summary:before {
    top: 21px;
    right: calc(50% - 120px);
}
details.more-categories summary:after {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    top: -2px;
    right: -20px;
}
details[open].more-categories summary::after {
    transform: rotate(225deg) translateX(-1px) translateY(2px);
}


/* Testimonials 3 column slider */
.slider-quotes-3-col .slick-slider {
    padding-bottom: 40px;
}

.slider-quotes-3-col .slick-slider img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.slider-quotes-3-col blockquote.wp-block-quote.slick-slide {
    border-left: 0;
    background: var(--color-lgrey);
    padding: 20px;
    height: 100%;
    margin: 0 15px;
}
/* Target the Slick Slider dots */
.slider-quotes-3-col ul.slick-dots {
    list-style-type: none;
}
.slider-quotes-3-col .slick-dots li button:before {
    font-family: unset;
    font-size: unset;
    border: 1px solid var(--color-black);
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
/* Optional: Add styles for active dot */
.slider-quotes-3-col .slick-slider.slick-dotted {
    margin-bottom: 0;
}
.slider-quotes-3-col .slick-dots li.slick-active button::before {
    background: var(--color-purple)!important;
}

.slider-quotes-3-col .slick-prev,
.slider-quotes-3-col .slick-next {
    bottom: -7px;
    top: unset;
    margin:0;
    z-index: 100;
}
.slider-quotes-3-col .slick-prev {
    left: 5px;
}
.slider-quotes-3-col .slick-next {
    right: 5px;
}
.slider-quotes-3-col .slick-prev:before,
.slider-quotes-3-col .slick-next:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid var(--color-black);
    border-top: 2px solid var(--color-black);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.slider-quotes-3-col .slick-next:before {
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}



/* Logos Block */
.logos-grid .is-layout-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: stretch;
}
.logos-grid .is-layout-grid .logo {
    justify-self: center;
}
.logos-grid .trust-mark { max-width: 185px; }
.logos-grid .smart { max-width: 193px; }
.logos-grid .aluk { max-width: 166px; }
.logos-grid .bfrc { max-width: 108px; }
.logos-grid .cpa { max-width: 166px; }
.logos-grid .fensa { max-width: 185px; }
.logos-grid .checkatrade { max-width: 279px; }
.logos-grid .which { max-width: 166px; }
.logos-grid .rehau { max-width: 203px; }
.logos-grid .total70 { max-width: 161px; }

@media(min-width: 601px){
    /*direct children wrappers -- columns, groups, buttons, media-text*/
    .logos-grid .is-layout-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
    }
    .logos-grid .is-layout-grid .logo:last-child {
        grid-column: 2 / span 1; /* Center it in the 3-column grid */
    }
    .container>.wp-block-media-text,
    .container>.wp-block-buttons,
    .container>.wp-block-group .wp-block-columns.has-background{
        padding-left:  var(--space-a);
        padding-right:  var(--space-a);
    }
     .container>.wp-block-media-text.is-image-fill{
        padding-left:  var(--space-b);
        padding-right:  var(--space-b);
     }
    /*inside wrappers -- column, button*/
  .container>.wp-block-columns,     .container>.wp-block-columns.alignfull{
     padding-left: calc(var(--space-a) * 1.5);
            padding-right: calc(var(--space-a) * 1.5);
  }
    .container>.wp-block-buttons>.wp-block-button{
        margin-left:  var(--space-a)!important;
        margin-right:  var(--space-a);
    }
        .wp-block-column{
            margin-left: calc(var(--space-a) * 0.5)!important;
            margin-right: calc(var(--space-a) * 0.5);
        }

    /*columns inside groups*/
    .container>.wp-block-group:not(.alignwide)>.wp-block-group__inner-container>.wp-block-columns,
    .container>.wp-block-group:not(.alignwide)>.wp-block-group__inner-container>.wp-block-media-text{
        margin-left:  calc(var(--space-a) * -0.5);
        width:  calc(100% + var(--space-a));
    }
    /*media & text to line up images to half width*/
    .wp-block-media-text> .wp-block-media-text__content{
        padding-left:  var(--space-b);
        padding-right:   var(--space-a);
    }
    .wp-block-media-text.has-media-on-the-right> .wp-block-media-text__content{
        padding-left:  var(--space-a);
        padding-right:  var(--space-b);
    }
    .wp-block-media-text.is-image-fill> .wp-block-media-text__content{
        padding-left:  var(--space-b);
        padding-right:  0;
    }
    .wp-block-media-text.is-image-fill.has-media-on-the-right> .wp-block-media-text__content{
        padding-left:  0;
        padding-right:  var(--space-b);
    }
    .container>.wp-block-media-text> .wp-block-media-text__content * {
        max-width: 559px;
    }
    .container>.wp-block-media-text.has-media-on-the-right> .wp-block-media-text__content>*{
        margin-left: auto;
    }
    .container>.wp-block-media-text> .wp-block-media-text__media{
        padding-left:  var(--space-a);
        padding-right:  0;
    }
    .container>.wp-block-media-text.has-media-on-the-right> .wp-block-media-text__media{
        padding-left:  0;
        padding-right:  var(--space-a);
    }
    /*full width media text*/
    .container>.wp-block-media-text.alignfull{
        padding-left:  0;
        padding-right:  0;
    }
     .container>.wp-block-media-text.alignfull > .wp-block-media-text__content{
        padding-left:  var(--space-b);
        padding-right:  var(--space-b);
     }

     /* Overrides */
     .wp-block-media-text.is-image-fill.h-min-500 {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
     }

     .wp-block-media-text.is-image-fill.h-min-500 > .wp-block-media-text__media {
        min-height: 500px;
     }


}
@media(min-width: 601px) and (max-width:  1024px){
    .wp-block-column:not(:only-child){
        flex-basis: calc(50% - var(--space-b))!important;
    }
}
@media(min-width: 601px) and (max-width:  1024px){
    .wp-block-media-text.is-image-fill.h-min-500 > .wp-block-media-text__content {
        padding-left:  70px;
        padding-right: 0;
     }
     .wp-block-media-text.is-image-fill.h-min-500.has-media-on-the-right>.wp-block-media-text__content {
        padding-left: 0;
        padding-right: 70px;
     }
}
@media(min-width: 1024px) {
    .wp-block-media-text.is-image-fill.h-min-500 > .wp-block-media-text__content {
        padding-left:  140px;
        padding-right: 0;
     }
     .wp-block-media-text.is-image-fill.h-min-500.has-media-on-the-right>.wp-block-media-text__content {
        padding-left: 0;
        padding-right: 140px;
     }
     .logos-grid .is-layout-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
    }
    .logos-grid .is-layout-grid .logo:last-child {
        grid-column: unset; /* Center it in the 3-column grid */
    }
}
@media(max-width:  1024px){
    .wp-block-columns {
        flex-wrap:  wrap!important;
    }
    .wp-block-column, .wp-block-column:not(:only-child){
        width:  100%!important;
        flex-basis:  100%!important;
        margin-left:  0;
    }
}
@media(max-width:  600px){
    .container>.wp-block-media-text.is-stacked-on-mobile.is-image-fill.box-shadow{
        padding-left:  0;
        padding-right:  0;
    }
    .container>.wp-block-media-text.is-stacked-on-mobile.is-image-fill.box-shadow .wp-block-media-text__content{
        padding:  var(--space-b);
    }
    .has-text-align-center{
        text-align:  left!important;
    }
    .container>.has-background > .wp-block-group__inner-container .wp-block-media-text.is-stacked-on-mobile.image--crop-mobile{
        margin-top:  calc(var(--space-d) * -1);
    }
}
/*vertical spacing*/
.container>div:not(.wp-block-buttons), .container>figure:not(.wp-block-pullquote){
    margin-top: var(--space-d);
}
.container>div.has-background.alignfull:first-child, .container>div.wp-block-cover.alignfull:first-child{
    margin-top:  0;
}

.container> h1 + div:not(.wp-block-buttons),
.container> h2 + div:not(.wp-block-buttons),
.container> h3 + div:not(.wp-block-buttons),
.container> h4 + div:not(.wp-block-buttons),
.container> h5 + div:not(.wp-block-buttons),
.container> h6 + div:not(.wp-block-buttons){
    margin-top: var(--space-b);
}
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h1,
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h2,
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h3,
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h4,
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h5,
.container> div:not(.wp-block-buttons):not(.wp-block-spacer) + h6{
    margin-top: var(--space-d);
}
.wp-block-column{
    margin-bottom: var(--space-b);
}
.wp-block-group.has-background{
    padding: var(--space-b);
}
.wp-block-group.has-background .wp-block-media-text{
    margin-top: calc(var(--space-d) * -1);
}
.container>.has-background:not(.wp-block-media-text), .container>.wp-block-cover{
    padding-top:  var(--space-d)!important;
    padding-bottom:  var(--space-d)!important;
}
.container>.has-background.wp-block-media-text{
    padding-top:  var(--space-b)!important;
    padding-bottom:  var(--space-b)!important;
}
.wp-block-columns.has-background{
    padding-bottom:  var(--space-b)!important;
}
.container>*.has-background + .has-background,
.container>*.has-background + .wp-block-cover,
.container>.wp-block-cover + .has-background{
    margin-top:  0;
}
.container>*.wp-block-columns + .has-background{
    margin-top: calc(var(--space-a) * -1);
}
.wp-block-group.has-background > .wp-block-group__inner-container > .wp-block-columns:last-child,
.wp-block-cover > .wp-block-cover__inner-container > .wp-block-columns:last-child{
    margin-bottom: calc(-1 * var(--space-b));
}
.wp-block-media-text__content{
    padding-top:  var(--space-b)!important;
}
.image--crop-mobile .wp-block-media-text__media img{
        height: 200px;
        object-fit:  cover;
        object-position: 50% 85%;
    }
@media(min-width:  601px){
    .wp-block-media-text__content{
        padding-top:  0!important;
    }
    .container> .wp-block-media-text > .wp-block-media-text__content{
       padding-top: var(--space-d)!important;
        padding-bottom: var(--space-d);
    }
    .wp-block-group.has-background .wp-block-media-text{
        margin-top:  0;
    }
    .wp-block-media-text__media img, .image--crop-mobile .wp-block-media-text__media img{
        height: auto;
    }
}
.blocks-gallery-grid{
    gap: var(--space-xs);
}
.blocks-gallery-item{
    padding: 0;
}
.blocks-gallery-item figure{
    margin: var(--space-a);
}
.blocks-gallery-item figure,
.blocks-gallery-item img{
    width: 100%!important;;
    height: 100%!important;;
}
.blocks-gallery-item img{
    object-fit: cover!important;;
}
/* ------- ELEMENTS ------- */
* {
    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font);
    font-size: var(--step-0);
    font-weight: var(--font-weight-regular);
    color: var(--color-text);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.2em;
    margin: var(--space-b) 0 var(--space-a);
    font-weight: var(--font-weight-bold);
}
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6{
    margin-top: var(--space-a);
}
h1.has-text-align-center,
.h1.has-text-align-center,
h2.has-text-align-center,
.h2.has-text-align-center,
h3.has-text-align-center,
.h3.has-text-align-center,
h4.has-text-align-center,
.h4.has-text-align-center,
h5.has-text-align-center,
.h5.has-text-align-center,
h6.has-text-align-center,
.h6.has-text-align-center{
     margin: var(--space-b) auto var(--space-a);
}

h1,
.h1{
    font-size: var(--font-size-h1);
    font-weight:  var(--font-weight-black);
}

h2,
.h2{
    font-size: var(--font-size-h2);
}
h2 strong,
h2 b,
.h2 strong,
.h2 b{
    font-weight:  var(--font-weight-black);
}

h3,
.h3 {
    font-size: var(--font-size-h3);
}

h4,
.h4{
    font-size: var(--font-size-h4);
}

h5,
.h5 {
    font-size: var(--font-size-h5);
}

h6,
.h6 {
    font-size: var(--font-size-h6);
}
.has-small-font-size{
    font-size: var(--step--1);
}
.has-medium-font-size{
    font-size: var(--step-1);
}
.has-large-font-size{
    font-size: var(--step-2);
}
.has-extra-large-font-size{
    font-size: var(--step-3);
}
.has-huge-font-size{
    font-size: var(--step-4);
}
.has-massive-font-size{
    font-size: var(--step-5);
}
p,
ul,
ol,
input,
textarea,
span.meta {
    font-size: var(--step-0);
    font-weight: var(--font-weight-regular);
    line-height: 1.5em;
    margin:  0 0 var(--space-a) 0;
}
span.meta{
    font-size: var(--step--1);
    text-transform:  uppercase;
}
p.has-text-align-center,
ul.has-text-align-center,
ol.has-text-align-center,
input.has-text-align-center,
textarea.has-text-align-center {
 margin:  0 auto var(--space-a) auto;
}
.wp-block-buttons{
     margin: var(--space-a) 0;
}
.wp-block-buttons>.wp-block-button{
    margin-top:  var(--space-a)!important;
    margin-bottom:  0!important;
}
.wp-block-buttons.is-content-justification-center {
  margin: var(--space-a) auto;
}
blockquote, .wp-block-quote{
    font-size: var(--step-1);
    font-weight: var(--font-weight-regular);
    line-height: 1.8em;
    margin:  var(--space-c) 0;
}
.wp-block-quote{
     width:  calc(100% - var(--space-d));
}
.wp-block-pullquote{
     margin:  var(--space-d) 0;
     padding-top:  var(--space-d);
     padding-bottom: var(--space-d);
     width:  calc(100% - var(--space-d));
}
li{
    margin:  0 0 var(--space-xs) 0;
}
ul, ol{
    padding:  0 0 0 20px;
    margin-top:  var(--space-b);
}
ul.col--2, ul.col--3, ul.col--4{
    column-gap:  var(--space-b);
}
ul.col--2{
    columns: 2;
}
ul.col--3{
    columns:  3;
}
ul.col--4{
    columns:  4;
}
@media(max-width:  1024px){
    ul.col--2{
        columns: 1;
    }
    ul.col--3{
        columns:  2;
    }
    ul.col--4{
        columns:  3;
    }
}
@media(max-width:  768px){
    ul.col--3{
        columns:  1;
    }
    ul.col--4{
        columns:  2;
    }
}
@media(max-width:  480px){
    ul.col--4{
        columns:  1;
    }
}
ul.list-style--check{
    list-style-type: none;
    padding-left:  30px;
}
ul.list-style--check li{
    position:  relative;
}
ul.list-style--check li:before{
    content:  url('data: image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="rgb(54, 54, 57);" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    position:  absolute;
    left:  -30px;
}

p:first-child,
ul:first-child,
ol:first-child,
li:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
figure:first-child,
img:first-child,
.wp-block-buttons{
    margin-top:  0!important;
}
p:last-child,
ol:last-child,
ul:last-child,
li:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
figure:last-child,
img:last-child,
.wp-block-buttons{
    margin-bottom:  0!important;
}


.weight--light{
    font-weight: var(--font-weight-light);
}
.weight--regular{
    font-weight: var(--font-weight-regular);
}
.weight--bold,
b,
strong{
    font-weight: var(--font-weight-bold);
}
.weight--black{
    font-weight: var(--font-weight-black);
}

a {
    text-decoration: none;

    color: inherit;
}
@media(max-width:  480px){
    a {
            word-break: break-word;
        }
}


main p a,
main li a {
    border-bottom: 1px dashed;
}

main p a:hover,
main p a:focus,
main li a:hover,
main li a:focus {
    color: var(--color-primary);
    border-bottom: 1px solid;
}

nav ul {
    list-style-type: none;
    margin-top:  0;
}
nav li{
    margin-bottom:  0;
}
nav li a{
    border-bottom: none;
}

input[type='text'],
textarea,
input[type='email'],
input[type='tel'],
select {
    padding: 10px 20px;
    width:  100%;
    height:  44px;
    color:  var(--color-text);
    background-color:  transparent;
    background:  transparent;
    border:  none;
    position:  relative;
    z-index:  2;
    margin-bottom:  0;
    -webkit-appearance:none;
    outline: none!important;

}
.has-dark-grey-background-color input[type='text'],
.has-dark-grey-background-color  textarea,
.has-dark-grey-background-color  input[type='email'],
.has-dark-grey-background-color  input[type='tel'],
.has-dark-grey-background-color  select,
.has-dark-grey-background-color select:focus, .has-dark-grey-background-color input:focus{
    color:  white;
}
option{
    color: var(--color-text);
}

figure{
    margin:  var(--space-c) 0;
    max-width:  100%;
    height:  auto;
    width:  auto;
    display:  block;
}
img{
    margin:  0;
    max-width:  100%;
    height:  auto;
    width:  auto;
    display:  block;
}
form{
    margin:  var(--space-b) 0 0 0;
}
.form__row{
    display:  flex;
    width:  100%;
    position:  relative;
    margin-bottom:  var(--space-a);
}
.form__row:nth-last-child(2){
    margin-bottom:  0;
}
.form__inner{
    position:  relative;
}
.form__inner--small{
    width:  160px;
    margin-right:  var(--space-a);
    flex-shrink:  0;
}
.form__inner--large{
    flex-grow:  1;
}
.wpcf7-form-control-wrap{
    display:  block;
    width:  100%;
    position:  relative;
}
.wpcf7-form-control-wrap.category{
    width:  calc(100% - 10px);
}
.wpcf7-form-control-wrap:not(.your-consent):before{
    content:  '';
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    height:  44px;
    border-radius:   var(--border-radius);
    background-color:  rgba(99, 99, 105, 0.1);
    border:  1px solid rgba(255, 255, 255, 0.3);
}
.has-dark-grey-background-color .wpcf7-form-control-wrap:not(.your-consent):before{
    background-color:  rgba(99, 99, 105, 0.3);
    border:  1px solid rgba(255, 255, 255, 0.3);
}
.wpcf7-form-control-wrap.category:before{
    right:  -10px;
}
.form__inner> label{
    position:  absolute;
    left: 15px;
    top:  10px;
    padding-left:  5px;
    padding-right:  5px;
    transition:  0.2s ease-out;
    background:  rgba(68,68,71,0);
}

.form__inner.active> label{
    top:  -13px;
    font-size:  14px;
    background: linear-gradient(0deg, rgba(99, 99, 105, 0) 0%, rgba(99, 99, 105, 0) 50%, rgba(54,54,57,0) 50%, rgba(54,54,57,0) 100%);
    z-index:  4;
}
.has-dark-grey-background-color  .form__inner.active> label{
    background: linear-gradient(0deg, rgba(68,68,71,1) 0%, rgba(68,68,71,1) 50%, rgba(54,54,57,0) 50%, rgba(54,54,57,0) 100%);

}
span.your-consent:first-child{
    margin-top:  var(--space-a)!important;
}
.wpcf7-acceptance .wpcf7-list-item{
    margin-left:  0;
}
.wpcf7-acceptance .wpcf7-list-item label{
    display:  flex;
}

/*Checkmark of the fake checkbox*/
input[type="checkbox"]{
    opacity:  0;
}
input[type="checkbox"] + span{
    line-height: 1.4em;
}
input[type="checkbox"] + span::after {
    content:  '';
    width:  20px;
    height:  20px;
    border-radius:   var(--border-radius);
    background-color:  rgba(99, 99, 105, 0.1);
    border:  1px solid rgba(255, 255, 255, 0.3);
    position:  absolute;
    top:  2px;
    left:  0;
}
.has-dark-grey-background-color   input[type="checkbox"] + span::after {

    background-color:  rgba(99, 99, 105, 0.3);

}
input[type="checkbox"]:focus + span::after{
    border:  1px solid rgba(255, 255, 255, 0.7);
    cursor:  pointer;
}
input[type="checkbox"]:checked + span::after {
    content:  url('data: image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="grey" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
}
.has-dark-grey-background-color  input[type="checkbox"]:checked + span::after {
    content:  url('data: image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="white" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
}


.wpcf7-list-item-label{
     padding-left:  20px;
}
input.wpcf7-submit{
    margin-top:  var(--space-a)!important;
    margin-bottom:  0;
}
.wpcf7-not-valid-tip{
    color:  var(--color-text);
    display:  block;
    margin-top:  5px;
}
.has-dark-grey-background-color .wpcf7-not-valid-tip{
    color:  white;

}
.wpcf7-response-output{
    border: none!important;
    padding:  0!important;
    margin:  0!important;
    font-style: italic;
}

@media(max-width:  600px){
    .form__row{
        flex-wrap:  wrap;
    }
    .form__inner{
        flex-grow:  1;
        margin-right:  0;
        margin-bottom: var(--space-a);
    }
}


/*------- COMMON -------*/
/* Gutenberg Colours */
.has-white-background-color{
    background-color: var(--color-white);
}
.has-light-grey-background-color{
    background-color: var(--color-lgrey);
}
.has-grey-background-color{
    background-color: var(--color-grey);
}
.has-dark-grey-background-color{
    background-color: var(--color-dgrey);
}
.has-black-background-color{
    background-color: var(--color-black)!important;
}

.has-white-color{
    color: var(--color-white);
}
.has-light-grey-color{
    color: var(--color-lgrey);
}
.has-grey-color{
    color: var(--color-grey);
}
.has-dark-grey-color{
    color: var(--color-dgrey);
}
.has-black-color{
    color: var(--color-black)!important;
}




/*-- Buttons-- */
.button,
button,
input[type='submit'],
.wp-block-button__link {
    font-weight: var(--font-weight-bold);

    display: inline-block;

    padding: 10px 20px!important;

    cursor: pointer;
    transition: var(--transition);

    border-radius: var(--border-radius-button);
    text-align: center;
    font-size: 1.1rem;
}

.is-style-outline .wp-block-button__link {

    color: var(--color-primary)!important;
    border: 2px solid var(--color-primary);
    background: transparent;
    background-color: transparent;
}

.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
    color: var(--color-white)!important;
    background: var(--color-primary);
     filter: brightness(1.3);
}

.button,
button,
input[type='submit'],
.wp-block-button:not(.is-style-outline) .wp-block-button__link{
    background-color:  var(--color-primary);
    border: 2px solid var(--color-primary);
    color:   var(--color-white)!important;
}

.button:hover,
button:hover,
input[type='submit']:hover,
.button:focus,
button:focus,
input[type='submit']:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus{
    filter: brightness(1.3);
}

.wp-block-button .wp-block-button__link.has-white-color {
    color: var(--color-white)!important;
}
.wp-block-button .wp-block-button__link.has-purple-color {
    color: var(--color-purple)!important;
}
.wp-block-button .wp-block-button__link.has-dark-grey-color {
    color: var(--color-dgrey)!important;
}

@media(max-width:  480px){
    .button,
button,
input[type='submit'],
.wp-block-button,
.wp-block-button__link{
    width:  100%;
    margin-right:  0!important;
}
}
/*------- COMPONENTS ------*/
/* --- SKIP TO CONTENT --- */
.skip-to-content {
    top: 0;
    background: var(--color-dgrey);
    height: 62px;
    left: 0;
    display: flex;
    padding: 8px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform .3s;
    z-index: 10000;
    color: white;
    align-items: center;
    width: 200px;
    justify-content: center;
}

.skip-to-content:focus {
  transform: translateY(0%);
}
/* --- HEADER --- */
header{
background-color:  white;
position:  static;
}
.header-top{
    position:  sticky;
    top:  0;
    left:  0;
    right:  0;
        z-index:  10;

    background-color:  white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
header.wrapper{
    display:  block;
}
header .container{
    display:  flex;
    justify-content: space-between;
    align-items:  center;
    padding-top:  20px;
    padding-bottom: 20px
}
header .header__inner{
    margin:  0!important;
    display:  flex;
    align-items:  center;
    padding-left: var(--space-b)!important;
    padding-right:  var(--space-b)!important;
}
header .header__inner--right{
 flex-grow: 1;
    justify-content: flex-end;
    flex-wrap:  wrap;
    flex-basis:  75%;
    max-width:  100vw!important;
    padding:  0!important;
    padding-left: var(--space-a)!important;
    padding-right:  var(--space-a)!important;
}
@media(max-width:  480px){
    header .header__inner{
        flex-basis:  40%;
        flex-grow:  0;
    }
     header .header__inner--left{
        flex-basis:  60%;
        flex-grow:  1;
     }
}
/*logo*/
svg.logo{
    max-height: 60px;
    opacity: 0;
     animation: fadein 0.5s ease-in-out forwards;
     flex-shrink:  0;
     width: 100%;
}
.logo__text{
    font-size:  65px;
    font-weight:  var(--font-weight-regular);
    letter-spacing: -0.1rem;
}
.logo__text--large{
    font-size:  105px;
    font-weight:  var(--font-weight-semibold);
    letter-spacing: 0rem;
}
.logo  .c-top {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: dash 2s linear forwards;
}

.logo .c-bottom {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: dash 2s linear forwards;
    animation-delay: 0.25s;
}
@keyframes fadein {
  to {
    opacity: 1;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

/*header .button*/
header .wp-block-buttons{
       padding-left: var(--space-a)!important;
    padding-right:  var(--space-a)!important;
    flex-wrap:  nowrap;
    align-items:  center;
}
header .button{
    white-space:  nowrap;
    height:  auto;
}
header .button svg{
    margin-right:  5px;
}
@media(max-width: 624px){
    header .desktop{
        display:  none;
    }
    header .button{
        padding: 10px 11px!important;
        width:  auto!important;
    }
    header .button svg{
        margin-right:  0px;
    }
}
/*reset header button*/
header button{
    padding:  0!important;
    border-radius:  0;
    background-color:  transparent;
    height:  auto;
    color: var(--color-primary)!important;
    border:  none;
}
/*nav*/
header nav{
    flex-grow:  1;
    padding:  0!important;
    display:  flex;
    justify-content:  center;
        padding-left: var(--space-a)!important;
    padding-right:  var(--space-a)!important;
}
@media(max-width:  1280px){
    header nav{
        order:  2;
        flex-basis:  100%;
        justify-content:  flex-end;
    }
}
header nav>ul{
    display:  flex;
    padding:  0 ;
    justify-content:  space-between;
    flex-grow:  0.3;

}
header nav li{
    padding: 20px 10px;
    position:  relative;
}
header nav li.current-menu-item>a{
    color:  var(--color-primary);
}
header nav a{
    font-weight:  var(--font-weight-bold);
}
header nav a{
    padding:  5px 0;
    white-space:  nowrap;
    position:  relative;
}
header nav a:after{
    content: '';
    position:  absolute;
    bottom:  0;
    height: 2px;
    background-color:  var(--color-primary);
    width:  0;
    left:  0;
    transition:  0.2s ease-in-out;
}
header nav a:hover, header nav a:focus{
    color:  var(--color-primary);
    outline:  none;
}
header nav a:hover:after, header nav a:focus:after{
    width:  100%;
}
header .sub-menu{
    position:  absolute;
    left: -10px;
    top:  100%;
    min-width:  calc(100% + 20px);
    background-color:  var(--color-lgrey);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
    padding:  10px 10px 0 10px;
    display:  none;
}
header .sub-menu li{
    padding: 5px 10px;
}
header .sub-menu li a{
    padding: 5px 0px;

}

.submenu-button{
    opacity:  0;
    position:  relative;
    top: 100%;
    right:  0;
}
.open-submenu{
    top:  5px;
}
.submenu-button:focus{
    opacity:  1;
}
.header__burger {
    width: 40px;
    height: 30px;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background-color:  transparent;
    border: none;
    margin:  5px 0 5px 15px;
    transform-origin:  right center;
}

.header__burger span{
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: var(--color-dgrey);
  border-radius: 6px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.header__burger span:nth-child(1) {
  top: 0px;
}

.header__burger span:nth-child(2),.header__burger span:nth-child(3) {
  top: 12px;
}

.header__burger span:nth-child(4) {
  top: 24px;
}

.header__burger.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

.header__burger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header__burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header__burger.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}
@media(max-width: 480px){
   .header__burger {
    transform: scale(0.66);
    margin-left:  00px;
    }
    header .button{
        padding:  6px 7px!important;
    }

}

@media(min-width:  1024px){
    .menu-item-has-children.active .sub-menu{
        display: block;

    }
    .header__burger{
        display:  none;
    }
}
/*@media(max-width:  1023px){*/
@media(max-width:  1820px){
    header nav{
       position: fixed;
       left:  0;
       top:  0;
       width:  320px;
       background-color: var(--color-dgrey);
       height:  calc(100vh - 80px);
       z-index: -1;
       padding:  var(--space-a)!important;
       transform:  translateX(calc(-100% - 1px));
       transition: transform 0.3s ease-in-out;
       overflow-y: auto;
       justify-content: flex-start;
    }
    header nav.active{
        transform:  translateX(0);

    }
    header nav>ul{
        display:  block;

    }
	header nav>ul>li:last-child{
		padding-bottom: 80px;
	}
    header nav li{
        padding:  10px 10px 10px 40px;

    }
    header nav a, header nav li.current-menu-item a{
        color:  white!important;
		white-space: normal;
    }
    header nav a:after{
        background-color: white;
    }
    header .open-submenu{
        opacity:  1;
        color:  white!important;
        left:  5px!important;
        top: 3px;
    width: auto;
    font-size: 25px;
    }
    header .menu-item-has-children .sub-menu{
        border-top:  none;
        background-color:  transparent;
        position:  relative;
        box-shadow:  none;
    }
    header .menu-item-has-children.active .sub-menu{
        display:  block;
    }
    header .menu-item-has-children.active .open-submenu{
        transform:  rotate(225deg) translateX(-5px);
    }
    .close-submenu{
        color:  white!important;
        top:  11px!important;
    }

    header .header__burger{
        display:  block;
    }
}

.body-overlay{
    position:  fixed;
    top:  0;
    left:  0;
    width:  100vw;
    height:  100vh;
    background-color:  rgba(0, 0, 0, 0.5);
    z-index:  -5;
    opacity:  0;
    transition: var(--transition);
}
@media(max-width:  1023px){
    .body-overlay.active{
        z-index:  5;
        opacity:  1;
    }
}

/*strap*/
.header__strap{
    width:  100%;
}
.header__strap.wp-block-group{
   padding:  10px var(--space-a)!important;
}
.header__strap .wp-block-columns{
    justify-content:  center;
    margin:  0!important;
}
.header__strap .wp-block-columns .wp-block-column{
    flex-basis:  unset!important;
    margin:  0!important;
    flex-grow:  0.1!important;
    text-align:  center;
    width:  auto!important;
    padding:  5px var(--space-a);
}
.header__strap .wp-block-columns .wp-block-column p{
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.header__strap .wp-block-columns .wp-block-column svg{
    margin-right: 5px;
}
@media(max-width:  623px){
    .header__strap.wp-block-group{
         padding:  5px var(--space-a)!important;
    }
    .header__strap .wp-block-columns .wp-block-column p{
        font-size:  var(--step--1);
    }
}
@media(max-width:  990px){
    .header-strap-columns {
        gap: 0;
    }
}
/* --- FOOTER --- */
footer h2{
    font-size:  var(--step-1);
    font-weight:  var(--font-weight-semibold);
}
footer ul{
    list-style-type:  none;
    padding-left:  0;
}
footer li{
    margin-bottom:  5px;
}
footer a:hover{
    text-decoration:  underline;
}
footer .wp-block-column:last-child{
    flex-basis: 33%;
}
@media (max-width: 1024px){
    footer .wp-block-column, footer .wp-block-column:not(:only-child) {
        flex-basis: calc(50% - var(--space-a))!important;
        margin-left:  0!important;
        margin-right:  0!important;
    }
}
@media (max-width: 768px){
    footer .wp-block-column, footer .wp-block-column:not(:only-child) {
        flex-basis: 100%!important
    }
    footer .has-text-align-right{
        text-align:  left;
    }
}
.logos__block{
    padding: 0;
    display:  flex;
    align-items:  center;
    width:  100vw;
    overflow: hidden ;
    position: relative;
    overflow: hidden;
    height: 240px;
}
.logos__inner{
     position: absolute;
    top: 0;
     height: 240px;

    left: 0;
    width: auto;
}
.logos__container{
    display:  flex;
    align-items: center;
    animation: ticker 20s linear infinite;
    height: 240px;
    min-width:  100vw;
    justify-content:  space-between;
}
    .logos__inner:hover .logos__container{
    animation-play-state: paused;

}
.logos__container:nth-child(2) {
    position: absolute;
    left: 100%;
    bottom: 0;
}
.logos{
    padding: 0 var(--space-a);
    flex-grow: 1;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    height:  calc(240px - var(--space-d) * 2);
}
.logos img {
    max-height:  100%;
    max-width:  200px;
}
@keyframes ticker{
    0%{
        transform:  translateX(0);
    }
    100%{
        transform:  translateX(-100%);
    }
}



/* --- BLOG FEED --- */
.blog-feed{
    padding-left:  0!important;
    padding-right:  0!important;
    margin-top:  var(--space-b)!important;
}
.blog-feed .wp-block-columns{
    flex-wrap:  wrap;
    align-items: stretch;
    padding-left:  calc(var(--space-b) - var(--space-a) / 2);
    padding-right:  calc(var(--space-b) - var(--space-a) / 2)
}
.blog-feed .wp-block-column{
    margin:  calc(var(--space-a) / 2)!important;
}
@media (min-width: 601px){
    .blog-feed .wp-block-column{
        flex-basis: calc(50% - var(--space-a))!important;
    }
}
.blog-feed h2, .blog-feed h3{
    font-weight:  var(--font-weight-light);
    font-size:  var(--font-size-h3);
    margin-top:  0;
    margin-bottom:  0;
}
@media(min-width:  769px){
    .blog-feed--index .wp-block-column:nth-child(1), .blog-feed--index .wp-block-column:nth-child(2){
        flex-basis:  calc(100% - var(--space-a))!important;
        flex-direction: row;
        padding:  0;

    }
    .blog-feed--index .wp-block-column:nth-child(1) figure.wp-block-image, .blog-feed--index .wp-block-column:nth-child(2) figure.wp-block-image{
       margin: 0!important;
       width:  50%;
    }
    .blog-feed--index .wp-block-column:nth-child(1) img, .blog-feed--index .wp-block-column:nth-child(2) img{
        height:  100%;
    }
    .blog-feed--index .wp-block-column:nth-child(1) .match-height, .blog-feed--index .wp-block-column:nth-child(2) .match-height{
        padding:    var(--space-d);
        width:  50%;
    }
}

.pagination{
    margin: var(--space-d) auto;
    display:  flex;
    justify-content:  center;
}
.pagination .page-numbers{
    margin:  5px;
    color:   var(--color-primary);
}
.pagination .page-numbers.current{
    font-weight:  var(--font-weight-bold);
}
.pagination .page-numbers:hover,
.pagination .page-numbers:focus{
    text-decoration:  underline;
}

.blog-header{
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    margin-top: var(--space-b)!important;
}
.blog-header h2{
    margin:  0;
}
#category-select,  .widget_categories form{
    position:  relative;
    padding-right:  10px;

}
.widget_categories form label{
    display: none;
}
#category-select select, .widget_categories select{
    color: var(--color-text)!important;

}
#category-select:before, .widget_categories form:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    border-radius: var(--border-radius-button);
    background-color: var(--color-lgrey);

}
#sidebar li{
    list-style-type:  none;
    margin-bottom: var(--space-a);
}
#sidebar h2{
    font-size: var(--step--1);
    text-transform:  uppercase;
    margin-bottom:  var(--space-a);
    font-weight:  var(--font-weight-regular);
}
#sidebar form{
    margin: var(--space-a) 0;
}
/*------- UTILITIES -------*/
.box-shadow{
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
}
.container > .box-shadow + .box-shadow{
    margin-top:  var(--space-a);
}
.container>.wp-block-media-text.box-shadow:not(.has-media-on-the-right){
    padding-left:  0;
}
.container>.wp-block-media-text.box-shadow.has-media-on-the-right{
    padding-right:  0;
}
.wp-block-column.box-shadow{
    padding: var(--space-b);
}
.wp-block-column.box-shadow>.wp-block-image{
    margin-left:  calc(var(--space-b) * -1);
    width:  calc(100% + var(--space-d));
    max-width:  unset;
}
.wp-block-column.box-shadow>.wp-block-image:first-child{
    margin-top:  calc(var(--space-b) * -1)!important;
    margin-bottom: var(--space-b);
}
.wp-block-column.box-shadow>.wp-block-image:last-child{
    margin-bottom:  calc(var(--space-b) * -1)!important;
}


.wp-block-media-text .wp-block-media-text__media{
    position:  relative;
}
.wp-block-media-text.image--fade .wp-block-media-text__media:after{
    content:  '';
    position:  absolute;
    top:  0;
    left:  0px;
    right:  -2px;
    bottom:  0;
    z-index:  2;
}
.wp-block-media-text.image--fade .wp-block-media-text__media:after{
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}
.wp-block-media-text.image--fade.has-media-on-the-right .wp-block-media-text__media:after{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
    left:  -2px;
    right:  0;
}
@media(max-width:  600px){
   .wp-block-media-text.image--fade .wp-block-media-text__media:after,
   .wp-block-media-text.image--fade-mobile .wp-block-media-text__media:after{
        content:  '';
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        position:  absolute;
        top:  0;
        left:  0;
        right:  0;
        bottom:  -2px;
        z-index:  2;
    }
}




.wp-block-media-text.image--contain.is-image-fill .wp-block-media-text__media{
    background-size:  contain;
    background-repeat:  no-repeat;
   background-position:  center bottom;
}
.wp-block-media-text.image--contain.image--padding-top .wp-block-media-text__media{
    margin-top: var(--space-c)!important;
    height: calc(100% - var(--space-c));
}


.image--round-corners figure{
    border-radius: var(--border-radius-image);
}


.overlay--fade-right:before{
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, var(--color-dgrey) 55%, var(--color-dgrey) 100%);
    background-color: unset!important;
    opacity:  0.7!important;
}
.overlay--fade-left:before{
    background: linear-gradient(90deg, var(--color-dgrey) 0%, var(--color-dgrey) 45%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
    background-color: unset!important;
    opacity:  0.7!important;
}
@media(max-width:  1024px){
    .overlay--fade-right:before, .overlay--fade-left:before{
    opacity:  0.2!important;
}

}


.block{
    display:  block;
}




.margin-top-a{
    margin-top:  var(--space-a)!important;
}
.margin-top-b{
    margin-top:  var(--space-b)!important;
}
.margin-top-c{
    margin-top:  var(--space-c)!important;
}
.margin-top-d{
    margin-top:  var(--space-d)!important;
}

.breakout-top figure{
    transform: translateY(-100%);
}
.breakout-top-a{
    margin-top:  calc(var(--space-a) * -1);
    position:  relative;
    z-index:  2;
}
.breakout-top-b{
    margin-top:  calc(var(--space-b) * -1);
    position:  relative;
    z-index:  2;
}
.breakout-top-c{
    margin-top:  calc(var(--space-c) * -1);
    position:  relative;
    z-index:  2;
}
.breakout-top-d{
    margin-top:  calc(var(--space-d) * -1);
    position:  relative;
    z-index:  2;
}
@media(max-width:  1024px){
    .wp-block-image .alignright{
        float:  none;
        margin-left:  auto;
    }
    .breakout-top figure{
        transform:  none;
    }
    .breakout-top-a, .breakout-top-b, .breakout-top-c, .breakout-top-d{
        margin-top:  0;
    }
}


.image-set-height-small img, img.image-set-height-small{
    height: 250px;
    object-fit:  cover;
    object-position: center;
}
.image-set-height-medium img, img.image-set-height-medium{
    height: 50vh;
    object-fit:  cover;
    object-position: center;
}
.image-set-height-large img, img.image-set-height-large{
    height: 75vh;
    object-fit:  cover;
    object-position: center;
}

.match-height .wp-block-group__inner-container{
    display:  flex;
    flex-direction:  column;
    height:  100%;
}
.match-height .wp-block-group__inner-container>*{
    width:  100%;
}
.match-height .wp-block-group__inner-container >div:first-child{
    flex-grow:  1;
}
.panel{
    display:  flex;
    flex-direction:  column;
}
.panel>*{
    width:  100%;
}
.panel > div{
    flex-grow:  1;
}

.wp-block-spacer, .wp-block-spacer.spacer-a{
    height: var(--space-a)!important;
    margin-top:  0!important;
}
.wp-block-spacer.spacer-b{
    height: var(--space-b)!important;
    margin-top:  0!important;
}
.wp-block-spacer.spacer-c{
    height: var(--space-c)!important;
    margin-top:  0!important;
}
.wp-block-spacer.spacer-d{
    height: var(--space-d)!important;
    margin-top:  0!important;
}

.which__wrapper{
    padding:  0!important;
}
.which__wrapper>div, .which__wrapper>div>div{
    height:  100%;
    padding:  0!important;
}
.which--large{
    height:  100%;
    width: 100%;
    min-height: 960px;
}
@media(min-width:  834px) and (max-width:  1024px){
    .which--large{

        min-height: 540px;
    }
}
.map{
    width:  100%;
    height: 50vh;
    min-height:  250px;
    display:  block;
}
.map + .alignfull{
    margin-top: 0!important;
}

/*AOS*/
.aos{
    opacity: 0 ;
    transition:  opacity 0.5s ease-in-out;
}
.aos.active{
    opacity:  1;
    transform:  translate(0, 0);
}
@media(min-width:  600px){
    .aos--slide-left{
        transform:  translateX(25%);
         transition: .5s ease-in-out;
    }
    .aos--slide-right{
        transform:  translateX(-25%);
         transition:  0.5s ease-in-out;
    }
    .aos--slide-up{
        transform:  translateY(25%);
         transition:  0.5s ease-in-out;
    }
    .aos--slide-down{
        transform:  translateX(-25%);
         transition:  0.5s ease-in-out;
    }
}


.image--avatar .wp-block-media-text__media{
    width:  80px;
    height: 80px;
    flex-shrink: 0;
    padding: 0!important;
    align-self: flex-start;
}
.image--avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.image--avatar h2{
    margin-bottom: 10px!important;
    font-size: var(--step-1)!important;
}
.image--avatar{
    position:  relative;
    display: flex!important;
    gap: 20px;
}


/*--covers and columns / hero--*/

@media (max-width: 1024px){
    article .wp-block-cover:first-child{
        position: relative;
        padding-top: 50vh !important;
        background-color: var(--color-dgrey)!important;
    }
    article .wp-block-cover:first-child img{
        bottom: auto;
        height: 50vh;
    }
    article .wp-block-cover:first-child .wp-block-column{
        margin-bottom: 0;
    }
    article .wp-block-cover:first-child .wp-block-columns{
        padding-top: var(--space-b);
        padding-bottom: var(--space-b);
    }
    .full-height{
        min-height: 100vh!important;
    }
}


.col {
	column-gap: var(--space-a);
	margin-left: auto!important;
	margin-right: auto!important;
}
.col li {
	break-inside: avoid-column;
}
.col-2 {
	columns: 2;
}
.col-3 {
	columns: 3;
}
.col-4 {
	columns: 4;
}
@media(max-width:  1024px) {
	.col-2 {
		columns: 1;
	}
	.col-3 {
		columns: 2;
	}
	.col-4 {
		columns: 3;
	}
}
@media(max-width:  768px) {
	.col-3 {
		columns: 1;
	}
	.col-4 {
		columns: 2;
	}
}
@media(max-width:  480px) {
	.col-4 {
		columns: 1;
	}
}

.slider-quotes.wp-block-group{
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 0;
    padding-right: 0;
}
.slider-quotes.wp-block-group .wp-block-group__inner-container{
    max-width: var(--width-max);
    margin: 0 auto;
}
.slider-quotes .slick-slide{
    margin: 30px;
    padding: var(--space-b);
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.1);
    border-left: none;
    background-color: white;
}
.slick-dots{
    margin: 0 auto;
    left: 0;
    bottom: 0;
}
.slick-dots li button .slick-dot-icon,
.slick-dots li button:focus .slick-dot-icon,
.slick-dots li button:focus .slick-dot-icon:before{
    color: var(--color-text)!important;
}
.slick-dots li.slick-active button:focus-visible .slick-dot-icon,
.slick-dots li.slick-active button:hover .slick-dot-icon
{
    color: var(--color-text);
}
.slick-dots li button:focus-visible .slick-dot-icon,
.slick-dots li button:hover .slick-dot-icon,
.slick-dots li button:focus-visible .slick-dot-icon:before,
.slick-dots li button:hover .slick-dot-icon:before{
    color: var(--color-primary)!important;
}

/* Fonts */
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./assets/fonts/lato-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/lato-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/lato-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/lato-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/lato-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/lato-v22-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./assets/fonts/lato-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/lato-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/lato-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/lato-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/lato-v22-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./assets/fonts/lato-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/lato-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/lato-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/lato-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/lato-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/lato-v22-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('./assets/fonts/lato-v22-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/lato-v22-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/lato-v22-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/lato-v22-latin-900.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/lato-v22-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/lato-v22-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}


.single-post .single-container{
    display: grid;
    padding: var(--space-d) var(--space-b);
    column-gap: var(--space-d);
    row-gap: var(--space-b);
    grid-template-columns: 9fr 3fr;
    grid-template-areas:"title ."
    "article aside";
}
.single-post .title{
    grid-area: title;
    padding: 0!important;
    margin-top: 0!important;
}
.single-post article{
    grid-area: article;
}
.single-post aside{
    grid-area: aside;
}
.single-post article, .single-post aside{
    padding: 0!important;
}
.single-post article > *:not(ul), .single-post aside > *:not(ul){
    padding-lefT: 0;
    padding-right: 0;
}

.single-post article > div:not(.wp-block-buttons), .single-post article > figure, aside > div:not(.wp-block-buttons){
    margin-bottom: var(--space-c);
    margin-top: var(--space-c);
}


.single-post article > .shadow{
    box-shadow: 0 0 28px 0 rgb(0 0 0 / 10%);
}
.single-post article > .shadow > .wp-block-media-text__content, .single-post article > .wp-block-group.shadow, .wp-block-cover.shadow{
    padding: 30px!important;
}
.single-post article > .wp-block-media-text:not(.shadow) > .wp-block-media-text__content{
    padding-top: var(--space-b)!important;
    padding-bottom: var(--space-b)!important;
}
.single-post article > .wp-block-media-text{
    display: grid;
    grid-template-columns: 5fr 7fr;
}
.single-post article > .wp-block-media-text.has-media-on-the-right{
    grid-template-columns: 7fr 5fr;
}

.image--avatar{
    margin-top: 0!important;
}
.single-post aside h2{
    font-size: var(--step-3);
}
.single-post aside h3{
    font-size: var(--step-2);
}
.single-post aside h4, .single-post aside h5, .single-post aside h6{
    font-size: var(--step-1);
}

.related-posts{
    padding: 0;
}
.related-posts .related-link{
    margin: 0;

    padding: 0;
    margin-bottom: var(--space-b);
}
.related-posts .related-link a{
    display: flex;
    border-bottom: none;
}
.related-posts .related-link .wp-block-image{
    width: 100px;
    flex-shrink: 0;
    margin: 0;
}
.related-posts .related-link img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.related-posts .related-link .link-text{
    padding: 20px;
}
.related-posts .related-link h3{
    font-size: var(--step-0);
    margin-bottom: 0!important;
}
@media(max-width: 90rem){
    .single-post .single-container{
        grid-template-columns: 8fr 4fr;
    }
}
@media(max-width: 1024px){
    .single-post .single-container{
        grid-template-areas: "title" "article" "aside";
        grid-template-columns: 1fr;
    }
    .related-posts li{
        margin: 0!important;
    }
    .related-posts{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
@media(max-width: 640px){
    .related-posts{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1024px){
article .wp-block-cover.has-video:first-child {
    padding-top: 0!important;
}
	article .wp-block-cover.has-video:first-child img{
		display: none;
	}
}

/* Bamboo Nine Author Field Styles */

.south-coast-author {
    margin: 0 170px;
    padding: 80px 40px;
}

.author-detailed-bio {
    padding-top: 40px;
}

.social-links {
    padding-top: 40px;
}

.social-links .dashicons {
    font-size: 30px;
    width: 30px;
    height: 30px;
}

/**-- Bamboo Nine Author Bio Styles --**/
.show-author-admin-msg {
	border: #f00 solid 3px;
	padding: 20px;
	margin: 20px 0;
	text-align: center;
	font-size: 24px;
	color: #900;
}

.author-single .author-link { /* Single Post Title*/
	font-size: 24px;
	font-weight: bold;
}
.author-single.author-bio,
.author-archive.author-bio {
	background-color: #ffffff;
	padding: 20px;
	border: var(--grey) solid 2px;
	border-radius: 10px;
	display: flex;
	flex-flow: row wrap;
}
.author-bio .bio-image {
	padding: 20px;
	flex: 1 0 20%;
}
.author-bio .author-short-bio,
.author-bio .author-detailed-bio {
	padding: 20px;
	flex: 1 0 80%;
}
.author-bio .social-links {
	background-color: var(--lgrey);
	padding: 20px;
	flex: 1 0 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 40px;
}
.author-bio .social-links a {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	text-decoration: none;
}
.author-bio .social-links a .bio-icon {
	width: 30px; height: 30px;
	margin-right: 5px;
}
.author-bio .social-links a .bio-icon::before {
	font-size: 30px;
}


/**-- 2024-07-24 Checkatrade Homepage Logo  --**/
.home .checkatrade.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-b) var(--space-b);
    margin: 0 0 20px;
}
.home .checkatrade.logo .wp-block-image {
    margin-bottom: 0;
}
.home .checkatrade.logo .wp-block-heading {
    margin-top: var(--space-a);
}

/* Accordion styling */
details summary,
details > * {
  padding: 24px 34px 24px 24px !important;
}

details summary::marker {
  content: "";
}

details summary::after {
  content: "\276F";
  display: inline-block;
  position: absolute;
  right: 20px;
  transition: all 0.5s ease;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}

details .accordion-content {
  overflow: hidden;
  display: grid;
  /* intentionally independent from .animation as Safari 16
  would otherwise ignore the expansion animation. */
  animation-duration: 0.2s;
}

details .accordion-content > div {
  min-height: 0;
}

details > .animation {
  animation-name: grid-expand;
  animation-timing-function: ease-out;
}

details > .collapsing {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}

details[open] summary {
  color: var(--wp--preset--color--primary);
  font-weight: 700;
  transition: color 0.5s ease;
}

details[open] summary::after {
  transform: rotate(-90deg) translateX(100%);
  transition: all 0.5s ease;
  color: var(--wp--preset--color--primary);
}

summary {
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}

@media (width <= 781px) {
  details {
    max-width: 100% !important;
  }
  .benefits-cta-grid.is-layout-grid {
    grid-template-columns: 1fr;
}
}

/* Window Pages Responsive Amends */
@media screen and (min-width: 601px) {

    .row-checkatrade .rating {
        gap: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {

}
@media screen and (max-width: 768px) {

}
@media(min-width:  769px){
    .benefits-grid > .is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    main.windows__wrapper .wp-block-group .wp-block-group__inner-container > *:not(.slick-dots) {
        text-align: left!important;
    }
    .hero-cta.wp-block-media-text .wp-block-media-text__media,
    .hero-cta.wp-block-media-text .wp-block-media-text__content {
        grid-row: 1;
        grid-column: span 1;
    }
    .container>.hero-cta.wp-block-media-text> .wp-block-media-text__content {
        text-align: initial;
    }
    .container>.hero-cta.wp-block-media-text> .wp-block-media-text__content * {
        max-width: 559px;
    }
    .container>.hero-cta.wp-block-media-text> .wp-block-media-text__content .wp-block-buttons {
        justify-content: flex-start;
        row-gap: 0;
    }
    .wp-block-group.gallery-grid .is-layout-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .wp-block-group.gallery-grid .is-layout-grid .wp-block-cover {
        min-height: 300px;
        aspect-ratio: unset;
    }
    .benefits-accordion .is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
    details.more-categories > .wp-block-group > .is-layout-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(min-width:  961px){
    .row-checkatrade .rating {
        margin: 0 50px;
        padding: 0 50px;
        border-right: 2px solid var(--color-dgrey);
        border-left: 2px solid var(--color-dgrey);
    }
    .wp-block-group.gallery-grid .is-layout-grid .wp-block-cover {
        min-height: 350px;
        aspect-ratio: unset;
    }
    .slider-quotes-3-col .slick-slider img {
        margin: 0 0;
    }
    details.more-categories > .wp-block-group > .is-layout-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media(min-width: 1024px){
    .wp-block-group.gallery-grid .is-layout-grid .wp-block-cover {
        min-height: 430px;
        aspect-ratio: unset;
    }
    .benefits-grid {
        grid-column: 6 / span 7 !important;
    }
    .benefits-cta-grid > .is-layout-grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 20px;
    }
    .benefits-cta-grid .is-layout-grid > * {
        grid-column: span 6;
    }
    .benefits-cta-grid .benefits-grid .is-layout-grid > * {
        grid-column: span 2;
    }
}
@media(min-width: 1120px){
    .benefits-cta-grid .benefits-grid .is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .benefits-cta-grid .benefits-grid .is-layout-grid > * {
        grid-column: span 1;
    }
    .benefits-cta-grid .button-row {
        justify-content: unset;
        gap: 20px;
    }
    .benefits-cta-grid .button-row .wp-block-buttons > .wp-block-button {
        margin-top: 0 !important;
    }
}
@media(min-width: 1280px){
    .slider-quotes-3-col .slick-prev,
    .slider-quotes-3-col .slick-next {
        bottom: unset;
        top: 50%;
        margin:0;
        z-index: 100;
    }
    .slider-quotes-3-col .slick-prev {
        left: -25px;
    }
    .slider-quotes-3-col .slick-next {
        right: -25px;
    }
    details.more-categories > .wp-block-group > .is-layout-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}