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

/* for titles */
@font-face {
  font-family: 'aut';
  src: url(../assets/font/aut/autostrada.woff);
}
/* for text */
@font-face {
  font-family: 'reg';
  src: url(../assets/font/soe/soehne-buch.woff2);
}
@font-face {
  font-family: 'italic';
  src: url(../assets/font/soe/soehne-buch-kursiv.woff2);
}
@font-face {
  font-family: 'bold';
  src: url(../assets/font/soe/soehne-kraftig.woff2);
}


/*
=====================================
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(--yellow); /* WebKit/Blink Browsers */
}

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


/*
=====================================
General Styling
=====================================
*/
:root {
    /* Layout */
    --pad-slim: .9rem; /* Same as pad (mbl only) */
    --pad: .9rem;
    --pad-mid: 2rem; 
    --pad-big: 4rem; /* Same as main (mbl only) */

    --pad-main: 4rem; /* Main top only */

    /* Type */
    --s: 1rem;
    --n: 1.35rem;
    --m: 2.2rem;
    --l: 3rem;
    --xl: 4rem;
    --xxl: 5rem;

    --mn: 2.2rem; /* NOTE: used in archive */

    /* Colors */
    --white: #FFFFFF;
    --black: #000000;
    --gray: #999999;
    --gray-pale: #EAEAEA;
    --pink-pale: #FCF3F1;
    --pink-soft: #FFDEE0;
    --pink-strong: #FFC7E8;
    --violet: #D17AFF;
    --orange: #FF7C5E;
    --yellow: #FFD44C;
    --green: #32AE7B;
    --blue: #5e9eff;

    /* Burger */
    --burger-w: 30px;

}
@media(min-width: 768px)
{
  :root {
    --pad-slim: .5rem;
    --pad: 1rem;
    --pad-big: 6rem;

    --pad-main: 4rem; /* Main top only */

    --s: .95rem;
    --n: 1.125rem;
    --m: 2rem;
    --l: 3.33rem;
    --xl: 4rem;
    --xxl: 6rem;

    --mn: 1.75rem;

    --burger-w: 40px;
  }
}
@media(min-width: 1280px)
{
  :root {
    --pad-main: 5rem; /* Main top only */

    --s: 1rem;
    --n: 1.333rem;
    --m: 2.5rem;
    --l: 3.3rem;
    --xl: 5rem;
    --xxl: 8.333rem;

    --mn: 1.8rem;
  }
}
@media(min-width: 1400px)
{
  :root {
    --s: .9rem;
    --n: 1.24rem;
    --m: 2.666rem;
    --xxl: 7.5rem;
  }
}

html 
{
    width: 100%;
    height: 100%;
    font-size: calc(14px + .05vw);

    background-color: var(--gray-pale);

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

    scroll-behavior: smooth;
}
@media(min-width: 768px)
{
    html 
    {
        font-size: calc(18px + .1vw);
    }
}
@media(min-width: 1280px)
{
    html 
    {
        font-size: calc(18px + .05vw);
    }
}
@media(min-width: 1400px)
{
    html 
    {
        font-size: calc(20px + .1vw);
    }
}

body {
    margin: 0;
    width: 100%;
    height: 100%;
    /* Font */
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.2em;
    font-weight: 400;
    font-size: var(--n);
    color: var(--black);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

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

strong
{
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
}

form select
{
    display: inline-block;
    height: auto;
}

details + details
{
    margin-top: var(--pad);
}

/* ================================================ */
/* Layout */
/* ================================================ */
main
{
    padding-top: var(--pad-main);
}

section + section,
article + section 
{
    padding-top: var(--pad-big);
}

ol, 
ul, 
li, 
summary
{
    font-size: inherit;
    line-height: inherit;
}

figure,
picture,
figure > picture > img 
{
    display: block;
}

.grid 
{
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
@media(min-width: 768px)
{
    .grid--dsktp 
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}

.grid--2 
{
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: var(--pad-mid) var(--pad);
}

.grid--2 > *:nth-child(1) 
{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media(min-width: 768px)
{
    .grid--2 
    {
      -ms-grid-columns: 1fr var(--pad) 1fr;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--pad-mid) var(--pad);
    }   
}

.grid--3 
{
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: var(--pad-mid) var(--pad-slim);
}

.grid--3 > *:nth-child(1) 
{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media(min-width: 768px)
{
    .grid--3 
    {
      -ms-grid-columns: 1fr var(--pad-slim) 1fr var(--pad-slim) 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: var(--pad-slim);
    }
}

.grid--4 
{
  -ms-grid-columns: 1fr var(--pad-slim) 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: var(--pad-slim);
}

.grid--4 > *:nth-child(1) 
{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid--4 > *:nth-child(2) 
{
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media(min-width: 768px)
{
    .grid--4 
    {
      -ms-grid-columns: 1fr var(--pad-slim) 1fr var(--pad-slim) 1fr var(--pad-slim) 1fr;
      grid-template-columns: repeat(4, 1fr);
    }
}

.grid--12 .row--1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: frst; }
.grid--12 .row--2 { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: scnd; }
.grid--12 .row--3 { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: thrd; }
.grid--12 .row--4 { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-column-span: 9; grid-area: frth; }

.grid--12,
.grid--24
{
  -ms-grid-columns: calc(var(--pad) + var(--burger-w) + var(--pad-slim)) 0 1fr 0 1fr 0 1fr 0 1fr 0 calc(var(--pad) + var(--burger-w) + var(--pad-slim));
  grid-template-columns: calc(var(--pad) + var(--burger-w) + var(--pad-slim)) repeat(4, 1fr) calc(var(--pad) + var(--burger-w) + var(--pad-slim));
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: 0;
}

.grid--12 > *:nth-child(1), .grid--24 > *:nth-child(1)
{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid--12 > *:nth-child(2), .grid--24 > *:nth-child(2)
{
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid--12 > *:nth-child(3), .grid--24 > *:nth-child(3)
{
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.grid--12 > *:nth-child(4), .grid--24 > *:nth-child(4)
{
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.grid--12 > *:nth-child(5), .grid--24 > *:nth-child(5)
{
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}

.grid--12 > *:nth-child(6), .grid--24 > *:nth-child(6)
{
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
@media(min-width: 768px)
{ 
    .grid--12
    {
        -ms-grid-columns: calc(var(--pad) + var(--burger-w)) 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 calc(var(--pad) + var(--burger-w));
        grid-template-columns: calc(var(--pad) + var(--burger-w)) repeat(10, 1fr) calc(var(--pad) + var(--burger-w));
    }
    .grid--24
    {
      -ms-grid-columns: calc(var(--pad) + var(--burger-w)) 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 calc(var(--pad) + var(--burger-w));
      grid-template-columns: calc(var(--pad) + var(--burger-w)) repeat(22, 1fr) calc(var(--pad) + var(--burger-w));
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      grid-gap: 0;
    }
    .grid--24 > *:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    }
    .grid--24 > *:nth-child(2)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    }
    .grid--24 > *:nth-child(3)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    }
    .grid--24 > *:nth-child(4)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    }
    .grid--24 > *:nth-child(5)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    }
    .grid--24 > *:nth-child(6)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    }
    .grid--24 > *:nth-child(7)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
    }
    .grid--24 > *:nth-child(8)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 15;
    }
    .grid--24 > *:nth-child(9)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 17;
    }
    .grid--24 > *:nth-child(10)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
    }
    .grid--24 > *:nth-child(11)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 21;
    }
    .grid--24 > *:nth-child(12)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 23;
    }
    .grid--24 > *:nth-child(13)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 25;
    }
    .grid--24 > *:nth-child(14)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 27;
    }
    .grid--24 > *:nth-child(15)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 29;
    }
    .grid--24 > *:nth-child(16)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 31;
    }
    .grid--24 > *:nth-child(17)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 33;
    }
    .grid--24 > *:nth-child(18)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 35;
    }
    .grid--24 > *:nth-child(19)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 37;
    }
    .grid--24 > *:nth-child(20)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 39;
    }
    .grid--24 > *:nth-child(21)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 41;
    }
    .grid--24 > *:nth-child(22)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 43;
    }
    .grid--24 > *:nth-child(23)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 45;
    }
    .grid--24 > *:nth-child(24)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 47;
    }
}

.full .grid--12 .row--1
{ 
    padding-right: calc(var(--pad) + var(--burger-w) + var(--pad-slim));
}

.full > .grid--12
{
  -ms-grid-rows: auto;
  grid-template-rows: auto;
          grid-template-areas: 
    "frst frst frst frst frst frst"
    "scnd scnd scnd scnd scnd scnd";
}
@media(min-width: 768px)
{
    .full .grid--12 .row--1
    { 
        padding-right: 0;
    }
    .full > .grid--12
    {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
              grid-template-areas: 
        ". . frst frst frst frst frst frst frst frst . ."
        "scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd";
    }

    .full > .grid--12 .grid--12 .col:nth-child(1) { grid-area: colfrst; }
    .full > .grid--12 .grid--12 .col:nth-child(2) { grid-area: colscnd; }

    .full > .grid--12 .grid--12
    {
                grid-template-areas:
        ". . colfrst colfrst colfrst colfrst colscnd colscnd colscnd colscnd . .";
        grid-gap: var(--pad-slim);
    }
    .grid--12 .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
    .grid--12 .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
}
@media (min-width: 768px){

    .full > .grid--12 .grid--12 .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
    }

    .full > .grid--12 .grid--12 .col:nth-child(2)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
    -ms-grid-column-span: 7;
    }
}

.full .grid--12 .row--2 > .wrap-bg--white
{
    padding-top: var(--pad);
    padding-bottom: var(--pad-mid);

}
@media(min-width: 768px)
{
    .full .grid--12 .row--2 > .wrap-bg--white
    {
        padding-top: var(--pad-slim);
    }
}

/* 3 cols grid */
.grid--12.wrap--cols-3
{
    padding-right: var(--pad);
    padding-left: var(--pad);
} 
.grid--12.wrap--cols-3 > .grid--3
{
    grid-gap: var(--pad-mid) var(--pad-slim);
}
@media (min-width: 768px)
{
    .grid--12.wrap--cols-3
    {
        padding-right: var(--pad-slim);
        padding-left: var(--pad-slim);
    } 
    .grid--12.wrap--cols-3 > .grid--3
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
}
@media (min-width: 1080px)
{
    .grid--12.wrap--cols-3
    {
        padding-right: 0;
        padding-left: 0;
    }
    .grid--12.wrap--cols-3 > .grid--3
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
}

/* ================================================ */
/* Type */
/* ================================================ */
.ty--xs,
.ty--xs > *
{
    font-size: 12px;
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.2em;
    letter-spacing: .005em;
}

.ty--s,
.ty--s > *
{
    font-size: var(--s);
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
/*    font-family: 'bold', 'Helvetica', 'Arial', sans-serif;*/
    line-height: 1.4em;
    letter-spacing: .005em;
}
figcaption.ty--s
{
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
}

.ty--n,
.ty--n > *
{
    font-size: var(--n);
    font-family: 'reg', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.55em;
}

.textarea em
{
    font-family: 'italic', 'Helvetica', 'Arial', sans-serif;
}

.ty--mn,
.ty--mn > *
{
    font-size: var(--mn);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.1em;
}
@media (min-width: 768px)
{
    .ty--mn,
    .ty--mn > *
    {
        line-height: 1em;
    }
}

.ty--m,
.ty--m > *
{
    font-size: var(--m);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: 1em;
}

.ty--l,
.ty--l > *
{
    font-size: var(--l);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: .95em;
}

.ty--xl,
.ty--xl > *
{
    font-size: var(--xl);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: .97em;
}   

.ty--xxl,
.ty--xxl > *
{
    font-size: var(--xxl);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: .75em;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    -webkit-font-feature-settings: "cpsp";
            font-feature-settings: "cpsp"; /* NOTE: adjust kerning between capital letters */
}

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

.lh--super,
.lh--super > *
{
    line-height: 2.7em;
}

/* ================================================ */
/* Common classes */
/* ================================================ */
.visually-hidden
{
    visibility: hidden;
    font-size: 0px;
}

.dsktp--only
{
    display: none;
}
@media(min-width:768px)
{
    .mbl--only
    {
        display: none;
    }   
    .dsktp--only
    {
        display: block;
    }
    .dsktp--only.flex--dsktp
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}


.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;
}
@media(min-width: 768px) 
{
  .flex--all { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

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

.flex--mbl {
    display: -webkit-box;
    display: -ms-flexbox;
  display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex--dsktp .col + .col
{
    padding-top: var(--pad);
}
@media(min-width: 768px) 
{
  .flex--mbl
  {
    display: block;
  }
  .flex--mbl.grid--dsktp
  {
    display: -ms-grid;
    display: grid;
  }
  .flex--dsktp {
      display: -webkit-box;
      display: -ms-flexbox;
    display: flex;

      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flex--dsktp .col + .col
    {
        padding-top: 0;
    }
}

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

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

.flex--jst-strt
{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: var(--pad);
}


.hidden
{
    visibility: hidden;
}

/*
Img proportion
*/
.ratio--54
{
  position: relative;
  padding-bottom: 80%;
}

.ratio--45
{
  position: relative;
  padding-bottom: 125%;
}

.ratio--32
{
  position: relative;
  padding-bottom: 65%;
}

.ratio--11
{
  position: relative;
  padding-bottom: 100%;
}

@media(min-width: 1600px)
{
    .ratio--11
    {
        padding-bottom: 80%;
    }
}

.ratio--169
{
  position: relative;
  padding-bottom: 80%; /* NOTE: from mobile is the same as 54 */
}
@media(min-width: 768px)
{
    .ratio--169
    {
        position: relative;
        padding-bottom: 56%;
    }   
}
.ratio--169-mbl
{
  position: relative;
  padding-bottom: 56%;
}

@media(min-width: 768px)
{
    .ratio--169-mbl
    {
      position: relative;
      padding-bottom: 80%;
    }
}

.ratio--32,
.ratio--32 figure,
.ratio--54,
.ratio--54 figure,
.ratio--169,
.ratio--169 figure,
.ratio--169-mbl,
.ratio--169-mbl figure,
.ratio--11 figure,
.ratio--11,
.ratio--45,
.ratio--45 figure
{
    position: relative;
}

.ratio--32 img,
.ratio--54 img,
.ratio--169-mbl img,
.ratio--11 img,
.ratio--169 img,
.ratio--45 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);
}

/*
Links
*/
.link--arrow,
.link--arrow-simple,
.link--dwnld
{
  white-space: nowrap;
}
.link--arrow::after
{
    content: '';
    display: inline-block;
    margin-left: .4em;
    height: 8px;
    width: 8px;
    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;
}
.link--arrow-self::after
{
    content: '';
    display: inline-block;
    margin-left: .4em;
    padding-bottom: 1px;
    height: 8px;
    width: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.5L5 4.5L1 0.5' stroke='black' stroke-width='1.25' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    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);
}
.link--arrow-blank::after
{
    content: '';
    display: inline-block;
    margin-bottom: .01em;
    margin-left: .4em;
    height: 8px;
    width: 8px;
    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);

}
.ty--mn.link--arrow-blank::after
{
    padding-bottom: 1px;
    height: 10px;
    width: 10px;   
}

@media (min-width: 768px)
{
    .link--arrow-self::after,
    .link--arrow-blank::after
    {
        height: 10px;
        width: 10px;    
    } 
    .ty--mn.link--arrow-blank::after
    {
        height: 12px;
        width: 12px;           
    }
}

a.link--arrow-self:hover::after
{
    margin-right: .2em;
    margin-left: .6em;
    translate: 50%;
}
a.link--arrow-blank:hover::after
{
    margin-right: .2em;
    margin-left: .6em;
    translate: 40% -2px;
}
a:hover .link--arrow-self::after
{
    margin-right: .2em;
    margin-left: .8em;
    translate: 100%;
}

.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
{
    margin-right: 10px;
}
.link--dwnld::before,
.link--vid::before
{
    margin-right: 15px;
}
@media(min-width: 768px)
{
    .link--anchor::before,
    .link--dwnld::before,
    .link--vid::before
    {
        margin-right: .4em;
    }  
}

.link--anchor
{
    padding-top: var(--pad);
}
.link--anchor::before
{
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 22'%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath d='M11,0C4.9,0,0,4.9,0,11s4.9,11,11,11,11-4.9,11-11S17.1,0,11,0ZM11.2,17.1l-6-6,1-1.1,4.2,4.2V5.4h1.5v8.8l4.2-4.2,1.1,1.1-6,6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.link--anchor.anchor--accessibility
{
    font-family: 'bold', Helvetica, sans-serif;
}

.link--dwnld
{
    white-space: break-spaces;
}
.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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.ty--undrl
{
    text-decoration: underline;
    text-underline-offset: .1em;
}
/*
*/

/*
Btn
*/
.btn--book
{
    display: inline-block;
    margin: var(--pad) 0;
    padding: .3em .6em;
    height: auto;
    background-color: var(--green); 
    color: var(--black);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    line-height: 1.2em;
    text-decoration: none;
    cursor: pointer;
}
.btn--book:hover
{
    background-color: var(--gray-pale);
}
.textarea a.btn--book:not(.link--arrow-blank)
{
    text-decoration: none;
}

/*
Colors bg
*/
/* Box bg */
.wrap-bg--white { background-color: var(--white); }
.wrap-bg--gray-pale { background-color: var(--gray-pale); }
.wrap-bg--pink-pale { background-color: var(--pink-pale); }
.wrap-bg--pink-soft { background-color: var(--pink-soft); }
.wrap-bg--pink-strong { background-color: var(--pink-strong); }
.wrap-bg--violet { background-color: var(--violet); }
.wrap-bg--orange { background-color: var(--orange); }
.wrap-bg--yellow { background-color: var(--yellow); }
.wrap-bg--green { background-color: var(--green); }
.wrap-bg--blue { background-color: var(--blue); }


/* ================================================ */
/* Atoms */
/* ================================================ */
/*
/* ======================= */
/*  Textarea inside article */
/* ======================= */
article .textarea a:not(.link--arrow-blank) 
{
    display: inline-block;
    line-height: inherit;
}

article .textarea h2 + p,
article .textarea h3 + p,
article .textarea h4 + p,
article .textarea p + p,
article .textarea p + a,
article .textarea a + p
{
    padding-top: var(--pad);
}
article .textarea.wrap--ty--n + .textarea.wrap--ty--n:not(.wrap--ticket) > .wrap-box
{
    padding-top: 0;
}
.textarea a:not(.link--arrow-blank)
{
    text-decoration: underline;
    text-underline-offset: .1em;
}
article .textarea .wrap-box
{
    padding-top: 0;
    padding-right: var(--pad);
    padding-left: var(--pad);
}

article .textarea .wrap-box.ty--n > p > a
{
    display: inline;
}

article .textarea + .textarea.textarea--list
{
    margin-top: calc( (var(--pad-mid) * -1) + 2px );
}

.textarea .subtitle
{
    padding-top: var(--pad-mid);
    padding-bottom: var(--pad);
    font-size: var(--m);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: 1em;
}

article .textarea + .textarea--list ul
{
    padding-top: 1em;
}

article .textarea--list ul,
.textarea > ul
{
    padding-left: 1em;
}
article .textarea--list ol,
.textarea > ol
{
    padding-left: 1.75em;
}
article .textarea--list ul li,
.textarea > ul li
{
    list-style: disc;
    list-style-position: outside;
}
article .textarea--list ol li,
.textarea > ol li
{
    list-style: decimal-leading-zero;
    list-style-position: outside;
}
article .textarea--list ul li + li,
article .textarea--list ol li + li,
article .textarea--list ul li > ul,
article .textarea--list ol li > ul,
.textarea > ul li + li,
.textarea > ol li + li,
textarea > ul li > ul,
textarea > ol li > ul
{
    padding-top: .2em;
}

article .textarea--list ul li,
article .textarea--list ul li > a
{
    vertical-align: top;
}

article .textarea--list ul + p,
article .textarea--list ol + p,
.textarea > ul + p,
.textarea > ol + p
{
    padding-top: 1.2em;
}


/* ======================= */
/*  Super LH text */
/* ======================= */
article .textarea .grid.grid--12 .wrap--ty--n--lh--super
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    article .textarea .grid.grid--12 .wrap--ty--n--lh--super
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }
}

/* ======================= */
/*  Def text */
/* ======================= */
article .textarea.wrap--ty--n
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    article .textarea.wrap--ty--n
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }
}
@media(min-width: 1080px) 
{ 
    article .textarea.wrap--ty--n.textarea.wrap--ty--n
    {
        /*grid-column-start: 5;
        grid-column-end: 9;*/
        padding-right: calc( (var(--pad) + var(--burger-w)) );
        padding-left: calc( (var(--pad) + var(--burger-w)) );
    } 
}
@media(min-width: 1600px)
{
    article .textarea.wrap--ty--n.textarea.wrap--ty--n
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
        padding-right: 0;
        padding-left: 0;
    }    
}

article .textarea.wrap--ty--n + hr
{
    display: none;
}

/*
Subtitles
 */
article .subtitle.wrap--ty--m
{
    display: inherit;
    -ms-grid-column: 2;
        grid-column-start: 2;
  -ms-grid-column-span: 4;
  grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    article .subtitle.wrap--ty--m
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }   
}

@media(min-width: 1080px) 
{ 
    article .subtitle.wrap--ty--m
    {
        padding-right: calc( (var(--pad) + var(--burger-w)) );
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    } 
}

@media(min-width: 1600px)
{
    article .subtitle.wrap--ty--m
    {
        padding-right: 0;
        -ms-grid-column-span: 5;
        grid-column-end: 9;
    }    
}

/*
*/
article .wrap-box.ty--mn.link--arrow-blank
{
    padding-top: 5px;
}


/*
Event card
*/
article .textarea .card > a
{
    text-decoration: none;
}
article .textarea .card .wrap-link
{
    padding-top: .4em;
}
/*
*/


/* ======================= */
/*  Q&A */
/* ======================= */
article .textarea--question,
article .textarea--answer
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    article .textarea.wrap--ty--n.textarea--answer
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }
    article .textarea.wrap--ty--n.textarea--question
    {
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    }
}
@media(min-width: 1080px) 
{ 
    article .textarea.wrap--ty--n.textarea--question,
    article .textarea.wrap--ty--n.textarea--answer
    {
        padding-right: calc( (var(--pad) + var(--burger-w)) );
        padding-left: calc( (var(--pad) + var(--burger-w)) );
    } 
}
@media(min-width: 1600px)
{
    article .textarea.wrap--ty--n.textarea--question,
    article .textarea.wrap--ty--n.textarea--answer
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
        padding-right: 0;
        padding-left: 0;
    }    
}

article .textarea.wrap--ty--n.textarea--question p.question
{
    line-height: 2.7em;
}

article .textarea.wrap--ty--n.textarea--question p.question::before
{
    content: 'Q:';
    display: inline-block;
    padding-right: var(--pad-slim);
}

article .textarea.wrap--ty--n.textarea--question + .textarea.wrap--ty--n.textarea--answer p.answer::before
{
    content: 'A:';
    display: inline-block;
    padding-right: var(--pad-slim);
}

article .textarea.textarea--answer strong
{
    font-size: var(--mn);
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: .9em;
}


/* ======================= */
/*  Image article */
/* ======================= */
/*
Image Large with color
*/
article .wrap--img.wrap-img--color
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;    
}
@media(min-width: 768px) 
{ 
    article .wrap--img.wrap-img--color
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
      -ms-grid-column-span: 12;
      grid-column-end: 13;
    }   
}
@media(min-width: 1280px) 
{
     article .wrap--img.wrap-img--color
    {
        display: inherit;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;    
    }   
}
.wrap--img.wrap-img--color.wrap-img--l > .grid.grid--12 > div.grid.grid--12
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
.wrap--img.wrap-img--color.wrap-img--l > .grid.grid--12 > div.grid.grid--12 > figure
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    .wrap--img.wrap-img--color.wrap-img--l > .grid.grid--12 > div.grid.grid--12
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
    .wrap--img.wrap-img--color.wrap-img--l > .grid.grid--12 > div.grid.grid--12 > figure
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 11;
        grid-column-end: 12;
    }
}



/*
Image Small with color
*/
.wrap--img.wrap-img--color.wrap-img--s > .grid.grid--12 > div.grid.grid--12
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
.wrap--img.wrap-img--color.wrap-img--s > .grid.grid--12 > div.grid.grid--12 > figure
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    .wrap--img.wrap-img--color.wrap-img--s > .grid.grid--12 > div.grid.grid--12
    {
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    }
    .wrap--img.wrap-img--color.wrap-img--s > .grid.grid--12 > div.grid.grid--12 > figure
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 11;
        grid-column-end: 12;
    }
}
.wrap--img.wrap-img--color img
{
    display: block;
    width: 100%;
}




/* ======================= */
/*  Boxed text */
/* ======================= */
/*--computedFontSize: (var(--capital-height) / var(--fm-capitalHeight));
font-size: calc(var(--computedFontSize) * 1px);
--lineheightNormal: (var(--fm-ascender) + var(--fm-descender) + var(--fm-linegap));
--contentArea: (var(--lineheightNormal) * var(--computedFontSize));*/
@media(min-width: 768px) 
{
    .wrap-boxed.wrap-boxed--m,
    .wrap-boxed.wrap-boxed--l,
    .wrap-boxed.wrap-boxed--xl,
    .wrap-boxed.wrap-boxed--xxl
    {
        font-size-adjust: .5;
    }
}

.wrap-boxed a
{
    display: block;
    margin: 0;
    padding: 0;
}

.wrap-boxed .boxed
{
    display: block;
    overflow: hidden;
}

.wrap-boxed .boxed span 
{
    display: inline;
    position: relative;

    vertical-align: baseline;

    padding-right: calc(var(--pad-slim) / 2);
    padding-left: calc(var(--pad-slim) / 2);
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;

    z-index: 100;
}
@media(min-width: 768px)
{
    .wrap-boxed .boxed span 
    {
      padding-right: var(--pad-slim);
      padding-left: var(--pad-slim);
    }
}

.wrap-boxed time.boxed.ty--m span
{
    vertical-align: 15%;
}

/* ====== ty--s ====== */
.wrap-boxed .boxed.ty--s
{
    display: block;
    margin: -1px 0 0 0;
    padding: 0;
    padding-bottom: calc(var(--pad-slim) / 2 - 4px);
    padding-top: calc(var(--pad-slim) / 2);
    overflow: visible;
}
.wrap-boxed .boxed.ty--s span
{
  padding-bottom: calc(var(--pad-slim) / 2);
  padding-top: calc(var(--pad-slim) / 2);
  background: var(--white);
}
.wrap-boxed:not(.wrap-labels) .boxed.ty--s span
{
    vertical-align: 12%;
}
@media (min-width: 768px)
{
    .wrap-boxed:not(.wrap-labels) .boxed.ty--s span
    {
        vertical-align: 8%;
    }    
}
/*
*/
/* ====== ty--mn ====== */
.wrap-boxed .boxed.ty--mn
{
    padding-bottom: calc(var(--pad-slim)/ 3);
    margin-bottom: 0;
}
.wrap-boxed .boxed.ty--mn span
{
    padding-bottom: calc(var(--pad-slim)/ 3);
    background: var(--white);
}
@media (min-width: 768px)
{
    .wrap-boxed .boxed.ty--mn
    {
        padding-bottom: calc(var(--pad-slim)/1.5);
    } 
    .wrap-boxed .boxed.ty--mn span
    {
        padding-bottom: calc(var(--pad-slim)/1.5);
    }   
}

/* Card title only  */
.wrap-boxed .boxed.ty--mn[aria-label="card title"]
{
    margin-top: calc(-1* .06em);   
}
.wrap-boxed .boxed.ty--mn[aria-label="card title"] span
{
    background: -o-linear-gradient(top, #FFFFFF00 5%, var(--white) 5%, var(--white) 100%, #FFFFFF00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #FFFFFF00), color-stop(5%, var(--white)), color-stop(100%, var(--white)), to(#FFFFFF00));
    background: linear-gradient(to bottom, #FFFFFF00 5%, var(--white) 5%, var(--white) 100%, #FFFFFF00 100%);
}
@media (min-width: 768px)
{
    .wrap-boxed .boxed.ty--mn[aria-label="card title"] span
    {
        background: -o-linear-gradient(top, #FFFFFF00 11%, var(--white) 11%, var(--white) 100%, #FFFFFF00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #FFFFFF00), color-stop(11%, var(--white)), color-stop(100%, var(--white)), to(#FFFFFF00));
        background: linear-gradient(to bottom, #FFFFFF00 11%, var(--white) 11%, var(--white) 100%, #FFFFFF00 100%);
    }
}

/*
*/
/* ====== ty--m ====== */
.wrap-boxed .boxed.ty--m
{
    margin-bottom: 0;
}
.wrap-boxed .boxed.ty--m span
{
  padding-bottom: .05em;
  background: var(--white);
}
/*
*/
/* ====== ty--l ====== */
.wrap-boxed .boxed.ty--l
{
    padding-bottom: .12em;
    margin-top: -.08em; /* NOTE: balance the padding */
}
.wrap-boxed .boxed.ty--l.clr--white span { background: -o-linear-gradient(top, #FFFFFF00 18%, var(--white) 18%, var(--white) 100%,#FFFFFF00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFFFFF00), color-stop(18%, var(--white)), color-stop(100%, var(--white)),to(#FFFFFF00)); background: linear-gradient(to bottom, #FFFFFF00 18%, var(--white) 18%, var(--white) 100%,#FFFFFF00 100%); }
.wrap-boxed .boxed.ty--l.clr--gray-pale span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--gray-pale) 18%, var(--gray-pale) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--gray-pale)), color-stop(100%, var(--gray-pale)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--gray-pale) 18%, var(--gray-pale) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--pink-pale span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--pink-pale) 18%, var(--pink-pale) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--pink-pale)), color-stop(100%, var(--pink-pale)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--pink-pale) 18%, var(--pink-pale) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--pink-soft span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--pink-soft) 18%, var(--pink-soft) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--pink-soft)), color-stop(100%, var(--pink-soft)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--pink-soft) 18%, var(--pink-soft) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--pink-strong span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--pink-strong) 18%, var(--pink-strong) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--pink-strong)), color-stop(100%, var(--pink-strong)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--pink-strong) 18%, var(--pink-strong) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--violet span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--violet) 18%, var(--violet) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--violet)), color-stop(100%, var(--violet)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--violet) 18%, var(--violet) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--orange span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--orange) 18%, var(--orange) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--orange)), color-stop(100%, var(--orange)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--orange) 18%, var(--orange) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--yellow span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--yellow) 18%, var(--yellow) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--yellow)), color-stop(100%, var(--yellow)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--yellow) 18%, var(--yellow) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--green span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--green) 18%, var(--green) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--green)), color-stop(100%, var(--green)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--green) 18%, var(--green) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--l.clr--blue span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--blue) 18%, var(--blue) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--blue)), color-stop(100%, var(--blue)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--blue) 18%, var(--blue) 100%,#EAEAEA00 100%); }

/*
*/
/* ====== ty--xl ====== */
.wrap-boxed .boxed.ty--xl
{
    padding-bottom: .14em;
    margin-top: -.15em; /* NOTE: balance the padding */
}
.wrap-boxed .boxed.ty--xl span
{
    padding-top: .035em;
    vertical-align: baseline;
}
/* Titles XL */
.wrap-boxed .boxed.ty--xl.clr--gray-pale span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--gray-pale) 21%, var(--gray-pale) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--gray-pale)), color-stop(100%, var(--gray-pale)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--gray-pale) 21%, var(--gray-pale) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--pink-pale span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--pink-pale) 21%, var(--pink-pale) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--pink-pale)), color-stop(100%, var(--pink-pale)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--pink-pale) 21%, var(--pink-pale) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--pink-soft span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--pink-soft) 21%, var(--pink-soft) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--pink-soft)), color-stop(100%, var(--pink-soft)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--pink-soft) 21%, var(--pink-soft) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--pink-strong span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--pink-strong) 21%, var(--pink-strong) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--pink-strong)), color-stop(100%, var(--pink-strong)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--pink-strong) 21%, var(--pink-strong) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--violet span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--violet) 21%, var(--violet) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--violet)), color-stop(100%, var(--violet)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--violet) 21%, var(--violet) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--orange span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--orange) 21%, var(--orange) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--orange)), color-stop(100%, var(--orange)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--orange) 21%, var(--orange) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--yellow span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--yellow) 21%, var(--yellow) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--yellow)), color-stop(100%, var(--yellow)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--yellow) 21%, var(--yellow) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--green span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--green) 21%, var(--green) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--green)), color-stop(100%, var(--green)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--green) 21%, var(--green) 100%,#EAEAEA00 100%); }
.wrap-boxed .boxed.ty--xl.clr--blue span { background: -o-linear-gradient(top, #EAEAEA00 21%, var(--blue) 21%, var(--blue) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #EAEAEA00), color-stop(21%, var(--blue)), color-stop(100%, var(--blue)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 21%, var(--blue) 21%, var(--blue) 100%,#EAEAEA00 100%); }
/*
*/

/* ====== ty--xxl ====== */
.wrap-boxed .boxed.ty--xxl
{
    margin-bottom: -3.5px;
    line-height: .75em;
}
.wrap-boxed .boxed.ty--xxl span
{
    vertical-align: 16%;
    line-height: .75em;
    background: -o-linear-gradient(top, #FFC7E800 18%, #FFC7E8 18%, #FFC7E8 100%, #FFC7E800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFC7E800), color-stop(18%, #FFC7E8), color-stop(100%, #FFC7E8), to(#FFC7E800));
    background: linear-gradient(to bottom, #FFC7E800 18%, #FFC7E8 18%, #FFC7E8 100%, #FFC7E800 100%);
}
/* Rows */
.clr--gray-pale .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #EAEAEA00 18%, var(--gray-pale) 18%, var(--gray-pale) 100%,#EAEAEA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #EAEAEA00), color-stop(18%, var(--gray-pale)), color-stop(100%, var(--gray-pale)),to(#EAEAEA00)); background: linear-gradient(to bottom, #EAEAEA00 18%, var(--gray-pale) 18%, var(--gray-pale) 100%,#EAEAEA00 100%); }
.clr--pink-pale .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FFDEE000 18%, var(--pink-pale) 18%, var(--pink-pale) 100%,#FFDEE000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFDEE000), color-stop(18%, var(--pink-pale)), color-stop(100%, var(--pink-pale)),to(#FFDEE000)); background: linear-gradient(to bottom, #FFDEE000 18%, var(--pink-pale) 18%, var(--pink-pale) 100%,#FFDEE000 100%); }
.clr--pink-soft .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FFDEE000 18%, var(--pink-soft) 18%, var(--pink-soft) 100%,#FFDEE000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFDEE000), color-stop(18%, var(--pink-soft)), color-stop(100%, var(--pink-soft)),to(#FFDEE000)); background: linear-gradient(to bottom, #FFDEE000 18%, var(--pink-soft) 18%, var(--pink-soft) 100%,#FFDEE000 100%); }
.clr--pink-strong .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FFC7E800 18%, var(--pink-strong) 18%, var(--pink-strong) 100%,#FFC7E800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFC7E800), color-stop(18%, var(--pink-strong)), color-stop(100%, var(--pink-strong)),to(#FFC7E800)); background: linear-gradient(to bottom, #FFC7E800 18%, var(--pink-strong) 18%, var(--pink-strong) 100%,#FFC7E800 100%); }
.clr--violet .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #D17AFF00 18%, var(--violet) 18%, var(--violet) 100%,#D17AFF00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #D17AFF00), color-stop(18%, var(--violet)), color-stop(100%, var(--violet)),to(#D17AFF00)); background: linear-gradient(to bottom, #D17AFF00 18%, var(--violet) 18%, var(--violet) 100%,#D17AFF00 100%); }
.clr--orange .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FF7C5E00 18%, var(--orange) 18%, var(--orange) 100%,#FF7C5E00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FF7C5E00), color-stop(18%, var(--orange)), color-stop(100%, var(--orange)),to(#FF7C5E00)); background: linear-gradient(to bottom, #FF7C5E00 18%, var(--orange) 18%, var(--orange) 100%,#FF7C5E00 100%); }
.clr--yellow .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FFD44C00 18%, var(--yellow) 18%, var(--yellow) 100%,#FFD44C00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFD44C00), color-stop(18%, var(--yellow)), color-stop(100%, var(--yellow)),to(#FFD44C00)); background: linear-gradient(to bottom, #FFD44C00 18%, var(--yellow) 18%, var(--yellow) 100%,#FFD44C00 100%); }
.clr--green .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #32AE7B00 18%, var(--green) 18%, var(--green) 100%,#32AE7B00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #32AE7B00), color-stop(18%, var(--green)), color-stop(100%, var(--green)),to(#32AE7B00)); background: linear-gradient(to bottom, #32AE7B00 18%, var(--green) 18%, var(--green) 100%,#32AE7B00 100%); }
.clr--blue .wrap-boxed .boxed.ty--xxl span { background: -o-linear-gradient(top, #FFD44C00 18%, var(--blue) 18%, var(--blue) 100%,#FFD44C00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #FFD44C00), color-stop(18%, var(--blue)), color-stop(100%, var(--blue)),to(#FFD44C00)); background: linear-gradient(to bottom, #FFD44C00 18%, var(--blue) 18%, var(--blue) 100%,#FFD44C00 100%); }
/*
*/

/* ======================= */
/*  Label */
/* ======================= */
figure
{
    position: relative;
    z-index: 200;
}
.wrap-card { position: relative; }
figure .wrap-labels
{
    position: absolute;
    top: 0;
    left: 0;
}
figure .wrap-labels.wrap-boxed--s
{
    top: var(--pad-slim);
    left: var(--pad-slim);
}

.wrap-boxed.wrap-labels
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--pad-slim);
}
.wrap-boxed.wrap-labels .boxed.ty--s,
.wrap-boxed.wrap-labels .boxed.ty--s span
{
  padding-top: 2px;
}
.wrap-boxed.wrap-labels .boxed.ty--s
{
    padding-bottom: 0;
}
.wrap-boxed.wrap-labels .boxed.ty--s span
{
    padding-bottom: 4px;
    /*color: var(--white);
    background-color: var(--black);*/
}

/* NOTE: mbl only  */
@media(max-width: 1100px)
{
    .wrap-boxed.wrap-labels:not(.card--label) .boxed.ty--mn span
    {
        vertical-align: 24%;
    }
}
/*
*/

/* ======================= */
/*  Box unico */
/* ======================= */
.wrap-box
{
    padding-top: calc(var(--pad-slim) - 3px);
    padding-right: var(--pad-slim);
    padding-bottom: var(--pad-mid);
    padding-left: var(--pad-slim);
    background-color: var(--white);
}
@media(min-width: 768px)
{
    .wrap-box .ty--s + .ty--xl
    {
        margin-top: -5px;
    }
}
section.wrap--section
{
    padding-top: var(--pad-slim);
    padding-right: 0;
    padding-bottom: var(--pad-mid);
    padding-left: 0;
    background-color: var(--white);
}


/* ======================= */
/*  Breadcrumbs */
/* ======================= */
nav ol,
nav ul,
nav header,
nav ol li,
nav ul li,
nav ol a,
nav ul a
{
    display: inline-block;
}
.separator
{
    padding-left: .4em;
    padding-right: .4em;
}
@media(min-width: 1280px)
{
    .wrap-bread .separator svg
    {
        padding-bottom: 1px;
    }   
}


/* ======================= */
/*  Filters */
/* ======================= */
.wrap--filters header
{
    padding-right: var(--pad);
    padding-bottom: var(--pad-slim);
    color: var(--gray);
}
.wrap--filters header,
.wrap--filters ul,
.wrap--filters li
{
    display: block;
}
.wrap--filters li
{
    padding-top: calc(var(--pad)/2);
    padding-right: var(--pad);
    padding-bottom: calc(var(--pad)/2);

    border-bottom: 1px solid var(--gray-pale);
}

.wrap--filters li.active > a
{
    text-decoration: underline;
    text-underline-offset: .1em;
}

.wrap--filters li,
.wrap--filters li > a
{
    line-height: 1.3em;
}
@media(min-width: 768px)
{
    .wrap--filters header,
    .wrap--filters ul
    {
        display: inline;    
    }
    .wrap--filters li
    {
        display: inline-block;
        padding-top: 0;
        padding-right: var(--pad);
        padding-bottom: var(--pad);
        border: none;
    }
}

.wrap--filters li:hover a,
.page--content.content--hero.hero--filters a.link--arrow-blank:hover
{
    text-decoration: underline;
}

/* Collection filter  */
.wrap--filters form
{
    display: inline-block;
}
.wrap--filters form select,
.wrap--filters form button,
.wrap--filters form .clear-filters
{
    margin-right: var(--pad);
    margin-bottom: var(--pad);
}

.wrap--filters form button,
.wrap--filters form .clear-filters
{
    display: inline-block;
    padding: .35em .8em .4em .8em;
    height: auto;
    color: var(--white);
    background-color: var(--black);
    cursor: pointer;
}

.wrap--filters form button:hover,
.wrap--filters form .clear-filters:hover
{
    background-color: var(--green);
    color: var(--black);
}


/* ================================================ */
/* Partials */
/* ================================================ */
/*
/* ======================= */
/*  Header */
/* ======================= */
header.main-header
{
    width: 100%;   
    -webkit-box-sizing: border-box;   
            box-sizing: border-box;
}

header.main-header::before
{
    visibility: hidden;

    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;

    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: visibility .1s cubic-bezier(0.8, 0, 0.2, 1) .4s, background-color .1s cubic-bezier(0.8, 0, 0.2, 1) .4s;
    -o-transition: visibility .1s cubic-bezier(0.8, 0, 0.2, 1) .4s, background-color .1s cubic-bezier(0.8, 0, 0.2, 1) .4s;
    transition: visibility .1s cubic-bezier(0.8, 0, 0.2, 1) .4s, background-color .1s cubic-bezier(0.8, 0, 0.2, 1) .4s;

    z-index: 888;
}

header.main-header .main-container
{
    position: relative;
    z-index: 999;
}

header.main-header .navigation--main
{
    opacity: 0;
    visibility: hidden;

    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: -webkit-fill-available;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 2s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 2s;
    -o-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 2s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 2s;
    transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 2s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 2s;
}

/* Burger */
header.main-header .wrap-menu--controls::before,
header.main-header .wrap-menu--controls
{
    width: calc(var(--pad) + var(--burger-w) + var(--pad-slim));
}

header.main-header .wrap-menu--controls::before
{
    content: '';

    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: var(--yellow);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 0;

    translate: 0 -100%;
    -webkit-transition: translate .3s cubic-bezier(0.8, 0, 0.2, 1) .2s;
    -o-transition: translate .3s cubic-bezier(0.8, 0, 0.2, 1) .2s;
    transition: translate .3s cubic-bezier(0.8, 0, 0.2, 1) .2s;
}

header.main-header .wrap-menu--controls
{
    position: fixed;
    top: 0;
    right: 0;

    height: calc(var(--xl) * 2 * .98); 

    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--yellow);

    -webkit-transition: height .2s cubic-bezier(0.9, 0, 0.1, 1);
    -o-transition: height .2s cubic-bezier(0.9, 0, 0.1, 1);
    transition: height .2s cubic-bezier(0.9, 0, 0.1, 1);

    -webkit-box-sizing: border-box;

            box-sizing: border-box; 

    z-index: 999;
}
@media all and (min-width: 768px)
{
    header.main-header .wrap-menu--controls
    {
        height: calc(var(--xl) * 2 * .95 + var(--pad-slim) * 2 - var(--xl) * .09 * 2 + .08em * 2);
    }
    header.main-header .wrap-menu--controls::before,
    header.main-header .wrap-menu--controls
    {
        width: calc(var(--pad) + var(--burger-w));
    }
    header.main-header .wrap-menu--controls:hover
    {
        height: calc(var(--xl) * 2 * .95 + var(--pad-slim) * 4 - var(--xl) * .09 * 2 + .08em * 2);
    }
}

header.main-header .wrap-menu--controls button.button-menu
{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;  
    width: 100%;
    height: 100%;
    z-index: 100;
}
header.main-header .wrap-menu--controls button.button-menu:hover
{
    cursor: pointer;
}
header.main-header .wrap-menu--controls button.button-menu .button-wrap
{
    display: block;
    padding: 5px;
    text-align: center;
}
header.main-header .wrap-menu--controls button.button-menu .icon-menu
{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: 1em;
    color: var(--black);
    text-transform: uppercase;
}
@media (min-width: 768px)
{
    header.main-header .wrap-menu--controls button.button-menu .icon-menu
    {
        font-size: 22px;
    }
}
header.main-header .wrap-menu--controls button.button-menu .icon-menu svg
{
    padding-bottom: var(--pad-slim);
    width: 30px;
    height: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
@media (min-width: 768px)
{
    header.main-header .wrap-menu--controls button.button-menu .icon-menu svg
    {
        width: 34px;
    }
}

header.main-header .wrap-menu--controls button.button-menu .icon-menu svg g
{
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
}

header.main-header .wrap-menu--items
{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

header.main-header .wrap-menu--items .wrap-menu--items-list
{
    margin-right: calc(var(--pad) + var(--burger-w));
}

header.main-header .wrap-menu--items .logo
{
    position: relative;
/*    padding-top: var(--pad-slim);
    padding-left: var(--pad-slim);*/
    z-index: 999;
}
/*@media(min-width: 768px)
{
    header.main-header .wrap-menu--items .logo
    {
        position: fixed;
        top: 0;
        left: 0;
    }    
}*/

header.main-header .wrap-menu--items .logo a 
{
    display: block;
}

header.main-header[menu-open="false"] .wrap-menu--items .logo #lottie-animation > svg,
header.main-header .wrap-menu--items .logo #static-svg > svg
{
    display: block;

    height: calc(var(--xl) * 2 * .98) !important;
    width: auto !important;
    max-width: 100%;

    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: scale .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: scale .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: scale .4s cubic-bezier(0.8, 0, 0.2, 1);
}
@media(min-width: 768px)
{
    header.main-header[menu-open="false"] .wrap-menu--items .logo #lottie-animation > svg,
    header.main-header .wrap-menu--items .logo #static-svg > svg
    {
        height: calc(var(--xl) * 2 * .95 + var(--pad-slim) * 2 - var(--xl) * .09 * 2) !important; 
    }    
}
@media (min-width: 768px) and (max-width: 1000px)
{
    /* NOTE: avoid right menu li going on the next lines due to width */
    header.main-header[menu-open="false"] .wrap-menu--items .logo #lottie-animation > svg
    {
        position: fixed;
        top: 0;
        left: 0;
    }
}

@media(max-width: 767px)
{
    header.main-header[menu-open="false"] .wrap-menu--items .logo
    {
        height: calc(var(--xl) * 2 * .98) !important;
    }
}

header.main-header .col
{
    position: relative;
}
header.main-header .col + .col.flex--all
{
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

header.main-header .navigation--main nav
{
    padding-top: 16rem;
}
@media all and (min-width: 768px)
{
    header.main-header .navigation--main nav
    {
        padding-top: 0;
    }
}


header.main-header nav ul.flex--all
{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}
header.main-header nav ul.flex--all li
{
    text-align: right;
}
header.main-header nav .boxed.ty--xl a
{
    text-align: center;
    text-transform: uppercase;
}

header.main-header nav .wrap-box-caps
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 var(--pad-slim) calc(var(--pad-slim) + .08em) var(--pad-slim);
    width: auto;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header.main-header nav .wrap-box-caps > .box-caps
{
    margin-top: -.09em;
    line-height: .95em;
    text-align: center;
    word-wrap: break-word;
    text-transform: uppercase;
}

header.main-header nav.top-nav ul.flex--all li.wrap-box-caps:nth-child(1)
{
    background-color: var(--pink-strong);
}
header.main-header nav.top-nav ul.flex--all li.wrap-box-caps:nth-child(2)
{
    background: var(--orange);
}

/* All menu voices */
header.main-header .navigation--main
{
    padding-right: calc(var(--pad) + var(--burger-w) + var(--pad-slim));
}
@media(min-width:768px)
{
    header.main-header .navigation--main
    {
        padding-right: calc(var(--pad) + var(--burger-w));
    }    
}
header.main-header .navigation--main nav.main-nav ul li
{
    translate: calc(100% + var(--pad)*2 + var(--burger-w)) 0;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1);
}

@media(min-width:768px)
{
    header.main-header .navigation--main nav.main-nav ul li
    {
        translate: calc(100% + var(--pad) + var(--burger-w)) 0;
    }

    header.main-header .navigation--main nav.main-nav ul li.wrap-box-default a,
    header.main-header .navigation--main nav.main-nav ul li.wrap-box-search button span
    {
        padding-bottom: calc(var(--pad-slim) + 2px);
    }  
}

@media(max-width: 767px)
{
    header.main-header .navigation--main nav.main-nav ul li .boxed.ty--xl,
    header.main-header .navigation--main nav.main-nav ul li .boxed.ty--xl span
    {
        font-size: var(--xxl);
        line-height: .9em;
        white-space: pre-wrap;
    }
    header.main-header .navigation--main nav.main-nav ul li a.boxed.ty--xl span
    {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0;  
        vertical-align: 1%;
    }
    header.main-header .navigation--main nav.main-nav ul li.wrap-boxed.wrap-boxed--xl a 
    {
        margin-top: calc((var(--pad-slim))* -.81);
        padding-bottom: calc(var(--pad-slim) + 1px);
    }
    header.main-header .navigation--main nav.main-nav ul li.wrap-boxed--xl + .wrap-box-default
    {
        margin-top: -.21em;
    }
}

@media(max-width: 767px)
{
    header.main-header .navigation--main nav.main-nav ul li:nth-child(1) span
    {
        background: -o-linear-gradient(top, #ffc7e800 20%, #ffc7e8 20%, #ffc7e8 100%, #ffc7e800 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffc7e800), color-stop(20%, #ffc7e8), color-stop(100%, #ffc7e8), to(#ffc7e800));
        background: linear-gradient(to bottom, #ffc7e800 20%, #ffc7e8 20%, #ffc7e8 100%, #ffc7e800 100%);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(2) span
    {
        background: -o-linear-gradient(top, #ff7c5e00 20%, #ff7c5e 20%, #ff7c5e 100%, #ff7c5e00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ff7c5e00), color-stop(20%, #ff7c5e), color-stop(100%, #ff7c5e), to(#ff7c5e00));
        background: linear-gradient(to bottom, #ff7c5e00 20%, #ff7c5e 20%, #ff7c5e 100%, #ff7c5e00 100%);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(3) span
    {
        background: -o-linear-gradient(top, #d17aff00 20%, #d17aff 20%, #d17aff 100%, #d17aff00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d17aff00), color-stop(20%, #d17aff), color-stop(100%, #d17aff), to(#d17aff00));
        background: linear-gradient(to bottom, #d17aff00 20%, #d17aff 20%, #d17aff 100%, #d17aff00 100%);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(4) span
    {
        background: -o-linear-gradient(top, #ffdee000 20%, #ffdee0 20%, #ffdee0 100%, #ffdee000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffdee000), color-stop(20%, #ffdee0), color-stop(100%, #ffdee0), to(#ffdee000));
        background: linear-gradient(to bottom, #ffdee000 20%, #ffdee0 20%, #ffdee0 100%, #ffdee000 100%);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(5) span
    {
        background: -o-linear-gradient(top, #32ae7b00 20%, #32ae7b 20%, #32ae7b 100%, #32ae7b00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #32ae7b00), color-stop(20%, #32ae7b), color-stop(100%, #32ae7b), to(#32ae7b00));
        background: linear-gradient(to bottom, #32ae7b00 20%, #32ae7b 20%, #32ae7b 100%, #32ae7b00 100%);
    }
}
@media(min-width: 768px)
{
    header.main-header .navigation--main nav.main-nav ul li a
    {
        display: block;

        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        
        text-align: right;

        width: auto;
        height: 100%;
    }
    header.main-header .navigation--main nav.main-nav ul li a span
    {
        padding: 0 var(--pad-slim) var(--pad-slim) var(--pad-slim);
        margin-right: 0;
        margin-left: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(1) a span
    {
        background: var(--pink-strong);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(2) a span
    {
        background: var(--orange);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(3) a span
    {
        background: var(--violet);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(4) a span
    {
        background: var(--pink-soft);
    }
    header.main-header .navigation--main nav.main-nav ul li:nth-child(5) a span
    {
        background: var(--green);
    }
    
    header.main-header .navigation--main nav.main-nav ul li:hover
    {
        cursor: pointer;
    }
    header.main-header .navigation--main nav.main-nav ul li.wrap-box-search:hover button svg path
    {
        fill: transparent;
    }

    header.main-header .navigation--main nav.main-nav ul li span
    {
        display: block;
        padding: 0;
    }

    header.main-header .navigation--main nav.main-nav ul li:nth-child(1) span,
    header.main-header .navigation--main nav.main-nav ul li:nth-child(2) span,
    header.main-header .navigation--main nav.main-nav ul li:nth-child(3) span,
    header.main-header .navigation--main nav.main-nav ul li:nth-child(4) span,
    header.main-header .navigation--main nav.main-nav ul li:nth-child(5) span
    {
        margin-top: -.09em;
        text-align: center;
        word-wrap: break-word;
        text-transform: uppercase;
        background: none;
    }
}

header.main-header .navigation--main nav.main-nav .wrap-boxed .boxed.ty--mn
{
    margin-bottom: calc(var(--pad-slim) / 7* -1);
}

header.main-header .navigation--main nav.main-nav .wrap-box-default
{
    padding: var(--pad);
    background-color: var(--white);
}
@media(min-width:768px)
{
    header.main-header .navigation--main nav.main-nav .wrap-box-default
    {
        padding: calc(var(--pad-slim) / 1.5) var(--pad-slim);
    }
}
header.main-header .navigation--main nav.main-nav .wrap-box-default > a
{
    margin-top: -2px;
}

header.main-header .navigation--main nav.main-nav button.wrap-box-default
{
    height: auto;
}

header.main-header .navigation--main nav + div.wrap-menu--items-bottom
{
    visibility: hidden;

    padding: calc(var(--pad-mid) + var(--pad)) var(--pad) var(--pad-mid) var(--pad);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: var(--pad-mid);
}
@media(min-width: 768px)
{
   header.main-header .navigation--main nav + div.wrap-menu--items-bottom
   {
    padding: var(--pad-mid) var(--pad) var(--pad) var(--pad);
   } 
}
header.main-header .wrap-socials .link--social
{
    white-space: nowrap;
}

header.main-header .wrap-socials .link--social:not(:last-child),
header.main-header .wrap-languages .lang--switch:not(:last-child)
{
    padding-right: var(--pad);
}
@media(min-width: 768px)
{
    header.main-header .wrap-socials .link--social + .link--social,
    header.main-header .wrap-languages .lang--switch + .lang--switch
    {
        padding-right: 0;
        padding-left: var(--pad);
    }    
}

header .wrap-languages .lang--switch__active
{
    text-decoration: underline;
}

/*
Mbl only
*/
header.main-header .navigation--top.mbl--only
{
    display: none;
}
header.main-header[menu-open="true"] .navigation--top.mbl--only
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: var(--pad-slim) var(--pad);
    width: calc(100% - var(--pad) - var(--burger-w) - var(--pad-slim));
    background-color: var(--white);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    z-index: 888;
}
@media (min-width:768px)
{
    header.main-header[menu-open="true"] .navigation--top.mbl--only
    {
        display: none;
    }
}

/*
Open Menu
*/
body[menu-open="true"]
{
    overflow: hidden;
}

body[menu-open="true"] main
{
    visibility: hidden;
    position: relative;
    z-index: 0;
}

header.main-header[menu-open="true"]
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    z-index: 999;
}

header.main-header[menu-open="true"]::before
{
    visibility: visible;
    background-color: var(--gray-pale);
    -webkit-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    -o-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}

header.main-header[menu-open="true"] .wrap-menu--controls button.button-menu .icon-menu svg g#l1
{
    translate: 0 -42.4%;
}
header.main-header[menu-open="true"] .wrap-menu--controls button.button-menu .icon-menu svg g#l3
{
    translate: 0 42.4%;
}

header.main-header[menu-open="true"] .navigation--main
{
    position: absolute;

    visibility: visible;
    opacity: 1;

    width: 100%;
    -webkit-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    -o-transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transition: visibility .01s cubic-bezier(0.8, 0, 0.2, 1) 0s, opacity .01s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}

header.main-header[menu-open="true"] .main-container
{
    height: 100%;
    overflow-y: scroll;
}

header.main-header[menu-open="true"] .wrap-menu--items .logo
{
    position: fixed;
    z-index: 999;
}

@media(max-width: 767px)
{
    header.main-header[menu-open="true"] .main-container
    {
        overflow-y: scroll;
    }
    header.main-header[menu-open="true"] .navigation--main
    {
        position: relative;
        height: fit-content;
        overflow-y: visible;
    }
    header.main-header[menu-open="true"] .navigation--main nav
    {
        padding-top: var(--pad-mid);
        padding-left: var(--pad);
    }
    header.main-header[menu-open="true"] .wrap-menu--items-logo
    {
        padding-top: var(--pad);
        padding-left: var(--pad);
    }
    header.main-header[menu-open="true"] .wrap-menu--items .logo
    {
        position: relative;
        display: block;
        padding-bottom: var(--pad);
        width: 100%;
        height: auto;
        z-index: 888;
    }
    header.main-header[menu-open="true"] .navigation--main
    {
        overflow: visible;
    }
}


@media(min-width: 1080px)
{
    header.main-header[menu-open="true"] .wrap-menu--items .logo #static-svg svg
    {
        scale: 1.5;
    }
}
@media(min-width: 1400px)
{
    header.main-header[menu-open="true"] .wrap-menu--items .logo #static-svg svg
    {
        scale: 1.53;
    }
}

header.main-header[menu-open="true"] .wrap-menu--controls::before
{
    translate: 0 0;
    -webkit-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    -o-transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transition: translate .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}

header.main-header[menu-open="true"] .navigation--main nav.main-nav ul li
{
    translate: 0 0;
}

header.main-header[menu-open="true"] .navigation--main nav + div.wrap-menu--items-bottom
{
    visibility: visible;
}

header.main-header .navigation--main nav.main-nav ul li.wrap-box-search span.ty--mn
{
    color: var(--black);
}
header.main-header nav.top-nav ul.flex--all li.wrap-box-caps,
header.main-header .navigation--main nav.main-nav ul li a span,
header.main-header .navigation--main nav.main-nav ul li.wrap-box-default > a,
header.main-header .navigation--main nav.main-nav ul li.wrap-box-search button
{
    -webkit-transition: padding .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: padding .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: padding .4s cubic-bezier(0.8, 0, 0.2, 1);
}
header.main-header nav.top-nav ul.flex--all li.wrap-box-caps:hover,
header.main-header .navigation--main nav.main-nav ul li.wrap-box-default:hover > a,
header.main-header .navigation--main nav.main-nav ul li.wrap-box-search:hover button,
header.main-header .navigation--main nav.main-nav ul li:hover a span
{
    padding-right: 1.5rem;
    -webkit-transition: padding .2s cubic-bezier(0.9, 0, 0.1, 1);
    -o-transition: padding .2s cubic-bezier(0.9, 0, 0.1, 1);
    transition: padding .2s cubic-bezier(0.9, 0, 0.1, 1);
    cursor: pointer;    
}
header.main-header .navigation--main nav.main-nav ul li:nth-child(1) span
{
    -webkit-transition-delay: .01s;
         -o-transition-delay: .01s;
            transition-delay: .01s;
}
header.main-header .navigation--main nav.main-nav ul li:nth-child(2) span
{
    -webkit-transition-delay: .015s;
         -o-transition-delay: .015s;
            transition-delay: .015s;
}
header.main-header .navigation--main nav.main-nav ul li:nth-child(3) span
{
    -webkit-transition-delay: .02s;
         -o-transition-delay: .02s;
            transition-delay: .02s;
}
header.main-header .navigation--main nav.main-nav ul li:nth-child(4) span
{
    -webkit-transition-delay: .03s;
         -o-transition-delay: .03s;
            transition-delay: .03s;
}
header.main-header .navigation--main nav.main-nav ul li:nth-child(5) span
{
    -webkit-transition-delay: .03s;
         -o-transition-delay: .03s;
            transition-delay: .03s;
}
header.main-header .navigation--main nav.main-nav ul li.wrap-box-default
{
   -webkit-transition-delay: .04s;
        -o-transition-delay: .04s;
           transition-delay: .04s; 
}
header.main-header .navigation--main nav.main-nav ul li.wrap-box-search
{
   -webkit-transition-delay: .045s;
        -o-transition-delay: .045s;
           transition-delay: .045s; 
}

/*
Primary nav behaviour
*/
/*
If start page first two menu voices must be above
*/
header.main-header[menu-open="true"] .wrap-menu--items .wrap-menu--items-list
{
    display: none;
}
header.main-header .wrap-menu--items .wrap-menu--items-list.top-zindex
{
    display: block;
    z-index: 9999999;
}

/*
Hide primary nav from mobile
*/
header.main-header nav.top-nav
{
    display: none;
}
@media(min-width: 768px)
{ 
    header.main-header nav.top-nav
    {
        display: block;
    }
}


/* ======================= */
/*  Search */
/* ======================= */
/* 
Form 
*/
.form--search
{
    padding-top: var(--pad-mid);
}
.form--search label
{
    display: none;
}
.form--search input
{
    display: inline-block;
/*    padding: var(--pad-slim);*/
    width: -webkit-fill-available;
    max-width: calc(100% - 30px - var(--pad-slim));
    height: auto;
    border-bottom: 1px solid #c7c7c7;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.form--search .container
{
    position: relative;
    padding-bottom: var(--pad-slim);
}
.form--search .search-btn 
{
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    height: auto;
    -webkit-transform: translate3d(-10%, -50%, 0);
            transform: translate3d(-10%, -50%, 0);
    cursor: pointer;
}
/* 
Overlay styling
*/
.overlay  .form--search
{
    padding-top: 0;
}
.overlay 
{
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(214, 214, 214, 0.60);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 999999;
    overflow: auto;
}

.overlay .overlay-content 
{
    position: relative;
    top: 50%;
    left: 50%;
    margin: auto;
    padding: var(--pad-slim);

    width: calc(100% - var(--pad)*2);
    max-width: 840px;

    background: var(--white);
    text-align: left;

    -webkit-transform: translate3d(calc(-50% - var(--pad)), -60%, 0);
            transform: translate3d(calc(-50% - var(--pad)), -60%, 0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media (min-width: 768px)
{
    .overlay .overlay-content 
    {
        margin: inherit;
        width: 100%;
            -webkit-transform: translate3d(-50%, -60%, 0);
        transform: translate3d(-50%, -60%, 0);
    }
}
.overlay label
{
    display: block;
    padding: var(--pad-slim);
}
.overlay input
{
    padding: var(--pad-slim);
}
.overlay .close-btn
{
    display: block;
    position: absolute;
    top: var(--pad-slim);
    right: calc(var(--pad-slim) + 3px); /* NOTE: optical fix */
    font-size: 30px;
    line-height: 1em;
    cursor: pointer;
}



/* ======================= */
/*  Row accordion */
/*  Row link */
/* ======================= */
.card--row:hover
{
    cursor: pointer;
}

.card--row,
.card--row--accordion
{
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
}
.card--row
{
    padding-right: var(--pad);
    padding-left: var(--pad);
}
@media(min-width: 768px) 
{
    .card--row,
    .card--row--accordion
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
    .card--row
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media(min-width: 1280px) 
{
    .card--row,
    .card--row--accordion
    {
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    }
}



/* Row link only */
.card--row.card--row--link .ty--s
{
    width: 100%;
}
.card--row.card--row--link .ty--xl
{
    display: inline;
    padding-right: var(--pad);
}
@media(min-width: 768px)
{
    .card--row.card--row--link .ty--xl
    {
        display: block;
    }   
}
.card--row.card--row--link > .wrap-box
{
    -webkit-transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
    transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
}
.card--row.card--row--link:hover > .wrap-box
{
    padding-bottom: calc(var(--pad-mid) + var(--pad-slim));
}

@media (min-width: 768px) 
{
    .card--row.card--row--link .icon--arrow
    {
        -webkit-transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
        -o-transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
        transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
    }
    .card--row.card--row--link:hover .icon--arrow
    {
        scale: 1.2;
    }
}

.card--row.card--row--link .wrap-boxed .boxed.ty--xl span
{
    background: transparent;
}

.card--row.card--row--link .icon--arrow
{
    padding-top: var(--pad-mid);
}

.card--row .flex--all,
.card--row .flex--dsktp
{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
@media(min-width: 768px) 
{
    .card--row .flex--all,
    .card--row .flex--dsktp
    {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
.card--row .col + .col
{
    padding-top: var(--pad-mid);
}
@media(min-width: 768px) 
{ 
    .card--row .col + .col
    {
        padding-top: 0;
        padding-left: var(--pad-mid);
    }
}
.card--row .icon--arrow
{
    padding-right: var(--pad-slim);
    height: 20px;
    width: 20px;
}
@media(min-width: 768px) 
{ 
    .card--row .icon--arrow
    {
        height: 28px;
        width: 28px;
    }   
}
.card--row svg.icon--plus
{
    padding-right: var(--pad-slim);
    height: 21px;
    width: 21px;
}
@media(min-width: 768px) 
{ 
    .card--row svg.icon--plus
    {
        padding-right: var(--pad-slim);
        height: 29px;
        width: 29px;
    }   
}


/* template="t-cat-event" */
.card--row.card--row--link .col > time:has(+ p.ty--s),
.card--row.card--row--link .col > time + p.ty--s
{
    display: inline-block;
    width: auto;
} 
.card--row.card--row--link .col > time:has(+ p.ty--s)::after
{
    content: '|';
    display: inline-block;
    padding-right: .25em;
    padding-left: .25em;
}



/*
Row accordion only
*/
details > summary::-webkit-details-marker 
{
  display: none;
}

details.card--row--accordion,
details.card--row--accordion:hover
{
    cursor: pointer;
}
details.card--row--accordion.wrap-box
{
    padding-bottom: 0; /* NOTE: overwrite default behaviour */
}

details.card--row--accordion summary
{
    padding-bottom: var(--pad-mid);
    -webkit-transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
    transition: padding .3s cubic-bezier(0.8, 0, 0.2, 1);
}

details.card--row--accordion:hover summary
{
    padding-bottom: calc(var(--pad-mid) + var(--pad-slim));
    cursor: pointer;
}

details.card--row--accordion summary.flex--all
{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
@media (min-width: 768px)
{
    details.card--row--accordion svg
    {
        padding-right: var(--pad-slim);
    }
}

@media (min-width: 768px)
{
    details.card--row--accordion svg.icon.icon--plus
    {
        -webkit-transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
        -o-transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
        transition: scale .3s cubic-bezier(0.8, 0, 0.2, 1);
    }
    details.card--row--accordion:hover svg.icon.icon--plus
    {
        scale: 1.2;
    }
}
details.card--row--accordion svg.icon--plus g
{
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.8, 0, 0.2, 1);
    transition: -webkit-transform .3s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.8, 0, 0.2, 1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
details.card--row--accordion[open] svg.icon--plus #l2
{
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
details.card--row--accordion[open] .row--default + .row--additional
{
    padding-bottom: var(--pad);
    max-width: 920px;
    margin-right: auto;
}
@media (min-width: 1600px)
{
    details.card--row--accordion[open] .row--default + .row--additional
    {
        max-width: 1024px;
    }    
}
details.card--row--accordion .row--additional > .textarea + .textarea
{
    padding-top: var(--pad-mid);
}
details.card--row--accordion .row--additional > .textarea p + h4
{
    padding-top: var(--pad-mid);
}

details.card--row--accordion .row--additional > .textarea p + a
{
    padding-top: var(--pad);
}
details.card--row--accordion .row--additional > .textarea p + a
{
    display: inline-block;
}
details.card--row--accordion .row--additional > .textarea p + p
{
    padding-top: .9em;
}
@media (min-width: 768px) 
{
    details.card--row--accordion .row--additional > .textarea
    {
        padding-right: var(--pad-big);
    }

    details.card--row--accordion .row--additional .grid--2 
    {
        grid-gap: var(--pad-mid) var(--pad);
    }
}
/*
*/




/* ======================= */
/*  Btn ticket */
/* ======================= */
.wrap--ticket
{
    padding-top: var(--pad);
}
.wrap--ticket,
.wrap--ticket > a
{
    display: inline-block;
}
.wrap--ticket > a
{
    padding: var(--pad-slim);
}

/* ======================= */
/*  Block closure */
/* ======================= */
.textarea.textarea--closure > .ty--s
{
    padding-top: var(--pad-mid);
}


/* ======================= */
/*  General cards */
/* ======================= */
/*
Accessibility
*/
/*
Hover effect
*/
.wrap-card .card--xl a .card--heading .title > span::after
{
    content: '';
    display: inline-block;
    visibility: hidden;
    height: .45em;
    width: .0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 34 34'%3E%3Cpolygon points='16.6 0 13.8 2.9 25.9 15 .5 15 .5 15 .5 19 25.9 19 13.8 31.2 16.6 34 33.6 17 16.6 0'/%3E%3C/svg%3E");    background-repeat: no-repeat;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: width .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1) .1s;
    -o-transition: width .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1) .1s;
    transition: width .4s cubic-bezier(0.8, 0, 0.2, 1), margin .4s cubic-bezier(0.8, 0, 0.2, 1) .1s;
}
.wrap-card .card--xl a:hover .card--heading .title > span::after
{
    visibility: visible;
    margin-left: .2em;
    margin-bottom: .1ch;
    height: .45em;
    width: .45em;
    background-size: contain;
}

/* ======================= */
/*  Card XL and XL side */
/* ======================= */
.wrap-card.grid--12 .card--xl-side,
.wrap-card.grid--12 .card--xl
{
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
    padding-right: var(--pad);
    padding-left: var(--pad);
}
@media(min-width: 768px)
{
    .wrap-card.grid--12 .card--xl-side
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-column: 4;
        grid-column-start: 4;
        -ms-grid-column-span: 9;
        grid-column-end: 13;
    }
    .wrap-card.grid--12 .card--xl
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
    .wrap-card.grid--12 .card--xl-side,
    .wrap-card.grid--12 .card--xl
        {
        padding-right: 0;
        padding-left: 0;
    }
}

.card--xl .wrap-boxed .boxed.ty--l
{
    margin-top: -.095em;
}

/* ======================= */
/*  Card L General */
/* ======================= */
.wrap-card.grid--12 .card--l .wrap-boxed .boxed.ty--l
{
 margin-top: -.115em;
}
@media(min-width: 1280px)
{
    .wrap-card.grid--12 .card--l .card--heading .wrap-boxed--s + .wrap-boxed--m
    {
        margin-top: -2px;
    }   
}

/* ======================= */
/*  Card S General */
/* ======================= */
.grid.grid--12 .card--s
{
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
        grid-column-start: 1;
  -ms-grid-column-span: 6;
  grid-column-end: 7;
}
@media(min-width: 768px)
{
    .grid.grid--12 .card--s
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
}

.grid--12 .card--s > a > .grid--12 .col:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: thumb; }
.grid.grid--12 .card--s > a > .grid--12 .col:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 7; -ms-grid-column-span: 15; grid-area: info; }

.grid.grid--12 .card--s > a > .grid--12 
{
    -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
    grid-template-columns: repeat(12, 1fr);
            grid-template-areas: 
    "thumb thumb thumb info info info info info info info info .";
    grid-gap: 0;
}

@media(min-width: 768px) 
{ 
    .grid.grid--12 .card--s > a > .grid--12 
    {
      grid-template-areas: 
        "thumb thumb thumb thumb info info info info info info info info";
    } 
    .grid--12 .card--s > a > .grid--12 .col:nth-child(1) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    } 
    .grid.grid--12 .card--s > a > .grid--12 .col:nth-child(2) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
    }   
}
@media(min-width: 1280px)
{
    .grid.grid--12 .card--s > a >.grid--12 
    {
       grid-template-areas: 
        "thumb thumb thumb info info info info info info info info info";
    }
    .grid.grid--12 .card--s > a >.grid--12 > .col:nth-child(1) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    }
    .grid.grid--12 .card--s > a >.grid--12 > .col:nth-child(2) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    }   
}
/* Mbl only */
@media(max-width: 767px) 
{ 
    .grid.grid--12 .card--s > a > .grid--12
    {
        grid-auto-rows: 1fr;
    }
    .grid.grid--12 .card--s > a > .grid--12 figure,
    .grid.grid--12 .card--s > a > .grid--12 picture 
    {
        display: block;
    }
    .grid.grid--12 .card--s > a > .grid--12 img 
    {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
}

.wrap-card .card--s .wrap-boxed--s
{
    overflow: hidden;
}
.wrap-card .card--s .wrap-boxed .boxed.ty--s
{
    padding-bottom: 3px;
}
@media(min-width: 768px) 
{
    .wrap-card .card--s .wrap-boxed .boxed.ty--s
    {
        padding-bottom: 4px;
    }
}
.wrap-card .card--s .wrap-boxed .boxed.ty--l span
{
    background: -o-linear-gradient(top, #FFFFF800 20%, #FFFFFF 20%, #FFFFFF 100%, #FFFFFF00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFFFF800), color-stop(20%, #FFFFFF), color-stop(100%, #FFFFFF), to(#FFFFFF00));
    background: linear-gradient(to bottom, #FFFFF800 20%, #FFFFFF 20%, #FFFFFF 100%, #FFFFFF00 100%);
}
/*
*/


/* ======================= */
/* Card S Cinema */
/* ======================= */
.card--cinema.card--s
{
    padding-top: var(--pad-slim);
}
.card--cinema.card--s > a
{
    display: block;
    padding: var(--pad-slim);
    background-color: var(--black);
}

@media (max-width: 767px)
{
    .grid.grid--12 .card--cinema.card--s > a > .grid--12
    {
        grid-template-areas: "thumb thumb thumb info info info info info info info info info";
    }
}

.card--cinema.card--s .wrap-boxed--s
{
    overflow: hidden;
}

.card--cinema.card--s .wrap-boxed--s + .wrap-boxed--mn
{
    margin-top: -2px;
}
@media (min-width: 768px)
{
    .card--cinema.card--s .wrap-boxed--s + .wrap-boxed--mn
    {
        margin-top: -1px;
    } 
}    
.card--cinema.card--s .wrap-boxed--m + .wrap-boxed--l .boxed.ty--l
{
  margin-top: -.13em;
}

.card--cinema.card--s .wrap-boxed--s + .wrap-boxed--mn + .wrap-boxed--l > .ty--l.boxed
{
    margin-top: -.09em
}
@media (min-width: 768px)
{
    .card--cinema.card--s .wrap-boxed--s + .wrap-boxed--mn + .wrap-boxed--l > .ty--l.boxed
    {
        margin-top: calc( var(--pad-slim)/2 * -1.19 );
    }
}
/*
*/


/* ======================= */
/*  Card S Archive */
/* ======================= */
.wrap-card .card--s.card--archive
{
    padding-right: var(--pad);
    padding-left: var(--pad);
}
/*
*/


/* ======================= */
/* Card slim */
/* ======================= */
.card--slim .card--image + .card--text
{
    padding-top: calc(var(--pad-slim) - 2px);
}
.card--slim .card--text
{
    position: relative;
    padding-left: calc( var(--pad) / 2);
}

/*
Card slim artwork
*/
.card--slim.card--slim--artwork picture + .wrap-info
{
    padding-top: calc(var(--pad-slim) - 3px); /* NOTE: optical fix */
}
.card--slim.card--slim--artwork picture + .wrap-info .ty--s + .ty--mn
{
    margin-top: -3px; /* NOTE: optical fix */
}
.card--slim.card--slim--artwork picture + .wrap-info .ty--mn + .ty--s
{
    padding-top: calc(var(--pad-slim) / 2);
}
.card--slim.card--slim--artwork .card--text
{
    padding-left: 0;
}

/* ======================= */
/*  Card super slim */
/* ======================= */
.card--slim.card--slim--sup .title
{
    padding-top: var(--pad-slim);
}
.card--slim.card--slim--sup .wrap-excerpt
{
    padding-top: .3em;
    padding-left: 0;
}

/* ======================= */
/*  Card Heading */
/* ======================= */
.card--heading .wrap-boxed .boxed.ty--xl
{
  margin-top: -.12em;
  padding-bottom: .12em;
}
@media all and (min-width: 768px)
{
    .card--heading .wrap-boxed--s + .wrap-boxed--m
    {
        margin-top: -1px;
    }
    .card--heading .wrap-boxed--xl + .wrap-boxed--s .boxed.ty--s
    {
        padding-bottom: 1px;
    }
}

/* ======================= */
/* Card without boxed */
/* ======================= */
.card--m figure,
.card--slim figure
{
    overflow: hidden;
}
.card--m > a img,
.card--slim > a img
{
    -webkit-transition: -webkit-filter .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: -webkit-filter .4s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: filter .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: filter .4s cubic-bezier(0.8, 0, 0.2, 1);
    transition: filter .4s cubic-bezier(0.8, 0, 0.2, 1), -webkit-filter .4s cubic-bezier(0.8, 0, 0.2, 1);
}
.card--m > a:hover .wrap-boxed .boxed.ty--s span,
.card--slim > a:hover .wrap-boxed .boxed.ty--s span
{
    color: var(--white);
    background: var(--black);
}

.card--m > a:hover .boxed.ty--mn[aria-label="card title"] span,
.card--slim > a:hover .boxed.ty--mn[aria-label="card title"] span
{
    background: -o-linear-gradient(top, #00000000 11%, var(--black) 11%, var(--black) 100%, #00000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #00000000), color-stop(11%, var(--black)), color-stop(100%, var(--black)), to(#00000000));
    background: linear-gradient(to bottom, #00000000 11%, var(--black) 11%, var(--black) 100%, #00000000 100%);
    color: var(--white);
}
.card--m figure + .wrap-info
{
    padding-top: calc(var(--pad-slim)/2); /* NOTE: optical fix */
}
.card--m figure + .wrap-info .wrap-title + .wrap-link,
.card--m figure + .wrap-info .wrap-title + .wrap-time
{
    padding-top: var(--pad-slim);
}
@media (min-width: 768px)
{
    .card--m figure + .wrap-info .wrap-title + .wrap-link,
    .card--m figure + .wrap-info .wrap-title + .wrap-time
    {
        padding-top: var(--pad);
    }   
}
.card--m .wrap-title + .wrap-date
{
    padding-top: var(--pad-slim);
}

.card--m .wrap-info .wrap-title + .wrap-excerpt
{
    padding-top: calc(var(--pad-slim)/2);
}
.card--m .wrap-info .wrap-excerpt + .wrap-link
{
    padding-top: var(--pad);
}

/* ======================= */
/*  Hero */
/* ======================= */
.content--hero
{
    padding-left: var(--pad);
}
.content--hero > .grid--12
{
  grid-template-areas: 
    "frst frst frst frst frst frst"
  "scnd scnd scnd scnd scnd .";
}
.content--hero > .grid--12 > .row--1,
.content--hero > .grid--12 > .row--3
{
    margin-right: var(--pad);
}
@media(min-width: 768px) 
{ 
    .content--hero
    {
        padding-left: 0;
    }
    .content--hero > .grid--12
    {
      grid-template-areas: 
        ". frst frst frst frst frst frst frst frst frst frst ."
      ". . scnd scnd scnd scnd scnd scnd scnd scnd . .";
    }
    .content--hero > .grid--12 > .row--1,
    .content--hero > .grid--12 > .row--3
    {
        margin-right: 0;       
    }
    .content--hero > .grid--12 > .row--1
    {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 19;
    }
    .content--hero > .grid--12 > .row--2
    {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
        -ms-grid-column-span: 15;
    }
}
@media(min-width: 1280px) 
{ 
    .content--hero > .grid--12
    {
      grid-template-areas: 
        ". . frst frst frst frst frst frst frst frst . ."
      ". . . scnd scnd scnd scnd scnd scnd . . .";
    } 
    .content--hero > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    }
}
.content--hero ul + ul,
.content--hero ul + li
{
    padding-top: var(--pad);
}
/*NOTE: archive*/
@media(min-width: 768px)
{
    .content--hero .row--2 .col + .col
    {
        padding-left: var(--pad-big);
    }
}
@media(max-width: 767px)
{
    .content--hero .row--2
    {
        position: relative;
    }
    .content--hero .row--2 .col + .col
    {
        position: absolute;
        bottom: calc(var(--pad-mid)* -1.2);
        left: 0;
        padding-top: var(--pad-mid);
        background-color: var(--white);
    }
    .content--hero .row--2 .col + .col > .link--arrow
    {
        padding: var(--pad-slim);
    }
}
/*
*/

/*
Hero default 
*/
@media (max-width: 767px)
{
    .content--hero.hero--def > .grid--12
    {
        grid-template-areas:
        "frst frst frst frst frst frst"
        "scnd scnd scnd scnd scnd scnd";
    }
    .content--hero + .page--content:not(.page--highlights):not(.content--flexible)
    {
        padding-top: var(--pad);
    }
    .content--hero.hero--def > .grid--12 > .row--1
    {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11;
    }
    .content--hero.hero--def > .grid--12 > .row--2
    {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11;
    }
    .content--hero.hero--def > .grid--12 > .row--1,
    .content--hero.hero--def > .grid--12 > .row--2
    {
        margin-right: var(--pad);
    }
}
@media(min-width: 768px) 
{ 
    .content--hero.hero--def > .grid--12
    {
      grid-template-areas: 
      ". . frst frst frst frst frst frst frst frst . ."
      ". . scnd scnd scnd scnd scnd scnd scnd scnd . .";
    } 
    .content--hero.hero--def > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--def > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
}

/* Img  */
.content--hero.hero--def .wrap-box.row--2
{
    padding: 0;
}
.content--hero.hero--def .wrap-box.row--2 figcaption
{
    padding-bottom: var(--pad-mid);
}

/* Excerpt */
.content--hero.hero--def .wrap-box.row--3 .wrap--ty--n--lh--super
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
@media(min-width: 768px) 
{ 
    .content--hero.hero--def .wrap-box.row--3 .wrap--ty--n--lh--super
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
}

/*
Hero with filters
*/
.content--hero.hero--filters
{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.content--hero.hero--filters nav + div 
{
    padding-top: var(--pad);
}
@media (min-width: 768px)
{
    .content--hero.hero--filters nav + div 
    {
        padding-top: 0;
    }    
}
.content--hero.hero--filters nav + div > a.link--arrow-blank
{
    display: block;
    padding-top: var(--pad-slim);
}
@media (min-width: 768px)
{
    .content--hero.hero--filters nav + div > a.link--arrow-blank
    {
        padding-bottom: var(--pad-slim);
    }    
}

.content--hero.hero--filters .row.row--2.wrap-box,
.content--hero.hero--filters nav + div > a.link--arrow-blank
{
    padding-top: 0;
}

/*
Hero with anchors
*/
.content--hero.hero--anchors > .grid--12
{
  grid-template-areas: 
    "frst frst frst frst frst frst"
  "scnd scnd scnd scnd scnd ."
  "thrd thrd thrd thrd thrd thrd"
  "frth frth frth frth frth ."
}
@media(min-width: 768px) 
{ 
    .content--hero.hero--anchors  > .grid--12
    {
      grid-template-areas: 
        ". frst frst frst frst frst frst frst frst frst frst ."
        ". . scnd scnd scnd scnd scnd scnd scnd scnd . ."
        ". thrd thrd thrd thrd thrd thrd thrd thrd thrd thrd ."
        ". . frth frth frth frth frth frth frth frth . .";
    } 
    .content--hero.hero--anchors  > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    } 
    .content--hero.hero--anchors  > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--anchors  > .grid--12 > .row--3
    {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    } 
    .content--hero.hero--anchors  > .grid--12 > .row--4
    {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
}
@media(min-width: 1280px) 
{ 
    .content--hero.hero--anchors  > .grid--12
    {
      grid-template-areas: 
       ". . frst frst frst frst frst frst frst frst . ."
       ". . . scnd scnd scnd scnd scnd scnd . . ."
       ". . thrd thrd thrd thrd thrd thrd thrd thrd . ."
       ". . . frth frth frth frth frth frth . . .";

    } 
    .content--hero.hero--anchors  > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    } 
    .content--hero.hero--anchors  > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;

    } 
    .content--hero.hero--anchors  > .grid--12 > .row--3
    {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    } 
    .content--hero.hero--anchors  > .grid--12 > .row--4
    {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;

    }
}

@media (max-width: 768px)
{
    .content--hero.hero--anchors  > .grid--12 > .row--4 .textarea .wrap-box.lh--super
    {
        padding: 0;
    }
}

.content--hero.hero--anchors header + ul li a::after
{
    content: '';
    display: inline-block;
    margin-left: 6px;
    margin-bottom: -1px;
    height: .75em;
    width: .75em;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 34 34'%3E%3Cpolygon points='34 16.6 31.1 13.8 19 25.9 19 .5 19 .5 15 .5 15 25.9 2.8 13.8 0 16.6 17 33.5 34 16.6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.content--hero.hero--anchors .row.row--2.wrap-box
{
    padding-top: 0;
}

/* Img  */
.content--hero.hero--anchors .grid--12 .row--3
{
    padding: 0;
}
.content--hero.hero--anchors .grid--12 .row--3
{
    padding: 0;
}
.content--hero.hero--anchors .grid--12 .row--3 figcaption
{
    padding-bottom: var(--pad-mid);
}
/* Excerpt */
.content--hero.hero--anchors .grid--12 .row--4 .wrap--ty--n--lh--super
{
    display: inherit;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
@media(min-width: 768px) 
{ 
    .content--hero.hero--anchors .grid--12 .row--4 .wrap--ty--n--lh--super
    {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 12;
        grid-column-end: 13;
    }
}


/*
Hero for articles
*/
.content--hero.hero--article > .grid--12
{
    grid-template-areas: 
    "frst frst frst frst frst frst"
    "scnd scnd scnd scnd scnd ."
    "thrd thrd thrd thrd thrd thrd";
}
@media(min-width: 768px) 
{ 
    .content--hero.hero--article  > .grid--12
    {
      grid-template-areas: 
        ". frst frst frst frst frst frst frst frst frst frst ."
        ". . scnd scnd scnd scnd scnd scnd scnd scnd . ."
        ". thrd thrd thrd thrd thrd thrd thrd thrd thrd thrd .";
    } 
    .content--hero.hero--article  > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    } 
    .content--hero.hero--article  > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--article  > .grid--12 > .row--3
    {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
}
@media(min-width: 1280px) 
{ 
    .content--hero.hero--article  > .grid--12
    {
              grid-template-areas: 
       ". . frst frst frst frst frst frst frst frst . ."
       ". . . scnd scnd scnd scnd scnd scnd . . ."
       ". . thrd thrd thrd thrd thrd thrd thrd thrd . .";

    } 
    .content--hero.hero--article  > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    } 
    .content--hero.hero--article  > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;

    } 
    .content--hero.hero--article  > .grid--12 > .row--3
    {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    }
}
/*
Hero two rows with picture
*/
.content--hero.hero--rows-img .cat
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.content--hero.hero--rows-img .cat::before
{
    content: '#';
    display: inline-block;
    padding-right: 1px;
}

/* ======================= */
/*  CTA XXL */
/* ======================= */
.card--row--cta .wrap-boxed .boxed.ty--xxl 
{
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    min-height: calc(1em * .956);
/*    background-color: var(--white);*/
}

.card--row--cta > a .wrap-boxed.wrap-boxed--xxl .boxed.ty--xxl::after
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fill-available;
    background-color: var(--white);
    -webkit-transition: translate .6s cubic-bezier(0.8, 0, 0.2, 1);
    -o-transition: translate .6s cubic-bezier(0.8, 0, 0.2, 1);
    transition: translate .6s cubic-bezier(0.8, 0, 0.2, 1);
    z-index: -1;
}

.card--row--cta .wrap-boxed img
{
    position: relative;
    bottom: 0;
    left: 0;

    height: calc(1em * .956);
    width: auto;

    vertical-align: baseline;

    -webkit-transition: translate .2s cubic-bezier(0.9, 0, 0.1, 1);
    -o-transition: translate .2s cubic-bezier(0.9, 0, 0.1, 1);
    transition: translate .2s cubic-bezier(0.9, 0, 0.1, 1);

    z-index: 0;
}
@media(min-width: 768px)
{
    .card--row--cta .wrap-boxed img
    {
        height: calc(1em * .955);
    }
}

.card--row--cta > a:hover .wrap-boxed.wrap-boxed--xxl img::before
{
    content: '';
    background-color: var(--white);
    display: inline-block;
}

.card--row--cta > a .wrap-boxed.wrap-boxed--xxl img
{
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    -webkit-transition: scale .2s cubic-bezier(0.9, 0, 0.1, 1);
    -o-transition: scale .2s cubic-bezier(0.9, 0, 0.1, 1);
    transition: scale .2s cubic-bezier(0.9, 0, 0.1, 1);
}

.card--row--cta > a:hover .wrap-boxed.wrap-boxed--xxl img
{
    scale: 1.2;
}

.card--row + .card--row
{
    padding-top: var(--pad);
}
.card--row.card--row--cta + .card--row.card--row--cta
{
    margin-top: -2px;
}

/* ======================= */
/* Wrapper rows CTA XXL */
/* ======================= */
@media all and (min-width: 768px) 
{
    .wrap-rows.full.content--ctas
    {
        padding-right: calc(var(--pad) + var(--burger-w));
        padding-left: calc(var(--pad) + var(--burger-w));
    }
    .wrap-rows.full.content--ctas > .grid--12
    {
      -ms-grid-rows: auto;
      grid-template-rows: auto;
              grid-template-areas: 
        "frst frst frst frst frst frst frst frst frst frst frst frst"
        "scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd";
    }
    .wrap-rows.full.content--ctas > .grid--12 .row--1
    { 
        padding-right: 0;
    }
    .wrap-rows.full.content--ctas > .grid--12 .row--1 + .row--2
    {
        padding-top: var(--pad-slim);
    }

    .wrap-rows.full.content--ctas .wrap-box
    {
        padding: 0;
    }
    .wrap-rows.full.content--ctas .wrap-box
    {
        background: none;
        background-color: none;
    }
    .wrap-rows.full.content--ctas .wrap-bg--white
    {
        background: none;
        background-color: none;        
    }
    .wrap-rows.full.content--ctas > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
    .wrap-rows.full.content--ctas > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
}

@media(max-width: 767px)
{
    .wrap-rows.full.content--ctas .grid--12 .row--2 .card--row + .card--row 
    {
        padding-top: var(--pad-slim);
    }
}


/* ======================= */
/* Wrapper rows accordion */
/* Wrapper rows link */
/* ======================= */
.page--content.content--accordion
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
@media(min-width: 768px)
{
    .page--content.content--accordion
    {
        padding-right: 0;
        padding-left: 0;
    }
}

.page--content.content--links > .grid.grid--12 > header,
.page--content.content--links > .grid.grid--12 > .card--row
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
}
@media(min-width: 768px)
{
    .page--content.content--links > .grid.grid--12 > header,
    .page--content.content--links > .grid.grid--12 > .card--row
    {
        padding-right: 0;
        padding-left: 0;
        -ms-grid-column: 2;
        -ms-grid-column-span: 9;
        grid-column: 2 / span 9;
    }    
}
@media(min-width: 1280px)
{
    .page--content.content--links > .grid.grid--12 > header,
    .page--content.content--links > .grid.grid--12 > .card--row
    {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3 / span 8;
    }    
}


.page--content.content--links > .grid.grid--12 > header + .card--row
{
    padding-top: var(--pad);
}


/* ======================= */
/* Cards horizontal */
/* ======================= */
.page--content.content--cards.content--cards--horizontal .grid.grid--12
{
    padding-right: var(--pad);
    padding-left: var(--pad);
    grid-gap: var(--pad-mid) 0;
}
@media (min-width: 768px)
{
    .page--content.content--cards.content--cards--horizontal .grid.grid--12
    {
        padding-right: 0;
        padding-left: 0;
    }   
}
.page--content.content--cards.content--cards--horizontal .wrap-card
{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
@media (min-width: 768px)
{
   .page--content.content--cards.content--cards--horizontal .wrap-card
    {
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    } 
}
@media (min-width: 1280px)
{
   .page--content.content--cards.content--cards--horizontal .wrap-card
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    } 
}
.content--cards.content--cards--horizontal .card--slim .wrap-boxed .boxed.ty--m span
{
    display: block;
    padding-right: calc( var(--pad) / 2);
    padding-top: 1px; /* NOTE: optical fix */
    padding-left: calc( var(--pad) / 2);
    padding-bottom: calc( var(--pad-slim) / 2);
}
@media (min-width: 768px)
{
    .content--cards.content--cards--horizontal .card--slim .wrap-boxed .boxed.ty--m span
    {
        padding-bottom: calc( var(--pad-slim) / 2 - 2px); /* NOTE: optical fix */
    }   
}
.content--cards.content--cards--horizontal .card--slim .card--text.wrap-box
{
    display: inline-block;
    padding-top: calc( var(--pad-slim) / 2 - 2px);
    padding-bottom: calc( var(--pad-slim) / 2);
}


/* ======================= */
/* Images carousel */
/* ======================= */
.carousel--imgs
{
    position: relative;
    padding-left: var(--pad);
}
@media(min-width: 768px)
{
    .carousel--imgs
    {
        padding-left: 0;
    }    
}
.carousel--imgs > .grid--12 > .grid--12
{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
    background-color: var(--orange);
}
.carousel--imgs > .grid--12 > .grid--12 > .wrap--slides
{
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
@media(min-width: 768px)
{
    .carousel--imgs > .grid--12 > .grid--12
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }
    .carousel--imgs > .grid--12 > .grid--12 > .wrap--slides
    {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 11;
        grid-column-end: 12;
    }
}

.carousel--imgs button
{
    position: absolute;
    right: calc( ( var(--pad) + var(--burger-w) + var(--pad-slim) ) * -1 );
    width: calc(var(--pad) + var(--burger-w) + var(--pad-slim));

    padding: 0;
    
    height: auto;

    font-size: 22px;
    font-family: 'aut', 'Helvetica', 'Arial', sans-serif;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;

    letter-spacing: 0em;

    -webkit-transition: letter-spacing .4s cubic-bezier(0.8, 0, 0.2, 1);

    -o-transition: letter-spacing .4s cubic-bezier(0.8, 0, 0.2, 1);

    transition: letter-spacing .4s cubic-bezier(0.8, 0, 0.2, 1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    z-index: 600;
}
.carousel--imgs button.slick-next
{
    bottom: 0;
    translate: 0 -60%;
}
.carousel--imgs button.slick-prev
{
    top: 0;
    translate: 0 50%;
} 

@media(min-width: 768px)
{
   .carousel--imgs button
   {    
        right: calc( ( var(--pad) + var(--burger-w) ) * -1 );
        width: calc(var(--pad) + var(--burger-w));

        padding: 0 0 5px 0;
   }
}

.carousel--imgs button:hover
{
    letter-spacing: .1em;
    cursor: pointer;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden 
{
    display: none;
}



/* ======================= */
/* Flexible content */
/* ======================= */
section.content--hero + article.content--flexible > div:first-child
{
    margin-top: -1px;
}
article.content--flexible
{
    max-width: 2560px;
    margin-right: auto;
    margin-left: auto;

    padding-left: var(--pad);
}
@media (min-width:768px)
{
    article.content--flexible
    {
        padding-left: 0;
    }
}
@media (max-width: 767px)
{
    article.content--flexible [aria-label="full description"] .wrap--ty--n,
    article.content--flexible [aria-label="full description"] .wrap--ty--m
    {
        margin-top: -1px; /* NOTE: optical fix */
    }
}


/* ======================= */
/* Supporters */
/* ======================= */
section.content--supporters
{
    padding-bottom: var(--pad-mid);
    padding-left: var(--pad);
}
section.content--supporters > .grid--12 > .container
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px)
{
    section.content--supporters
    {
        padding-right: 0;
        padding-left: 0;
    }
    section.content--supporters > .grid--12 > .container
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }   
}


section.content--supporters .container .wrap-box.flex--start
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.content--supporters p,
.content--supporters figure
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.content--supporters p
{
    padding: var(--pad) var(--pad) var(--pad-slim) var(--pad);
}

.content--supporters figure
{
    padding: var(--pad-slim) var(--pad) var(--pad-slim) var(--pad-slim);
}

.content--supporters img
{
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 70px;
}

/* Exhibit page */
article.content--flexible + section.content--carousel
{
    padding-top: 0;
}
article.content--flexible + .content--supporters
{
    padding-top: 0;
    padding-bottom: 0;
}
article.content--flexible + section.content--supporters > .grid--12 > .container
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px)
{
 article.content--flexible + section.content--supporters > .grid--12 > .container
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }   
}
@media(min-width: 1080px)
{
 article.content--flexible + section.content--supporters > .grid--12 > .container
    {
        /*grid-column-start: 5;
        grid-column-end: 9;*/
        margin-right: calc( (var(--pad) + var(--burger-w)) );
        margin-left: calc( (var(--pad) + var(--burger-w)) );
    }   
}
@media(min-width: 1600px)
{
    article.content--flexible + section.content--supporters > .grid--12 > .container
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
        margin-right: 0;
        margin-left: 0;
    }    
}

/* ======================= */
/* Repeater Links */
/* ======================= */
section.wrap-repeater
{
    padding-top: var(--pad-big);
}
section.wrap-repeater .grid--12 > .container
{
    display: inherit;
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 4;
    grid-column-end: 6;
}
@media(min-width: 768px)
{
    section.wrap-repeater .grid--12 > .container
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }    
}
/*@media(min-width: 1280px)
{
    section.wrap-repeater .grid--12 > .container
    {
        padding-right: calc( (var(--pad) + var(--burger-w)) / 2 );
        padding-left: calc( (var(--pad) + var(--burger-w)) / 2 );
    }    
}*/
@media(min-width: 1600px)
{
    section.wrap-repeater .grid--12 > .container
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
        padding-right: 0;
        padding-left: 0;
    }    
}

section.wrap-repeater .wrap-box
{
    display: inline-block;
    padding-bottom: calc(var(--pad-slim) - 3px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

section.wrap-repeater .wrap-box.ty--mn
{
    background-color: var(--yellow);
}


/* ======================= */
/* Accessibility */
/* ======================= */
section.content--accessibility .repeater--links
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);

    -ms-grid-column: 1;

        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;

    padding-bottom: var(--pad-mid);
}
@media(min-width: 768px)
{
    section.content--accessibility .repeater--links
    {
        padding-right: 0;
        padding-left: 0;
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    }
}
section.content--accessibility .repeater--links li + li
{
    padding-top: 1em;
}
@media(min-width: 768px)
{
    section.content--accessibility .repeater--links li + li
    {
        padding-top: .4em;
    }  
}


/* ======================= */
/* Section visit */
/* ======================= */
.content--visit.full > .grid--12
{
    -ms-grid-rows: auto;
    grid-template-rows: auto;
            grid-template-areas:
        "frst frst frst frst frst frst"
        "scnd scnd scnd scnd scnd scnd";
}
.content--visit.full > .grid--12 > .row.row--2
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
@media (min-width: 768px)
{
    .content--visit.full > .grid--12
    {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
                grid-template-areas:
        ". frst frst frst frst frst frst frst frst frst frst ."
        ". scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd .";
    }
    .content--visit.full > .grid--12 > .row.row--2
    {
        padding-right: 0;
        padding-left: 0;
    }
    .content--visit.full > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    .content--visit.full > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
}

.content--visit.full .row--1 .wrap-box
{
    background-color: transparent;
}

/* Visit Inside */
.content--visit.full .row--2 .grid.grid--3
{
    grid-gap: var(--pad-mid) var(--pad-slim);
}
/* Visit Around */
@media (min-width: 1280px) 
{
    #visit--around.full > .grid--12 
    {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
                grid-template-areas:
        ". . frst frst frst frst frst frst frst frst . ."
        ". . scnd scnd scnd scnd scnd scnd scnd scnd . .";
    }
    #visit--around.full > .grid--12 > .row--1 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
    #visit--around.full > .grid--12 > .row--2 
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
}

.content--visit.full .card--slim .card--text
{
    padding-left: 0;
    padding-bottom: var(--pad-slim);
}


/* ======================= */
/* Upcoming event, news */
/* ======================= */
@media(max-width: 767px)
{
    .content--upcoming.full .grid--12.wrap--cols-3 > .grid--3
    {
        grid-gap: var(--pad-slim) var(--pad-slim);
    }
    .content--upcoming.full .grid.grid--12 .grid--3 > .wrap-card--m > .card--m > a
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: repeat(12, 1fr);
        grid-template-columns: repeat(12, 1fr);
    }
    .content--upcoming.full .grid.grid--12 .grid--3 > .wrap-card--m > .card--m > a figure
    {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
    .content--upcoming.full .grid.grid--12 .grid--3 > .wrap-card--m > .card--m > a figure .wrap-labels
    {
        display: none;
    }
    .content--upcoming.full .grid.grid--12 .grid--3 > .wrap-card--m > .card--m > a .wrap-info
    {
        -ms-grid-column-span: 9;
        grid-column: span 9;
        padding-top: 0;
        padding-left: var(--pad-slim);
    }
}

/* ======================= */
/* Newsletter */
/* ======================= */
.page--content.full:not(.content--ctas):not(.content--visit) + .wrap-newsletter
{
    padding-top: 0;
}
@media(max-width: 767px)
{
    .page--content.full.content--ctas + .wrap-newsletter
    {
        padding-top: 0;
    }
}

.cta-newsletter
{
    padding: var(--pad-mid) var(--pad);
}
@media(min-width: 768px)
{
    .cta-newsletter
    {
        padding: var(--pad-mid) calc(var(--pad) + var(--burger-w)) ;
    }   
}
.cta-newsletter .heading { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 23; grid-area: heading; }
.cta-newsletter .fields { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 23; grid-area: fields; }
.cta-newsletter .submit { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 23; grid-area: submit; }
.cta-newsletter .grid--12
{
            grid-template-areas: 
    "heading heading heading heading heading heading heading heading heading heading heading heading"
    "fields fields fields fields fields fields fields fields fields fields fields fields"
    "submit submit submit submit submit submit submit submit submit submit submit submit";
    grid-gap: var(--pad) var(--pad-slim);
}
@media(min-width: 768px)
{
    .cta-newsletter .grid--12
    {
                grid-template-areas: 
        "heading heading heading heading heading heading heading heading heading heading heading heading"
        "fields fields fields fields fields fields fields fields submit submit submit .";
        grid-gap: var(--pad) var(--pad-slim);
    }
    .cta-newsletter .heading
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
    .cta-newsletter .fields
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    }
    .cta-newsletter .submit
    {
    -ms-grid-row: 3;
    -ms-grid-column: 17;
    -ms-grid-column-span: 5;
    }   
}
@media(min-width: 1280px)
{
    .cta-newsletter .grid--12
    {
                grid-template-areas: 
        "heading heading heading heading heading heading heading heading heading heading heading heading"
        "fields fields fields fields fields fields submit . . . . .";
        grid-gap: var(--pad) var(--pad-slim);
    }
    .cta-newsletter .heading
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
    .cta-newsletter .fields
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    }
    .cta-newsletter .submit
    {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
    -ms-grid-column-span: 1;
    }   
}

.cta-newsletter .heading
{
    padding-bottom: var(--pad);
}
@media(min-width: 768px)
{
    .cta-newsletter .heading
    {
        padding-bottom: var(--pad-slim);
    }
    .cta-newsletter .heading .ty--s + .ty--xl
    {
        margin-top: -5px;
    }
}

.cta-newsletter form input 
{
    width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cta-newsletter input {
    display: inline-block;
  padding: var(--pad-slim) var(--pad);
  height: auto;
  background: var(--white);
  border: none;
}
.cta-newsletter input[type="submit"] 
{
    display: inline-block;
    padding: var(--pad-slim) var(--pad);
    height: auto;
    background: var(--white);
    color: var(--black);
}
.cta-newsletter input[type="submit"]:hover 
{
    background-color: var(--black);
    color: var(--white);
    cursor: pointer;
}

/* ======================= */
/* Related / Latest */
/* ======================= */
section.content--related > div.grid--12 + a,
section.content--latest > div.grid--12 + a,
section.content--related > div.grid--12 + .wrap--link.link--back,
section.content--latest > div.grid--12 + .wrap--link.link--back
{
    display: block;
    margin: auto;
    padding: var(--pad-mid) var(--pad-slim) var(--pad-big) var(--pad-slim);
    text-align: center;
}

/* ======================= */
/* Footer */
/* ======================= */
footer
{
    padding: var(--pad-mid) var(--pad);
}
@media(min-width: 768px)
{
    footer
    {
        padding: var(--pad-mid) calc(var(--pad) + var(--burger-w));
    }
}

footer .col:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: frst; }
footer .col:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: scnd; }
footer .col:nth-child(3) { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: trd; }

@media (min-width: 768px){
    footer .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
    footer .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
}

footer .grid--12
{
            grid-template-areas:
    "frst frst frst frst frst frst"
    "scnd scnd scnd scnd scnd scnd"
    "trd trd trd trd trd trd";
}
@media(min-width: 768px)
{ 
    footer .grid--12
    {
                grid-template-areas:
        "frst frst frst frst frst frst scnd scnd scnd trd trd trd";
    } 
    footer .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    } 
    footer .grid--12 > .row--2
    {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    } 
    footer .grid--12 > .col
    {
        padding-right: var(--pad);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    footer .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    } 
    footer .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    } 
    footer .col:nth-child(3)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
    }
}

footer a:hover
{
    text-decoration: underline;
}

footer address a
{
    text-decoration: underline;
}

footer span,
footer a
{
    display: block;
}

footer .ty--mn + .ty--s,
footer address > span + a
{
    padding-top: var(--pad);
}

footer .link--arrow-blank::after
{
    padding-bottom: 2px;
}

@media(max-width: 767px)
{ 
    footer
    {
        padding-right: var(--pad);
        padding-left: var(--pad);
    }
    footer .col + .col
    {
        padding-top: var(--pad-mid);
    }
}


footer .block--foot-logos.flex--all
{
    padding-top: var(--pad-big);
    gap: var(--pad-mid);
}
footer .block--foot-logos > .col 
{
    padding-left: var(--pad-slim);
    border-left: 1px solid;
}
footer .block--foot-logos .col > .row + .row
{
    padding-top: var(--pad);
} 
footer .block--foot-logos .col > .row.flex--all
{
    gap: var(--pad-mid);
}
footer .block--foot-logos figure.logo-p picture img
{
    display: block;
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
}


footer .row--notice
{
    padding-top: var(--pad-mid);
}
footer .row--notice a
{
    display: inline-block;
    text-decoration: underline;
}
/*
*/



@media (min-width: 768px){
    .content--hero > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    } 
    .content--hero.hero--def > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--anchors  > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    } 
    .content--hero.hero--article  > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    .content--visit.full > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }

    .content--hero > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--def > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--anchors  > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--article  > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
    .content--visit.full > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
}
@media (min-width: 1280px){ 
    .content--hero > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero.hero--anchors  > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    } 
    .content--hero.hero--article  > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;

    }
    #visit--around.full > .grid--12 > .col:nth-child(1) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    } 
    .content--hero > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    } 
    .content--hero.hero--anchors  > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;

    } 
    .content--hero.hero--article  > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;

    }
    #visit--around.full > .grid--12 > .col:nth-child(2) 
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
}
@media (max-width: 767px){
    .content--hero.hero--def > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    }
    .content--hero.hero--def > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    }
}
@media all and (min-width: 768px){
    .wrap-rows.full.content--ctas > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
    .wrap-rows.full.content--ctas > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
}



/* ============================================== */
/* Pages */
/* ============================================== */
/* ======================= */
/* Home */
/* ======================= */
@media(min-width: 768px)
{
    [template="home"] main
    {
        padding-top: 6rem;
    }
}


[template="home"] .content--hero.hero--home
{
    padding-right: var(--pad);
    padding-left: var(--pad);
}
@media(min-width: 768px)
{
    [template="home"] .content--hero.hero--home
    {
        padding-right: calc(var(--pad) + var(--burger-w));
        padding-left: calc(var(--pad) + var(--burger-w));
    }   
}

[template="home"] .content--hero.hero--home + .page--content.page--highlights
{
    padding-top: var(--pad-main);
}

.content--hero .wrap-boxed .boxed.ty--m,
.content--hero .wrap-boxed .boxed.ty--m span
{
    padding-bottom: 8px;
}
.content--hero .wrap-boxed .boxed.ty--m span
{  
    padding-top: 1px;
    background: -o-linear-gradient(top, #ffd44c00 16%, var(--yellow) 16%, var(--yellow) 100%, #ffd44c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #ffd44c00), color-stop(16%, var(--yellow)), color-stop(100%, var(--yellow)), to(#ffd44c00));
    background: linear-gradient(to bottom, #ffd44c00 16%, var(--yellow) 16%, var(--yellow) 100%, #ffd44c00 100%);
}
@media all and (min-width: 768px)
{
    .content--hero .wrap-boxed .boxed.ty--m span
    {  
        padding-top: 0;
        background: -o-linear-gradient(top, #ffd44c00 12%, var(--yellow) 12%, var(--yellow) 100%, #ffd44c00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffd44c00), color-stop(12%, var(--yellow)), color-stop(100%, var(--yellow)), to(#ffd44c00));
        background: linear-gradient(to bottom, #ffd44c00 12%, var(--yellow) 12%, var(--yellow) 100%, #ffd44c00 100%);
    }   
}

@media(min-width: 768px)
{
    .page--highlights
    {
        padding-top: var(--pad-mid);
        padding-right: calc(var(--pad) + var(--burger-w));
        padding-left: calc(var(--pad) + var(--burger-w));
    }   
}

.page--highlights .wrap-card + .wrap-card
{
    padding-top: var(--pad-big);
}

@media(max-width: 768px)
{
    .content--hero.hero--home h1,
    .content--hero.hero--home h1 > span
    {
        font-size: calc(var(--m) + 5px);
    }
}



/* ======================= */
/* Single Cinema */
/* ======================= */
[template="t-single-cinema"] article.content--flexible .subtitle.wrap--ty--m
{
    display: inherit;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}
@media(min-width: 768px) 
{ 
    [template="t-single-cinema"] article.content--flexible .subtitle.wrap--ty--m
    {
        -ms-grid-column: 4;
            grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }   
}

@media(min-width: 1080px)  
{ 
    [template="t-single-cinema"] article.content--flexible .subtitle.wrap--ty--m
    {
        /*grid-column-start: 5;
        grid-column-end: 9;*/
        padding-right: calc( (var(--pad) + var(--burger-w)) );
        padding-left: calc( (var(--pad) + var(--burger-w)) );
    }
}
@media(min-width: 1600px)
{
    [template="t-single-cinema"] article.content--flexible .subtitle.wrap--ty--m
    {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-column-span: 4;
        grid-column-end: 9;
        padding-right: 0;
        padding-left: 0;
    }    
}
[template="t-single-cinema"] article.content--flexible .subtitle.wrap--ty--m .wrap-box
{
    padding-right: var(--pad);
    padding-bottom: var(--pad);
    padding-left: var(--pad);
}
[template="t-single-cinema"] article.content--flexible .textarea .wrap-box
{
    padding-top: 0;
}

[template="t-single-cinema"] .content--related.full > .grid--12 
{
   padding-bottom: var(--pad-big);     
}

[template="t-single-cinema"] .content--related.full > .grid--12 .grid--12
{
    padding-top: 0;
    padding-bottom: 0;
}
@media (min-width: 768px) 
{
    [template="t-single-cinema"] .content--related.full > .grid--12 
    {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
                grid-template-areas:
        ". frst frst frst frst frst frst frst frst frst frst ."
        "scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd scnd";
    }
    [template="t-single-cinema"] .content--related.full > .grid--12 > .row--1 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    [template="t-single-cinema"] .content--related.full > .grid--12 > .row--2 
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
    [template="t-single-cinema"] .content--related.full > .grid--12 > .col:nth-child(1) 
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    [template="t-single-cinema"] .content--related.full > .grid--12 > .col:nth-child(2) 
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    }
}
[template="t-single-cinema"] .content--related.full > .grid--12 .row--1 > .wrap-box
{
    padding-bottom: var(--pad);
    background-color: transparent;
}

/* ======================= */
/* Education granchild */
/* ======================= */
[template="t-subcat-edu"] .page--content.content--hero + .page--content.content--archive
{
    padding-top: 0;
}
[template="t-subcat-edu"] .page--content.content--archive > .wrap-box
{
    padding-top: var(--pad);
    padding-bottom: var(--pad-big);
}
@media (min-width:768px)
{
    [template="t-subcat-edu"] .page--content.content--archive > .wrap-box
    {
        padding-right: 0;
        padding-left: 0;
    }    

    [template="t-subcat-edu"] .page--content.content--archive .grid--12 > .grid--2
    {
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 8;
        grid-column-end: 11;
    }
}

[template="t-subcat-edu"] .page--content.content--archive .wrap-card.wrap-card--m
{
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

[template="t-subcat-edu"] .page--content.content--flexible + .wrap-newsletter,
[template="t-subcat-edu"] .page--content.content--supporters + .wrap-newsletter
{
    padding-top: var(--pad-big);
}

[template="t-subcat-edu"] .wrap-newsletter
{
    padding-top: 0;
}
/* NOTE: overwrite newsletter def behaviour */
[template="t-subcat-edu"] .wrap-newsletter .wrap-bg--orange
{
    background-color: var(--pink-soft);
}
[template="t-subcat-edu"] .wrap-newsletter .ty--xl
{
    font-size: var(--l);
}

[template="t-subcat-edu"] .page--content.content--related .row
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
@media (min-width: 768px)
{
    [template="t-subcat-edu"] .page--content.content--related .row
    {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
        padding-right: 0;
        padding-left: 0;
    }
}

[template="t-subcat-edu"] .page--content.content--related .row + .row
{
    padding-top: var(--pad);
}

[template="t-subcat-edu"] main .page--content.content--related.full 
{
    padding-bottom: var(--pad-big);
}
[template="t-subcat-edu"] footer
{
    background-color: var(--white);
}

/* ======================= */
/* Archive Exhibit */
/* ======================= */
@media (min-width: 768px)
{
    .p--archive-programme .content--hero > .grid--12
    {
                grid-template-areas:
            ". frst frst frst frst frst frst frst frst frst frst ."
            ". . scnd scnd scnd scnd scnd scnd scnd scnd . .";
    }
    .p--archive-programme .content--hero > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    .p--archive-programme .content--hero > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }
    .p--archive-programme .content--hero > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    }
    .p--archive-programme .content--hero > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    }    
}

@media(max-width: 767px)
{
    .p--archive-programme .wrap-card.grid--12 .card--xl
    {
        padding-right: var(--pad-slim);
        padding-left: var(--pad-slim);   
    }
}

.content--programme > .grid.grid--12 > .wrap-cards
{
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / 7;
    /*padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);*/
}
@media(min-width:768px)
{
    .content--programme > .grid.grid--12 > .wrap-cards
    {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / 12;
        padding-right: 0;
        padding-left: 0;
    }
}
.content--programme > .grid.grid--12 > .wrap-cards > .grid.grid--12
{
    gap: var(--pad-big) var(--pad);
}

.content--programme .wrap-cards .wrap-card--l
{
    -ms-grid-column-span: 6;
    grid-column: span 6;
}
.content--programme .wrap-card.wrap-card--l.grid--12 .card--l
{
    -ms-grid-column-span: 12;
    grid-column: span 12;
}

.content--programme-cinema header
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
@media(min-width: 768px)
{
    .content--programme-cinema header
    {
        padding-right: calc(var(--pad) + var(--burger-w));
        padding-left: calc(var(--pad) + var(--burger-w));
    }    
}

.content--programme-cinema header + .grid.grid--12
{
  padding-top: var(--pad-slim);
}

.content--programme-cinema > .grid.grid--12 > .wrap-cards
{
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / 7;
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
@media(min-width: 768px)
{
    .content--programme-cinema > .grid.grid--12 > .wrap-cards
    {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / 12;
        padding-right: 0;
        padding-left: 0;
    }    
}

.content--programme-cinema > .grid.grid--12 > .wrap-cards > .card--cinema:first-child
{
    padding-top: 0;
}


/* ======================= */
/* Archive Programme */
/* ======================= */
[template="p-archive-programme"] .content--hero.hero--filters + .page--highlights
{
    padding-top: var(--pad);
}
@media (min-width: 768px)
{
    [template="p-archive-programme"] .content--hero.hero--filters + .page--highlights
    {
        padding-top: var(--pad-big);
    }    
}
@media (max-width: 767px)
{
    [template="p-archive-programme"] .page--content.content--ctas.full .grid--12 .row--2 > .wrap-bg--white
    {
        padding-bottom: var(--pad-mid);
    }

    [template="p-archive-programme"] .page--content.content--ctas.full + .wrap-newsletter
    {
        padding-top: 0;
    }
}


/* ======================= */
/* Archive Past */
/* ======================= */
[template="p-archive-programme-past"] .page--content.content--archive
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
[template="p-archive-programme-past"] .page--content.content--archive > .grid.grid--12
{
    grid-gap: var(--pad-mid) 0;
}
@media (min-width: 768px)
{
    [template="p-archive-programme-past"] .page--content.content--archive > .grid.grid--12
    {
        grid-gap: var(--pad) 0;
    }
}
[template="p-archive-programme-past"] .page--content.content--archive > .grid.grid--12 > .card--s.card--archive
{
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 6;
    grid-column-end: 7;
}
@media (min-width: 768px)
{
    [template="p-archive-programme-past"] .page--content.content--archive
    {
        padding-right: 0;
        padding-left: 0;
    }
    [template="p-archive-programme-past"] .page--content.content--archive > .grid.grid--12 > .card--s.card--archive
    {
        display: -ms-grid;
        display: grid;
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-column-span: 10;
        grid-column-end: 12;
    }    
}

[template="p-archive-programme-past"] .page--content.content--archive > .grid.grid--12 > .card--s.card--archive .wrap-boxed .boxed.ty--l span
{
    padding-bottom: 1px;
}


[template="p-archive-programme-past"] .wrap-newsletter
{
    padding-top: 0;
}


/* ======================= */
/* Archive Edu */
/* ======================= */
[template="p-archive-edu"] .content--visit.full .row--2
{
    padding-left: var(--pad-slim);
}
@media (min-width: 768px)
{
    [template="p-archive-edu"] .content--visit.full .row--1 .wrap-box
    {
        padding-left: 0;
    }
    [template="p-archive-edu"] .content--visit.full .row--2
    {
        padding-left: 0;
    }
}

[template="p-archive-edu"] details.card--row--accordion summary.flex--all
{
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
    align-items: baseline;
}


[template="p-archive-edu"] details.card--row--accordion[open] .row--default + .row--additional
{
    max-width: none;
}

/* ======================= */
/* Collection */
/* ======================= */
[template="p-collection"] .page--content.content--latest.full > .grid--12 .row.row--3
{
    padding: var(--pad-big) var(--pad);
    text-align: center;
}

[template="p-collection"] .page--content.content--latest.full .grid--3
{
    grid-gap: var(--pad-mid) var(--pad-slim);
}

[template="p-collection"] .card--slim .card--text
{
    padding-left: 0;
}

@media (min-width: 768px)
{
    [template="p-collection"] section.content--supporters
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* ======================= */
/* Collection Archive */
/* ======================= */
[template="p-archive-collection"] .page--content.content--archive.full
{
    padding-top: 0;
}
[template="p-archive-collection"] .page--content.content--archive.full .wrap-bg.wrap-bg--white
{
    padding-top: var(--pad-slim);
}

[template="p-archive-collection"] .page--content.content--archive .grid--12 > .grid--3
{
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 10;
    grid-column-end: 12;
}

[template="p-archive-collection"] .page--content.content--archive .wrap-card
{
    padding-right: var(--pad);
    padding-bottom: var(--pad-mid);
    padding-left: var(--pad);
}
@media (min-width: 768px)
{
    [template="p-archive-collection"] .page--content.content--archive .wrap-card
    {
        padding-right: 0;
        padding-bottom: var(--pad-mid);
        padding-left: 0;
    }    
}
[template="p-archive-collection"] .search--notfound
{
    padding: var(--pad);
}


/* ======================= */
/* Join & Support */
/* ======================= */
[template="t-join"] .content--supporters ul li
{
    display: inline-block;
    padding-right: 0;
}
[template="t-join"] .content--supporters p
{
    padding-right: var(--pad-slim);
    padding-left: var(--pad-slim);
}
[template="t-join"] .content--supporters ul li
{
    padding-bottom: calc(var(--pad) - 2px);
}
[template="t-join"] .content--supporters ul li:not(:last-child)::after
{
    content: ', ';
    display: inline-block;

}
[template="t-join"] .content--supporters ul li:last-child
{
    padding-right: var(--pad-slim);
}
[template="t-join"] .content--supporters ul + a
{
    display: block;
    padding-top: var(--pad);
    padding-left: 2px;
}

@media (max-width: 767px)
{
    [template="t-join"] .content--hero.hero--def > .grid--12
    {
                grid-template-areas:
            "frst frst frst frst frst frst"
            "scnd scnd scnd scnd scnd scnd";
    
    }
    [template="t-join"] .content--hero.hero--def > .grid--12 > .row--1
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    
    }
    [template="t-join"] .content--hero.hero--def > .grid--12 > .row--2
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    
    }
    [template="t-join"] .content--hero.hero--def > .grid--12 > .col:nth-child(1)
    {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    
    }
    [template="t-join"] .content--hero.hero--def > .grid--12 > .col:nth-child(2)
    {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    
    }
}



/* ======================= */
/* Single Join */
/* ======================= */
[template="t-single-join"] article.content--flexible + section.content--supporters > .grid--12 > .container
{
    background-color: var(--pink-soft);
}



/* ======================= */
/* Search */
/* ======================= */
[template="search"] .title + .subtitle
{
    padding-top: var(--pad-slim);
}

/* ======================= */
/* Edu online */
/* ======================= */
[template="p-archive-edu-online"] body
{
    background-color: var(--black);
}
[template="p-archive-edu-online"] section.content--archive.wrap--section
{
    padding-top: var(--pad-mid);
    padding-bottom: var(--pad-big);
    background-color: var(--black);
}
[template="p-archive-edu-online"] .card--m .wrap-info
{
    color: var(--white);
}
[template="p-archive-edu-online"] .card--m .wrap-info .wrap-time
{
    color: var(--gray);
}

@media (max-width: 767px)
{
    [template="p-archive-edu-online"] .row--2,
    [template="t-article"] .row--3
    {
        margin-top: -1px;
    }
}

/* ======================= */
/* Edu online article */
/* ======================= */
[template="t-article"] .content--hero .row--3.wrap-box
{
    padding-bottom: var(--pad-slim);
}
[template="t-article"] body,
[template="t-article"] main
{
    background-color: var(--black);
}

[template="t-article"] section.content--related > div.grid--12 + a
{
    color: var(--white);
}

@media (max-width: 767px)
{
    [template="t-article"] .row--2,
    [template="t-article"] .row--3,
    [template="t-article"] article > div + div
    {
        margin-top: -1px;
    }
}


/* ======================= */
/* Single visit */
/* e.g. Discover Tuscany */
/* ======================= */
@media (max-width: 767px)
{
    [template="t-single-visit"] .page--content.content--cards.content--cards--horizontal .grid.grid--12
    {
        padding-right: var(--pad);
        padding-left: var(--pad);
        grid-gap: var(--pad) 0;
    }

    [template="t-single-visit"] .page--content.content--cards.content--cards--horizontal .grid.grid--12
    {
        padding-right: var(--pad);
        padding-left: var(--pad);
        grid-gap: var(--pad) 0;
    }
}


/* ======================= */
/* Single News */
/* ======================= */
[template="t-single-news"] .page--content.content--flexible .ty--n,
[template="t-single-news"] .page--content.content--flexible .ty--n > *

{
    line-height: 1.6em;
}

/* ======================= */
/* Restaurant & cafe */
/* ======================= */
[page="ristorante-e-bistrot"] .page--content.content--item
{
    margin-top: var(--pad-big);
    padding-left: var(--pad-slim);
}
@media (min-width: 768px) 
{
    [page="ristorante-e-bistrot"] .page--content.content--item
    {
        padding-left: 0;
    }
}

[page="ristorante-e-bistrot"] article.page--content.content--item .grid.grid--12 .textarea
{
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
}

@media (min-width: 768px) 
{
    [page="ristorante-e-bistrot"] article.page--content.content--item .grid.grid--12 .textarea
    {
        -ms-grid-column: 4;
        grid-column-start: 4;
        -ms-grid-column-span: 6;
        grid-column-end: 10;
    }
}

@media (min-width: 1400px) {
    [page="ristorante-e-bistrot"] article.page--content.content--item .grid.grid--12 .textarea
    {
        padding-right: calc((var(--pad) + var(--burger-w)));
        padding-left: calc((var(--pad) + var(--burger-w)));
    }
}

[page="ristorante-e-bistrot"] .page--content.content--item .wrap-box .wrap-box
{
    padding-right: 0;
    padding-left: 0;
}

[page="ristorante-e-bistrot"] .page--content.content--item .wrap-excerpt
{
    padding-top: var(--pad-slim);
}
/*
*/