/*
 Author: Studio But Maybe
*/
@charset "UTF-8";


/*
=====================================
General Styling
=====================================
*/
*
{
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: transparent;
}

::-moz-selection {
    color: var(--black);
    background: var(--turquoise); /* WebKit/Blink Browsers */
}

::selection {
    color: var(--black);
    background: var(--turquoise); /* WebKit/Blink Browsers */
}
::-moz-selection {
    color: var(--black);
    background: var(--turquoise); /* WebKit/Blink Browsers */
}

:root {
    /* Layout */
    --pad: .8rem;
    --pad-big: 2rem;
    --gut: .8rem;

    --head-h: calc( var(--gut)*2 + var(--m)*1.2 );

    /* Type */
    --xxs: .65rem;
    --xs: .65rem;
    --s: .8rem;
    --n: .8rem;
    --m: .8rem;
    --l: 1.05rem;
    --xl: 1.7rem;

    /* Colors */
    --green: #14665F;
    --red: #C72825;
    --turquoise: #9abab9;
    --beige: #EDEBE2;
    --blue: #004F9F;
    --white: #FCFCFC;
    --gray: #ACACAC;
    --gray-light: #f0f0f0;
    --black: #272727;
}

@media(min-width: 768px)
{
  :root {
    --xxs: .7rem;
    --xs: .7rem;
    --s: .85rem;
    --n: .85rem;
    --m: .85rem;
    --l: 1.2rem;
    --xl: 2rem;
  }
}
@media(min-width: 1024px)
{
  :root {
    --pad: 1rem;
    --pad-big: 2rem;
    --gut: .6rem;

    --xxs: .6rem;
    --xs: .74rem;
    --s: .91rem;
    --n: 1rem;
    --m: 1.08rem;
    --l: 1.5rem;
    --xl: 3.25rem;
  }    
}


/*
Base 24px

16 > 14 xxs
18 > 14 xs
22 > 16 s
24 > 24 n
26 > 18 m
36 > 20 l
78 > 32 xl
*/



html 
{
    width: 100%;
    height: 100%;
    font-size: calc(24px + .04vw);
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}
@media(min-width: 768px)
{
    html 
    {
        font-size: calc(24px + .06vw);
    }
}
@media(min-width: 1400px)
{
    html 
    {
        font-size: calc(25px + .01vw);
    }
}


body {
    margin: 0;
    width: 100%;
    height: 100%;
    /* Font */
    font-family: "Inter", "Helvetica", "Arial", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: var(--n);
    line-height: 1.2em;

    text-align: left;

    color: var(--black);;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

a, button { color: inherit; }
a:hover, button:hover { cursor: pointer; }

section:not(.full)
{
    padding: var(--pad-big) var(--pad) 0 var(--pad);
}
section.full > .bg--color
{
    padding: var(--pad-big) var(--pad);
}

dl,
dt,
dd
{
    font-size: inherit;
    line-height: inherit;
}

em
{
    font-style: italic;
}

::-webkit-details-marker 
{   
   display: none; 
}

/* ================================================ */
/* Type */
/* ================================================ */
figure figcaption,
figure figcaption *,
.ty--xxs,
.ty--xxs > *
{
    font-size: var(--xxs);
    line-height: 1.25em;
    letter-spacing: -0.02em
}

.ty--xs,
.ty--xs > *
{
    font-size: var(--xs);
    line-height: 1.25em;
    letter-spacing: -0.02em
}

.ty--s,
.ty--s > *
{
    font-size: var(--s);
    letter-spacing: -0.02em
}
.ty--n,
.ty--n > *
{
    font-size: var(--n);
    letter-spacing: -0.02em
}
.ty--m,
.ty--m > *
{
    font-size: var(--m);
    letter-spacing: -0.02em
}
.ty--s,
.ty--s > *,
.ty--n,
.ty--n > *,
.ty--m,
.ty--m > *  
{
    line-height: 1.25em;
}
@media (min-width: 768px)
{
    .ty--s,
    .ty--s > *,
    .ty--n,
    .ty--n > *,
    .ty--m,
    .ty--m > *  
    {
        line-height: 1.2em;
    }
}
.ty--l,
.ty--l > *
{
    font-size: var(--l);
    line-height: 1.1em;
    letter-spacing: -0.015em
}
@media (min-width: 1024px)
{
    .ty--l,
    .ty--l > *
    {
        line-height: 1.1em;
    }    
}
.ty--xl,
.ty--xl > *
{
    font-size: var(--xl);
    line-height: 1em;
    letter-spacing: -0.015em;
    font-weight: 500; /* NOTE: medium */
}
@media (min-width: 768px)
{
    .ty--xl,
    .ty--xl > *
    {
        letter-spacing: -0.025em;
    }   
}
@media (min-width: 1024px)
{
    .ty--xl,
    .ty--xl > *
    {
        line-height: .9em;
        letter-spacing: -0.04em;
    }   
}

.ty--cntr
{
    text-align: center;
}
.ty--left
{
    text-align: left;
}

.ty--caps,
.ty--caps > *
{
    text-transform: uppercase;
}

.ty--undrl,
.ty--undrl > *
{
    text-decoration: underline;
}

.ty--bld
{
    font-weight: 700;
}



/* ================================================ */
/* Common classes */
/* ================================================ */
.dspl--block { display: block; }
.dspl--inline-block { display: inline-block; }
.dspl--inline { display: inline; }

.flex--all 
{
    display: -webkit-box;
    display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  justify-content: space-between;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  gap: var(--gut);
}
@media(min-width: 768px) 
{
    .flex--dsktp 
    {
        display: -webkit-box;
        display: -ms-flexbox;
      display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
      justify-content: space-between;
        -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
}
.flex--mbl 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media(min-width: 768px) 
{
  .flex--mbl
  {
    display: block;
  }
}

.nowrap
{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
@media(max-width: 767px) 
{
    .nowrap--mbl
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }    
}
@media(min-width: 768px) 
{
    .nowrap--dsktp
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }    
}

.dir--col
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.jstfy--space-btwn
{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.jstfy--cntr
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jstfy--start
{
    -webkit-box-pack: start;
    -ms-flex-pack: start; 
    justify-content: flex-start; 
}

.align--start
{
    -webkit-box-align: start;
    -ms-flex-align: start;
   align-items: flex-start;
}

.align--cntr
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row + .row
{
    padding-top: var(--pad);
}

.flex--col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  flex-direction: column;
}
.flex--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
  flex-direction: row;
}

.hidden
{
    visibility: hidden;
}

/*
Img proportion
*/
picture,
figure
{
    display: block;
    position: relative;
}
figcaption
{
    padding-top: .5em;
}

/*
Images
*/
.ratio,
.ratio figure
{
    position: relative;
}
.ratio--32
{
  padding-bottom: 66%;
}
.ratio--45
{
  padding-bottom: 125%;
}
.ratio--11,
.ratio--169
{
  padding-bottom: 100%;
}

.ratio--54
{
    padding-bottom: 80%;
}
@media all and (min-width: 768px)
{
   .ratio--169
    {
      padding-bottom: 56%;
    } 
}
@media all and (min-width: 1600px)
{
    .ratio--11
    {
        padding-bottom: 80%;
    }
}
.ratio--21,
.ratio--wider
{
  padding-bottom: 66.666%; /* NOTE: lil taller for mobile 3:2 */
}
@media all and (min-width: 768px)
{
    .ratio--21
    {
      padding-bottom: 50%;
    }
    .ratio--wider
    {
      padding-bottom: 39%;
    }   
}

.ratio img
{
    position: absolute;
    left: 50%;
    top: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.rounded
{
    border-radius: .8rem;
    overflow: hidden;
}
.rounded:not(.ratio):not(.tag)
{
    padding: var(--gut);
}
@media (min-width: 768px)
{
    .rounded:not(.ratio):not(.tag)
    {
        padding: var(--pad);
    }
}


/*
Links
*/
.block:not(.block--bread):not(.block--btn) a.link
{
    text-decoration: underline;
    cursor: pointer;
}
.link--arrow,
.link--dwnld
{
    white-space: nowrap;
}
a.link[target="_self"]::after,
.link--arrow-self::after
{
    content: '';
    display: inline-block;
    margin-left: .4em;
    height: .6em;
    width: .8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.668' height='27.31' viewBox='0 0 31.668 27.31'%3E%3Cg id='Component_22_49' data-name='Component 22 – 49' transform='translate(0 1.057)'%3E%3Cpath id='Path_9' data-name='Path 9' d='M-14666.491-11932.008l12.207,12.3-12.207,12.926' transform='translate(14683.864 11932.008)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M-14641.008-11922.932h-29.619' transform='translate(14670.627 11935.437)' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
}
a.link[target="_self"]:hover::after,
.link--arrow-self:hover::after 
{
    translate: 40%;
}

a.link[target="_blank"]:not(.btn)::after,
.link--arrow-blank::after
{
    content: '';
    display: inline-block;
    margin-left: .4em;
    height: .45em; /* NOTE: optical vertical alignment fix */
    width: .4em;
    background-image: url("data:image/svg+xml, %3Csvg class='icon icon--arrow' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 26 26'%3E%3Cg%3E%3Cg%3E%3Cpolygon points='1.5 .5 1.5 4.5 18.7 4.5 .7 22.5 .7 22.5 3.5 25.3 21.5 7.3 21.5 24.5 25.5 24.5 25.5 .5 1.5 .5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
}

a.link[target="_blank"]:hover::after,
.link--arrow-blank:hover::after 
{
    translate: 40% -2px;
}

.link--anchor,
.link--dwnld,
.link--vid
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.link--anchor::before,
.link--dwnld::before,
.link--vid::before
{
    margin-right: .3em;
}
@media(min-width: 768px)
{
    .link--anchor::before,
    .link--dwnld::before,
    .link--vid::before
    {
        margin-right: .4em;
    }  
}

.link--anchor
{
    padding-top: var(--pad-mid);
}
.link--anchor::before
{
    content: '';
    display: inline-block;
    width: .6em;
    height: .8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 27.31 29.67'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-width='3px' d='M26.26,15.37l-12.3,12.21L1.03,15.37'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='3px' d='M13.75,27.62V0'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.link--dwnld::before
{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='black'/%3E%3Cpath d='M14.8974 7.99948V16.895M14.8974 16.895L19.5029 12.4473M14.8974 16.895L10.292 12.4473' stroke='white' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 20H21' stroke='white' stroke-width='1.25'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.link--vid::before
{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='black'/%3E%3Cpath d='M12 20.9413V9.91583C12 9.52025 12.4376 9.28133 12.7704 9.49524L21.3457 15.008C21.6519 15.2048 21.6519 15.6523 21.3458 15.8492L12.7704 21.3619C12.4376 21.5758 12 21.3369 12 20.9413Z' fill='white'/%3E%3C/svg%3E%0A");    
    background-repeat: no-repeat;
    background-size: contain;
}

.link-archive
{
    padding: var(--pad-big) var(--pad);
}
@media(min-width: 768px)
{
    .link-archive
    {
        text-align: center;
    }   
}

.clickable
{
    cursor: pointer;
}

.btn 
{
    display: inline-block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid var(--black);
    border-radius: .4rem;
    -webkit-transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
    -o-transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
    transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
}
.btn.bg--gray-light
{
    border-color: var(--gray-light);
}
.btn > span
{
    display: inline-block;
    padding: .29em .65em .31em .65em;
}
a.btn
{
    cursor: pointer;
}
a.btn:hover
{
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}
/*
*/


/*
Links microinteractions 
*/
a svg
{
    scale: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: scale .4s cubic-bezier(.65, 0, .076, 1);
    -o-transition: scale .4s cubic-bezier(.65, 0, .076, 1);
    transition: scale .4s cubic-bezier(.65, 0, .076, 1);
}
a:hover svg
{
    scale: 1.2;
}


/*
Bg color
*/
.bg--black 
{ 
    background-color: var(--black); 
    color: var(--white);
}
/*.bg--black svg path
{
    stroke: white;
}*/
.bg--black a,
.bg--black span,
.bg--black li
{
   color: var(--white); 
}

.bg--white { background-color: var(--white); }
.bg--gray { background-color: var(--gray); }
.bg--gray-light { background-color: var(--gray-light); }
.bg--turquoise { background-color: var(--turquoise); }
.bg--red { background-color: var(--red); }
.bg--green {  background-color: var(--green); }

.bg--red,
.bg--green
{
    color: var(--white);
}

.bg--red a.link::after,
.bg--green a.link::after
{
    -webkit-filter: invert(1);
            filter: invert(1);
}

.bg--black .block--bread svg path
{
    stroke: var(--white);
}
.bg--black .btn
{
    border-color: var(--white);
}

.bg--black .btn:hover
{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}
.bg--black a.btn:hover > span 
{
    color: var(--black);
}


/* ================================================ */
/* Layout */
/* ================================================ */
main
{
    padding-top: var(--head-h);
    padding-bottom: 0;
}

section:not(.full)
{
    padding-right: var(--pad);
    padding-left: var(--pad);
}

.pad--inner 
{
    padding: var(--pad);
}

.grid 
{
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-gap: var(--gut);
}
@media (min-width: 768px)
{
    .grid--dsktp 
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-gap: var(--gut);
    }
}
.grid--4
{
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
@media(min-width: 768px)
{
    .grid--2,
    .grid--4
    {
        -ms-grid-columns: 1fr var(--gut) 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

    .grid--2 > .col.col--dx
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 1;
        grid-column-end: 3;
    }

    .grid--dsktp.grid--12.grid--narrow > .col
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
    .grid--dsktp.grid--10
    {
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(10, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;        
    }
    .grid--dsktp.grid--10.cols--73 > .col:nth-child(1)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 6;
        grid-column-end: 7;     
        padding-right: var(--gut);   
    }
    .grid--dsktp.grid--10.cols--73 > .col:nth-child(2)
    {
        -ms-grid-column: 7;
            grid-column-start: 7;
        -ms-grid-column-span: 4;
        grid-column-end: 11;        
    }
}


@media(min-width: 1024px)
{
    .grid--4
    {
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(4, 1fr);
   }

    .grid--dsktp.grid--12.grid--narrow > .col
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
    .grid--dsktp.grid--10.cols--73 > .col:nth-child(2)
    {
        -ms-grid-column: 8;
            grid-column-start: 8; /* NOTE: one empty col */
        -ms-grid-column-span: 3;
        grid-column-end: 11;        
    }
}


.grid--12
{
    -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr;
    grid-template-columns: repeat(12, 1fr);
}

.grid--12.cols--84 > .col
{
-ms-grid-column: 1;
-ms-grid-column-span: 12;
grid-column: 1 / 13;
}
@media (min-width: 768px)
{
    .grid--12.cols--84 > .col:nth-child(1)
    {
        -ms-grid-column: 1;
        -ms-grid-column-span: 8;
        grid-column: 1 / 9; /* NOTE: one empty column */
        padding-right: var(--pad);
    }
    .grid--12.cols--84 > .col:nth-child(2)
    {
        -ms-grid-column: 9;
        -ms-grid-column-span: 4;
        grid-column: 9 / 13;
    }
}
@media (min-width: 1200px)
{
    .grid--12.cols--84 > .col:nth-child(1)
    {
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        grid-column: 1 / 8; /* NOTE: one empty column */
        padding-right: 0;
    }
    .grid--12.cols--84 > .col:nth-child(2)
    {
        -ms-grid-column: 9;
        -ms-grid-column-span: 3;
        grid-column: 9 / 12;
    }
}

.grid > .col + .col,
.grid--dsktp > .col + .col 
{
    padding-top: var(--pad);
}
@media(min-width: 768px)
{
    .grid > .col + .col,
    .grid--dsktp > .col + .col
    {
        padding-top: 0;
    }    
}

/*
Mbl only
*/
@media (max-width: 767px)
{
    .grid--mbl
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-gap: var(--gut);
    }
    .grid--mbl.grid--2,
    .grid--mbl.grid--4
    {
        -ms-grid-columns: 2fr var(--gut) 3fr;
        grid-template-columns: 2fr 3fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}



/* ================================================ */
/* Header */
/* ================================================ */
header.head--main
{
    position: fixed;
    top: 0;
    left: 0;
    padding: var(--gut) var(--pad);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}
header.head--main .navigation--head > .col.flex--all
{
    gap: var(--pad);
}
header.head--main nav
{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
header.head--main[menu-open="false"] nav,
header.head--main[menu-open="false"] .block--opening,
header.head--main[menu-open="false"] .block--social
{
    display: none;
}
header.head--main .burger 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding: 0;

    width: 26px;
    height: 17px;
    background: none;
    border: none;

    opacity: 1;
    scale: 1;

    -webkit-transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);
    -o-transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);
    transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);

    cursor: pointer;
}
header.head--main .burger span 
{
  display: block;
  height: 3px;
  width: 100%;
  background: var(--white);
  -webkit-transition: opacity .3s cubic-bezier(.65, 0, .076, 1), -webkit-transform .3s cubic-bezier(.65, 0, .076, 1);
  transition: opacity .3s cubic-bezier(.65, 0, .076, 1), -webkit-transform .3s cubic-bezier(.65, 0, .076, 1);
  -o-transition: transform .3s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1);
  transition: transform .3s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1);
  transition: transform .3s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1), -webkit-transform .3s cubic-bezier(.65, 0, .076, 1);
}
header.head--main .burger:hover
{
    opacity: .6;
    scale: 1.15;
}
header.head--main .block--opening > a
{
    display: none;
}

/*
General menu links behaviour
*/
header.head--main a
{
    opacity: 1;
    scale: 1;
    -webkit-transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);
    -o-transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);
    transition: opacity .3s cubic-bezier(.65, 0, .076, 1), scale .35s cubic-bezier(.65, 0, .076, 1);
    cursor: pointer; 
}
header.head--main a:hover
{
    opacity: .6;
    scale: 1.15;
}


/*
Open menu
*/
body[menu-open="true"]
{
    overflow-y: hidden;
}
/* Active state → transform into "X" */
header.head--main[menu-open="true"] .burger span:nth-child(1) 
{
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
header.head--main[menu-open="true"] .burger span:nth-child(2) 
{
  opacity: 0;
}
header.head--main[menu-open="true"] .burger span:nth-child(3) 
{
  -webkit-transform: translateY(-7px) rotate(-45deg);
      -ms-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}

header.head--main[menu-open="true"] 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60vh;
    background-color: var(--black);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}
@media (min-width: 768px)
{
    header.head--main[menu-open="true"] 
    {
        height: 100%;
    }
}
header.head--main[menu-open="true"] nav
{
    display: block;
}
header.head--main[menu-open="true"] > .block--opening
{
    display: block;
    position: relative;
    padding-top: var(--pad-big);
    text-align: center;
    color: var(--white);
}
@media (min-width: 768px)
{
    header.head--main[menu-open="true"] > .block--opening
    {
        display: block;
        position: absolute;
        top: var(--pad);
        left: 50%;
        padding-top: .2rem;
        -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
    }
}

header.head--main[menu-open="true"] > .nav--main.flex--dsktp > ul
{
    display: block;
    margin: auto;
    padding: var(--pad-big) var(--pad);
}
header.head--main[menu-open="true"] > .nav--main.flex--dsktp > ul > li
{
    display: block;
    padding-top: .2em;
    text-align: center;
}
@media(min-width: 768px)
{
    header.head--main[menu-open="true"] > .nav--main.flex--dsktp > ul > li
    {
        padding-top: .1em;
    }    
}
@media(min-width: 1600px)
{
    header.head--main[menu-open="true"] > .nav--main.flex--dsktp > ul
    {
        padding: calc(var(--pad-big)*2) var(--pad);
    }
}
header.head--main[menu-open="true"] > div.block--social
{
    display: block;
    position: relative;
    padding-top: var(--pad);
    text-align: center;
}


/* ================================================ */
/* Footer */
/* ================================================ */
footer.main--footer > .wrap--bg
{
    padding: var(--pad-big) var(--pad) var(--pad) var(--pad);
}

footer .grid--12
{
    padding-top: var(--pad-big);
    gap: var(--pad-big) var(--gut);
}
footer .grid--12 .col
{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 12;
    grid-column-end: 13;
}

footer a
{
    display: block;
}

footer .grid--12 .col:nth-child(1)
{
    padding-top: 0;
}

@media (min-width: 768px)
{
    footer span
    {
        display: block;
    }

    footer ol li > span 
    {
        display: inline-block;
    }
    
    footer .grid--12 .col:nth-child(1)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 4;
        grid-column-end: 5;
    }
    footer .grid--12 .col:nth-child(2)
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
    }
    footer .grid--12 .col:nth-child(3)
    {
        -ms-grid-column: 10;
            grid-column-start: 10;
        -ms-grid-column-span: 3;
        grid-column-end: 13;
    }
    footer .grid--12 .col:nth-child(4),
    footer .grid--12 .col:nth-child(5)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 6;
        grid-column-end: 7;
    }
}
@media (min-width: 960px)
{
    footer .grid--12 .col:nth-child(2)
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 3;
        grid-column-end: 8;
    }
    footer .grid--12 .col:nth-child(3)
    {
        -ms-grid-column: 9;
            grid-column-start: 9;
        -ms-grid-column-span: 4;
        grid-column-end: 13;
    }
    footer .grid--12 .col:nth-child(5)
    {
        -ms-grid-column: 9;
            grid-column-start: 9;
        -ms-grid-column-span: 4;
        grid-column-end: 13;
    }
}

@media (min-width: 1024px)
{
    footer .grid--12 .col:nth-child(1)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    }
    footer .grid--12 .col:nth-child(2)
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 3;
        grid-column-end: 7;
    }

    footer .grid--12 .col:nth-child(3),
    footer .grid--12 .col:nth-child(5)
    {
        -ms-grid-column: 8;
            grid-column-start: 8;
        -ms-grid-column-span: 5;
        grid-column-end: 13;
    }

    footer .grid--12 .col:nth-child(4)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 6;
        grid-column-end: 7;
    }
    footer nav ul
    {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
    }
}

footer .grid--12 .col:nth-child(4),
footer .grid--12 .col:nth-child(5),
footer .grid--12 .col:nth-child(4) a,
footer .grid--12 .col:nth-child(5) a,
footer .grid--12 .col:nth-child(4) .textarea,
footer .grid--12 .col:nth-child(5) .textarea
{
    color: var(--gray);
}


footer .grid--12 .col:nth-child(5) a.link[target="_blank"]::after
{
    background-image: url("data:image/svg+xml,%3Csvg class='icon icon--arrow' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 26 26'%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%23acacac' points='1.5 .5 1.5 4.5 18.7 4.5 .7 22.5 .7 22.5 3.5 25.3 21.5 7.3 21.5 24.5 25.5 24.5 25.5 .5 1.5 .5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 768px)
{
    footer.main--footer .block--social
    {
        height: calc( var(--xs) * 2 * 1.25);
    }    
}

footer.main--footer .bg--black a:not(:has(svg))
{
    -webkit-transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
    -o-transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
    transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
    cursor: pointer;
}
footer.main--footer .bg--black a:not(:has(svg)):hover 
{
    opacity: .4;
}

footer.main--footer .opening-hours li span
{
    display: block;
}

/* ================================================ */
/* Atoms */
/* ================================================ */
/*
/* =================================== */
/* logo.php */
/* =================================== */
.main--logo
{
    display: block;
    width: 4rem;
    height: auto;
}
@media (min-width: 768px)
{
    .main--logo
    {
        width: 3rem;
    }    
}

/* =================================== */
/*  textarea.php */
/* =================================== */
.textarea
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.textarea > p + p,
.textarea > p + ul,
.textarea > ul + p,
.textarea > ol + p
{
    padding-top: 1em;
}
.textarea ul
{
    padding-left: .9em;
}
.textarea ol
{
    padding-left: 1.35em;
}
.textarea ul li 
{
    list-style: outside;
    line-height: inherit;
}
.textarea ol li
{
    list-style: decimal;
    line-height: inherit;
}

@media (min-width: 768px)
{
    .textarea.wysiwyg.ty--l
    {
        max-width: 21em;
    }
}

/* =================================== */
/*  wysiwyg.php */
/* =================================== */
.wysiwyg p + figure,
.wysiwyg figure + p,
.wysiwyg img + img
{
    padding-top: var(--pad);
}
.wysiwyg img
{
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wysiwyg strong
{
    font-weight: 700;
}

.wysiwyg a 
{
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: .075em;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
    -o-transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
    transition: opacity .3s cubic-bezier(.65, 0, .076, 1);
}
.wysiwyg a:hover
{
    opacity: .5;
}


/* =================================== */
/* tag.php */
/* =================================== */
.tag
{
    display: inline-block;
    padding: .2em .75em .25em .75em;
    color: var(--white);
    border-radius: .75em;
}

/* ================================================ */
/* Molecules */
/* ================================================ */
/*
/* =================================== */
/*  block--bread.php */
/* =================================== */
nav.block--bread 
{
    padding-top: .2em;
    padding-left: .1em;
}
@media (min-width: 768px)
{
    nav.block--bread
    {
        padding-top: 0px;
    }
}
nav.block--bread ol li,
nav.block--bread ol span
{
    display: inline-block;
}

nav.block--bread ol li,
nav.block--bread ol li + span
{
    padding-right: .3em;
}


/* =================================== */
/*  block--filters.php */
/*  Part of section--filters-events.php */
/* =================================== */
section.section--filters
{
    padding-top: var(--pad);
    overflow-x: hidden;
}
section.section--filters > div.wrapper
{
    padding-left: var(--pad);
    padding-right: var(--pad);
    overflow-x: scroll;
}
.block--filters
{
    display: inline-block;
}
@media (max-width: 767px)
{
    section.section--filters
    {
        padding-top: calc(var(--pad)*1.5);
        padding-right: 0;
    }
}

form,
form select,
form input,
form span,
form option,
form label,
.filters--entrance,
.filters--clear,
.filters li
{
    font-size: var(--xs);
    line-height: 1.25em;
    letter-spacing: -0.02em;
    font-weight: 700;
}

form select
{
    padding: .3em 2em .35em .6em;
    
    max-width: 200px;
    width: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    /* Remove native arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-repeat: no-repeat;
    background-position: right .6em center;
    background-size: .8em auto;

    border-radius: .3em;

    white-space: nowrap;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 

/*
Date input
*/
form.filters--date input
{
    position: relative;
    margin-left: 6px;
    padding: .3em .4em .35em .6em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    border-radius: .3em;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 7'%3E%3Cpolyline points='1.05 .75 6 5.67 10.96 .75' fill='none' stroke='%23272727' stroke-miterlimit='10' stroke-width='1.5px' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .6em center;
    background-size: .8em auto;

    white-space: nowrap;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 768px)
{
    form.filters--date input
    {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 7'%3E%3Cpolyline points='1.05 .75 6 5.67 10.96 .75' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.5px' /%3E%3C/svg%3E"); 
    }

}
form.filters--date input::-webkit-calendar-picker-indicator 
{
    display: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
form input[type="text"]
{
    margin-left: 0;
}
/*
*/

/* NOTE: Firefox needs a little reset */
input::-moz-focus-inner 
{
    border: 0;
}

form.filters--date
{
    gap: 0;
}
form.filters--date label.flex--all
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: .4em;
}
form label + label
{
    padding-left: var(--pad);
}
/*
*
COLORS
*
*/
form select
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 7'%3E%3Cpolyline points='1.05 .75 6 5.67 10.96 .75' fill='none' stroke='%23272727' stroke-miterlimit='10' stroke-width='1.5px' /%3E%3C/svg%3E");
}
form select,
form input
{
    color: var(--black);
    background-color: var(--gray-light);
}
@media (min-width: 768px)
{
    form select
    {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 7'%3E%3Cpolyline points='1.05 .75 6 5.67 10.96 .75' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.5px' /%3E%3C/svg%3E");    
    }
    form select,
    form input
    {
        color: var(--white);
        background-color: var(--black);
    }
    /* NOTE: remove default styling on WebKit (Chrome, Safari, Edge) */
    input::-webkit-calendar-picker-indicator 
    {
      -webkit-filter: invert(1);
      filter: invert(1); /* NOTE: inverts the calendar icon */
    }    
}
/*
*/

.filters--entrance.flex--all
{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: .3em;
}
.filters--entrance::before
{
    content: '';
    display: inline-block;
    border: 1px solid var(--black);
    border-radius: 100%;
    width: .75em;
    height: .75em;
    font-size: inherit;
    line-height: inherit;
}
.filters--entrance.active::before
{
    border-color: var(--green);
    background-color: var(--green);
}
.filters--entrance:hover::before,
.filters--entrance.active:hover::before
{
    border-color: var(--turquoise);
    background-color: var(--turquoise);    
}
.filters--clear
{
    padding: .3em .6em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--black);
    background-color: var(--white);
    border: 1px solid var(--black);
    border-radius: .3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
} 
.filters--clear:hover
{
    background-color: var(--turquoise);
    border-color: var(--turquoise);    
}


/*
Jquery Datepicker 
 */
.ui-datepicker,
.ui-datepicker-calendar,
.ui-datepicker-header
{
   font-size: var(--xxs); 
   line-height: 1.2em;
   text-align: center;
}
.ui-datepicker
{
    display: none;
    position: absolute;
    float: left;
    padding: var(--gut);
    margin: .5em 0 0 0;
    min-width: 140px;
    list-style: none;
    color: var(--black);
    background-color: var(--gray-light);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.ui-datepicker .ui-datepicker-header
{
    position: relative;
    padding-bottom: .5em;
}
.ui-datepicker-title
{
    font-weight: 700;
}
.ui-datepicker-calendar
{
    margin-top: .5em;
}
.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td
{
    padding: .25em;
}
.ui-datepicker-calendar tbody td[data-handler="selectDay"]:has(> a.ui-state-active)
{
    background-color: var(--turquoise);
    border-radius: 4px;
}
.ui-datepicker-title select
{
    height: auto;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next 
{
    position: absolute;
    top: 0;
}
.ui-datepicker .ui-datepicker-prev 
{
    left: 2px;
}
.ui-datepicker .ui-datepicker-next 
{
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover 
{
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover 
{
    right: 1px;
}


/*
.ui-datepicker .ui-datepicker-title 
{
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select 
{
    font-size: 1em;
    margin: 1px 0;
}
*/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year 
{
    width: 45%;
}
.ui-datepicker table 
{
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
}
.ui-datepicker th 
{
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td 
{
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a 
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane 
{
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button 
{
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current 
{
    float: left;
}
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
/*
*/


/* =================================== */
/*  block--accordion.php */
/* =================================== */
details summary::-webkit-details-marker 
{
  display:none;
}
details summary::marker 
{
  content: "";
}
::-webkit-details-marker 
{   
   display: none; 
}

.block--accordion
{
    padding-top: var(--pad);
}
.block--accordion details
{
    position: relative;
    border-top: 1px solid #707070;
}

.block--accordion details summary
{
    position: relative;
    padding: .45em 0 .8em 0;
    -webkit-transition: padding .35s cubic-bezier(.65, 0, .076, 1);
    -o-transition: padding .35s cubic-bezier(.65, 0, .076, 1);
    transition: padding .35s cubic-bezier(.65, 0, .076, 1);
    cursor: pointer;
    z-index: 100;
}
.block--accordion details summary:hover
{
    padding: .7em 0 1em 0;
}
.block--accordion details summary::after 
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    height: 15px;
    width: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cline y2='20' transform='translate(10 0)' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cline y2='20' transform='translate(20 10) rotate(90)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.block--accordion details[open] summary::after
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cline y2='20' transform='translate(20 10) rotate(90)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");    
}
.block--accordion details[open] summary + div
{
    position: relative;
    padding-top: 0;
    padding-bottom: calc(var(--pad)*1.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
}
@media (min-width: 768px)
{
    .block--accordion details[open] summary + div.col
    {
        padding-bottom: 0;
        padding-left: 50%;
        -webkit-transform: translateY(calc((var(--l) * 1.1) * -1));
        -ms-transform: translateY(calc((var(--l) * 1.1) * -1));
        transform: translateY(calc((var(--l) * 1.1) * -1));
    }
}
.block--accordion details[open] summary + div.col .textarea
{
    padding-right: 1.5em;
}



/* =================================== */
/* block--social.php */
/* =================================== */
.block--social > a
{
    display: inline-block;
    padding-right: var(--gut);
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.block--social > a,
.block--social svg
{ 
    width: 28px; 
    height: 28px;
} 
.block--social svg
{
    fill: var(--white);
}
.block--social svg path
{
    fill: var(--white); 
} 
.block--social > a
{
    display: inline-block;
}
.block--social > a:not(:last-child)
{
    padding-right: var(--gut);
}



/* =================================== */
/* block--switch-layout.php */
/* =================================== */
.block--switch.switch--layout a.view-toggle.active 
{
  text-decoration: underline;
}
.block--switch.switch--layout a.view-toggle:focus 
{
  outline: 2px solid var(--gray);
  outline-offset: 2px;
}




/* =================================== */
/*  card--event.php */
/*  card--post.php */
/*  card--space.php */
/* =================================== */
.card
{ 
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.card:hover
{
    cursor: pointer;
}
.card .thumb
{
    display: block;
    border-radius: .5rem;
    overflow: hidden;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;
    scale: 1;

    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: scale .45s cubic-bezier(.65, 0, .076, 1);
    -o-transition: scale .45s cubic-bezier(.65, 0, .076, 1);
    transition: scale .45s cubic-bezier(.65, 0, .076, 1);
}
@media (min-width: 768px)
{
    .card .thumb
    {
        border-radius: 1rem;
    }   
    .card:hover .thumb
    {
        scale: .85;
    }
}
.card .thumb + .info
{
    padding-top: calc(var(--pad)/1.5);
}
.card .info .time,
.card .info .date
{
    padding-top: .15em; /* NOTE: optical fix */
}
.card .info .title + .subtitle
{
    padding-top: .2em;
}
.card .info blockquote
{
    padding-top: .3em;
}
.card .info blockquote + .date--wrapper,
.card .info .subtitle + .date--wrapper
{
    padding-top: .8em;
}

.card .ty--n
{
    line-height: 1.2em;
}

@media (max-width: 767px)
{
    .card .grid--mbl.grid--2 .thumb + .info
    {
        padding-top: 0;
    }
}


/*
Highlighted card
*/
.card.highlighted::after 
{
    content: 'In evidenza';
    position: absolute;
    top: calc(var(--gut)/1.5);
    left: calc(var(--gut)/1.5);
    padding: .25em .6em .3em .6em;
    font-size: var(--xxs);
    color: var(--white);
    background: var(--red);
    border-radius: .5em;
}
/*
*/

/* card--post  */
.card.card--post > a 
{
    position: relative;
}
.card.card--post > a > .tag
{
    position: absolute;
    top: calc(var(--gut)/2);
    left: calc(var(--gut)/2);
    z-index: 100;
}
@media (min-width: 768px)
{
    .card.card--post > a > .tag
    {
        top: var(--gut);
        left: var(--gut);       
    }   
}

/*
================================
block--banner.php
*/
.block--banner
{
    position: relative;
}
.block--banner.full > a,
.section--banner.full .block--banner.full > a
{
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.block--banner .img--bg 
{
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 0;
}
.block--banner .info
{
    position: relative;
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    color: var(--white);

    background-color: rgba(0, 0, 0, .3);

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
}
/* NOTE: avoid white buggy line */
.block--banner.full .ratio img
{
    height: 101%;
}

/*
================================
block--slider.php
*/
.block--slider
{
    padding-top: var(--pad-big);
    padding-bottom: var(--pad);
}
.block--slider .slider 
{
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slider .slider--container
{
    position: relative;
    padding-right: var(--pad);
}
@media (min-width: 1024px)
{
    .slider .slider--container
    {
        padding-left: .4rem;
    }   
}

.slider .slider--wrapper
{    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;

    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */


    -webkit-transition: -webkit-transform 0.3s cubic-bezier(.65, 0, .076, 1);
    transition: -webkit-transform 0.3s cubic-bezier(.65, 0, .076, 1);
    -o-transition: transform 0.3s cubic-bezier(.65, 0, .076, 1);
    transition: transform 0.3s cubic-bezier(.65, 0, .076, 1);
    transition: transform 0.3s cubic-bezier(.65, 0, .076, 1), -webkit-transform 0.3s cubic-bezier(.65, 0, .076, 1);
    transition: transform 0.3s ease, -webkit-transform 0.3s cubic-bezier(.65, 0, .076, 1);
}
.slider .slider--wrapper:not(.swiper-wrapper)
{
    overflow-x: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.slider .slider--wrapper ::-webkit-scrollbar 
{
    display: none;
}

.slider .slider--wrapper:focus,
.slider .card:focus
{
    cursor: grabbing;
}

/* Base slide styling */
.slider .card
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* Allow slides to take their width based on image */
    -ms-flex-negative: 0;
    flex-shrink: 0; /* Prevent slides from shrinking */
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;

    -webkit-box-align: center;
    -ms-flex-align: center;

    padding-left: var(--gut);

    scroll-snap-align: start;

    -webkit-transition: width 0.3s cubic-bezier(.65, 0, .076, 1);
    -o-transition: width 0.3s cubic-bezier(.65, 0, .076, 1);

    transition: width 0.3s cubic-bezier(.65, 0, .076, 1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    /* Override width via JS */

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    cursor: grab;
}
.slider--highlights .slider .card
{
    padding-right: var(--pad);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.slider .card figure,
.slider.card picture
{
    display: block; /* Prevent inline spacing */
    width: 100%;
    height: auto;
}

/*
Btn
*/
.slider .slider--btns
{
    position: absolute;
    top: 50%;
    left: 0;

    padding: 0 var(--pad);
    
    width: 100%;
    height: auto;

    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.slider .slider--btn
{
    display: block;

    padding: 0;
    margin: 0;

    width: 30px;
    height: 30px;

    background-color: var(--white);

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 100%;

    -webkit-transition: scale .4s cubic-bezier(.65, 0, .076, 1);

    -o-transition: scale .4s cubic-bezier(.65, 0, .076, 1);

    transition: scale .4s cubic-bezier(.65, 0, .076, 1);

    cursor: pointer;
    z-index: 9999;
}
.slider .slider--btn + .slider--btn
{
    margin-left: var(--pad);
}
.slider .slider--btn > svg 
{
    display: block;
    margin: auto;
    max-height: 50%;
}
.slider--btn.slider--btn-prev.swiper-button-prev svg
{
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.slider .slider--btn.swiper-button-disabled
{
    opacity: 0;
    pointer-events: none; /* Prevent user interaction */
    cursor: not-allowed;
}
.slider .slider--btn > span
{
    display: none;
}
.slider .slider--btn:hover 
{
    scale: 1.3;
}


/* 
Swiper only 
*/
.swiper-container 
{
    width: 100%;
    height: 100%;
}
.swiper-slide
{
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



/* =================================== */
/* section--slider-highlights.php */
/* =================================== */
.slider--highlights
{
    padding: var(--pad) 0;
}
.slider--highlights .block--slider
{
    padding-top: 0;
}
.slider--highlights article
{
    gap: var(--gut);
}
.slider--highlights article picture
{
    display: block;
    width: 140px;
    height: 140px;
}
.slider--highlights .slider--nav 
{
    padding-top: var(--pad);
    padding-left: var(--pad);
}
.section--slider.slider--highlights .slider .slider--btns
{
    position: relative;
    top: auto;
    left: auto;
    margin-right: 0;
    margin-left: auto;
    padding: 0;
    padding-right: .3em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    scale: .7;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.slider--highlights .slider--btn
{
    background-color: var(--black);
}
.slider--highlights .slider--btn + .slider--btn
{
    margin-left: 0;
}
.slider--highlights .slider--btn svg path
{
    fill: var(--white);
}

/* NOTE: special behaviour for mobile */
@media (max-width: 599px)
{
    .slider--highlights .slider article.card
    {
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .slider--highlights .slider article.card .tag + .subtitle
    {
        padding-top: .5em;
    }
    .slider--highlights .slider article.card .col:has( > .thumb.ratio),
    .slider--highlights .slider article.card .col > .thumb.ratio
    {
        width: 100%;
    }
    .slider--highlights .slider article.card .thumb.ratio 
    {
        padding-bottom: 60%;
    }
}
/*
*/

/* =================================== */
/* block--boxed.php */
/* block--hours.php */
/* =================================== */
.bg--white .block--boxed > .wrapper
{
    background-color: var(--gray-light);
}

.bg--black .block--boxed > .wrapper
{
    border: 1.4px solid var(--white);
}
.bg--turquoise .block--boxed > .wrapper
{
    border: 1px solid var(--black);
}
.block--boxed > .wrapper
{
    padding: .75rem 2rem .75rem .75rem;
}
ol.block--hours,
ol.block--hours li
{
    padding-left: 0;
    line-height: inherit;
    font-size: inherit;
    list-style: none;
}
@media (min-width: 768px) 
{
    ol.block--hours li > span {
        display: inline-block;
    }
}
.block--hours svg
{
    display: block;
    height: 24px;
    width: 24px;
}
.block--hours ul li span
{
    display: block;
}
.block--hours ul li span:nth-child(even)
{
    padding-top: .1rem;
}
.block--boxed p + ul,
.block--hours ul,
.block--hours ul li + li
{
    padding-top: .5em;
}

.block--boxed ul + a
{
    padding-top: 1em;
}

@media (min-width: 768px)
{
    .col + .col > .block--boxed
    {
        padding-top: calc(var(--xl) + var(--pad));
    }
}

.block--boxed a
{
    display: block;
}

.block--boxed li a
{
    line-height: 1.3em;
}


/* =================================== */
/* block--btn.php */
/* block--link.php */
/* =================================== */
.block--btn
{
    display: inline-block;
    cursor: pointer;
}
.bg--black .block--btn > .btn,
.bg--black .block--link > a.btn
{
    border: 1.4px solid var(--white);
}
.bg--turquoise .block--btn > .btn,
.bg--turquoise .block--link > a.btn
{
    border: 1px solid var(--black);
}
.bg--black .block--btn button,
.bg--black .block--link a.btn span
{
    color: var(--white);
}
.block--btn .btn:not(.ratio):not(.tag) span,
.block--link a.btn > span,
.block--file .btn span
{
    padding: calc( var(--gut) / 1.5 ) var(--gut);
}
@media (min-width: 768px)
{
    .block--btn .btn:not(.ratio):not(.tag) span,
    .block--link a.btn > span,
    .block--file .btn span
    {
        padding: calc( var(--gut) / 1.5 ) var(--pad);
    }
}

.block--btn a.link,
.block--link a.link
{
    text-decoration: none;
}
.block--btn a.link[target="_blank"]::after,
.block--link a.link[target="_blank"]::after
{
    content: none;
}

/* Hover */
.bg--turquoise .block--btn:hover > .btn,
.bg--turquoise .block--link:hover > .btn
{
    color: var(--turquoise);
    background-color: var(--black);
}
.bg--black .block--btn:hover > .btn,
.bg--black .block--link:hover > a.btn
{
    color: var(--black);
    background-color: var(--white);
}
.bg--black .block--btn:hover button span,
.bg--black .block--link:hover a.btn > span
{
    color: var(--black);
}


/* =================================== */
/* block--btns.php */
/* =================================== */
.block--btns.flex--all
{
    gap: calc(var(--gut)/2);
}
@media (min-width: 768px)
{
    .block--btns.flex--all
    {
        gap: var(--gut);
    }    
}
.block--btns .col .btn
{
    margin-top: calc(var(--gut)/2);
}
.block--btns .col:first-child .btn
{
    margin-right: calc(var(--gut)/2);
}
@media (min-width: 768px)
{
    .block--btns .col:first-child .btn
    {
        margin-right: var(--gut);
    }
    .block--btns .col .btn
    {
        margin-top: 0;
    }
}


/* =================================== */
/* block--btn-goto.php */
/* =================================== */
button.icon--arrow-goto
{
    position: relative;
    display: inline-block;

    margin-left: .2em;

    vertical-align: middle;

    width: calc( var(--xl) / 1.4 );
    height: calc( var(--xl) / 1.4 );

    font-size: var(--xl);
    line-height: 1em;
    
    scale: 1;

    -webkit-transition: scale .4s cubic-bezier(.65, 0, .076, 1);
    -o-transition: scale .4s cubic-bezier(.65, 0, .076, 1);
    transition: scale .4s cubic-bezier(.65, 0, .076, 1);

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    cursor: pointer;
}
@media (min-width: 768px)
{
    button.icon--arrow-goto
    {
        width: calc( var(--xl) / 1.5 );
        height: calc( var(--xl) / 1.5 );    
    }
}
@media (min-width: 1024px)
{
    button.icon--arrow-goto
    {
        width: calc( var(--xl) / 2 );
        height: calc( var(--xl) / 2 );        
    }
}
button.icon--arrow-goto:hover 
{
    scale: 1.2;
    cursor: pointer;
}
button.icon--arrow-goto .circle 
{
    display: inline-block;

    position: absolute;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
    
    color: var(--white);
    background: var(--black);
    border-radius: 100%;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);
}
button.icon--arrow-goto .circle .icon 
{
    position: absolute;
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.668' height='27.31' viewBox='0 0 31.668 27.31'%3E%3Cg transform='translate(0 1.057)'%3E%3Cpath d='M-14666.491-11932.008l12.207,12.3-12.207,12.926' transform='translate(14683.864 11932.008)' fill='none' stroke='%23f5f5f5' stroke-width='3'/%3E%3Cpath d='M-14641.008-11922.932h-29.619' transform='translate(14670.627 11935.437)' fill='none' stroke='%23f5f5f5' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    scale: .5;
}
/*
*/



/* =================================== */
/* block--list.php */
/* =================================== */
ul.block--list
{
    padding-left: .9em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
ul.block--list li
{
    list-style: disc;
}


/* =================================== */
/* block--pagination.php */
/* =================================== */
nav.block--pagination:empty
{
    display: none;
}
nav.block--pagination
{
    display: block;
    margin: auto;
    padding-top: var(--pad-big);
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.block--pagination li
{
    display: inline-block;
    padding-right: .75em;
}
.block--pagination li span
{
    display: inline-block;
}
.block--pagination .current span
{
    text-decoration: underline;
}

/* =================================== */
/* block--trekksoft.php */
/* =================================== */
.btn--book-custom ::part(trekksoft-booking-widget-button) 
{
    display: inline-block;
    margin-top: var(--pad);
    padding: .5em 1em .55em 1em;
    font-family: "Inter", "Helvetica", "Arial", sans-serif;
    font-size: var(--xs);
    line-height: 1em;
    font-weight: 700;
    text-transform: none;
    border-radius: .6rem;
    -webkit-transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
    -o-transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
    transition: background-color .2s cubic-bezier(.65, 0, .076, 1);
}
.btn--book-custom
{
    padding-bottom: var(--pad);
}


/* ====================================================================================== */
/* Partials */
/* ====================================================================================== */
/*
/* =================================== */
/*  section--hero.php */
/* =================================== */
.section--hero:has(> .block--img)
{
    padding-right: 0;
    padding-left: 0;
    /*padding: var(--pad-big) var(--pad) 0 var(--pad);*/
}
.section--hero:not(.hero--narrow):has(> .block--img) > .block--bread,
.section--hero:not(.hero--narrow):has(> .block--img) > .block--title
{
    padding-right: var(--pad);
    padding-left: var(--pad);    
}
.section--hero .block--bread + .block--title,
.section--hero .block--title + .block--link
{
    padding-top: .3em;
}
@media (min-width: 768px)
{
    .section--hero .block--title + .block--link
    {
        padding-top: .1em;
    }
}

.section--hero .block--title > .title.ty--xl
{
    max-width: 15em;
}

.section--hero .title + .subtitle
{
    padding-top: .3em;
}
@media (min-width: 768px)
{
    .section--hero .title + .subtitle.ty--n
    {
        max-width: 22em;
    }
}
.section--hero .block--title + .block--img,
.section--hero .block--title + .block--btns
{
    position: relative;
    padding-top: var(--pad);
}
.section--hero .block--btns + .block--img
{
    padding-top: var(--pad-big);
}
.section--hero figcaption
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .5em 1em;
    margin-left: var(--gut);
    margin-bottom: var(--gut);
    color: var(--black);
    background-color: var(--white);
}


/* =================================== */
/*  section--img.php */
/* =================================== */
.section--img.full + .page--content.section--content.full,
header.head--main.bg--black + main > .section--img.full
{
    margin-top: -1px;
}


/* =================================== */
/*  section--cta.php */
/* =================================== */
.section--cta .block--title
{
    font-size: var(--xl);
    line-height: .95em;
}
@media (min-width: 768px)
{
    .section--cta .block--title
    {
        max-width: calc( var(--xl) * 14);
    }
}

.section--cta .block--title h1
{
    display: inline;
}

.section--cta > a:hover
{
    cursor: pointer;
}

.section--cta > a:hover button.icon--arrow-goto
{
    scale: 1.2;
}

/* =================================== */
/*  section--hero-series.php */
/* =================================== */
.section--hero.hero--series .row + .row > .block + .block
{
    padding-top: .8em;
}
@media (min-width: 768px)
{
    .section--hero.hero--series.flex--dsktp
    {
        padding-bottom: var(--pad);
        height: calc( 100vh - var(--head-h) );
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
}


/* =================================== */
/*  section--order.php */
/* =================================== */
.page--content.section--order form label:has(+ select)
{
    padding-right:.4em;
}
@media (max-width: 767px)
{
    .page--content.section--order 
    {
        padding-top: var(--pad);
    }
    .page--content.section--order .block--filters + .block--link
    {
        padding-top: var(--pad);
    }
}


/* =================================== */
/*  section--content.php */
/* =================================== */
.page--content.section--content
{
    padding-bottom: var(--pad-big);
}
.page--content.section--content:not(.cols--list):not(.content--event):has(+ .full)
{
   padding-bottom: 0;
}
.section--content .block--textarea + .block--date
{
    padding-top: var(--pad);
}
.section--content > .block--cols-2 .block--series > a.link
{
    display: block;
}

@media (min-width: 768px)
{
    .section--content > .block--cols-2 > .grid--dsktp.grid--12 > .col:nth-child(1)
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 4;
        grid-column-end: 5;
    }
    .section--content > .block--cols-2 > .grid--dsktp.grid--12 > .col:nth-child(2)
    {
        -ms-grid-column: 6;
            grid-column-start: 6;
        -ms-grid-column-span: 7;
        grid-column-end: 13;
    }
    .section--content .grid.grid--2 .col .block--title
    {
        padding-right: var(--pad-big);
    }
}
@media (min-width: 1024px)
{
    .section--content > .block--cols-2 > .grid--dsktp.grid--12 > .col:nth-child(1)
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 3;
        grid-column-end: 5;
    }
    .section--content > .block--cols-2 > .grid--dsktp.grid--12 > .col:nth-child(2)
    {
        -ms-grid-column: 6;
            grid-column-start: 6;
        -ms-grid-column-span: 6;
        grid-column-end: 12;
    }
}

.page--content.section--content .col > .block:not(.block--title) + .block:not(.block--bread)
{
    padding-top: var(--gut);
}

.page--content.section--content .col > .block.block--textarea + .block.block--accordion
{
    padding-top: var(--pad-big);
}

.page--content.section--content .col > .block.block--textarea + .block.block--file 
{
    padding-top: calc(var(--pad) * 1.3 );
}

.page--content.section--content > .bg--black > .block--slider
{
    padding-bottom: var(--pad);
}


/* =================================== */
/*  section--content-default.php */
/* =================================== */
.page--content.content--default > .pad--inner
{
    padding-top: var(--pad-big);
    padding-bottom: var(--pad-big);
}



/* =================================== */
/*  section--content-cols-list.php */
/* =================================== */
.page--content.section--content.content--cols.cols--list
{
    padding-top: var(--pad-big);
    padding-bottom: var(--pad-big);
}
@media (min-width: 768px)
{
    .page--content.section--content.content--cols.cols--list .grid--dsktp.grid--10.cols--73 > .col + .col > .block--boxed
    {
        padding-top: .1rem;
    }
}
@media (min-width: 1200px)
{
    .page--content.section--content.content--cols.cols--list .grid--dsktp.grid--10.cols--73 > .col + .col > .block--boxed
    {
        padding-top: .3rem;
    }
}

.page--content.section--content.content--cols.cols--list .block--slider
{
    padding-top: var(--pad);
}



/* =================================== */
/*  section--siblings.php */
/*  section--related-events-edu.php */
/*  section--related-events.php */
/* =================================== */
.section--related header + div.grid
{
    padding-top: var(--pad);
}
@media (min-width: 768px)
{
    .section--related header + div.grid:has(article:nth-child(2))
    {
        -ms-grid-columns: 1fr var(--gut) 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .section--related header + div.grid:has(article:nth-child(3))
    {
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}


/* =================================== */
/*  section--children.php */
/* =================================== */
.section--children header + div.grid
{
    padding-top: var(--pad);
    grid-gap: var(--pad-big) var(--gut);
}
@media (min-width: 768px)
{
    .section--children header + div.grid:has(article:nth-child(2))
    {
        -ms-grid-columns: 1fr var(--gut) 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}
@media (min-width: 1600px)
{
    .section--children header + div.grid:has(article:nth-child(3))
    {
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}

/* NOTE: mbl only */
@media (max-width: 767px)
{
    .section--children .card--post .grid--mbl.grid--2 picture
    {
        padding-bottom: 0;
        aspect-ratio: 1 / 1;
    }
    .section--children .card--post .grid--mbl.grid--2 .thumb + .info
    {
        padding-top: 0;
    }
}


/* =================================== */
/*  section--archive-posts.php */
/* =================================== */
.section--archive.archive--posts .grid.grid--2
{
    grid-gap: var(--pad-big) var(--pad);
}


/* =================================== */
/*  section--archive-events.php */
/* =================================== */
.section--archive.archive--events h2 + .events-group
{
    padding-top: calc(var(--pad) / 1.5);
}
.section--archive.archive--events .col:not(:first-child)
{
    padding-top: var(--pad-big);
}
@media(min-width: 768px)
{
    .section--archive.archive--events .col:first-child
    {
        padding-top: var(--pad-big);
    }    
}
.section--archive.archive--events .container--events:has(+ .block--pagination)
{
    padding-bottom: var(--pad);
}

/* Based on the selection the layout switches */
/* ================= */
/* Grid view */
.container--events.view--grid h2:has(+ .events-group)
{
    padding-bottom: calc(var(--pad) / 1.75);
    border-bottom: 1.5px solid #707070;
}
.container--events.view--grid > .flex--dsktp
{
   gap: var(--gut); 
}
.container--events.view--grid .events-group article
{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.container--events.view--grid .events-group article + article
{
    padding-top: var(--pad);
}
@media (min-width: 768px)
{
    .container--events.view--grid .events-group
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start; 
        justify-content: flex-start;
        gap: calc(var(--gut)*2) var(--gut);
        flex-wrap: wrap; /* NOTE: temporary */
    }
    .container--events.view--grid .events-group article
    {
        width: calc( ( 100vw - var(--pad) * 2 - var(--gut) * 3 ) / 4 );
    }
    .container--events.view--grid .events-group article + article
    {
        padding-top: 0;
    }
}

/* ================= */
/* List view */
.container--events.view--list .thumb
{
    display: none;
}
.container--events.view--list h2:has(+ .events-group),
.container--events.view--list h2 + .events-group,
.container--events.view--list .card--event + .card--event
{
    padding-top: calc(var(--pad) / 1.75);
    border-top: 1.5px solid #707070;
}
.container--events.view--list h2:has(+ .events-group)
{
    font-size: var(--n);
    line-height: 1.2em;
    letter-spacing: -0.02em;
    font-weight: 400;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.container--events.view--list h2 + .events-group
{
    width: 75%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.container--events.view--list > .flex--dsktp > .col
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: var(--gut);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media (min-width: 768px)
{ 
    .container--events.view--list .card--event::after
    {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B isolation: isolate; %7D .st1 %7B fill: %23272727; %7D .st2 %7B fill: %23f5f5f5; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='st1' cx='16' cy='16' r='16'/%3E%3Cg class='st0'%3E%3Cg class='st0'%3E%3Cpath class='st2' d='M16.76,21.09l-.88-.86,3.6-3.6h-9.33v-1.25h9.33l-3.6-3.59.88-.88,5.09,5.09-5.09,5.09Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }
}
.container--events.view--list .card--event + .card--event::after
{
    top: calc(var(--pad) / 1.75);
}
.container--events.view--list .card--event + .card--event
{
    margin-top: var(--pad);
}
.container--events.view--list .card--event .thumb + .info
{
    padding-top: 0;
}

.container--events.view--list .card--event .info .title,
.container--events.view--list .card--event .info .time
{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;    
}
@media (min-width: 768px)
{
    .container--events.view--list .card--event .info .title
    {
        display: inline-block;
        width: 72%;
    }
    .container--events.view--list .card--event .info .time
    {
        display: inline-block;
        width: 28%;
    }
}



/* =================================== */
/*  section--blocks-ref.php */
/* =================================== */
.section--blocks-ref > .block-ref
{
    padding-top: var(--pad-big);
}
.section--blocks-ref > .block-ref:nth-child(even)
{
    background-color: var(--gray-light);
}
.section--blocks-ref > .block-ref > .grid.grid--2.pad--inner
{
    padding-top: 0;
    padding-bottom: var(--pad-big);
}
.section--blocks-ref > .block-ref > .grid.grid--2 > .col + .col
{
    padding-top: 0;
}
.section--blocks-ref > .block-ref > .grid--2 + .block--slider
{
    padding-top: var(--pad);
}


/* =================================== */
/*  section--prefooter.php */
/* =================================== */
main:has(.section--prefooter)
{
    padding-bottom: 0;
}

.section--prefooter .grid--4
{
    -ms-grid-columns: 1fr var(--gut) 1fr ;
    grid-template-columns: repeat(2, 1fr);    
    grid-gap: var(--pad-big);
}
@media(min-width: 1024px)
{
    .section--prefooter .grid--4 
    {
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(4, 1fr);
    }
    .section--prefooter .grid--4 .col 
    {
        padding-right: var(--gut);
    }
}

/* NOTE: overwrite def bahaviour */
.section--prefooter .grid.grid--4 > .col + .col 
{
    padding-top: 0;
}

.section--prefooter .wrapper--icon 
{
    width: calc(17.4px * 4); 
    height: calc(17.4px * 4);
}
@media(min-width: 1024px)
{
    .section--prefooter .wrapper--icon 
    {
       width: calc(17.4px * 5); 
       height: calc(17.4px * 5); 
    }
}

.section--prefooter .col svg + div
{
    min-width: calc(1em * 9);
}
@media(max-width: 1199px)
{
    .section--prefooter .grid--4
    {
        grid-gap: var(--pad) var(--gut);
    }
    .section--prefooter .grid--4 .col > .flex--all
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .section--prefooter .col svg + div
    {
        width: 100%;
    }
}

.section--prefooter .icon > path 
{
    fill: var(--black);
} 

.section--prefooter svg
{
    height: 78px;
    max-width: 74px;
}
@media(min-width: 1024px)
{
    .section--prefooter svg
    {
        width: 100%;
        height: 100%;
        max-width: 80px;
        max-height: 80px;
    }    
}
.section--prefooter svg.icon--shop
{
    width: calc(13.4px * 4);
    height: calc(17.4px * 4);
}
.section--prefooter svg.icon--cafe
{
    width: calc(15.4px * 4);
    height: calc(15.4px * 4);
}
.section--prefooter svg.icon--infopoint
{
    width: calc(17.4px * 4);
    height: calc(17.4px * 4);
}
.section--prefooter svg.icon--mail
{
    width: calc(17.4px * 4);
    height: calc(13.4px * 4);
}
@media(min-width: 1024px)
{
    .section--prefooter svg.icon--shop
    {
        width: calc(13.4px * 5);
        height: calc(17.4px * 5);
    }
    .section--prefooter svg.icon--cafe
    {
        width: calc(15.4px * 5);
        height: calc(15.4px * 5);
    }
    .section--prefooter svg.icon--infopoint
    {
        width: calc(17.4px * 5);
        height: calc(17.4px * 5);
    }
    .section--prefooter svg.icon--mail
    {
        width: calc(17.4px * 5);
        height: calc(13.4px * 5);
    }
}

.section--prefooter .col a:hover svg
{
    scale: .8; /* NOTE: overwrite def behaviour */
}


/* =================================== */
/*  section--banner.php */
/*  section--banner-opening.php */
/*  section--banner-alert.php */
/* =================================== */
.section--banner.full:has(.img--bg)
{
    overflow-y: hidden;
}

.section--banner a .ty--undrl::after
{
    content: '';
    display: inline-block;
    margin-left: .4em;
    height: .6em;
    width: .8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.668' height='27.31' viewBox='0 0 31.668 27.31'%3E%3Cg transform='translate(0 1.057)'%3E%3Cpath d='M-14666.491-11932.008l12.207,12.3-12.207,12.926' transform='translate(14683.864 11932.008)' fill='none' stroke='%23fcfcfc' stroke-width='3'/%3E%3Cpath d='M-14641.008-11922.932h-29.619' transform='translate(14670.627 11935.437)' fill='none' stroke='%23fcfcfc' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1);
}
.section--banner a:hover .ty--undrl::after 
{
    translate: 40%;
}

.section--banner > div > p,
.section--banner > div > a
{
    display: inline-block;
    vertical-align: middle;
}
.section--banner > div > p
{
    padding-right: .5em;
}

/* Opening hours */
.section--banner.banner--opening
{
    padding: .4rem var(--pad) .5rem var(--pad);
}
/* Alert */
.section--banner.banner--alert
{
    margin-top: -1px;
}
.section--banner.banner--alert > dialog
{
    padding: .4rem var(--pad) .5rem 0;
}
.section--banner.banner--alert > dialog
{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: none;
}
.section--banner.banner--alert dialog > .wrapper--label
{
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0;
    padding-top: 0;
    width: 65px;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -o-linear-gradient(left,rgba(199, 40, 37,0.25) 0%, rgba(199, 40, 37, 1) 55%), -o-linear-gradient(left,rgba(199, 40, 37,0.25) 0%, rgba(199, 40, 37, 1) 60%);
    background: -webkit-gradient(linear,left top, right top,from(rgba(199, 40, 37,0.25)), color-stop(55%, rgba(199, 40, 37, 1))), -webkit-gradient(linear,left top, right top,from(rgba(199, 40, 37,0.25)), color-stop(60%, rgba(199, 40, 37, 1)));
    background: linear-gradient(90deg,rgba(199, 40, 37,0.25) 0%, rgba(199, 40, 37, 1) 55%), linear-gradient(90deg,rgba(199, 40, 37,0.25) 0%, rgba(199, 40, 37, 1) 60%);

}
@media all and (min-width: 600px)
{
    .section--banner.banner--alert dialog > .wrapper--label
    {
        width: calc(var(--pad)*2 + var(--gut) + 20px);
    }
}
.section--banner.banner--alert dialog > .wrapper--label svg
{
    width: 20px;
    height: 20px;
    fill: var(--white);
    
    -webkit-transform-origin: center;
    
        -ms-transform-origin: center;
    
            transform-origin: center;
    scale: 1;

    -webkit-transition: scale .35s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1);

    -o-transition: scale .35s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1);

    transition: scale .35s cubic-bezier(.65, 0, .076, 1), opacity .3s cubic-bezier(.65, 0, .076, 1);

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section--banner.banner--alert dialog > .wrapper--label svg:hover 
{
    opacity: .6;
    scale: 1.25; 
    cursor: pointer;         
}
.section--banner.banner--alert dialog .popup--content p
{
    padding-left: var(--pad);
}
.section--banner.banner--alert > dialog > div p 
{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;    
    max-width: calc(100% - var(--pad));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;   
    overflow-y: hidden;  
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.section--banner.banner--alert > dialog > div p::after 
{
    content: "";
    display: inline-block;
    width: 30px; /* NOTE: to avoid overlapping with gradient */
}
.popup--content p > span
{
    padding-right: .1em;
}
.popup--close 
{
    position: absolute;  
    top: 50%;
    right: var(--gut);
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);        
    background: transparent; 
    border: none;                   
    -webkit-transition: color .2s;                   
    -o-transition: color .2s;                   
    transition: color .2s;  
}
.toggle-dialog 
{
  display: none;
}
.fake-dialog 
{
  display: block;
  width: 100%;
}
.toggle-dialog:not(:checked) + .fake-dialog 
{
  display: none;
}
.fake-dialog p::-webkit-scrollbar 
{
  display: none;
}





/* =========================================================================== */
/* Pages */
/* =========================================================================== */
/* =================================== */
/*  home.php */
/* =================================== */
@media (max-width: 767px)
{
    [template="home"] h1.title.ty--xl
    {
        font-size: calc(var(--xl) - .1rem);
    }
}
[template="home"] h1.title.ty--xl + button.icon--arrow-goto
{
    margin-left: -1px;
}
[template="home"] .section--hero-home
{
    position: relative;
    width: 100vw;
    height: 75vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media (min-width: 768px)
{
    [template="home"] .section--hero-home
    {
        height: calc( 100vh - ( ( var(--xs) * 1.2 + .5rem + .5rem ) * 2 ) - var(--head-h) + 2px);
    }    
}
[template="home"] .section--hero-home div,
[template="home"] .section--hero-home picture
{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[template="home"] .section--cta.bg--gray-light
{
    padding-bottom: var(--pad-big);
}

[template="home"] .section--content.full + .section--content.full > .bg--turquoise > .pad--inner + .block.block--slider,
[template="home"] .section--content.full > .bg--white > .pad--inner + .block.block--slider

{
    padding-top: var(--pad); /* NOTE: overwrite def behaviour */
    padding-bottom: var(--gut);
}

[template="home"] .section--content.full > .bg--turquoise > .pad--inner,
[template="home"] .section--banner + .section--content.full > .bg--white > .pad--inner
{
    padding-top: var(--pad-big);
}

[template="home"] .section--content.full .col .row > a 
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}


[template="home"] .section--content.full .block--subtitle + button.icon--arrow-goto
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-transform: translate3d(0, .05em, 0);
    transform: translate3d(0, .05em, 0);

    padding: 0;
}
@media(min-width: 768px)
{
    [template="home"] .section--content.full .block--subtitle + button.icon--arrow-goto
    {
        -webkit-transform: translate3d(0, 0 0);
        -ms-transform: translate3d(0, 0 0);
        transform: translate3d(0, 0, 0);    
    }    
}

[template="home"] .section--content.full .col .row > a:hover button.icon--arrow-goto
{
    scale: 1.2;
}

[template="home"] .section--content.full .block--subtitle:has( + button.icon--arrow-goto) 
{
    display: inline-block;
}

[template="home"] .section--content.full .bg--turquoise button.icon--arrow-goto .circle .icon
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.668' height='27.31' viewBox='0 0 31.668 27.31'%3E%3Cg transform='translate(0 1.057)'%3E%3Cpath d='M-14666.491-11932.008l12.207,12.3-12.207,12.926' transform='translate(14683.864 11932.008)' fill='none' stroke='%239abab9' stroke-width='3'/%3E%3Cpath d='M-14641.008-11922.932h-29.619' transform='translate(14670.627 11935.437)' fill='none' stroke='%239abab9' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}



/* =================================== */
/*  p--palace.php */
/* =================================== */
[template="p--palace"] .page--content.content--default.full > .pad--inner + .block.block--slider
{
    padding-top: var(--pad);
}


/* =================================== */
/*  p--archive-events.php */
/* =================================== */
@media (max-width: 767px)
{
    [template="p--museum"] .section--content.content--cols.cols--list.full:has(+ .section--content.section--blocks-ref.full)
    {
        padding-bottom: 0;
    }
}


/* =================================== */
/*  p--archive-events.php */
/* =================================== */
[template="p--archive-events"] main 
{
    padding-bottom: var(--pad-big);
}


/* =================================== */
/*  p--archive-series.php */
/* =================================== */
[template="p--archive-series"] main
{
    padding-bottom: var(--pad-big);
}


/* =================================== */
/*  t--event.php */
/* =================================== */
[template="t--event"] .section--hero
{
    padding-right: var(--pad);
    padding-left: var(--pad);
}
@media(min-width: 768px)
{
    [template="t--event"] .section--hero
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-gap: 0 var(--gut);
        -ms-grid-columns: 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr var(--gut) 1fr;
        grid-template-columns: repeat(12, 1fr);
    }
    [template="t--event"] .section--hero > *
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
}


/* =================================== */
/*  t--series.php */
/* =================================== */
[template="t--series"] .page--content.section--content .block--img + .block--textarea
{
    padding-top: var(--pad-big);
}

@media(max-width: 767px)
{
    [template="t--series"] .page--content.section--content 
    {
        padding-top: 0;
    }
    [template="t--series"] .card .thumb + .info 
    {
        padding-top: 2px;
    }
}


/* =================================== */
/*  p--archive-blog.php */
/* =================================== */
[template="p--archive-blog"] main
{
    padding-bottom: var(--pad-big);
}


/* =================================== */
/*  t--post.php */
/* =================================== */
[template="t--post"] .section--content + .section--related.full
{
    padding-top: var(--pad-big);
}

@media(max-width: 767px) 
{
    [template="t--post"] .section--content .block--textarea.textarea--wysiwyg .textarea.wysiwyg.ty--n > *
    {
        line-height: 1.3em;
    }
}


/* =================================== */
/* t--space.php */
/* =================================== */
[template="t--space"] .section--content.content--default.full > .pad--inner + .block--slider
{
    padding-top: 0;
}
[template="t--space"] .section--content.content--default.full:has(.pad--inner + .block--slider) + .section--banner.full
{
    padding-top: var(--gut);
}


/* =================================== */
/* t--basic.php */
/* =================================== */
[template="t--basic"] .section--prefooter
{
    padding-top: var(--pad-big);
}


/* =================================== */
/*  t--offer.php */
/* =================================== */
[template="t--offer"] .page--content.section--content:has(+ .section--prefooter)
{
    padding-bottom: var(--pad-big);
}


/* =================================== */
/* =================================== */
/* Btn edit frontend */
/* =================================== */
#frontend-edit
{
    position: fixed;
    bottom: 0;
    right: 0;
    padding: .5em 1em;
    background-color: var(--blue);
    font-size: 14px;
    line-height: 1em;
    z-index: 999;
}
#frontend-edit > a
{
    color: var(--white);
    font-size: 16px;
    line-height: 1em;
}
/*
*/
/* =================================== */
/* Cookie banner */
/* =================================== */
.privacywire-wrapper
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    box-sizing: border-box;
}
.privacywire-wrapper .privacywire
{
    padding: var(--pad);
}
.privacywire-wrapper .privacywire,
.privacywire-wrapper .privacywire .privacywire-header,
.privacywire-wrapper .privacywire .privacywire-body,
.privacywire-wrapper .privacywire .privacywire-text,
.privacywire-wrapper .privacywire .privacywire-text p,
.privacywire-wrapper .privacywire .privacywire-buttons button,
.privacywire-wrapper .privacywire .privacywire-page-links .privacywire-page-link
{
    font-size: 14px;
    line-height: 1.15em;
}
.privacywire-wrapper .privacywire .privacywire-header
{
    font-weight: 700;
}
.privacywire-wrapper .privacywire .privacywire-text ul,
.privacywire-wrapper .privacywire .privacywire-page-links
{
    padding-top: 1em;
}
.privacywire-wrapper .privacywire .privacywire-page-links .privacywire-page-link
{
    font-weight: 700;
    text-decoration: underline;
}
.privacywire-wrapper .privacywire .privacywire-buttons button
{
    display: inline-block;
    padding: .3em .6em;
    margin-top: 1em;
    margin-right: .2em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: var(--gray-light);
    border-radius: .2rem;
    cursor: pointer;
}
.privacywire-wrapper .privacywire .privacywire-buttons button:hover
{
    color: var(--white);
    background-color: var(--black);
}
.privacywire-wrapper .privacywire .privacywire-buttons button + button
{
    
}
/*
*/