/* Reset html */
html {
    box-sizing: border-box;
}

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

@font-face {
    font-family: 'INGDisplay';
    src: url('../fonts/ingdisplay/INGdisplay-Bold.woff2') format('woff2'),
    url('../fonts/ingdisplay/INGdisplay-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'INGME';
    src: url('../fonts/ingme/bold/INGMeWeb-Bold.woff2') format('woff2'),
    url('../fonts/ingme/bold/INGMeWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'INGME';
    src: url('../fonts/ingme/bolditalic/INGMeWeb-BoldItalic.woff2') format('woff2'),
    url('../fonts/ingme/bolditalic/INGMeWeb-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'INGME';
    src: url('../fonts/ingme/italic/INGMeWeb-Italic.woff2') format('woff2'),
    url('../fonts/ingme/italic/INGMeWeb-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'INGME';
    src: url('../fonts/ingme/regular/INGMeWeb-Regular.woff2') format('woff2'),
    url('../fonts/ingme/regular/INGMeWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Variables */
:root {
    --white: white;
    --black: black;
    --grey: #ebebeb;
    --purple: #ab0066;
    --orange: #FF6200;
    --blue: rgba(68, 187, 255, 1);
    --red: rgba(252, 87, 94, 1);
    --green: rgba(147, 204, 47, 1);
    --light-grey: #ccc;
    --dark-grey: #696969;
    --default-nav-text-color: #686868;
    --default-spacing: 1rem;
    --default-font: 'INGME';
    --default-radius: 6px;
    --default-line-height: 1.2;
    --default-text-color: #333;
    --default-link-color: var(--orange);
    --color-primary: var(--orange);
    --color-primary-contrast: var(--white);
    --color-secondary: var(--white);
    --color-secondary-contrast: var(--dark-grey);
    --package-background: var(--secondary-color);
    --package-selected-color: var(--color-primary);
    --package-font-color: var(--color-primary);
    --package-selected-font-color: var(--white);
    --package-description: black;
    --package-description-selected: white;
}

body {
    background-color: var(--grey);
    color: var(--default-text-color);
    font-family: var(--default-font);
    line-height: var(--default-line-height);
}

a {
    color: var(--default-link-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.no-text-decoration:hover {
    text-decoration: none;
}

a.no-text-decoration:hover span {
    text-decoration: underline;
}

.header {
    background-color: var(--white);
    padding: 0;
    width: 100%;
}

.header > .container,
.footer > .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.header > .container div,
.footer > .container div {
    flex: 0 1 auto;
    align-self: auto;
}

.logo {
    overflow: hidden;
    margin-left: -18px;
}

.header .nav {
    margin-top: -3px;
}
/* Navigation */
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav ul li {
    float: left;
}

.nav ul li a {
    border-bottom: 4px solid transparent;
    color: var(--default-nav-text-color);
    display: block;
    margin: 0 8px;
    font-size: 18px;
    padding-bottom: var(--default-spacing);
    text-decoration: none;
}

.nav ul li a:hover,
.nav ul li.active a {
    border-bottom-color: var(--orange);
}

.nav ul li:first-child a {
    margin-left: 0;
}

.nav .language-title,
.nav .language-item {
    display: none;
}

.topbar {
    background: #FFF;
    border-bottom: 2px solid #EBEBEB;
}

    .session-actions-desktop {
        display: flex;
        justify-content: flex-end;
        padding: 14px 0;
        font-size: 14px;
    }

        .session-actions-desktop a,
        .session-actions-desktop a:visited {
            margin-left: 14px;
        }

/* Hide hamburger button by default */
.hamburger {
    display: none;
}
/* Show mobile nav including hamburger button */
@media only screen and (max-width: 640px) {
    .header > .container:first-child {
        margin-bottom: var(--default-spacing) !important;
    }
    /*!
    * Hamburgers
    * @description Tasty CSS-animated hamburgers
    * @author Jonathan Suh @jonsuh
    * @site https://jonsuh.com/hamburgers
    * @link https://github.com/jonsuh/hamburgers
    */
    .hamburger {
        padding: 15px 15px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
    }

    .hamburger:hover {
        opacity: 0.7;
    }

    .hamburger.is-active:hover {
        opacity: 0.7;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background-color: var(--orange);
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    .hamburger-inner::before, .hamburger-inner::after {
        content: "";
        display: block;
    }

    .hamburger-inner::before {
        top: -10px;
    }

    .hamburger-inner::after {
        bottom: -10px;
    }

    .hamburger:focus {
        outline: none !important;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background: var(--orange) !important;
    }
    /*
* Spin
*/
    .hamburger--spin .hamburger-inner {
        transition-duration: 0.22s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--spin.is-active .hamburger-inner {
        transform: rotate(225deg);
        transition-delay: 0.12s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .nav {
        display: none;
    }

    .nav.open-nav {
        display: block;
        margin-top: var(--default-spacing) !important;
        padding-bottom: calc(var(--default-spacing) * 2);
        width: 100%;
    }

    .nav ul li {
        float: none;
    }

    .nav ul li a {
        border-top: 1px solid var(--grey);
        border-bottom: none;
        margin: 0;
        padding: var(--default-spacing);
    }

    .nav ul li a:focus {
        color: var(--orange);
    }

    .nav .language-item a {
        text-transform: uppercase;
    }

    .nav .language-title,
    .nav .language-item {
        display: block;
        border: none;
    }

    .nav .language-title a,
    .nav .language-item a {
        border: none;
    }

    .nav .language-item {
        float: left;
    }

    .nav hr {
        border: none;
        width: 100%;
        background: var(--grey);
        height: 3px;
        margin-bottom: var(--default-spacing);
    }
}

/* Language picker */
.language-picker {
    display: none;
}

@media only screen and (min-width: 641px) {
    .language-picker {
        display: block;
    }

    .language-picker ul {
        list-style-type: none;
    }

    .language-picker li {
        float: left;
    }

    .language-picker a {
        background-color: var(--white);
        color: var(--default-nav-text-color);
        padding: 4px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .language-picker li a:hover,
    .language-picker li.active a {
        background-color: #f2f2f2;
        color: var(--orange);
    }
}

/* Main */
.main {
    background-color: var(--white);
    padding: 0 0 calc(var(--default-spacing) * 2) 0;
}
/* Center content */
.container {
    margin: 0 auto;
    max-width: 1440px;
}
/* General spacing */
/*.header .nav {*/
/*    margin-top: calc(var(--default-spacing) * 3);*/
/*}*/

.header .container,
.main .container {
    padding: 0 var(--default-spacing);
}

.footer .container {
    padding: calc(var(--default-spacing) * 2) var(--default-spacing);
}
/* Grid */
/* Mobile */
.grid-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "g-content g-colr";
    grid-column-gap: calc(var(--default-spacing) * 4);
    grid-template-rows: 1fr;
}
/* Reposition components of main html structure (.content/.colr) */
@media only screen and (max-width: 599px) {
    .grid-container {
        grid-template-columns: 1fr auto;
        grid-template-areas: "g-content" "g-colr";
    }

    .colr {
        margin-top: calc(var(--default-spacing) * 2);
    }
}
/* Medium */
@media only screen and (min-width: 720px) {
    .grid-container {
        grid-template-columns: 1.4fr 0.6fr;
        grid-column-gap: calc(var(--default-spacing) * 2);
    }
}
/* Large */
@media only screen and (min-width: 1024px) {
    .grid-container {
        grid-template-columns: 1.5fr 0.5fr;
        grid-template-columns: 1.5fr 0.5fr;
        grid-column-gap: calc(var(--default-spacing) * 14);
    }
}

.content {
    padding-top: calc(var(--default-spacing) * 2);
    grid-area: g-content;
}

.colr {
    grid-area: g-colr;
}

.colr-fixed {
    padding-top: calc(var(--default-spacing) *2);
}

/* Reposition components of main html structure (.content/.colr) */
@media only screen and (max-width: 640px) {
    .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas: "g-content" "g-colr";
    }

    .colr {
        margin-top: calc(var(--default-spacing) * 2);
    }
}

/* Content */
.social-share-icons {
    margin-left: -4px;
}

.grid-container .content .icon,
.social-share-icons .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: var(--dark-grey);
}

.social-share-icons .icon {
    fill: var(--dark-grey) !important;
}

.grid-container .content .icon-facebook,
.grid-container .content .icon-twitter,
.grid-container .content .icon-linkedin,
.grid-container .content .icon-instagram,
.grid-container .content .icon-google,
.grid-container .content .icon-youtube,
.grid-container .content .icon-email,
.grid-container .content .icon-vimeo,
.social-share-icons .icon-facebook,
.social-share-icons .icon-twitter,
.social-share-icons .icon-linkedin,
.social-share-icons .icon-instagram,
.social-share-icons .icon-google,
.social-share-icons .icon-youtube,
.social-share-icons .icon-email,
.social-share-icons .icon-vimeo {
    font-size: 30px;
}

.icon-download {
    font-size: 26px;
}

.grid-container .content .icon-facebook,
.grid-container .content .icon-twitter,
.grid-container .content .icon-linkedin,
.grid-container .content .icon-instagram,
.grid-container .content .icon-google,
.grid-container .content .icon-youtube,
.grid-container .content .icon-email,
.grid-container .content .icon-vimeo {
    margin-right: 6px;
}

.grid-container .content .social-share-button,
.social-share-icons .social-share-button {
    display: inline-flex;
    align-items: center;
}

a.social-share-button:hover {
    text-decoration: none;
}

.social-share-icons .social-share-button {
    margin-right: 8px;
}

/* Footer */
.footer {
    background: var(--grey);
    width: 100%;
}

.footer .container {
    display: flex;
}

.footer .container div:last-child > div {
    text-align: right;
}

.footer-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    columns: 200px 2;
}

.footer-nav a {
    display: block;
    color: var(--default-nav-text-color);
    margin-bottom: var(--default-spacing);
    text-decoration: none;
}

.footer-nav a:hover {
    text-decoration: underline;
}
/* Reposition components when in mobile mode */
@media only screen and (max-width: 640px) {
    .footer .container {
        flex-direction: column;
    }

    .footer-nav ul {
        columns: auto 1;
        text-align: center;
        width: 100%;
    }

    .footer > .container div {
        align-self: center;
    }
}

/* Typography */
h1 {
    color: #FF6200;
}

h1.page-title {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}

h2, h3, h4, h5, h6 {
    color: #FF6200;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}


@media (min-width: 768px) {
    h2, h3, h4, h5, h6 {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.3;
    }
}

/* Button */
.button,
input.submit.button {
    background-color: var(--dark-grey);
    border: 1px solid var(--dark-grey);
    border-radius: 19px;
    height: 40px;
    color: var(--white);
    display: inline-block;
    line-height: 1.5;
    font-size: 18px !important;
    font-weight: bold;
    padding: 6px 25px;
    text-decoration: none;
    cursor: pointer;
}

.button:focus,
input.submit.button:focus {
    outline: none;
}
/* Specific background colors for buttons */
.button--orange {
    background-color: var(--orange);
    border-color: var(--orange);
}

input.submit.button {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
    text-shadow: none !important;
}

.button--purple,
.button--red {
    background-color: var(--purple);
    border-color: var(--purple);
    font-size: 19px;
}

.button.lf-only {
    background-color: var(--orange);
    border-color: var(--orange);
}

/* Naming is wrong but who cares :/ */

.button--outline {
    background: var(--white);
    border-color: var(--dark-grey);
    color: var(--dark-grey);
    font-size: 14px;
}

.button.button--red--outline {
    background: var(--white);
    border-color: var(--dark-grey);
    color: var(--dark-grey);
    font-size: 19px;
}

.button.button--yellow {
    background: var(--orange);
    border-color: var(--orange);
    color: var(--white);
    display: inline-flex;
}

.button.button--yellow .icon {
    fill: var(--white) !important;
}

a.button:hover {
    text-decoration: none;
}

.grid-container .content .button .icon {
    fill: #FFF;
    position: relative;
    top: 3px;
}

.submit-field {
    text-align: right;
}

/* Event meta on right column */
.colr .button {
    margin-bottom: calc(var(--default-spacing) * 2);
}
.event-meta {
    margin: 0  0 calc(var(--default-spacing) * 2);
    padding: 0;
    list-style-type: none;
}

.event-meta li {
    margin-bottom: var(--default-spacing);
    display: flex;
    align-items: center;
}

.event-meta li div {
    margin-left: calc(var(--default-spacing) / 2);
}

.event-meta li div:first-child {
    align-self: flex-start;
    margin-left: -2px;
}

.event-meta li div ul {
    padding: 0;
}

.event-meta p {
    margin-top: 6px;
}

/* Social media icons, positioning */
.social-media {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.social-media li {
    padding: calc(var(--default-spacing) / 2);
}

.social-media a {
    display: block;
    padding: calc(var(--default-spacing) / 4);
}

.social-media .icon {
    display: inline-block;
    font-size: 22px;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: var(--dark-grey);
}

.social-media .icon:hover {
    fill: var(--orange);
}
/* Source copy of form/field.sass, might have to much code */
.email,.input,.telephone,.text,.textarea,input[type=text] {
    background: #fff;
    border: 1px solid #ddd;
    padding: 11px .75rem 10px;
    width: 100%;
    border-radius: 5px;
}

.form-file__label {
    width: 100%;
}

.flexIt{
    display: flex;
    justify-content: space-between;
}

.flexIt > .column:first-of-type{
    flex: 0.7;
}

.flexIt > .column:nth-of-type(2){
    flex: 0.3;
    padding-left: 30px !important;
}

.form-file__label .flexIt {
    display: flex;
    justify-content: space-between;
}
.form-file__label .flexIt .button {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary-contrast);
}
.form-file__label input[type="file"] {
    display: none;
}

.email:focus,.input:focus,.telephone:focus,.text:focus,.textarea:focus,input[type=text]:focus {
    border-color: #b7b7b7;
    outline: none;
}

.email,.input,.telephone,.text,input[type=text] {
    line-height: 2.2;
    height: 41px;
}

.textarea {
    line-height: 1.4;
    min-height: 150px;
    resize: vertical;
}

.intl-tel-input {
    display: block;
}

.input__checkbox .form__label,.input__radio .form__label {
    display: inline;
    line-height: 1.6;
    padding: 0;
    vertical-align: middle;
}

input[type=color] {
    height: 50px;
}

.input__checkbox {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 1rem;
    width: 100%;
}

.section--fields label.input__checkbox,
.section--fields label.input__radio {
    margin-top: 8px;
    margin-bottom: 8px;
}

.input__checkbox--faux {
    width: 1.375rem;
    height: 1.375rem;
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    float: left;
    margin-right: .25rem;
    position: relative;
    transition: border .1s linear,background-color .1s linear;
    vertical-align: middle;
}

.input__checkbox [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.input__checkbox [type=checkbox]:checked>.input__checkbox--faux,.input__checkbox [type=checkbox]:checked~.input__checkbox--faux {
    background: var(--color-primary) !important;
    border: none !important;
}

.input__checkbox [type=checkbox]:checked>.input__checkbox--faux:after,.input__checkbox [type=checkbox]:checked~.input__checkbox--faux:after {
    display: block;
    content: "";
    height: 0.35rem;
    width: .75rem;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
}

.input__checkbox .form__label {
    float: left;
    text-align: left;
}

.input__checkbox.is__disabled {
    cursor: not-allowed;
}

.input__checkbox.is__disabled .input__checkbox--faux {
    background: #efefef;
}

.input__checkbox.is__disabled .form__label {
    cursor: not-allowed;
    color: #999;
}

.input__radio {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 1rem;
    width: 100%;
}

.input__radio--faux {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 20px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: .25rem;
    position: relative;
    transition: border .1s linear,background-color .1s linear;
    vertical-align: middle;
}

.input__radio [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.input__radio [type=radio]:checked>.input__radio--faux,.input__radio [type=radio]:checked~.input__radio--faux {
    background: var(--color-primary) !important;
    border: none !important;
}

.input__radio [type=radio]:checked>.input__radio--faux:after,.input__radio [type=radio]:checked~.input__radio--faux:after {
    width: .5rem;
    height: .5rem;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    border-radius: 10px;
    background: #fff;
}

.input__radio .form__label {
    text-align: left;
    width: 90%;
}

.moduleFormResponsesAdd .input__radio .form__label {
    text-align: left;
}

.select__element {
    position: relative;
}

.select__element .select {
    -webkit-appearance: none;
    z-index: 1;
}

.select {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 41px;
    line-height: 2.2;
    padding: 0 1.5rem 0 .75rem!important;
    transition: border .1s linear,background-color .1s linear;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff url(data:image/gif;base64,R0lGODlhDgAKAIQYAJ+fn7KzsrS0tLS1tLe3t7i4uLi5uLy8vLy9vL6+vsPEw8XFxcfHx87OztHR0dLS0tnZ2d3d3d7e3vn5+fv7+/z8/P39/f7+/v///////////////////////////////yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAB8ALAAAAAAOAAoAAAU7ICaOJDZdotOUIhUkVQQACzpWxGwUMwCLlkNPQhHqKJdEDyK6KHoCRM9RYvR6DBbmcU1oRYOe7fuslEIAOw==);
    background-position: right 5px bottom 50%;
    background-repeat: no-repeat!important;
}

.select__wrap {
    width: auto;
}

.select:focus {
    border-color: #b7b7b7;
    outline: none;
}

.select:hover {
    cursor: pointer;
}

.select:active,.select:focus {
    outline: 0;
}

.select[size] {
    min-height: 2.2;
    height: inherit;
}

.select[size] option {
    padding: .5rem;
}

.select option:disabled {
    background: #f0f1f5;
}

.table th .select {
    height: 1.9rem;
    padding-left: .625rem!important;
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    transition: all 5000s ease-in-out 0s;
    transition-property: background-color,color;
}

.timepicker>.timepicker-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    z-index: 2;
    -webkit-animation: fadein .5s;
    animation: fadein .5s;
}

.timepicker>.timepicker-overlay>.timepicker-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 300px;
    height: 350px;
    background-color: #fff;
    z-index: 2;
}

.timepicker-content>.timepicker-title {
    font-size: 3em;
    text-align: center;
    width: 100%;
    background-color: #eee;
    color: #000;
    font-weight: 700;
    font-family: sans-serif;
    padding: 20px;
    box-sizing: border-box;
}

.timepicker-content>.timepicker-form {
    display: block;
    height: 100%;
    width: 100%;
    font-family: sans-serif;
    padding: 20px;
    box-sizing: border-box;
}

.timepicker-select {
    float: left;
    font-size: 1.5em;
    height: 100px;
    width: 49%;
    list-style-type: none;
    overflow-y: scroll;
    padding-left: 0;
    text-align: center;
    position: relative;
    margin-top: 0!important;
    border: 1px solid #eee;
}

.timepicker-colon {
    height: 100px;
    line-height: 100px;
    font-size: 3em;
}

.timepicker-select-item {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    margin: 0;
    padding: 10px;
}

.timepicker-select-item.active {
    background-color: transparent;
    border: 1px solid #4bd;
    color: #000;
}

.timepicker-select ::-webkit-scrollbar {
    width: 0;
}

.cov-vue-date {
    width: calc(100% - 41px);
}

.form__control .vue-tel-input {
    border: 1px solid #ddd!important;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0;
}

.form__control .vue-tel-input .dropdown.open,.form__control .vue-tel-input .dropdown:hover {
    background: transparent;
}

.form__control .vue-tel-input .dropdown-item {
    padding: 6px 15px!important;
}

.form__control .vue-tel-input ul {
    z-index: 10;
}

.switch__element {
    display: inline-block;
    width: 100%;
}

.form-switch__label {
    cursor: pointer;
    flex: 1;
    font-size: .875rem;
    line-height: 2.2;
    padding-right: .25rem;
}

.switch__control {
    position: relative;
    float: left;
    height: 28px;
    width: 122px;
    background: #fff;
    border: 1px solid #d1d4e1;
    border-radius: 0;
}

.switch__label {
    position: relative;
    z-index: 2;
    float: left;
    width: 59px;
    line-height: 29px;
    font-size: 14px;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.is__disabled .switch__label {
    cursor: not-allowed
}

.switch__label:active {
    font-weight: 700;
}

.switch__label--off {
    padding-left: 2px;
}

.switch-input {
    display: none;
}

.switch-input:checked+.switch__label {
    font-weight: 300;
    color: #fff;
    transition: .15s ease-out;
}

.switch-input:checked+.switch__label--on~.switch--selection {
    left: 60px;
}

.switch--selection {
    background: var(--orange);
    border-radius: 0;
    display: block;
    height: 24px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: left .15s ease-out;
    width: 58px;
    z-index: 1;
}

.switch-box {
    display: block;
}

.switch-box .switch-box-slider {
    position: relative;
    display: inline-block;
    height: 7px;
    width: 28px;
    background: #d5d5d5;
    border-radius: 7px;
    cursor: pointer;
    transition: all .2s ease;
}

.switch-box .switch-box-slider:after {
    position: absolute;
    left: -7px;
    top: -7px;
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #eee;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    content: "";
    transition: all .2s ease;
}

.switch-box .switch-box-input {
    display: none;
}

.switch-box .switch-box-input~.switch-box-label {
    margin-left: 10px;
}

.switch-box .switch-box-input:checked~.switch-box-slider:after {
    left: 14px;
}

.switch-box .switch-box-input:disabled~.switch-box-slider {
    background: #e2e2e2;
    cursor: default;
}

.switch-box .switch-box-input:disabled~.switch-box-slider:after {
    background: #d5d5d5;
}

.switch-box.is-primary .switch-box-input:checked:not(:disabled)~.switch-box-slider:after,.switch-box.is-primary .switch-box-slider:after {
    background: #fff;
}

.switch-box.is-onoff .switch-box-slider {
    background: #f16767;
}

.switch-box.is-onoff .switch-box-slider:after {
    background: #ed3838;
}

.switch-box.is-onoff .switch-box-input:checked:not(:disabled)~.switch-box-slider {
    background: #54ad53;
}

.switch-box.is-onoff .switch-box-input:checked:not(:disabled)~.switch-box-slider:after {
    background: #438b42;
}

.form {
    width: auto;
}

.form__element {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 0 1.5rem;
}

.form__element:first-child {
    margin-top: 0;
}

.form__element.last {
    align-items: unset;
    margin-top: 3rem;
    text-align: center;
}

.form__control {
    flex: 1;
    position: relative;
    width: 100%;
}

.form__label {
    cursor: pointer;
    flex: 1;
    line-height: 1.5;
    margin-right: .5rem;
}

.form__label span {
    display: block;
    color: #777;
    font-size: .825em;
    line-height: 2.2;
    padding-right: .5rem;
    margin-top: -10px;
}

.registration__content .radiolabels-wrapper, .registration__content .checkboxes-wrapper{
    display:flex;
    flex-direction: column;
}
.radio-wrapper, .checkbox-wrapper{
    display:block;
    margin-bottom: 15px;
}

.checkbox-wrapper [type=checkbox]{
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.radio-wrapper [type=radio]{
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.radio-wrapper .checkmark{
    width: 1.375rem;
    height: 1.375rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #bbb;
    display: inline-block;
    margin-right: .25rem;
    position: relative;
    -webkit-transition: border .1s linear, background-color .1s linear;
    transition: border .1s linear, background-color .1s linear;
    vertical-align: middle;
}

.checkbox-wrapper .checkmark{
    width: 1.375rem;
    height: 1.375rem;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: .125rem;
    display: inline-block;
    margin-right: .25rem;
    position: relative;
    -webkit-transition: border .1s linear, background-color .1s linear;
    transition: border .1s linear, background-color .1s linear;
    vertical-align: middle;
}

.checkbox-wrapper .checkbox-label{
    float: right;
    width: calc(100% - 1.9rem);
}

.checkbox-wrapper [type=checkbox]:checked > .checkmark:after, .checkbox-wrapper [type=checkbox]:checked ~ .checkmark:after{
    display: block;
    content: "";
    height: .35rem;
    width: .7rem;
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
}

.radio-wrapper [type=radio]:checked >.checkmark:after, .radio-wrapper [type=radio]:checked ~ .checkmark:after{
    width: .35rem;
    height: .7rem;
    content: "";
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    border-radius: 10px;
    background: #fff;
}

.radio-wrapper [type=radio]:checked >.checkmark, .radio-wrapper [type=radio]:checked ~ .checkmark,
.checkbox-wrapper [type=checkbox]:checked > .checkmark, .checkbox-wrapper [type=checkbox]:checked ~ .checkmark {
    background-color: var(--color-primary) !important;
}

.has__alert .form__label,.has__alert .notify__message {
    color: #ed3838!important;
}

.has__alert .form__control .form__label {
    color: inherit;
}

.has__alert .input,.has__alert .input__checkbox--faux,.has__alert .input__radio--faux,.has__alert .select,.has__alert .textarea {
    border: 1px solid #ed3838;
}

.form__element .form__control .notify__message {
    color: #777;
    font-size: .825em;
    line-height: 2;
    text-align: right;
}

.form--stacked {
    display: block;
}

.form--stacked .form__element {
    line-height: 2.6;
    margin-top: .75rem;
}

.form--stacked .input__checkbox,.form--stacked .input__radio {
    display: flex;
}

.form--stacked .form__label:first-child {
    padding-right: 0;
}

.form--stacked>.form__label {
    border: 0;
    line-height: 2.2;
    margin-right: 0;
    text-transform: uppercase;
}

.form--stacked>.form__label span {
    margin-bottom: .5rem;
}

.form--stacked .form__element {
    align-items: normal;
    flex-direction: column;
}

.form--stacked .form__control {
    margin-left: 0!important;
}

@media only screen and (max-width:64em) {
    .form__element {
        flex-direction: column;
    }

    .form__element .form__control {
        margin-left: 0;
        flex: auto;
        width: 100%;
    }

    .form__element .form__control.prefix {
        display: inline-block;
    }

    .form__element .form__control.prefix .form__field__prefix {
        float: left;
    }

    .form__element .form__control.prefix .input {
        float: right;
    }
}

@media only screen and (max-width:40em) {
    .form__element .input__checkbox .form__label,.form__element .input__radio .form__label {
        width: 90%;
    }
}

@media only screen and (max-width:20em) {
    .form__element .input__checkbox .form__label,.form__element .input__radio .form__label {
        width: 80%;
    }
}

.form__element .form__control .switch-box {
    margin-bottom: 30px;
}

.no-margin {
    margin: 0!important;
}

.form__control.prefix {
    display: flex;
}

.form__control.prefix .input {
    width: calc(100% - 41px);
}

.form__control .form__field__prefix {
    -ms-grid-row-align: center;
    align-self: center;
    background: #fff;
    padding: 8px;
}

.form__control .form__field__prefix .icon {
    font-size: 25px;
}

.radio-field {
    display: flex;
    flex-direction: column;
}

.has-spinner.left.more-no,.has-spinner.left.more-yes {
    margin: 2px 0;
}

.stepper {
    display: none;
}

.group {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.group>li {
    list-style-type: none;
    margin: 0 5px;
    padding: 0;
}

.group>li a {
    cursor: pointer;
}

.group>li:first-child {
    margin-left: 0;
}

.group>li:last-child {
    margin-right: 0;
}

.group>li.group--push-right {
    margin-bottom: 0!important;
    margin-left: auto;
}

.group>li.group--push-right.group--no-margin {
    margin-right: 0;
}

.group>li.group--push-left {
    margin-right: auto;
}

.group>li.group--push-left.group--no-margin {
    margin-left: 0;
}

.group>li.group--no-margin-left {
    margin-left: 0;
}

.group>li.group--no-margin-right {
    margin-right: 0;
}

.group>li ul {
    display: flex;
    margin: .75rem 0 0;
}

.group--borderless li {
    border-bottom: 0!important;
    padding: .5rem!important;
}

.group--vertical {
    flex-direction: column;
}

.group--vertical li {
    border-bottom: 1px solid #f0f1f5;
    margin: 0;
    padding: .75rem 0;
    width: 100%;
}

.group--vertical li li {
    border: none;
}

.group.position-top {
    margin-bottom: 2rem;
}

.group.position-mid {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.group--position-bottom {
    margin: calc(var(--default-spacing) * 2) 0;
    justify-content: flex-end;
}

.column+.column {
    padding-left:0 !important;
}

/* removing prefixes on registration form */
.single-line-prefix .button__icon {
    display: none;
}

/* Restyle input field of time picker */

input.e-input,
.e-input-group input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper input,
.e-float-input input,
.e-float-input.e-input-group input,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper.e-input-group input,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-float-input,
.e-float-input.e-control-wrapper {
    border-radius: 5px;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
    border-color: #DDD;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #b7b7b7 !important;
}

input.e-control.e-datepicker {
    height: 41px !important;
    line-height: 2.2 !important;
}

/* Disclaimer box beneath registration form */
.meta-disclaimer {
    background-color: var(--grey);
    padding: var(--default-spacing);
    font-size: 14px;
    line-height: 1.3;
    height: auto !important;
    overflow: auto;
}

/* notify */
.notify {
    background: var(--white);
    align-items: center;
    border: 1px solid var(--light-grey);
    display: flex;
    margin: 1em 0;
    padding: var(--default-spacing);
}

.notify .icon {
    font-size: 30px;
}

.notify p {
    margin-bottom: .6em;
}

.notify--inform .icon {
    color: var(--blue);
}

.notify--warn .icon {
    color: var(--orange);
}

.notify--succeed .icon {
    color: var(--green);
}

.notify--alert .icon {
    color: var(--red);
}

.notify__message a {
    color: var(--black);
    line-height: 1.4;
    font-weight: 400;
    padding-left: var(--default-spacing);
    width: 100%;
}

.notify__message a:hover {
    text-decoration: none;
}

.notify .notify__icon{
    margin-right: .6em;
}

.notify .notify__message p {
    line-height: 1.4;
}

.message+.group.position-bottom {
    padding-top: 1em;
}

/* guest meta */
.guest-meta p {
    display: flex;
    flex: 1;
    margin-bottom: var(--default-spacing);
    justify-content: space-between;
}

.guest-meta-label {
    margin-right: var(--default-spacing);
    padding: var(--default-spacing) 0;
}

.guest-meta-data {
    background: var(--light-grey);
    color: var(--black);
    padding: var(--default-spacing);
    text-align: left;
    width: 50%;
    border-radius: 5px;
    overflow-wrap: break-word;
}

.accordion__control .group.group__icon {
    width: 100%;
}

.accordion__control .group.group__icon li {
    margin-left: auto;
}

.accordion__control .group.group__icon .icon {
    font-size: 26px;
}

/* packages */
.package-list {
    display: flex;
    gap: 1.1rem;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.package-tile {
    box-sizing: border-box;
    width: 30%;
    padding: 1rem;
    border: 1px solid var(--secondary-color);
    background-color: var(--package-background);

}
.package-tile h4{
    margin: 0 0 1rem;
    color: var(--package-font-color) !important;
}

.package-tile .package-description{
    font-size: 0.9rem;
    color: var(--package-description);
}

.package-tile p {
    color: var(--package-font-color);
    margin: 0 0 1rem;
}

.package-tile-selected {
    border: 1px solid var(--package-selected-color);
    background-color: var(--package-selected-color);
}

.package-tile-selected h4, .package-tile-selected p {
    color:  var(--package-selected-font-color) !important;
    margin: 0 0 1rem;
}

.choose-contact-selection {
    display: grid;
    grid-template-columns: 130px 1fr 1fr;
    margin: 0.5rem 0;
    column-gap: 1rem;
    align-items: center;
}

.main-contact {
    grid-column-end: span 2;
}

.notify__message{
    grid-column-end: span 3;
}

.package-tile-selected .package-description {
    color: var(--package-description-selected) !important;
}


/* workshop */
.workshop-column {
    display: flex;
    overflow: hidden;
    max-width: 1000px;
}

.workshop-row {
    padding: 0 12px;
}

.workshop {
    min-height: 120px;
}

.workshop h4 {
    margin: 12px 0 12px 0;
    color: var(--dark-grey);
    font-size: 1rem;
}

.workshop .workshop-content {
    height: 10rem;
}

.workshop-session-group {
    padding-top: 70px;
    position: relative;
}

.workshop-session-h2,
.workshop-session-h3 {
    position: absolute;
    margin: 0;
}

.workshop-session-h2 {
    top: 0;
    font-size: 1.25rem;
}

.workshop-session-h3 {
    top: 40px;
    color: #333 !important;
    font-size: 1rem;
}

.workshop-image {
    background: #7f8fa6;
    display: block;
    height: 120px;
    width: 225px;
    object-fit: cover;
}

.workshop-session {
    align-items: center;
    background: white;
    border: 1px solid transparent;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 16px;
    padding: 8px 0;
    text-align: center;
}

.workshop-session:hover {
    background: #0984e3;
    border: 1px solid #0984e3;
    color: white;
}

.workshop-session:hover svg {
    fill: white;
}

.workshop-session svg {
    margin: 0 8px;
}

.workshop-session:hover {
    cursor: pointer;
}

.workshop-session-add {
    background: white;
    border: 1px solid #0984e3;
    color: black;
}

.workshop-session-add svg {
    fill: black;
}

.workshop-session-selected {
    background: #0984e3;
    border: 1px solid #0984e3;
    color: white;
}

.workshop-session-selected svg {
    fill: white;
}

.workshop-session-disabled {
    background: #dcdde1;
    border: 1px solid #dcdde1;
    color: black;
}

.VueCarousel {
    width: 100%;
}

.VueCarousel-slide {
    border-left: 1px solid #dcdde1;
}

.VueCarousel-slide:first-child {
    border: none;
}

/* Session timeline */
.session-timeline {
    display: grid;
    width: 100%;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    overflow-x: auto;
    max-width: 500px;
}

.time-slot {
    background: transparent;
    border-bottom: 1px solid #DCDDE1;
    border-right: 1px solid #DCDDE1;
    box-sizing: border-box;
    color: #98a0a6;
    position: relative;
    pointer-events: none;
    padding: 14px 4px 4px 4px;
    z-index: 1;
    height: 50px;
}

.time-slot:nth-of-type(8n + 8) {
    border-right: 0;
}

/* Time slot contentblock */
.time-slot-content {
    background: transparent;
    border-bottom: 1px solid #DCDDE1;
    border-right: 1px solid #DCDDE1;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 14px 20px;
    height: 50px;
}

/* Time slot Workshop*/
.time-slot-workshop {
    position: relative;
    padding: 8px;
    border-left: 3px solid #094a94;
    margin: 10px;
    background: #0984e3;
    align-self: end;
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}


.tooltip {
    display: inline-block;
    position: relative
}

.tooltip__control {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    width: 26px;
    height: 26px;
    color: var(--dark-grey);
}

.tooltip__content {
    background: #fff;
    background: var(--dark-00, #fff);
    box-shadow: 0 0 5px 0 #afafaf;
    color: #2b3836;
    color: var(--secondary-00, #2b3836);
    padding: 8px 12px;
    position: absolute;
    min-height: 60px;
    text-align: left;
    z-index: 3;
    width: 265px
}

.tooltip__content--top {
    bottom: 100%;
    -webkit-transform: translate(calc(-50% + 10px), -8px);
    transform: translate(calc(-50% + 10px), -8px)
}

.tooltip__content--bottom {
    top: 100%;
    -webkit-transform: translate(calc(-50% + 10px), 8px);
    transform: translate(calc(-50% + 10px), 8px)
}

.tooltip__content--left {
    right: calc(100% + 8px)
}

.tooltip__content--left, .tooltip__content--right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip__content--right {
    left: calc(100% + 8px)
}

.tooltip__content h1, .tooltip__content h2, .tooltip__content h3, .tooltip__content h4, .tooltip__content h5, .tooltip__content h6 {
    color: #2b3836;
    font-weight: 500;
    margin: 0 0 .25rem;
    font-size: 2rem
}

.tooltip__content p {
    line-height: 1.6
}

.vue_guest_options > h3 {
    text-transform: none !important;
}

.vue_guest_options div {
    margin-bottom: 20px;
}

.vue_guest_options .button {
    width: 250px;
    text-align: center;
}

.table-rating-scale {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
}

.table-rating-scale .header-cell {
    background: #ededed;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 10px 0;
    text-align: center;
    font-weight: 400;
    vertical-align: center;
}

.table-rating-scale td {
    vertical-align: center;
}

.table-rating-scale .body-cell {
    text-align: center;
}

.table-rating-scale label {
    display: block;
}

@media (min-width: 1024px) {
    .table-rating-scale th:first-child,
    .table-rating-scale td:first-child {
        width: 50%;
    }
}

.module-photo ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    column-gap: 25px;
    row-gap: 25px;
    grid-template-columns: repeat(5, 1fr);
}

    .module-photo ul a {
        display: block;
        width: 100%;
    }

        .module-photo ul img {
            width: 100%;
        }

.module-photo .paging {
    display: flex;
    padding: 25px 0;
    justify-content: center;
}

    .module-photo .paging a {
        display: block;
        padding: 0 5px;
    }

    .module-photo .paging a.active_number_link {
        font-weight: 700;
    }

@media (max-width: 900px) {
    .module-photo ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 700px) {
    .module-photo ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

:root {
    --cookie-background-color: var(--grey);
    --cookie-icon-color: #FF6200;
    --cookie-font-color: --default-nav-text-color
}

.cookie_icon_holder {
    position: fixed;
    z-index: 100;
    bottom: 1.5rem;
    right: 4rem;
    text-align: right;
    font-size: 2rem
}

.cookie_icon_holder span {
    cursor: pointer
}

.cookie_icon_holder svg {
    fill: var(--cookie-icon-color);
    width: 2rem;
    height: 2rem
}

.cookie_policy_container {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    padding: 0;
    width: 100%;
    z-index: 100
}

.cookie_policy_grid {
    margin: 0 auto;
    padding: 1.5rem 4rem;
    background-color: var(--cookie-background-color);
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    -ms-grid-columns: 4fr 3fr;
    grid-template-columns:4fr 3fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.cookie_policy_grid a, .cookie_policy_grid a:visited, .cookie_policy_grid div, .cookie_policy_grid h2, .cookie_policy_grid h3, .cookie_policy_grid h4, .cookie_policy_grid h5, .cookie_policy_grid h6, .cookie_policy_grid p, .cookie_policy_grid table {
    color: var(--cookie-font-color)
}

.cookie_policy_grid.cookie_policy_expanded {
    max-height: 60vh;
    overflow-y: scroll
}

.cookie_policy_grid .cookie_close_banner {
    text-align: right;
    -ms-grid-column: 2;
    grid-column: 2
}

.cookie_policy_grid .cookie_close_banner span {
    cursor: pointer
}

.cookie_policy_grid .cookie_overview, .cookie_policy_grid .cookie_title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2
}

.cookie_policy_grid .cookie_policy_cookies_header, .cookie_policy_grid .cookie_policy_cookies_item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 2fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 2fr 3fr 1fr;
    gap: .7rem;
    margin: .7rem 0
}

.cookie_policy_grid .cookie_policy_cookies_header {
    font-weight: 700
}

@media only screen and (max-width: 64em) {
    .cookie_icon_holder {
        bottom: 1rem;
        right: 1rem;
    }

    .cookie_policy_grid {
        padding: 1rem;
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .cookie_policy_grid .cookie_close_banner, .cookie_policy_grid .cookie_overview, .cookie_policy_grid .cookie_title {
        -ms-grid-column: 1;
        grid-column: 1
    }

    .cookie_policy_grid .cookie_policy_cookies_header {
        display: none
    }

    .cookie_policy_grid .cookie_policy_cookies_item {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        margin: 1.5rem 0
    }

    .cookie_policy_grid .cookie_item_name {
        font-weight: 700
    }

    .cookie_policy_grid .cookie_item_type {
        font-style: italic;
        text-align: right
    }

    .cookie_policy_grid .cookie_item_timing {
        grid-row: 2;
        grid-column: 2;
        text-align: right
    }

    .cookie_policy_grid .cookie_item_vendor {
        grid-row: 2;
        grid-column: 1
    }

    .cookie_policy_grid .cookie_item_description {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/span 2
    }
}