/* ------ CONTENTS -------
// Normalize
// Variables
// Layout
    //Gutenburg Basics
// Elements
// Common
    //Gutenburg Colours
	//Buttons
	
// Components
    //Skip to content
    //Header
    //Footer



//Utilities


/* ------- 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:  90rem;

	/* Colors */
    --color-white: #ffffff;
    --color-lgrey: #f3f3f6;
    --color-grey: #7B7F84;
    --color-dgrey: #474747;
    --color-black: #000000;

    --color-primary--fails: #a2805b;
    --color-primary--AA:  #907051;
    --color-primary--AAA:  #68533B;
    --color-primary: var(--color-primary--AA);

   


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

    /* Fonts */
    --font: 'Open Sans', sans-serif;
    --font-serif:  'Merriweather', serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}
/* Utopia */
/* @link https://utopia.fyi/type/calculator?c=320,16,1.067,1140,16,1.125,10,1,&s=0.5,2|3|4|5|6|8,s-l */
:root {
  --step--1: clamp(0.94rem, 0.96rem + -0.10vw, 0.89rem);
  --step-0: clamp(1.00rem, 1.00rem + 0.00vw, 1.00rem);
  --step-1: clamp(1.07rem, 1.04rem + 0.11vw, 1.13rem);
  --step-2: clamp(1.14rem, 1.09rem + 0.25vw, 1.27rem);
  --step-3: clamp(1.22rem, 1.13rem + 0.41vw, 1.42rem);
  --step-4: clamp(1.30rem, 1.18rem + 0.60vw, 1.60rem);
  --step-5: clamp(1.38rem, 1.22rem + 0.82vw, 1.80rem);
  --step-6: clamp(1.48rem, 1.26rem + 1.08vw, 2.03rem);
  --step-7: clamp(1.57rem, 1.30rem + 1.38vw, 2.28rem);
  --step-8: clamp(1.68rem, 1.33rem + 1.73vw, 2.57rem);
  --step-9: clamp(1.79rem, 1.37rem + 2.13vw, 2.89rem);
  --step-10: clamp(1.91rem, 1.39rem + 2.60vw, 3.25rem);

    --font-size-h1: var(--step-10); /*70px*/
    --font-size-h2: var(--step-8); /*33px*/
    --font-size-h3: var(--step-4); /*29px*/
    --font-size-h4: var(--step-3); /*22px*/
    --font-size-h5: var(--step-2); /*18px*/
    --font-size-h6: var(--step-1); /*18xp*/
}
/* @link https://utopia.fyi/space/calculator?c=320,10,1.125,1140,20,1.2,8,1,&s=0.5,2|3|4|5|6|8,s-l */

: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)); /*20px*/
  --space-b: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp)); /*40px*/
  --space-c: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp)); /*60px*/
  --space-d: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp)); /*80px*/
  --space-e: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp)); /*100px*/
  --space-f: calc(((var(--fc-3xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp)); /*120px*/
  --space-g: calc(((var(--fc-4xl-min) / 16) * 1rem) + (var(--fc-4xl-max) - var(--fc-4xl-min)) * var(--fluid-bp)); /*160px*/

--space--a:  calc(var(--space-a) * -1);
  --space--b:  calc(var(--space-b) * -1);
   --space--c:  calc(var(--space-c) * -1);
    --space--d:  calc(var(--space-d) * -1);


}

:root{
	/* Common settings*/
	--transition: 0.2s ease-out;
}

/* ------- LAYOUT ------- */

main{
    width:  100vw;
}
main, header, footer, article {
    width: 100%;
}

.padding-a{
    padding:  var(--space-a);
}
.padding-b{
    padding:  var(--space-b);
}
.padding-c{
    padding:  var(--space-c);
}
.padding-d{
    padding:  var(--space-d);
}

/* --- Gutenburg --- */
/*overrides*/

/*horizontal spacing*/

.main__container > *:not(.alignfull),
.wp-block-group__inner-container,
.wp-block-cover__inner-container{
    max-width:  var(--width-max);
    margin-left:  auto;
    margin-right:  auto;
    width:  100%;

}
.main__container > iframe
{
    max-width:  100%!important;
    padding: 0!important;
    height:  75vh;
    min-height: 250px;
    max-height: 400px;
    display:  block;

}
.main__container > *:not(.alignfull),
.main__container > .wp-block-group.alignfull > .wp-block-group__inner-container,
.main__container > .wp-block-cover.alignfull > .wp-block-cover__inner-container,
.main__container > .wp-block-media-text .wp-block-media-text__content
{
    padding-left: var(--space-d);
    padding-right: var(--space-d);
}
.wp-block-group,
.wp-block-group.alignfull.has-background, 
.wp-block-cover,
.main__container > .wp-block-media-text.has-background {
    padding-left:  0;
    padding-right:  0;
}

.main__container > .wp-block-group.has-background:not(.alignfull),
.main__container > .wp-block-group.bordered,
.main__container > .wp-block-media-text.has-background:not(.alignfull){
    max-width:  calc(var(--width-max) - var(--space-g));
}


.main__container > .wp-block-media-text.alignfull .wp-block-media-text__content{
    max-width:  calc(var(--width-max) / 2);
}

.main__container > .wp-block-media-text.alignfull.has-media-on-the-right  .wp-block-media-text__content{
   margin-left:  auto;

}
.main__container > .wp-block-media-text:not(.has-background).has-media-on-the-right  .wp-block-media-text__content{
   padding-left:  0;
}
.main__container > .wp-block-media-text:not(.has-background):not(.has-media-on-the-right) .wp-block-media-text__content{
   padding-right:  0;
}
.main__container > .wp-block-columns,
.wp-block-columns
{
    padding-left: var(--space-c);
    padding-right: var(--space-c);
}
.wp-block-column
{
    padding-left: var(--space-a);
    padding-right: var(--space-a);
}
.wp-block-column,
.wp-block-column:not(:first-child)
{
    margin:  0;
}
.wp-block-column.has-background{
    padding-left: 0;
    padding-right: 0;
    margin-left: var(--space-a);
    margin-right: var(--space-a);
}
.main__container > div.alignfull > div > .wp-block-columns:not(.has-background),
.wp-block-group .wp-block-columns:not(.has-background){
    width:  calc(100% + var(--space-g));
    margin-left:  var(--space--d);
}
.wp-block-columns.has-background{
    padding-left:  var(--space-d);
    padding-right:  var(--space-d);
}

.wp-block-cover,
.wp-block-cover__inner-container{
    width:  100%!important;
}


.wp-block-group:not(.alignfull).has-background,
.wp-block-group:not(.alignfull).bordered{

    padding-left: var(--space-e) ;
     padding-right: var(--space-e) ;
     min-height:  100%;
}
.wp-block-column .wp-block-group{
    padding-left:  var(--space-b)!important;
    padding-right: var(--space-b)!important;
}
@media(max-width:  90rem){
    .main__container > .wp-block-group.has-background:not(.alignfull), .main__container > .wp-block-group.bordered, .main__container > .wp-block-media-text.has-background:not(.alignfull){

        max-width: calc(100vw - var(--space-g));
    }
}
@media(max-width:  1024px){
    .wp-block-media-text.has-background .wp-block-media-text__content{
        padding:  var(--space-b)!important;
    }
}

@media(max-width:  781px){
    .wp-block-columns .wp-block-column{
        flex-grow:  1;
    }
}
@media(max-width: 600px){
    .wp-block-media-text__content{
        padding-left:  0!important;
        padding-right:  0!important;
    }

    .main__container > *:not(.alignfull), .main__container > .wp-block-group.alignfull > .wp-block-group__inner-container, .main__container > .wp-block-cover.alignfull > .wp-block-cover__inner-container, .main__container > .wp-block-media-text .wp-block-media-text__content{
        padding-left: var(--space-b);
        padding-right: var(--space-b);
    }
    .wp-block-group:first-child h1, .yoast-breadcrumbs{
        transform:  none!important;
    }
    .main__container > .wp-block-group > div > h2{
        margin-left: 0!important;
    }
    .main__container > div.alignfull > div > .wp-block-columns:not(.has-background), .wp-block-group .wp-block-columns:not(.has-background){
        width:  calc(100% + var(--space-d));
            margin-left: var(--space--b);
    }
        .main__container > .wp-block-group.has-background:not(.alignfull), .main__container > .wp-block-group.bordered, .main__container > .wp-block-media-text.has-background:not(.alignfull){

        max-width: calc(100vw - var(--space-d));
    }
    .main__container > .wp-block-columns, .wp-block-columns{
         padding-left: var(--space-a);
        padding-right: var(--space-a);
    }

}
/*-------vertical spacing-------*/
/*full width divs (likely groups and covers*/
.main__container>div.alignfull,
.main__container>.wp-block-cover{
    margin-top:  0;
    margin-bottom:  0;
    padding-top: var(--space-d);
    padding-bottom: var(--space-d);
}



/*level 1 div with background, followed by group with bg or border - margin*/
.main__container > div.has-background:not(.alignfull){
    margin-top: var(--space-d);
    margin-bottom: var(--space-d);
}
.main__container > .wp-block-columns +  div.has-background:not(.alignfull){
    margin-top:  var(--space-b);
}
.main__container>div.has-backgrouund + .wp-block-group:not(.alignfull).has-background,
.has-background + .bordered{
    margin-top:  var(--space-d);
}

.main__container > div.has-background:not(.alignfull) + div.has-background,
.main__container > div.bordered:not(.alignfull) + div.has-background{
    margin-top: var(--space-d);
}


/* groups with a border or a background colour -  padding */
.wp-block-group:not(.alignfull).has-background,
.wp-block-group:not(.alignfull).bordered{

    padding-top: var(--space-c) ;
     padding-bottom: var(--space-c) ;
}


/*columns*/

.wp-block-columns{
    padding-top:  var(--space-a);
    padding-bottom:  var(--space-a);
    margin-top:  0;
    margin-bottom:  0;
}
.wp-block-columns.has-background{
    padding-top:  var(--space-b);
    padding-bottom:  var(--space-b);
    border-radius:  11px;
}
.wp-block-columns.has-background + .wp-block-columns.has-background{
    position:  relative;
}

.wp-block-columns.has-background + .wp-block-columns.has-background:before{
    content: '';
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    height: 22px;
    background-color: inherit;

}
.wp-block-columns.has-background + .wp-block-columns.has-background:after{
    content: '';
    position: absolute;
    top: -6px;
    left: var(--space-c);
    right:  var(--space-c);
    height: 12px;
    background: radial-gradient(ellipse at center,var(--color-mgrey) 0%,var(--color-mgrey) 25%,transparent 25%);
    background-size: 12px 12px;
    background-repeat: repeat-x;
    background-position: left center;
    background-color: inherit;

}
    



.wp-block-column{
     padding-top:  var(--space-a);
    padding-bottom:  var(--space-a);
    margin-top:  0;
    margin-bottom:  0;
}

.main__container>.wp-block-columns{
   margin-top:  var(--space-b);
    margin-bottom:  var(--space-b);
}
.wp-block-group__inner-container>.wp-block-columns:not(.has-background):first-child,
.wp-block-cover__inner-container>.wp-block-columns:not(.has-background):first-child{
    margin-top:  var(--space--b);
}
.wp-block-group__inner-container>.wp-block-columns:not(.has-background):last-child,
.wp-block-cover__inner-container>.wp-block-columns:not(.has-background):last-child{
    margin-bottom:  var(--space--b);
}


.wp-block-group .wp-block-cover__inner-container>.wp-block-columns:first-child{
    margin-top:  calc(var(--space-c) * -1);
}

.wp-block-group .wp-block-cover__inner-container>.wp-block-columns:last-child{
    margin-bottom:  calc(var(--space-c) * -1);
}

h2 + .wp-block-columns,
 h2 + .wp-block-media-text:not(.is-image-fill) .wp-block-media-text__content{
    padding-top:  0!important;
}
h2+ .wp-block-group{
    padding-top:  var(--space-a)!important;
}

.wp-block-columns + h2{
    margin-top: var(--space-b);
}
.wp-block-gallery{
    margin-top: var(--space-d);
    margin-bottom: var(--space-b);
}
.wp-block-gallery + .wp-block-columns{
    margin-top:  var(--space--c);
    padding-top:  0;
}
.wp-block-columns + .wp-block-gallery{
    margin-top:  var(--space--b);
    padding-top:  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{
        width: calc(50% - var(--space-b));
}
.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 var(--space-b) var(--space-b) 0;
}
@media (min-width: 600px){
    .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc(33.33333% - var(--space-b));
        margin-right: var(--space-b);
    }
    .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item{
        width: calc(25% - var(--space-b));
        margin-right: var(--space-b);
    }
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child{
    margin-right:  0;
}
/*media-text padding*/
.wp-block-media-text .wp-block-media-text__content{
    margin-top:  0;
    margin-bottom:  0;
    padding-top:  var(--space-b);
    padding-bottom:  var(--space-b);
}
.wp-block-media-text.has-background .wp-block-media-text__content{
     padding-top:  var(--space-d);
    padding-bottom:  var(--space-d);
}
.wp-block-cover__inner-container>.wp-block-media-text:first-child,
.wp-block-group__inner-container>.wp-block-media-text:first-child{
    margin-top:  var(--space--a);
}
.wp-block-cover__inner-container>.wp-block-media-text:not(.has-background):last-child,
.wp-block-group__inner-container>.wp-block-media-text:not(.has-background):last-child{
    margin-bottom:  var(--space--a);
}
.main__container>div.wp-block-media-text,
.wp-block-media-text{
    padding-top:  0;
    padding-bottom:  0;
    margin-top:   var(--space-d);
    margin-bottom:   var(--space-d);
}

.main__container> .wp-block-media-text.has-background + .wp-block-media-text.has-background{
    margin-top: var(--space--b);
}

/*first level div plus elements margins*/
.main__container > p + div.has-background{
    margin-top: var(--space-d)!important;
}
.main__container > div + p,
.main__container > div.has-background + h2,
.main__container > div + h3{
    margin-top: var(--space-d);
}


/*divs with no background colour*/
.main__container>div:not(.has-background):not(.wp-block-cover) + div:not(.has-background):not(.wp-block-cover):not(.wp-block-buttons),
.wp-block-group__inner-container>div:not(.has-background):not(.wp-block-cover) + div:not(.has-background):not(.wp-block-cover):not(.wp-block-buttons){
    margin-top: var(--space--b);
}
.main__container>.wp-block-media-text:not(.has-background) + .wp-block-media-text:not(.has-background){
    margin-top: var(--space-d)!important;
}





/* ------- ELEMENTS ------- */
* {
    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: var(--font);
    font-weight: var(--font-weight-regular);
    color: var(--color-text);
    width:  100vw;
    overflow-x: hidden;
    overflow-y:  auto;
    scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6{
    line-height: 1.5em;
    margin-top: var(--space-b);
    margin-bottom:  var(--space-a);
}
h1,
h2,
h3{
    font-family:  var(--font-serif);
    font-weight: var(--font-weight-light);
}

h1{
    font-size: var(--font-size-h1);
        position: relative;
}
h2{
    font-size: var(--font-size-h2);
}
h3{
    font-size: var(--font-size-h3);
}
h4{
    font-size: var(--font-size-h4);
}
h5{
    font-size: var(--font-size-h5);
}
h6{
    font-size: var(--font-size-h6);
}
h2 b, h2 strong{
    font-weight:  var(--font-weight-bold);
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child{
    margin-top:  0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
    margin-bottom:  0;
}

p,
ul,
ol,
input,
textarea {
    font-size: var(--step-0);
    font-weight: var(--font-weight-regular);
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom:  2em;
}
p:first-child,
ul:first-child,
ol:first-child,
input:first-child,
textarea:first-child{
    margin-top:  0;
}
p:last-child,
ul:last-child,
ol:last-child,
input:last-child,
textarea:last-child{
    margin-bottom:  0;
}
label{
    font-weight:  var(--font-weight-semibold);
}
li{
    margin-top:  0;
    margin-bottom: var(--space-xs);
}
ul, ol{
    padding:  0;
    margin-left:  20px;
    margin-top:  var(--space-b);
    margin-bottom:  var(--space-b);
}
ul.col-2, ul.col-3, ul.col-4{
    column-gap:  var(--space-b);
    margin-bottom:  var(--space--a);
}
ul.col-2 li, ul.col-3 li, ul.col-4 li{
    margin-bottom: var(--space-a);
}
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;
    }
}

.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-3);
}
.has-huge-font-size{
    font-size: var(--step-5);
}
.has-text-align-center{
    margin-left:  auto;
    margin-right:  auto;
}
.wp-block-buttons{
     column-gap: var(--space-a)
}
.wp-block-buttons:last-child{
    margin-bottom: 0 ;
}
.main__container > .wp-block-buttons{
    margin-bottom: var(--space-d);
}
.wp-block-buttons .wp-block-button{
    margin-top:  0;
    margin-bottom:  0;
}
.wp-block-image,
.wp-block-quote{
    margin-top: var(--space-b);
    margin-bottom: var(--space-b);
}
.wp-block-image:last-child,
.wp-block-quote:last-child{
    margin-bottom: 0 ;
}
.wp-block-image:first-child,
.wp-block-quote:first-child{
    margin-top: 0 ;
}
img{
    max-width:  100%;
    height:  auto;
    width:  auto;
}

b,
strong {
    font-weight: var(--font-weight-bold);
}

a {
    text-decoration: none;

    color: inherit;
     line-height: 1.5em;
}
@media(max-width:  480px){
    p a {
        word-break: break-word;
    }
}
main h2{
    position:  relative;

}
.main__container > h2{
    padding-left:  var(--space-b)!important;
    margin-bottom: var(--space-c);
   
        padding-bottom: var(--space-a);

}

.main__container > .wp-block-group > div > h2{
    margin-bottom: var(--space-c);
        padding-bottom: var(--space-a);
        margin-left:  var(--space--b);
}

.main__container > h2:before,
.main__container > .wp-block-group > div > h2:before
{
    content:  '';
    position:  absolute;
    height: 2px;
    width:  var(--space-d);
    background-color:  var(--color-primary);
    left:  0;
    bottom:  0;

}
.main__container > h2:before{
    left:  var(--space-b);
}
.wp-block-group:first-child h1{
    transform: translateX(var(--space--b));
}

.wp-block-group:first-child  h1:before
{
    content:  '';
    position:  absolute;
    height: 2px;
    width:  var(--space-d);
    background-color:  var(--color-primary);
    left:  0;
    bottom:  0;

}
main p a,
footer p a,
main li a {
    border-bottom: 1px dotted;
    color: var(--color-primary);
}

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

main p a:focus,
footer p a:focus,
main li a:focus {
    outline:  2px solid;
}

main p{
    max-width: 60rem !important;
}
.main__container > p:last-child{
    margin-bottom: var(--space-d);
}
.main__container > p{
    margin-left: calc((100vw - var(--width-max)) /2)!important;
}
@media(max-width: 90rem){
    .main__container > p{
        margin-left: 0!important;
    }
}

nav ul{
    list-style: none;
}


.has-color-white-background-color{
    background-color: var(--color-white);
}
.has-color-lgrey-background-color{
    background-color: var(--color-lgrey);
}
.has-color-mgrey-background-color{
    background-color: var(--color-mgrey);
}
.has-color-grey-background-color{
    background-color: var(--color-grey);
}
.has-color-dgrey-background-color{
    background-color: var(--color-dgrey);
}
.has-color-black-background-color{
    background-color: var(--color-black);
}
.has-color-primary-background-color{
    background-color: var(--color-primary);
}
.has-color-paidmedia-background-color{
    background-color: var(--color-paidmedia);
}
.has-color-seo-background-color{
    background-color: var(--color-seo);
}
.has-color-digitalpr-background-color{
    background-color: var(--color-digitalpr);
}
.has-color-design-background-color{
    background-color: var(--color-design);
}

.has-color-white-color{
    color: var(--color-white);
}
.has-color-lgrey-color{
    color: var(--color-lgrey);
}
.has-color-mgrey-color{
    color: var(--color-mgrey);
}
.has-color-grey-color{
    color: var(--color-grey);
}
.has-color-dgrey-color{
    color: var(--color-dgrey);
}
.has-color-black-color{
    color: var(--color-black);
}
.has-color-primary-color{
    color: var(--color-primary);
}
.has-color-paidmedia-color{
    color: var(--color-paidmedia);
}
.has-color-seo-color{
    color: var(--color-seo);
}
.has-color-digitalpr-color{
    color: var(--color-digitalpr);
}
.has-color-design-color{
    color: var(--color-design);
}

/*--- BUTTONS ---*/
button:not(.accordion_heading),
.button,
.wp-block-button__link,
input.wpcf7-submit{
    text-transform: uppercase;
    padding:  18px 28px;
    border-width:  2px;
    border-radius:  0;
    background-color:  var(--color-primary);
    color:  white;
    font-size:  var(--step-1);
    letter-spacing: 0.1em;
    line-height: 1.4em;
     border:  2px solid var(--color-primary);
     transition:  var(--transition);
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover,
button:focus,
.button:focus,
.wp-block-button__link:focus,
.wpcf7-submit:focus{
    background-color:  white;
    color:  var(--color-primary);
    border:  2px solid var(--color-primary);
}
button:focus,
.button:focus,
.wp-block-button__link:focus,
.wpcf7-submit:focus{
    outline:  none;
    box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.5);
}
button svg,
.button svg,
.wp-block-button__link svg{
    fill:  white;
    transition: var(--transition);
}

button:hover svg,
.button:hover svg,
.wp-block-button__link:hover svg,
button:focus svg,
.button:focus svg,
.wp-block-button__link:focus svg{
    fill:  var(--color-primary);
}
.has-color-dgrey-background-color button:focus,
.has-color-dgrey-background-color .button:focus,
.has-color-dgrey-background-color .wp-block-button__link:focus,
.has-color-dgrey-background-color .wpcf7-submit:focus{
    outline:  none;
    box-shadow:  2px 2px 2px rgba(0, 0, 0, 1);
    border:  2px solid white;
}
@media(max-width:  600px){
    button,
    .button,
    .wp-block-button__link,
    .wpcf7-submit{
        padding:  12px 18px;
        font-size:  var(--step-0);
    }
}

/*components*/
/* --- SKIP TO CONTENT --- */
.skip-to-content {
    top: 0;
    background: var(--color-black);
    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%);
}

/* columns/covers/links */
.wp-block-column .wp-block-cover{
    position:  relative;
    padding-bottom: 0;
    min-height: 100%;
}

.wp-block-column .wp-block-cover a:before{
    content:  '';
    position: absolute;
    top: 0;
    left:  0;
    right:  0;
    bottom:  0;
}
.wp-block-column .wp-block-cover .wp-block-buttons{
    width:  calc(100% - var(--space-b));
    margin:  0 auto calc(-1 * var(--space-a)) auto;
}
.wp-block-column .wp-block-cover .wp-block-button, .wp-block-column .wp-block-cover .wp-block-button__link{
    width:  100%;
    text-align:  center;
}
@media(max-width:  600px){

    .wp-block-column .wp-block-cover{
        min-height: 200px;
    }
}
/*quote*/
.wp-block-quote{

    border-left:  0;
    border: 2px solid rgb(162, 128, 91);
    background-color: rgb(249, 249, 249);
    padding: var(--space-b);

}
.wp-block-quote p{
    max-width:  100%;
    font-style:  italic;
    font-size:  var(--step-1);
    margin-bottom:  var(--space-a);
}
/*quote slider*/
.slider-testimonials .wp-block-quote{
    margin:  0;
}
.slider-testimonials{
    margin-top:  var(--space-d);
}
.slider-testimonials .slick-slider{
    margin-bottom: 0;
}
.slider-testimonials .slick-list{
    margin-bottom:  var(--space-b);
}
.slider-testimonials .slick-dots{
    position:  relative;
    bottom: auto;
    top:  auto;
    line-height: 1em;
    display:  flex;
    justify-content:  center;
}
.slider-testimonials .slick-dots li{
        display: flex;
    align-items:  center;
    justify-content:  center;
}
.slider-testimonials .slick-dots button{
    padding:  0;
    margin:  0;
    box-shadow:  none;
}

.slick-dots li button .slick-dot-icon:before{
    margin:   0!important;
    transform:  translate(-50%, -50%)!important;
    top:  50%!important;
    left:  50%!important;

}
.slick-dots li button:focus .slick-dot-icon:before, .slick-dots li button:hover .slick-dot-icon:before{
    color:  var(--color-primary);
}
.slick-dots li button:focus-visible{
    outline: 2px solid var(--color-text);

}
/* forms*/
.wp-block-column.has-background .wp-block-contact-form-7-contact-form-selector{
    margin: var(--space-b);
}
.contact-column{
    min-width:  600px;
}
input[type='text'],
input[type='email'],
input[type='tel'],
select {
    padding: 5px 20px;
    width:  100%;
    height:  44px;
    color:  white;
    background-color:  transparent;
    background:  transparent;
    border:  none;
    position:  relative;
    z-index:  2;
    margin-bottom:  0;


}

input[type="radio"],
input[type="checkbox"]{
    margin: 15.5px 0;
}
textarea{
    padding: 10px 20px;
    width:  100%;
    height: 172px;
    color:  white;
    background-color:  transparent;
    background:  transparent;
    border:  none;
    position:  relative;
    z-index:  2;
    margin-bottom:  0;
    -webkit-appearance:none;
    resize: vertical;
    display:  block;
}
select:focus, input:focus, textarea:focus{
    border:  none;
    outline: none;
    display:  block;
    outline: 2px solid white;
}
.wpcf7-list-item{
    margin-left:  20px;
        display: flex;
    align-items: center;
}
.wpcf7-list-item-label{
    padding-left:  5px;
}

.form_grid{
    display:  grid;
    grid-template-columns: 1fr 1fr;
    width:  calc(100% + var(--space-a));
}

.form_col{
    padding-right:  var(--space-a);
}
.form_col-2{
     grid-column-start: 1;
    grid-column-end: 3;
     padding-right:  var(--space-a);
}
.form_col-right{
    grid-column-start: 2;
    grid-column-end: 3;
     padding-right:  var(--space-a);
}

.form__row{
    display:  flex;
    width:  100%;
    position:  relative;
    margin-bottom:  20px
}
.form_col-right .form__row{
    justify-content:  flex-end;
    margin-bottom:  0;
}
.ajax-loader{
    order:  -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:  100%;
    border-radius:   var(--border-radius);
    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__row> label{
    
    padding-left:  5px;
    padding-right:  5px;
    transition:  0.2s ease-out;
    position:  relative;
    z-index: 2;
}
.form__row:not(.radio)> label{
    position:  absolute;
    background:  rgba(68,68,71,0);
    left: 15px;
    top:  13px;
}
.form__row:not(.radio).active> label{
    top:  -8px;
    font-size:  14px;
    background: linear-gradient(0deg, rgba(80, 80, 82, 1) 0%, rgba(80, 80, 82, 1) 50%, rgba(71, 71, 71, 1) 50%, rgba(71, 71, 71, 1) 100%);
    z-index:  4;
}
.wpcf7-form-control{
    position:  relative;
    z-index: 2;
}
.wpcf7-radio{
    display:  flex;
}
.form__row.radio{
    display:  block;
    position: relative;
}

.form__row.radio .wpcf7-form-control-wrap{
    position: static;
}
.form__row.radio> label{
    padding-top: 13px;
    padding-left:  20px;
    display:  block;
}

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.3);
    border:  1px solid rgba(255, 255, 255, 0.3);
    position:  absolute;
    top:  2px;
    left:  0;
}
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="white" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
}



input.wpcf7-submit{
    margin-top:  0;
    margin-bottom:  0;
    box-shadow: none;
}
.wpcf7-not-valid-tip{
    color:  white;
    display:  block;
    margin-top:  5px;
    padding-left:  20px;
    margin-bottom: 10px;
}
.wpcf7-response-output{
    border: none!important;
    padding:  0!important;
    margin:  0!important;
    font-style: italic;
}
#contact{
    scroll-margin-top: 95px;
}
@media(max-width: 1024px){
    .contact-banner .wp-block-columns, .contact-banner.wp-block-columns{
        flex-wrap: wrap;
    }
    .contact-banner .wp-block-column{
        flex-basis:  100%!important;
    }
}
@media(max-width: 768px){
    .contact-column{
        min-width:  0;
    }
    .form_grid{
        display: block;
    }
    input[type='text'], input[type='email'], input[type='tel'], select, textarea{
        padding: 5px 10px;
    }
    .form__row:not(.radio)> label{
        left:  5px;
    }
}

/*latest posts*/
.wp-block-latest-posts{
    padding-left: var(--space-c)!important;
    padding-right: var(--space-c)!important;
    margin-top:  var(--space-c);
    margin-bottom: var(--space-c)!important;
}
.wp-block-latest-posts li{
    display: grid;
    grid-template-columns: 1fr 1fr;
    position:  relative;
    margin-right: var(--space-a)!important;
    margin-top: var(--space-a)!important;
    margin-bottom: var(--space-a)!important;
    margin-left: var(--space-a)!important;
    width: calc(50% - var(--space-b))!important;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-posts a:focus{
   text-decoration: underline;
   outline:  none;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image{
    grid-row-start: 1;
    grid-row-end: 3;
    margin-right:  var(--space-a);
    overflow:  hidden;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image img{
    height:  100%;
    object-fit:  cover;
    transition:  0.4s ease-in;
    width:  100%;
}
.wp-block-latest-posts .readmore{
    display:  block;
    margin-top: 10px;
    color: var(--color-primary);
}
.wp-block-latest-posts a{
    border-bottom:  none!important;
    font-size: var(--step-2);
    color:  var(--color-primary);
    font-family:  var(--font-serif);
}
.wp-block-latest-posts a:before{
    position:  absolute;
    content:  '';
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt{
    display:  flex;
    flex-direction:  column;
    justify-content: space-between;
    margin-bottom:  0;
    padding-bottom: var(--space-a);
    border-bottom:  2px solid var(--color-primary);
}

.blog__feed{
    display:  flex;
    flex-wrap:  wrap;
    gap:  var(--space-b);
    margin-top:  var(--space-d);
    margin-bottom:  var(--space-d);
}
.blog__feed__article{
    flex-basis:  calc(33.333333% - (var(--space-a) * 1.3333333));
    position:  relative;
    padding:  0 !important;
    margin-bottom:  0!important;
    margin-top: 0!important;
    display:  flex;
    flex-direction:  column;
}
.blog__feed__article .wp-block-image{
    margin-bottom: 0;
}
.blog__feed__article .wp-block-image img{
    width:  100%;
    height:  250px;
    object-fit: cover;
}
.blog__feed h2{
   border-bottom: none!important;
    font-size: var(--step-2);
    color: var(--color-primary);
    font-family: var(--font-serif);
    position:  static;
    margin-top:  var(--space-a);
}
.wp-block-latest-posts__post-excerpt{
    flex-grow:  1;
}
@media(max-width:  1024px){
    .wp-block-latest-posts li{
        width:  100%!important;
    }
    .blog__feed__article{
        flex-basis:  calc(50% - var(--space-a));
    }
}
@media(max-width:  600px){
    .wp-block-latest-posts{
        padding-left:  var(--space-a)!important;
        padding-right: var(--space-a)!important;
    }
    .blog__feed__article{
        flex-basis:  100%;
    }
}
@media(max-width:  480px){
    .wp-block-latest-posts li{
        display: block;
    }
    .wp-block-latest-posts .wp-block-latest-posts__featured-image{
        margin-bottom:  var(--space-a);
        margin-right:  0;
    }
}


.pagination{

    margin-bottom: var(--space-d);
    margin-top:  0;
    display: flex;
    justify-content: center;
    align-items:  center;

}
.page-numbers{
    padding: 5px;
    margin: 5px;
    border-bottom: 2px solid transparent;
}
a.page-numbers:hover{
    border-bottom: 2px solid var(--color-primary);
    outline:  none;
}
a.page-numbers:focus{
    outline:  2px solid;
}
.page-numbers.current{
    font-weight:  700;
}

.narrow__container{
    max-width:  calc(60rem + var(--space-g));
    margin:  var(--space-d) auto;
    padding-left:  var(--space-d);
    padding-right: var(--space-d);
}
.narrow__container > p{
   max-width:  100%!important;
   padding:  0!important;
   margin-left:  0!important;
}
.narrow__container  h2 {
    margin-bottom: var(--space-b)!important;
    transform: none;
    padding-bottom: var(--space-a)
    font-size:  var(--step-5);
    
}
.narrow__container  h2, .narrow__container  h3, .narrow__container >h4, .narrow__container  h5, .narrow__container  h6 {
    padding-left:  0!important;
}
.narrow__container > h2:before{
    left:  0;
}
.narrow__container .related-posts{
    padding-left:  0!important;
    padding-right:  0!important;
    width:  calc(100% + var(--space-b));
    margin-left: var(--space--a);
    margin-top:  var(--space-a);
}
.related-aside{
    border-top:  2px solid var(--color-lgrey);
    padding: var(--space-d) 0 0 0!important;
    margin-top:  var(--space-d);
}
.narrow__container > .wp-block-group{
    padding-top:  var(--space-b)!important;
    /*padding-bottom:  var(--space-b)!important;*/
}
.narrow__container .wp-block-columns{
    padding-left: var(--space-b);
    padding-right: var(--space-b);
}
@media(max-width:  600px){
    .narrow__container{
           padding-left:  var(--space-b);
    padding-right: var(--space-b);
    }
}
/*------- Header ------- */
header{
    position:  static;
    display:  unset;
}
.header__top{
    background-color:  var(--color-lgrey);
    position: relative;
    z-index: 11;
}
.header__top a{
    display: flex;
    align-items:  center;
   
}

.header__top svg{
      transition:  0s linear;
    height:  20px;
     transition:  var(--transition);
}
.header__top a:hover, 
.header__top a:focus{
    color: var(--color-primary);
}
.header__top a:hover svg, 
.header__top a:focus svg{
    fill: var(--color-primary);
    text-decoration:  none;

}
.header__main{
    background-color:  white;
    position:  sticky;
    top: 0;
    left:  0;
    right: 0;
    z-index:  10;
    display:  block;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.header__container{
    
    display:  flex;
    justify-content: space-between;
    align-items:  center;
    padding-top:  10px;
    padding-bottom: 10px;
    max-width:  var(--width-max);
    margin:  0 auto;
}
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__main .header__inner{
        flex-basis:  40%;
        flex-grow:  0;
    }
     header .header__inner--left{
        flex-basis:  60%;
        flex-grow:  1;
     }
}

/*logo*/
.logo__wrapper{
    width:  150px;
    border-bottom:  2px solid transparent;
    padding-top: 4px;
}
.logo__wrapper:hover,
.logo__wrapper:focus{
     border-bottom:  2px solid var(--color-text);
     outline:  none;
}
.logo{
    width: 100%;
    opacity: 0;
     animation: fadein 0.5s ease-in-out forwards;
     flex-shrink:  0;
     width: 100%;
     position:  relative;
     z-index:  -1;
}

@keyframes fadein {
  to {
    opacity: 1;
  }
}

/*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 .wp-block-button__link{
    white-space:  nowrap;
    height:  auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: var(--step-0);
    text-decoration:  none!important;
    text-transform:  none!important;
}
header .wp-block-button__link svg{
    margin-right:  10px;
    fill:  white;
}
@media(max-width: 624px){
    header .desktop{
        display:  none;
    }
    header .wp-block-button__link{
        padding: 0!important;
        width:  auto!important;
        background-color: transparent!important;
        border:  none!important;
    }
    header .wp-block-button__link svg{
        margin-right:  0px;
        fill:  var(--color-primary);
        height:  24px;
    }
}
/*reset header button*/
header button{
    padding:  0!important;
    border-radius:  0;
    background-color:  white!important;
    height:  auto;
    color: var(--color-primary)!important;
    border:  none;
    line-height:  1em;
    letter-spacing: normal;
}
header button.close-submenu{
      padding: 4px 10px!important;
      outline:  none;
      border:  2px solid var(--color-text);
}

/*nav*/
header nav{
    flex-grow:  1;
    padding:  0!important;
    display:  flex;
    justify-content:  flex-end;
    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;
    margin-bottom: 0;
}
header nav li.current-menu-item>a{
    color:  var(--color-primary);
}
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;
    margin-top:  0;
}
header .sub-menu li{
    padding: 5px 10px;
}
header .sub-menu li a{
    padding: 5px 0px;

}

.submenu-button{
    opacity:  0;
    position:  absolute;
    top: 100%;
    right:  -10px;
}
.open-submenu{
    top:  0px;
}
.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!important;
    border: none!important;
    margin:  5px 0 5px 15px;
    transform-origin:  right center;
    box-shadow:  none!important;
}

.header__burger span{
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: var(--color-dgrey);
  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{
    z-index:  2
}
.header__burger.open span{
    background:  white;
}
.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(min-width:  1024px){
    .menu-item-has-children:hover .sub-menu, .menu-item-has-children.active .sub-menu{
        display: block;
        
    }
    .header__burger{
        display:  none;
    }
}
@media(max-width:  1023px){
    header nav{
       position: fixed;
       right:  0;
       top:  0;
       width:  50vw;
       min-width:  320px;
       background-color: var(--color-dgrey);
       height:  100vh;
       z-index: 1;
       padding:  90px var(--space-a) var(--space-b)!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 li{
        padding:  10px 10px 10px var(--space-a);
    }
    header nav a, header nav li.current-menu-item a{
        color:  white!important;
    }
    header nav a:after{
        background-color: white;
    }
    header .open-submenu{
        opacity:  1;
        color:  white!important;
        left:  -5px!important;
        top:  11px;
        background-color:  transparent!important;
        border:  none;
        box-shadow:  none;

    }
    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);
    }
    .close-submenu{
        color:  white!important;
        top:  11px!important;
        background-color:  transparent!important;
        border:  none;
        box-shadow:  none;
    }

    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;
    }
}

/*footer*/
footer h2 a{
    font-size:  var(--step-5);
    font-style: italic;
    position:  relative;
    padding-bottom: 10px;
}
footer h2 a:before{
    content:  '';
    position:  absolute;
    left:  0;
    bottom:  0;
    height:  2px;
    width:  30px;
    background-color: var(--color-primary);
    transition:  var(--transition);
}

footer h2 a:hover,
footer h2 a:focus{
    outline:  none;
}
footer h2 a:hover:before,
footer h2 a:focus:before{
    width:  100%;
}
footer li a:hover{
    text-decoration:  underline;
    outline:  none;
}
footer li a:focus{
    text-decoration:  none;
    outline:  2px solid;
}

footer .menu{
    list-style-type: none;
    margin-left:  0;
}
footer .wp-block-group.slim a{
    color:  white!important;
}
footer .wp-block-group.slim{
    padding-top:  0!important;
    padding-bottom:  0!important;
}
footer .wp-block-group.slim .wp-block-column{
    padding-top:  0;
    padding-bottom:  0;
}
footer .wp-block-group.slim .wp-block-columns{
    padding-top:  var(--space-a);
    padding-bottom:  var(--space-a);
    margin-top:  0!important;
    margin-bottom: 0!important;
}
footer .wp-block-group.slim ul{
    display: flex;
    margin-top: var(--space-xs);
}
footer .wp-block-group.slim p{
    margin-bottom: var(--space-xs);
    margin-top: var(--space-xs);
}
footer .wp-block-group.slim li{
    margin-right: 20px;
}
@media(max-width:  600px){
    footer .has-text-align-right{
        text-align:  left;
    }

}
/*video hero*/
.video-hero{
    position:  relative;
    overflow:  hidden;
    text-align: center;
}
.video-hero iframe{
    position:  absolute;
    top:  50%;
    left:  50%;
    transform:  translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100%;
    aspect-ratio:  16/9;
}
button.pause-play{
    position:  absolute;
    bottom: var(--space-a);
    right:  var(--space-a);
    width:  32px;
    height:  40px;
    display:  flex;
    justify-content:  space-between;
    z-index:  2;
    background-color:  transparent!important;
    border:  none!important;
    padding:  5px!important;
    box-shadow: none!important;
}
.pause-play:before, .pause-play:after{
    content:  '';
    width:  8px;
    height:  100%;
    background-color:  white;
    display:  block;
    transition:  var(--transition);
}
.pause-play.pause:after{
    width:  0;
}
.pause-play.pause:before{
    width:  100%;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.pause-play:hover:before,
.pause-play:focus:before,
.pause-play:hover:after,
.pause-play:focus:after{
     background-color: var(--color-primary);
}

/*accordion*/
.accordion_wrapper{
    margin-bottom: var(--space-d);
}
.accordion_block{
    border:  2px solid var(--color-primary);
    overflow:  hidden;
    margin-bottom:  5px!important;
    border-bottom:  none;
}
.accordion_heading h2, .accordion_heading h3, .accordion_heading h4{
    font-size:  var(--step-2);
}
.accordion_heading{
    padding:  13px 60px 13px 30px ;
    position:  relative;
    transition:  var(--transition);
    width:  100%;
    text-align:  left;
    background-color:  white;
    -webkit-appearance:  none;
    box-shadow: none;
    border: none!important;
    border-bottom:  2px solid var(--color-primary)!important;

}
.accordion_heading:hover,
.accordion_heading:focus{
    cursor:  pointer;
    background-color:  var(--color-primary);

}
.accordion_heading *{
    color: var(--color-text);
}
.accordion_heading:hover *, .accordion_heading:focus *{
    color:  white;
}
.accordion_heading:before{
    content: '\f345';
    font-family: 'dashicons';
    position:  absolute;
    right:  5px;
    font-size: var(--step-4);
    color:  var(--color-text);
    transition:  var(--transition);
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.accordion_heading:hover:before, .accordion_heading:focus:before{
    color:  white;
}
.accordion_heading.open:before{
    transform:  translateY(-50%) rotate(90deg);
}
.accordion_heading.open{
    box-shadow:  none;
}
.accordion_main{
    padding:  20px 30px;
    border-bottom : 2px solid var(--color-primary)
}




/*------- Utilities -------*/
.border-right{
    padding-top:  var(--space-b);
    padding-bottom: var(--space-b);
}
.border-right .wp-block-column{
    padding-top:  0;
    padding-bottom:  0;
    padding-left:  var(--space-b);
     border-right:  1px solid var(--color-primary);
}


.has-color-dgrey-background-color .border-right .wp-block-column, .has-color-primary-background-color .border-right .wp-block-column{
    border-right:  1px solid white;
}
.border-right .wp-block-column:first-child{
    padding-left:  var(--space-a);
}
.border-right .wp-block-column:last-child{
    border-right: none;
}
@media(max-width:  781px){
    .wp-block-columns.border-right .wp-block-column{
         margin-bottom: var(--space-b);
    }
    .wp-block-columns.border-right .wp-block-column:nth-child(2n){
        border-right: none;
    }
    .wp-block-columns.border-right .wp-block-column:nth-child(2n+1){
        padding-left:  var(--space-a);
    }
     .wp-block-columns.border-right{
        padding-bottom:  0;
     }
}
@media(max-width:  600px){
    .wp-block-columns.border-right .wp-block-column{
        padding-left:  var(--space-a)!important;
         border-right:  none!important;
     }
}
.blocks-gallery-item{
    /*max-height: 30vh;
    min-height: 250px;*/
}

.main__container{
    position:  relative;
}
.yoast-breadcrumbs{
    transform: translateX(var(--space--b));
    padding: 20px 0;
    margin-bottom: var(--space-d);
}

.spacer-b{
    height:  var(--space-b)!important;
}
.yoast-breadcrumbs a:hover{
    text-decoration:  underline;
}
.yoast-breadcrumbs a:focus{
    outline:  2px solid;
}
.breadcrumb_last{
    font-weight:  700;
}