/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * LOCAL IMAGES
      : Header logo
      : Main banner
      : Mobile menu
      : Dataset
      : File upload
      : Photo upload
      : Blocking lo: MAIN
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Nav
      : Tabs
      : Switcher
      : Dropdown
   * WRAPPER
   * BANNER
   * ATTACHMENT UPLOAD
   * STEPS BAR
   * LOGIN AND SUCCESS

   * 02 STRUCTURE
        : Smooth scrolling html
        : Nav
            Nav with button
        : Content width
            Content small
            Second narrow container
        : Content Layouts
            2 uneven columns, a sidebar (04/16) and a main
            Section
        : Form Layouts
            2 or more even columns using form modifiers

        : Grid item extra padding
            Extra padding right
        : Grid
            Full in tablet

   * 03 ELEMENTS
        : Vars
        : Buttons
            Button green
            Button small
            Button remove
            Button like
        : Logo
            Logo logged
        : Typography
            Titles
            Default
            Paragraph
            Links
            Lists
                Pills
                Tracks
                3 columns
            Text pill
                Added
        : Fields
            Input
            Custom dropdown
            Select
            Select 2
            Placeholder
        : Boxes
        : Alerts

        : Notifications
        : Speaker
            Speaker in box
        : Animations
            Animations for react components

   * 04 COMPONENTS
        : Tabs
            Fixed on scroll
        : fieldSpec
            Field search keyword
        : Form item types
            CheckBoxListFormField
        : Mobile search form
        : Button bar
        : Collapsibles
            Generic One
                Only tablet and mobile
                Blue
                Green
        : Pagination

        : Cards (article)
            Blue background
            With banner
                Top
                Left
                Right
        : Article result
        : Links box (article)
        : Slider
        : Cookies widget

   * 05 MODULES
        : Header
            Header top
            Fixed on scroll
        : Banner
            Banner home
        : Footer

        : Home > Metrics
        : Home > why attend
        : Home > speakers slider
        : Home > Become a speaker
        : Home > Agenda
        : Home > Tracks
        : Home > Networking EU
        : Home > Networking US
        : Home > Networking APAC
        : Home > Register
        : Agenda
        : Speakers
        : Popup
        : Travel

   * 06 PAGETYPES
        : Body with filters
        : Html with scrolling to section
        : Body loading

   * 07 UTILITIES
        Visibility
        Text

   ========================================================================== */

/* LOCAL IMAGES: Main banner
   -------------------------------------------------------------------------- */

.banner--main:not(.banner--home){
    background-image: var(--banner--background--image);
}

/* LOCAL IMAGES: Mobile menu
   -------------------------------------------------------------------------- */

a[class*="__trigger"] {
    background-image: var(--menu--icon--image);
}

/* LOCAL IMAGES: Dataset
   -------------------------------------------------------------------------- */

.removeDatasetRow {
    background-image: var(--dataset--icon--remove);
}

.addDatasetRow {
    background-image: var(--dataset--icon--add);
}

/* LOCAL IMAGES: File upload
   -------------------------------------------------------------------------- */

div[class*="fieldSpec"].FileField .removeFile,
div[class*="fieldSpec"].FileField .removeFile:link,
div[class*="fieldSpec"].FileField .removeFile:visited,
div[class*="fieldSpec"].FileField .removeFile:hover,
div[class*="fieldSpec"].FileField .removeFile:active,
div[class*="fieldSpec"].FileField .removeFile:focus {
    background-image: var(--file--icon--remove);
}

/* LOCAL IMAGES: Photo upload
   -------------------------------------------------------------------------- */

div[class*="fieldSpec"].FileField div[id*="fileInputContainer_"] .photoInputPreviewWrapper .photoInputPreviewContainer.photoPreviewUnselected {
    background-image: var(--photo--upload--icon--user);
}

div[class*="fieldSpec"].FileField .fileInputCancelButton,
div[class*="fieldSpec"].FileField .fileInputCancelButton:link,
div[class*="fieldSpec"].FileField .fileInputCancelButton:visited,
div[class*="fieldSpec"].FileField .fileInputCancelButton:hover,
div[class*="fieldSpec"].FileField .fileInputCancelButton:active,
div[class*="fieldSpec"].FileField .fileInputCancelButton:focus {
    background-image: var(--photo--upload--icon--remove);
}

/* LOCAL IMAGES: Blocking login
   -------------------------------------------------------------------------- */

.body--login {
    background-image: var(--login__body--background--image);
}

/* INVERTING CLICKABLE COLORS: Nav
   -------------------------------------------------------------------------- */

/* TO BE DELETED - when library changes to 1.3 or 2
in lines 120, 129 and 153, fallback var(--color--clickeable) */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

/* INVERTING CLICKABLE COLORS: Dropdown
   -------------------------------------------------------------------------- */

/* ATTACHMENT UPLOAD
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: 1px;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: #FFFFFF;
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/* STEPS BAR
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: -6px;
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        overflow: hidden;
    }

}

/* LOGIN AND SUCCESS
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--divider > .grid__item {
        max-width: none;
    }

    .grid--2--divider > .grid__item:nth-of-type(odd) {
        flex: 0 0 calc(.375 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.375 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

/* STRUCTURE:Smooth scrolling html
   -------------------------------------------------------------------------- */
html{
    scroll-behavior: smooth;
}

/* STRUCTURE: Nav
   -------------------------------------------------------------------------- */
.nav__item__link{
    font-weight: var(--font--weight--semibold);
}

.nav__item__link>img{
    margin-top: calc(-1 * 0.2rem);
}

.subnav__item__link, .portalLanguages__link{
    font-size: var(--font--size);
    font-weight: var(--font--weight--semibold);
}

.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:hover,
.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:focus,
.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:active,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:hover,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:focus,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:active,
.portalLanguages__item.portalLanguages__item--selected .portalLanguages__link{
    background-color: #e5e9ed;
    color: var(--header--clickeable--color);
}
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__nav > div{
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .nav{
        align-items: stretch;
        height: 100%;
    }

    .nav__list{
        height: 100%;
        align-items: stretch;
    }

    .nav__item{
        display: inline-flex;
        height: 100%;
        align-items: center;
    }

    .header__nav .nav__item:not(.nav__item--active):not(.nav__item--has-subnav) .nav__item__link:not(.button):hover,
    .header__nav .nav__item--active:not(.nav__item--has-subnav) .nav__item__link{
        border-bottom-color: var(--color--brand);
    }

    .header__nav .nav .nav__item__link{
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

    .nav [class*="__item__link"]{
        display: inline-flex;
        height: 100%;
        align-items: center;
    }

    .nav__item + .nav__item {
        margin-left: var(--spacer--l);
    }

    .nav__item--has-subnav--with-arrow .nav__item__link{
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    .nav__item--has-subnav--with-arrow .nav__item__link:before{
        border: 0;
        content: "\f107";
        right: var(--spacer--xs);
        display: inline-block;
        font: normal normal normal 1.4rem/1 FontAwesome;
        font-size: 2.4rem;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .nav__item__link{
        padding-right: 0;
        padding-left: 0;
    }

    .nav__item--has-subnav:hover .nav__item__link{
        background-color: transparent;
        box-shadow: none;
        border-color: transparent;
    }

    .subnav__list,
    .portalLanguages{
        top: 100%;
        border: 0;
        box-shadow: 0 2px 6px 0 rgb(0 29 67 / 20%);
        min-width: 16rem;
    }

    .nav__list--separator-left-before {
        position: relative;
        margin-left: var(--spacer--xxl);
    }

    .nav__list--separator-left-before:before {
        content: '';
        position: absolute;
        border-left: 1px solid var(--header--clickeable--color);
        height: calc(100% - (var(--spacer--s2) + var(--spacer--s2)));
        left: calc(var(--spacer--l) * -1);
        top: var(--spacer--s2);
    }

    .nav [class*="__item__link"]{
        width: 100%;
    }

    .subnav__item + .subnav__item, .portalLanguages__item + .portalLanguages__item{
        border-color: #cccccc;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tpt_mobile-menu--from-left--moves-over{
        margin-top: var(--header--height);
    }

    .nav__item {
        border-top-color: #ccc;
    }

    .nav__item__link{
        padding: var(--spacer--s2) 0;
    }

    a[class*="__trigger"].open:before{
        top: var(--header--height);
        background-color: rgba(0, 0, 0, 0.5);
    }

    a[class*="__trigger"] {
        background-color: #e8f2ff;
        background-size: 2.5rem;
        width: var(--mobile--menu--icon);
    }

    .header--mobile-menu--from-left .header__wrapper {
        padding-left: calc(var(--mobile--menu--icon) + var(--grid--laterals));
    }

}

/* Nav with button */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__nav__button{
        margin-left: var(--spacer--l);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .header__nav__button .nav__list {
        padding: 0;
    }
}
/* STRUCTURE: Content width
   -------------------------------------------------------------------------- */
/* Content small */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    [class*="--w--small"]{
        max-width: 40rem;
        margin: 0 auto;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    /* Second narrow container*/
    [class*="--w--narrow--b"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: calc(.85 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.85 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    /* Third narrow container*/
    [class*="--w--narrow--c"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: calc(.55 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.55 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }
}
/* STRUCTURE: Content Layouts
   -------------------------------------------------------------------------- */
/* 2 uneven columns, a sidebar (04/16) and a main */
.grid--2--sidebar .grid__item--filters{
    background: #fff;
}

.grid--2--sidebar .grid__item--filters .section__header + *{
    margin-top: var(--spacer--l);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--sidebar .grid__item--filters{
        padding-right: var(--grid--columns--gap);
    }

    .grid--2--sidebar .grid__item--filters .tabs + *{
        margin-top: var(--spacer--xl);
    }
}

/* Section */
.section__header + *{
    margin-top: var(--spacer--l);
}

[class*="__content__text"] + * {
    margin-top: var(--spacer--m);
}

[class*="__small"]{
    font-size: var(--font--size--smaller);
}

/* STRUCTURE: Form Layouts
   -------------------------------------------------------------------------- */
/* 2 or more even columns using form modifiers */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--grid .link{
        height: var(--fields--height);
        display: inline-flex;
        align-items: center;
    }
}

/* STRUCTURE: Grid item extra padding
   -------------------------------------------------------------------------- */
/* Extra padding right */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid > .grid__item--extra-pr-10 {
        padding-right: 10rem;
    }
    .grid > .grid__item--extra-pr-15 {
        padding-right: 15rem;
    }
    .grid > .grid__item--extra-pr-20 {
        padding-right: 15rem;
    }
}

/* STRUCTURE: Grid
   -------------------------------------------------------------------------- */
/* Full in tablet */
/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .grid--full-in-tablet > .grid__item{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ELEMENTS: Vars
   -------------------------------------------------------------------------- */
:root{
    /* header */
    --top--header--height: 4.7rem;
    --mobile--menu--icon: 5.7rem;

    /* fonts */
    --font--weight--regular: 400;
    --font--weight--semibold: 500;
    --font--weight--bolder: 700;
    --font--size--smaller: 1.4rem;

    /* border radius */
    --border--radius--secondary: 2rem;
    --border--radius--tertiary: 1rem;
    --border--radius--fourth: 1.6rem;

    /* colors */
    --color--brand--sub-3: #d6005c;
    --color--brand--sub-4: #e0edff;

    /* spaces*/
    --spacer--xxxxl: calc(var(--spacing--basis) * 24); /* 9.6rem */
}

/* ELEMENTS: Buttons
   -------------------------------------------------------------------------- */
.form [class$="Button"], .button{
    padding: var(--spacer--s) var(--spacer--l);
}

.button img{
    margin-right: var(--spacer--xs);
}

/* Button green */
.button--green{
    background-color: var(--color--brand);
    border-color: var(--color--brand);
}

.button--green:hover,
.button--green:focus,
.button--green:active{
    background-color: #FF8D24;
    border-color: #FF8D24;
}

/* Button small */
.button--small{
    font-size: var(--font--size);
    font-family: var(--font);
    font-weight: var(--font--weight--bolder);
    padding: 0;
    border-width: 2px;
    padding: var(--spacer--xxs) 1rem;
    border-radius: var(--border--radius--fourth);
}

/* Button Remove */
.button--remove{
    background-color: #fce9e4;
    font-size: var(--font--size--smaller);
    border-radius: var(--border--radius--fourth);
    padding: var(--spacer--xs) var(--spacer--s);
    font-family: var(--font);
    font-weight: var(--font--weight--regular);
    min-height: auto;
    border-color: transparent;
}

.button--remove:hover,
.button--remove:focus{
    background-color: #f7c7ba;
}

/* Button like */
.button--like{
    border: 0;
    padding: 0;
    background: transparent;
    min-height: auto;
}

.button--like .fa{
    font-weight: 600;
    font-size: 150%;
    color: var(--color--clickeable);
    transition: all 250ms ease-in-out;
}
.button--like .fa:before{
    transition: all 250ms ease-in-out;
}
.button--like:hover .fa:before,
.button--like:focus .fa:before,
.button--like--active .fa:before {
    content: "\f004";
    color: var(--color--brand--sub-3);
}

.button--like--active{
    cursor: auto;
}
/* ELEMENTS: Logo
   -------------------------------------------------------------------------- */

/* Media query to target mobile and tablet */
@media all and (max-width:1200px) {
    .logo:not(.logo--logged){
        --logo--width: 3.6rem;
    }

    .logo--logged{
        --logo--width: 13rem;
    }
}

/* ELEMENTS: Typography
   -------------------------------------------------------------------------- */
/* Titles */
[class*="__title--blue"]{
    color: var(--color--brand--sub-1);
}

[class*="__title--light-blue"]{
    color: var(--color--clickeable);
}

[class*="__title--open-sans"]{
    font-family: var(--font);
}

[class*="__title--"]:not([class*="__title--open-sans"]),
.Separator > legend{
    font-weight: var(--font--weight--bolder);
}

[class$="__title--0"]{
    font-size: 4rem;
}

[class$="--white"]{
    color: #fff;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    [class*="__title--0"] {
        font-size: 2.8rem;
    }

    [class$="__title--2"] {
        font-size: 2.4rem;
    }

    [class$="__title--5"]{
        font-size: 2rem;
    }

}
/* Media query to target only tablet */
@media all and (min-width:501px) and (max-width:1024px) {
    .article__header__text__title--popup[class$="__title--5"]{
        font-size: 2.4rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:500px) {
    .article__header__text__title--popup[class$="__title--5"]{
        font-size: 2rem;
    }
}
/* Default */
*{
    line-height: calc(3.5px + 2ex + 3.5px);
}

/* Paragraph */
.paragraph {
    padding-bottom: var(--spacer--m);
}

/* Links */
.link--with-icon .fa-angle-left,
.link--with-icon .fa-angle-right {
    font-size: 140%;
}

.link--pink{
    color: var(--color--brand--sub-3);
    font-weight: var(--font--weight--bolder);
}

.link--white{
    color: #fff;
}

.link--show-more{
    font-weight: var(--font--weight--semibold);
}
/* Lists */
.list--bullet, .list--numeric, div[class*="fieldSpec"] [class*="description"] ul, div[class*="fieldSpec"] [class*="description"] ol, .article--details .article__content__view__field__value ul:not(.MultipleDataSetFields), .article--details .article__content__view__field__value ol{
    padding-left: var(--spacer--s2);
}
.list--bullet .list__item::marker {
    color: var(--color--clickeable);
}

/* Lists: Pills */
.list--pills{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 0;
    width: 100%;
}

.list--pills .list__item{
    text-align: center;
    color: var(--color--clickeable);
    width: auto;
    padding: var(--spacer--s) var(--spacer--m);
    border-radius: var(--border--radius--secondary);
    border: 1px solid transparent;
    text-transform: none;
    font-weight: var(--font--weight--semibold);
    font-family: var(--font--alt);
    transition: all 0.4s;
}

.list--pills .list__item:hover,
.list--pills .list__item--active{
    box-shadow: 0 2px 6px 0 rgba(0, 101, 240, 0.2);
    background: #fff;
    color: var(--color--brand--sub-1);
    border: 1px solid #a0c2ef;
}

.list--pills .list__item--active a{
    cursor: none;
}

.list--pills .list__item + .list__item {
    margin-left: var(--spacer--s);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    * + .list--pills{
        margin-top: var(--spacer--xxxl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--pills .list__item{
        padding: var(--spacer--s);
    }

    * + .list--pills{
        margin-top: var(--spacer--l);
    }
}

/* Lists: Tracks */
.list--tracks .list__item{
    padding: var(--spacer--s);
}

.list--tracks .list__item--featured{
    font-weight: var(--font--weight--bolder);
    background-image: linear-gradient(to right, rgba(39, 127, 255, 0.2), rgba(39, 127, 255, 0));
    border-radius: var(--border--radius--default);
}

.list--tracks .list__item + .list__item {
    margin-top: var(--spacer--m);
}

/* Lists: 3 columns */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--3{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .list--3 .list__item {
        flex-direction: column;
    }

    .list--3 .list__item:nth-child(3){
        text-align: right;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .list--3 .list__item:nth-child(1) {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .list--3 .list__item:nth-child(2) {
        flex: 0 0 36%;
        max-width: 36%;
    }

}

/* Text pill: added */
.pill{
    font-size: var(--font--size--smaller);
    border-radius: var(--border--radius--fourth);
    display: inline-flex;
    align-items: center;
    padding: var(--spacer--xs) var(--spacer--s);
}

.pill--added{
    background-color: #e5faf0;
}

.pill img{
    margin-right: var(--spacer--xs);
}
/* ELEMENTS: Fields
   -------------------------------------------------------------------------- */
/* Input */
.form input:where([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="range"]:not(.progress-bar__selector),[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"]):not([class*="select2"]):focus,
.form select:focus,
.form textarea:focus {
    box-shadow: none;
    border-color: var(--color--brand--sub-2);
    background-color: #e8f2ff;
}

@supports not(selector(:where)) {
    .form input[type="color"]:not([class*="select2"]):focus,
    .form input[type="date"]:not([class*="select2"]):focus,
    .form input[type="datetime-local"]:not([class*="select2"]):focus,
    .form input[type="email"]:not([class*="select2"]):focus,
    .form input[type="file"]:not([class*="select2"]):focus,
    .form input[type="month"]:not([class*="select2"]):focus,
    .form input[type="number"]:not([class*="select2"]):focus,
    .form input[type="password"]:not([class*="select2"]):focus,
    .form input[type="range"]:not(.progress-bar__selector):not([class*="select2"]):focus,
    .form input[type="search"]:not([class*="select2"]):focus,
    .form input[type="tel"]:not([class*="select2"]):focus,
    .form input[type="text"]:not([class*="select2"]):focus,
    .form input[type="time"]:not([class*="select2"]):focus,
    .form input[type="url"]:not([class*="select2"]):focus,
    .form input[type="week"]:not([class*="select2"]):focus,
    .form select:focus,
    .form textarea:focus {
        box-shadow: none;
        border-color: var(--color--brand--sub-2);
        background-color: #e8f2ff;
    }
}

div[class*="fieldSpec"] div[class*="description"]{
    font-size: var(--font--size);
}

/* Custom dropdown */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .dropdown--actions{
        font-size: var(--font);
        margin-left: auto;
    }
    .dropdown--actions .dropdown__placeholder,
    .dropdown--actions:hover .dropdown__placeholder{
        border-radius: 50%;
        border-color: var(--color--clickeable);
        width: var(--fields--height);
        height: var(--fields--height);
        color: var(--color--clickeable);
    }

    .dropdown--actions .dropdown__placeholder:before{
        content: "\2022 \2022 \2022";
        font-size: 160%;
        letter-spacing: -2px;
        border: 0;
        text-align: center;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center;
        transform: none;
        top: 0;
    }

    .dropdown--actions.dropdown--open .dropdown__placeholder:before{
        content: "";
        background-image: var(--close--icon--image);
        background-size: 14px;
        background-position: center;
    }

    .dropdown--actions.dropdown--open .dropdown__placeholder {
        border-radius: 50% 50% 0 0;
        border-bottom-color: #fff;
    }

    .dropdown--actions:not(.dropdown--open) .dropdown__list{
        display: none;
    }

    .dropdown--actions .dropdown__list__item a{
        color: var(--color--clickeable);
        font-family: var(--font--alt);
        font-weight: var(--font--weight--bold);
        padding: var(--spacer--s) var(--spacer--m);
        min-height: var(--fields--height);
        height: auto;
    }

    .dropdown--actions .dropdown__list__item:hover{
        background-color:var(--color--clickeable);
        color: #fff;
    }

    .dropdown--actions .dropdown__list{
        min-width: 15rem;
        border-color: var(--color--clickeable);
        border-radius: var(--border--radius--secondary) 0 var(--border--radius--secondary) var(--border--radius--secondary);
    }

    .dropdown--actions .dropdown__list__item + .dropdown__list__item{
        border-top-color: var(--color--clickeable);
    }
}

/* Select */
.form select:not([multiple]) {
    background-image: var(--caret--down);
    background-size: auto 8px;
}

/* Select 2 */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:first-child:after{
    border: 0;
    height: 100%;
    width: var(--spacer--m);
    top: 0;
    background-image: var(--caret--down);
    background-position: center;
    right: var(--spacer--s);
}

/* Placeholder */
::-webkit-input-placeholder {
    color: #737373;
}

::-moz-placeholder {
    color: #737373;
}

:-ms-input-placeholder {
    color: #737373;
}

:-moz-placeholder {
    color: #737373;
}

/* ELEMENTS: Boxes
   -------------------------------------------------------------------------- */
[class*="--boxed"]:not([class*="--boxed--"]) {
    box-shadow: 0 2px 12px 0 var(--color--shadow);
    border: 0;
    padding: var(--boxes--padding--outers);
}

/* ELEMENTS: Alerts
   -------------------------------------------------------------------------- */
.form .alert--error{
    display: none;
}

/* ELEMENTS: Notifications
   -------------------------------------------------------------------------- */
.notification{
   color: #fff;
   background-color: var(--color--brand--sub-1);
   border-radius: var(--border--radius--secondary) 0;
   display: flex;
   flex-direction: row;
   padding: var(--spacer--s) var(--spacer--m);
   width: 100%;
}

.notification + .notification{
    margin-top: var(--spacer--s);
}

.notification p{
    padding-right: var(--spacer--s);
}

.notification .notification__close{
    margin-left: auto;
    padding-left: var(--spacer--s);
    background-image: var(--notifications--close);
    width: 2rem;
    height: 2rem;
    background-position: center;
}

.notification .notification__close:hover,
.notification .notification__close:focus{
    background-size: contain;
}

/* ELEMENTS: Speaker
   -------------------------------------------------------------------------- */
.speaker .speaker__img{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    border-radius: 50%;
}

.speaker:not(.speaker--in-box) .speaker__text__subtitle{
    font-size: var(--font--size--smaller);
    margin-top: var(--spacer--xs);
    max-width: 24rem;
}

.speaker .speaker__links{
    margin-top: var(--spacer--s);
}

.speaker .speaker__links__company{
    color: var(--color--clickeable);
    font-weight: var(--font--weight--bold);
}

.speaker .speaker__links .link + .list{
    margin-top: var(--spacer--s);
}

.speaker .speaker__links .list .list__item {
    display: inline-flex;
}

.speaker .speaker__links .list .list__item + .list__item{
    margin-left: var(--spacer--xs);
}

/* Speaker: boxed */
.speaker--in-box{
    border: solid 1px transparent;
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, var(--color--brand--sub-1) 0%, var(--color--brand) 90%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: var(--border--radius--secondary);
}

.speaker--in-box + .speaker--in-box{
    margin-top: var(--spacer--m);
}

.speaker--in-box> div{
    display: flex;
    flex-direction: row;
    padding: var(--boxes--padding--outers);
}

.speaker--in-box .speaker__img {
    width: 4.8rem;
    height: 4.8rem;
    flex: 0 0 4.8rem;
}

.speaker--in-box .speaker__img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.speaker--in-box .speaker__img + .speaker__text{
    margin-left: var(--spacer--s2);
}

.speaker--in-box .speaker__text__company{
    margin-top: var(--spacer--s);
    color: var(--color--brand--sub-3);
    font-weight: var(--font--weight--bolder);
}

/* ELEMENTS: Animations
   -------------------------------------------------------------------------- */
/* Fade in */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* Animations for react components */
.main > .section.section--popup__sync,
.main > .section.section--popup__sync.exit-done {
    display: none;
}
.main > .section.section--popup__sync.enter,
.main > .section.section--popup__sync.enter-active,
.main > .section.section--popup__sync.enter-done,
.main > .section.section--popup__sync.exit,
.main > .section.section--popup__sync.exit-active {
    display: flex;
}

.section--popup.enter {
  opacity: 0;
}

.section--popup.enter-active {
  opacity: 1;
  transition: opacity 300ms;
}

.section--popup.enter-done {
  opacity: 1;
  pointer-events: visible;
}

.section--popup.exit {
  opacity: 1;
}

.section--popup.exit-active {
    opacity: 0;
    transition: opacity 300ms;
}

.section--popup.exit-done {
    opacity: 0;
    display: none;
}

.event-enter {
  opacity: 0;
}
.event-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.event-exit {
  opacity: 1;
}
.event-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}

.iframe-enter {
  opacity: 0;
}
.iframe-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.iframe-exit {
  opacity: 1;
}
.iframe-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.iframe-exit-done {
  opacity: 0;
}

.preloader-enter {
  opacity: 0;
}
.preloader-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.preloader-exit {
  opacity: 1;
}
.preloader-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.preloader-exit-done {
  opacity: 0;
}

.modal__content-enter {
  opacity: 0;
}
.modal__content-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.modal__content-exit {
  opacity: 1;
}
.modal__content-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.modal__content-exit-done {
  opacity: 0;
}

/* COMPONENTS: Tabs
   -------------------------------------------------------------------------- */
.tabs{
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.tabs .tabs__list{
    border-bottom: 0;
}

.tabs .tabs__list__item{
    text-transform: none;
    width: 100%;
    font-family: var(--font--alt);
    padding: var(--spacer--s);
    border-bottom: 0;
    font-weight: var(--font--weight--semibold);
    position: relative;
    border-radius: var(--border--radius--default);
    min-height: var(--fields--height);
    transition: all 0.4s;
}

.tabs .tabs__list__item:not(.tabs__list__item--active),
.tabs .tabs__list__item:not(.tabs__list__item--active):link,
.tabs .tabs__list__item:not(.tabs__list__item--active):visited{
    color: var(--color--brand--sub-1);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .tabs .tabs__list__item:before{
        display: inline-block;
        font: normal normal normal 1.4rem/1 FontAwesome;
        font-size: 2rem;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        font-weight: var(--font--weight--bold);
        position: absolute;
        right: var(--spacer--s);
        top: calc(var(--fields--height) / 4);
    }

    .tabs .tabs__list__item--active{
        background: var(--color--disabled);
        color: var(--color--brand--sub-1);
    }

    .tabs .tabs__list__item:not(.tabs__list__item--active):hover{
        background: #d7f8e8;
    }

    .tabs .tabs__list__item + .tabs__list__item{
        margin-top: var(--spacer--xs);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs .tabs__placeholder{
        width: 100%;
        position: relative;
        border-bottom: 0;
        background-color: #e5e8ec;
        padding-left: var(--spacer--s2);
        border-radius: var(--border--radius--default);
    }

    .tabs .tabs__placeholder:after{
        color: var(--color--brand--sub-1);
        font-size: 180%;
        position: absolute;
        right: var(--spacer--s2);
    }

    .tabs:not(.tabs--scrolling) + *{
        margin-top: var(--spacer--m);
    }

    .tabs .tabs__list{
        background-color: #e5e8ec;
        position: relative;
        width: 100%;
        top: -5px;
        border: 0;
        padding-top: var(--spacer--s);
    }

    .tabs .tabs__list__item{
        padding: var(--spacer--s2);
    }

    .tabs .tabs__list__item--active{
        display: none;
    }

    .tabs .tabs__list__item:nth-of-type(1){
        padding-top: var(--spacer--s2);
    }

    .tabs .tabs__list__item:not(.tabs__list__item--active),
    .tabs .tabs__list__item:not(.tabs__list__item--active):link,
    .tabs .tabs__list__item:not(.tabs__list__item--active):visited{
        color: #666;
    }

    .tabs .tabs__placeholder{
        font-weight: var(--font--weight--semibold);
        font-size: var(--font--size);
        color: var(--color--brand--sub-1);
    }

    .tabs.tabs--open .tabs__list{
        border-bottom-left-radius: var(--border--radius--default);
        border-bottom-right-radius: var(--border--radius--default);
    }

}

/* Fixed on scroll */
/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs.tabs--scrolling {
         overflow: hidden;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: var(--header--height);
        background: #fff;
        width: 100%;
        margin-left: calc(var(--grid--columns--gap) * -1);
        padding: var(--grid--columns--gap);
        z-index: 4;
        box-shadow: 0 2px 6px 0 rgb(0 101 240 / 20%);

    }
}
/* COMPONENTS: fieldSpec
   -------------------------------------------------------------------------- */

/* Field search keyword */
.fieldSpec.form__item--keywords{
    position: relative;
}

.form:not(.form--grid) .fieldSpec.form__item--keywords{
    --form__item--padding--outers: var(--spacer--xs);
}

.fieldSpec.form__item--keywords .fa-search{
    position: absolute;
    right: var(--spacer--s2);
    top: calc(var(--fields--height) / 4);
    color: var(--color--brand--sub-1);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .fieldSpec.form__item--keywords--right{
        max-width: 30rem;
        float: right;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .fieldSpec.form__item--reset .button-bar__wrap {
        display: flex;
        justify-content: space-between;
    }

    .fieldSpec.form__item--reset .link:last-child{
        display: flex;
        margin-left: auto;
    }
}

/* fieldSpec */
.fieldSpec > label,
.datasetfieldSpec > label,
.formfieldSpec > label,
.fieldSpec fieldset > legend,
.AlertCustomField label,
.DateFormField > div > label{
    font-family: var(--font--alt);
    font-weight:var(--font--weight--bold);
}

/* Form item open sans */
.fieldSpec.form__item--open-sans > label,
.datasetfieldSpec.form__item--open-sans > label,
.formfieldSpec.form__item--open-sans > label,
.fieldSpec.form__item--open-sans fieldset > legend,
.AlertCustomField.form__item--open-sans label,
.DateFormField.form__item--open-sans > div > label {
    font-family: var(--font);
    font-weight: 400;
    font-size: var(--font--size--smaller);
}

/* Required icon */
div[class*="fieldSpec"] .labelRequiredIcon {
    color: var(--color--clickeable);
}

/* Field extra margin top */
.fieldSpec.form__item--m--t--xl{
    margin-top: var(--spacer--xl);
}

.fieldSpec.form__item--m--t--m{
    margin-top: var(--spacer--m);
}
/* COMPONENTS: Form item types
   -------------------------------------------------------------------------- */
/* CheckBoxListFormField */
div[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField > div:not(.CheckBoxListFormField_hiddenOptions),
div[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField_hiddenOptions > div {
    margin-top: var(--spacer--m);
}

div[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField input{
    margin: 5px 7px 4px 0;
}

/* COMPONENTS: Mobile search form
   -------------------------------------------------------------------------- */
.section--collapsible-form-search .form--search .button{
    padding: 0;
    min-height: auto;
    font-family: var(--font);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--collapsible-form-search .form--search{
        position: relative;
    }

    .section--collapsible-form-search .section__header__text{
        border: 0;
        background-color: #d7f8e8;
        padding: var(--spacer--s) var(--spacer--s2);
        border-radius: var(--border--radius--default);
    }

    .section--collapsible-form-search .section__header__text .section__header__text__title--5{
        font-size:var(--font--size);
        font-weight: var(--font--weight--semibold);
    }

    .section--collapsible-form-search .form--search .form__toggle:hover,
    .section--collapsible-form-search .form--search .form__toggle:focus,
    .section--collapsible-form-search .form--search.form--open .form__toggle{
        background-color: transparent;
    }

    .section--collapsible-form-search .form--search.form--open .form__toggle{
        transform: rotate(180deg);
    }

    .section--collapsible-form-search .form--search .form__toggle{
        color: var(--color--brand--sub-1);
        border-radius: 0;
        top: calc(var(--toggle--w--default) * -1);
    }

    .section--collapsible-form-search .form--search .Section{
        margin-left: 0;
        margin-right: 0;
        background: #d7f8e8;
        box-shadow: none;
        padding-right: var(--spacer--s2);
        padding-left: var(--spacer--s2);
        padding-top: var(--spacer--s2);
        position: relative;
        top: -5px;
        padding-bottom: var(--spacer--s2);
        border-bottom-left-radius: var(--border--radius--default);
        border-bottom-right-radius: var(--border--radius--default);
        margin-top: 0;
    }

    .section--collapsible-form-search .section__header__text{
        font-weight: var(--font--weight--semibold);
        font-size: var(--font--size);
        color: var(--color--brand--sub-1);
    }

}
/* COMPONENTS: Button bar
   -------------------------------------------------------------------------- */
/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .button-bar:not([class*="col"]) button,
    .button-bar:not([class*="col"]) input[type="submit"],
    .button-bar:not([class*="col"])
    .button:not(.button--medium):not(.button--small) {
        width: 100%;
    }
}

/* COMPONENTS: Collapsibles
   -------------------------------------------------------------------------- */
.js_collapsible--enabled{
    border-top: 0;
    padding: 0;
}

.js_collapsible--enabled .article__header + * {
    margin-top: var(--spacer--s);
}
.js_collapsible--enabled:last-of-type {
    border: 0;
}
.js_collapsible--enabled > [class*="__header"]:after{
    width: auto;
}

.article:not(.article--light-blue).js_collapsible--enabled > [class*="__header"]:after{
    --color--clickeable: var(--color--brand--sub-1);
}

.js_collapsible--enabled.js_collapsible--open .js_collapsible__content,
.js_collapsible--enabled.js_collapsible--open > [class*="__content"]{
    animation: fadeIn 1s;
}

.article.js_collapsible--enabled + .article.js_collapsible--enabled {
    margin-top: var(--spacer--l);
}

/* Generic one: only mobile and tablet*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .js_collapsible--tablet-and-mobile.js_collapsible--enabled > [class*="__content"]{
        display: block;
    }

    .js_collapsible--tablet-and-mobile.js_collapsible--enabled > [class*="__header"]:after{
        content: '';
    }
}

/* Blue */
.article--collapsible--blue.js_collapsible--enabled:last-of-type{
    background-image: linear-gradient(270deg, var(--color--brand--sub-1) -6%, #0054b9);
    padding: 0;
    border-radius: var(--border--radius--secondary);
    position: relative;
    z-index: 1;
}

.article--collapsible--blue.js_collapsible--enabled:not(.js_collapsible--open) .article__header.js_collapsible__header{
    padding: var(--spacer--l);
    border-radius: var(--border--radius--secondary);
}

.article--collapsible--blue.js_collapsible--enabled.js_collapsible--open{
    padding: var(--spacer--l);
    background-image: linear-gradient(61deg, var(--color--brand--sub-1) -4%, var(--color--brand) 170%);
}
.article--collapsible--blue.js_collapsible--enabled > [class*="__header"]:after{
    color: #fff;
    font-weight: var(--font--weight--bold);
}

.article--collapsible--blue.js_collapsible--enabled:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border--radius--secondary);
  background-image: linear-gradient(61deg, var(--color--brand--sub-1) -4%, var(--color--brand) 170%);
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}

.article--collapsible--blue.js_collapsible--enabled:hover:after,
.article--collapsible--blue.js_collapsible--enabled:focus:after{
  opacity: 1;
}
.article--collapsible--blue.js_collapsible--enabled .article__header.js_collapsible__header,
.article--collapsible--blue.js_collapsible--enabled .article__content.js_collapsible__content{
    position: relative;
    z-index: 4;
}
/* Light blue */

.article--light-blue.js_collapsible .article__header{
    width: auto;
    display: inline-flex;
}

/* COMPONENTS: Pagination
   -------------------------------------------------------------------------- */
.list-controls__pagination{
    font-weight: var(--font--weight--bold);
}
.list-controls__pagination .fa{
    font-size: 140%;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .list-controls__pagination{
        justify-content: flex-end;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .list-controls__pagination{
        justify-content: center;
    }
}
/* COMPONENTS: Cards (article)
   -------------------------------------------------------------------------- */
.article--card {
    border-radius: var(--border--radius--tertiary);
    box-shadow: 0 3px 8px 0 rgb(34 127 255 / 20%);
    background-color: #fff;
    padding: var(--spacer--m);
}

.article--card .article__header__text__subtitle{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.article--card .article__header__text__subtitle__icon{
    margin-left: auto;
}

.article--card .article__header__text__subtitle__icon img{
    margin-top: calc(-1 * (var(--spacer--m) + 3px));
}

.article--card .article__header__text__subtitle__icon i{
    color: var(--color--brand--sub-1);
    font-size: 130%;
    vertical-align: middle;
}

.article--card .article__header__text__tag{
    font-weight: var(--font--weight--bold);
    color: var(--color--brand--sub-3);
}

.article--card .article__header__text__tag small{
    font-size: var(--font--size--smaller);
}

.article--card .article__footer{
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.article--card .article__footer .button:nth-child(even),
.article--card .article__footer .button:last-child{
    margin-left: auto;
}

.article--card * + .article__header__text__title{
    margin-top: var(--spacer--s2);
}

.article--card .notification + *,
.article--card img + *{
    margin-top: var(--spacer--l);
}

.article--card .preloader{
    min-height: auto;
}

/* Blue background */
.article--card--blue{
    background-color: #c9d7e8;
    box-shadow: none;
}

/* With banner */
.article--card--with-banner{
    display: flex;
    padding: 0;
}

.article--card--with-banner .article__banner{
    background-size: cover;
    background-position: center;
    background-color: #ededed;
    background-image: var(--card--background--image);
}

.article--card--with-banner .article__row{
    padding: var(--spacer--m);
}

/* Top */
.article--card--with-banner--top {
    flex-direction: column;
    height: 100%;
}

.article--card--with-banner--top .article__banner {
    height: 10rem;
    width: 100%;
    position: relative;
    border-radius: var(--border--radius--tertiary) var(--border--radius--tertiary) 0 0;
}

.article--card--with-banner--top .article__date{
    background: #df166c;
    color: #fff;
    font-size: 1.2rem;
    border-radius: var(--spacer--s2);
    width: auto;
    display: inline-flex;
    padding: 1px var(--spacer--s);
    position: absolute;
    bottom: calc( var(--spacer--s2) * -1);
    left: var(--spacer--m);
    font-weight: var(--font--weight--bold);
}

.article--card--with-banner--top .article__header__text__subtitle{
    font-weight: var(--font--weight--bold);
    flex-direction: column;
}

.article--card--with-banner--top .article__header + * {
    margin-top: var(--spacer--s);
}

.article--card--with-banner--top .article__row {
    padding: var(--spacer--l) var(--spacer--m) var(--spacer--m);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    /* Left and Right */
    .article--card--with-banner--left,
    .article--card--with-banner--right{
        flex-direction: row;
    }

    .article--card--with-banner--left .article__row,
    .article--card--with-banner--right .article__row{
        max-width: 50%;
        flex: 1 1 50%;
    }

    .article--card--with-banner--left .article__banner,
    .article--card--with-banner--right .article__banner{
        max-width: 50%;
        flex: 1 1 50%;
    }

    /* Left */
    .article--card--with-banner--left .article__banner{
        border-radius: var(--border--radius--tertiary) 0 0 var(--border--radius--tertiary);
    }

    /* Right */
    .article--card--with-banner--right .article__row{
        order: 1;
    }
    .article--card--with-banner--right .article__banner{
        border-radius: 0 var(--border--radius--tertiary) var(--border--radius--tertiary) 0;
        order: 2;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    /* Left and Right */
    .article--card--with-banner--left,
    .article--card--with-banner--right{
        flex-direction: column;
    }

    .article--card--with-banner--left .article__banner,
    .article--card--with-banner--right .article__banner{
        height: 20rem;
        border-radius: var(--border--radius--tertiary) var(--border--radius--tertiary) 0 0;
    }
}

/* COMPONENTS: Article result
   -------------------------------------------------------------------------- */
.article--result + .article--result {
    margin-top: var(--spacer--xl);
}

.article--result .article__header__text__subtitle {
    margin-top: var(--spacer--xxs);
    font-size: var(--font);
}

.article--result .article__header__text__tag{
    font-weight: var(--font--weight--bolder);
    color: var(--color--brand--sub-3);
}

.article--result .article__header__text__subtitle + .article__header__text__tag{
    margin-top: var(--spacer--s);
}

.article--result .article__content ul{
    font-weight: var(--font--weight--bold);
}

.article--result .article__content ul{
    list-style: disc;
    padding-left: var(--spacer--m);
}

.article--result .article__content ul + *{
    margin-top: var(--spacer--s);
}

.article--result .article__header + * {
    margin-top: var(--spacer--s);
}

.article--result .article__footer{
    display: inline-flex;
    align-items: center;
    margin-top: var(--spacer--m);
}

.article--result .article__footer * + *{
    margin-left: var(--spacer--l);
}

/* COMPONENTS: Slider
   -------------------------------------------------------------------------- */
.section--slider .section__content{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column;
    width: 100%;
}

[class*="slider__nav__next"]:after,
[class*="slider__nav__prev"]:after{
    display: inline-block;
    font-family: FontAwesome;
    font-size: 2rem;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: var(--font--weight--semibold);
    letter-spacing: 0;
    line-height: 1;
}

[class*="slider__nav__next"]:after,
.swiper-container-rtl [class*="slider__nav__prev"]{
    content: "\f105";
}

[class*="slider__nav__prev"]:after,
.swiper-container-rtl [class*="slider__nav__next"]{
    content: "\f104";
}

[class*="slider__nav__next"],
[class*="slider__nav__prev"]{
    background-color: #FFFFFF;
    border: 1px solid var(--color--buttons);
    color: var(--color--buttons);
    border-radius: 50%;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    position: absolute;
    top: 45%;
    z-index: 5;
    cursor: pointer;
    display: flex;
    align-items: center;
}

[class*="slider__nav__next"]{
    right: 0;
    padding: 0 10px;
}

[class*="slider__nav__prev"]{
    left: 0;
    padding: 0px 8px;
}

.swiper-container{
   padding-bottom: .6rem;
   padding-top: 0.6rem;
   min-height: 0;
   min-width: 0;
}

.swiper-wrapper{
    box-sizing: border-box;
}

.swiper-slide{
    height: auto;
}

[class*="slider__nav__next"].swiper-button-disabled,
[class*="slider__nav__prev"].swiper-button-disabled {
    display: none;
}

.swiper-container{
    width: 100%;
}

[class*="slider__nav__pagination"]{
    text-align: center;
}

[class*="slider__nav__pagination"] .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}

[class*="slider__nav__pagination"] .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left: var(--spacer--m);
}

.swiper-pagination-bullet{
    background: #a5a5a5;
    opacity: 1;
}

.swiper-pagination-bullet-active{
    background: var(--color--brand);
}

.slider__nav__pagination--pink .swiper-pagination-bullet-active{
    background: var(--color--brand--sub-3);
}

/* COMPONENTS: Cookies widget
   -------------------------------------------------------------------------- */
.cookies .cookiesButtonSave,
.cookies .cookiesButtonSave:hover,
.cookies .cookiesButtonSave:focus{
    color: #fff;
    border-color: #fff;
}

/* MODULES: Header
   -------------------------------------------------------------------------- */
.header{
    font-family: var(--font--alt);
    -webkit-transition: .2s ease-in-out 0s;
    -moz-transition: .2s ease-in-out 0s;
    -ms-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s;
}

.header__bottom{
    box-shadow: 0 2px 12px 0 rgb(151 151 151 / 26%);
}

.header__content{
    justify-content: flex-end;
    align-items: stretch;
    height: auto;
}

.header__content__logo{
    margin-right: auto;
    display: flex;
    align-items: center;
    height: 100%;
}

.header__wrapper{
    align-items: stretch;
    height: 100%;
}
.header__nav {
    display: flex;
    align-items: center;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .header__nav {
        order: 2;
    }
}

/* Header top */
.header__top{
    background: #f2f2f2;
    justify-content: flex-end;
    display: flex;
    transition: all 0.4s;
}

.header__top__nav{
    display: flex;
    align-items: center;
}

.header__top .header__wrapper{
    justify-content: flex-end;
    min-height:var(--top--header--height);
}

.header__top .nav__item__link{
    padding-bottom: 0;
    padding-top: 0;
    line-height: inherit;
}

.header__top .nav__item--has-subnav{
    margin-bottom: 0;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__top .subnav__list,
    .header__top .portalLanguages{
        background-color: #f2f2f2;
    }
}

/* Fixed on scroll */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--header-fixed-on-scroll .header--scrolling{
        top: calc(-1 * var(--top--header--height));
    }

    .body--header-fixed-on-scroll .body__content{
        padding-top: calc(var(--header--height) + var(--top--header--height));
    }

}

/* MODULES: Banner
   -------------------------------------------------------------------------- */
.banner__text__title{
    color: #fff;
}

.banner__text__subtitle{
    font-size: 2.4rem;
    color: var(--color--brand);
    text-transform: none;
    font-family: var(--font--alt);
    font-weight: var(--font--weight--bolder);
}

* + .banner__text__subtitle{
    margin-top: var(--spacer--m);
}

.banner__text__bottom{
    color: #fff;
}

* + .banner__text__bottom{
    margin-top: var(--spacer--s);
}

.banner__wrapper{
    min-height: var(--banner--height);
}
/* Banner home */
.banner--home{
    position: relative;
}

.banner--home .banner__wrapper{
    position: relative;
    z-index: 2;
}
.banner--home .banner__text__title span{
    color: var(--color--brand);
}

.banner__home__image{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.banner__home__image--1{
    background-image: var(--banner--background--image--1);
}

.banner__home__image--2{
    background-image: var(--banner--background--image--2);
}

.banner--home .swiper-container{
    position: absolute;
    height: 100%;
    z-index: 1;
    padding-top: 0;
}
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--home{
        height: 35rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .banner--home{
        height: 24.4rem;
    }

    .banner__text__subtitle{
        font-size: 2rem;
    }

    .banner--home .banner__wrapper{
        align-items: start;
        padding-top: var(--spacer--xxl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--home{
        background-color: var(--color--brand--sub-1);
    }
}
/* MODULES: Footer
   -------------------------------------------------------------------------- */
.footer .link{
    --font--weight--bold: var(--font--weight--semibold);
}

.footer{
    --dividers--border--color: #fff;
    border-top-width: 3px;
    border-top-style: solid;
    -o-border-image: linear-gradient(to right, var(--color--brand), var(--color--brand--sub-1) ) 1;
       border-image: linear-gradient(to right, var(--color--brand), var(--color--brand--sub-1) ) 1;
}

.footer__rights-and-social{
    display: flex;
}

.footer__social__item {
    height: 2.4rem;
    max-width: 2.4rem;
}

/* Media query to target only desktop */
@media all and (min-width: 1025px){
    .footer__links__divider {
        margin-left: var(--spacer--s2);
        margin-right: var(--spacer--s2);
    }

    .footer__rights{
        padding-right: var(--spacer--m);
        border-right: 1px solid #fff;
    }

    .footer__rights + .footer__social{
        margin-left: var(--spacer--m);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .footer__social__item + .footer__social__item--linkedin {
        margin-left: 2.1rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__social__item + .footer__social__item--linkedin {
        margin-left: 2.8rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .footer {
        font-size:var(--font--size);
    }

    .footer__content{
        flex-direction: column;
    }

    .footer__rights-and-social{
        align-items: center;
        flex-direction: column;
        margin-top: var(--spacer--xs);
    }

    .footer__social{
        margin-top: var(--spacer--m);
    }

    .footer__rights{
        text-align: center;
    }
}

/* MODULES: Home > Metrics
   -------------------------------------------------------------------------- */
.body--footer-sticky .section--metrics:last-of-type{
    flex-grow: 0;
}

.section--metrics{
    justify-content: center;
    display: flex;
    margin-top: calc(-1 * var(--spacer--xxxl));
    position: relative;
    z-index: 3;
}

[class*="__title--"].metrics__title{
    color: var(--color--brand--sub-1);
}

.metrics__container {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.metrics__container img {
    max-width: 2.8rem;
    text-align: center;
    align-items: center;
    height: 100%;
}

.metrics__container p,
.metrics__container img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--slider.section--metrics + *{
        margin-top: var(--spacer--xxxxl);
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--metrics{
         --content--w--narrow: calc(.75 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.75 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .section--metrics .section__wrapper--w--narrow{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: var(--content--w--narrow);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--slider.section--metrics + *{
        margin-top: var(--spacer--xxxl);
    }
}

/* MODULES: Home > Why attend
   -------------------------------------------------------------------------- */
.section--why-attend{
    background-image: linear-gradient(to bottom, #fff 70%, var(--color--brand--sub-4));
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--why-attend .grid__item--iframe .section__header + iframe{
        margin-top: 0;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--why-attend{
        padding-bottom: calc(var(--spacing--basis) * 40);
        -webkit-clip-path: ellipse(calc(100vw + 40rem) 100% at 50% 0%);
        clip-path: ellipse(calc(100vw + 40rem) 100% at 50% 0%);
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--why-attend .grid__item--iframe iframe {
        height: 20.6rem;
    }

    .section--why-attend .grid__item--iframe{
        padding-top: 6rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--video__iframe iframe {
        height: 19rem;
    }

    .section--why-attend .grid__item--iframe{
        order: 1;
    }

    .section--why-attend .grid__item:not(.grid__item--iframe){
        order: 2;
    }

    .section--why-attend{
        padding-bottom: calc(var(--spacing--basis) * 20);
    }

    .section--why-attend{
        -webkit-clip-path: ellipse(calc(100vw + 70rem) 100% at 50% 0%);
        clip-path: ellipse(calc(100vw + 70rem) 100% at 50% 0%);
    }
}
/* MODULES: Home > Speakers slider
   -------------------------------------------------------------------------- */
.section--slider--speakers{
    margin-top: calc(-1 * var(--spacer--xxxxl));
    padding-top: var(--spacer--xxxxl);

}

.section--slider--speakers + .section{
    -webkit-clip-path: ellipse(calc(100vw + 40rem) 100% at 50% 100%);
    clip-path: ellipse(calc(100vw + 40rem) 100% at 50% 100%);

}

.section--slider--speakers + .section--agenda-home{
    background-image: linear-gradient(to top, #fff 70%, var(--color--brand--sub-4));
}

.section--slider--speakers .section__wrapper{
    padding-top: calc(var(--spacing--basis) * 14);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--slider--speakers .section__header + *{
            margin-top: var(--spacer--xl);
    }
}
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--slider--speakers + .section--agenda-home{
        padding-top: calc(var(--spacing--basis) * 40);
    }

    .section--slider--speakers--only-4 .section__wrapper{
        padding-bottom:var(--spacer--l);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--slider--speakers + .section--agenda-home{
        padding-top: 8rem;
    }
}
/* MODULES: Home > Become a speaker
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--become-speaker .section__wrapper{
        padding-bottom: calc(var(--spacing--basis) * 15);
    }

    .section--become-speaker:after{
        height: 35rem;
        bottom: 0;
        background-position: bottom center;
        background-size: auto 35rem;
    }

    .section--become-speaker .section__content{
        max-width: 40rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--become-speaker .section__wrapper{
        padding-bottom: var(--spacer--xl);
    }

    .section--become-speaker:after{
        top: calc(var(--spacing--basis) * 35);
        height: 25rem;
        background-position: top center;
        background-size: cover;
    }

    .section--become-speaker .section__footer {
        margin-top: var(--spacer--xxxl);
    }

    .section--become-speaker .section__content {
        max-width: 39rem;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--become-speaker{
        position: relative;
    }

    .section--become-speaker:after{
        content: '';
        position: absolute;
        background-image: var(--become--speaker--background--image);
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 1;

    }

    .section--become-speaker .section__wrapper{
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--become-speaker{
        border-image: linear-gradient(to right, #36dc8c, #fff 75%) 1;
        border-bottom-width: 3px;
        border-bottom-style: solid;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--become-speaker .section__wrapper{
        padding-bottom: var(--spacer--l);
    }
}

/* MODULES: Home > Agenda
   -------------------------------------------------------------------------- */
.section--agenda-home .article__header + .article__content{
    margin-top: var(--spacer--s2);
}
.section--agenda-home .section__header{
    flex-direction: column;
    align-items: flex-start;
}
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--agenda-home{
        position: relative;
    }

    .section--agenda-home .section__wrapper{
        position: relative;
        z-index: 3;
        padding-bottom: var(--spacer--xxxxl);
    }

    .section--agenda-home:after{
       content: '';
        position: absolute;
        background-image: var(--agenda--home--background--image);
        background-repeat: no-repeat;
        background-position: bottom center;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        bottom: 0;
    }

    .section--become-speaker + .section--agenda-home{
        margin-top: var(--spacer--xxxxl);
    }

    .section--agenda-home .grid__item--header{
        flex: 0 0 30rem;
        max-width: 30rem;
    }

    .section--agenda-home .section__header{
        height: 100%;
        flex-grow: 1;
    }

    .section--agenda-home .section__header--with-button .section__header__text{
        flex-grow: 0;
    }

    .section--agenda-home .section__header:not(.section__header--with-button){
        justify-content: center;
    }

    .section--agenda-home .section__header:not(.section__header--with-button) .section__header__text{
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .section--agenda-home .section__header .section__header__text + .section__header__button{
        margin-top: var(--spacer--l);
    }

    .section--agenda-home > .section__wrapper > .grid > .grid__item:not(.grid__item--header){
        padding-left: calc(var(--spacing--basis) * 35);
    }
}
/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--agenda-home .section__header .section__header__text + .section__header__button{
        margin-top: var(--spacer--m);
    }

    .section--agenda-home .section__wrapper{
        padding-bottom: 8rem;
    }

    .section--agenda-home .grid > .grid__item{
        max-width: 100%;
        flex: 0 0 100%;
    }

    .section--agenda-home .js_collapsible--tablet-and-mobile.js_collapsible--enabled{
        padding-bottom: var(--spacer--s);
    }

    .section--agenda-home .js_collapsible--enabled > [class*="__header"]:after{
        color: var(--color--brand--sub-1);
    }

    .section--agenda-home .section__header .section__header__button{
        width: 100%;
    }

    .section--become-speaker + .section--agenda-home{
        margin-top: 7rem;
    }

}

/* MODULES: Home > Tracks
   -------------------------------------------------------------------------- */
.section--agenda-home + .section--tracks-home{
    margin-top: 0;
}

.section--tracks-home{
    background-image: var(--tracks--home--background--image);
    background-position: bottom left;
    background-size: auto;
    background-color: var(--color--brand--sub-1);
    color: #fff;
}

.section--tracks-home .section__header{
    text-align: center;
}

.section--tracks-home * + .section__header__text__subtitle {
    margin-top: var(--spacer--m);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--tracks-home{
        padding: calc(var(--spacing--basis) * 20) 0 calc(var(--spacing--basis) * 20) 0;
    }

    .section--tracks-home .section__header + * {
        margin-top: var(--spacer--xl);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--tracks-home{
        padding: calc(var(--spacing--basis) * 16) 0 calc(var(--spacing--basis) * 18) 0
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--tracks-home .section__header + * {
        margin-top: var(--spacer--m);
    }
}

/* MODULES: Home > Networking EU
   -------------------------------------------------------------------------- */
.section--networking-eu{
    background-color: #deecff;
    margin-top: 0;
    position: relative;
}

.section--networking-eu .section__image {
    background-image: var(--networking--eu--background--image);
    background-size: cover;
    background-repeat: no-repeat;
}

.section--networking-eu .section__wrapper{
    position: relative;
    z-index: 3;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--networking-eu .section__image {
        background-position: right center;
        width: 55%;
        height: 100%;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
    }

    .section--networking-eu:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 3;
        content: '';
        background: linear-gradient(90deg, rgba(197,217,255,1) 45%, rgba(255,255,255,0) 60%);
    }
    .section--networking-eu:after {
        content: '';
        background-image: var(--networking--eu--background--mask);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
        background-position: top center;
        background-size: cover;
    }

    .section--networking-eu{
        padding: calc(var(--spacing--basis) * 28) 0 calc(var(--spacing--basis) * 40) 0;
    }

    .section--networking-eu .section__secondary-wrapper{
        max-width: 42rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--networking-eu .section__image{
        height: 30rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--networking-eu .section__image{
        height: 24rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--networking-eu .section__image{
        background-position: center;
        position: relative;
    }

    .section--networking-eu .section__secondary-wrapper{
        padding-top: var(--spacer--xxxl);
    }

    .section--networking-eu{
        padding-bottom: calc(var(--spacing--basis) * 30);
    }

    .section--networking-eu .section__image:before{
        content: '';
        top: 0;
        left: 0;
        width: 16.5rem;
        height: 24rem;
        position: absolute;
        z-index: 2;
        background-size: contain;
        background-image: var(--networking--eu--background--top--mask);
    }

    .section--networking-eu .section__image:after{
        content: '';
        bottom: 0;
        right: 0;
        width: 8.6rem;
        height: 15rem;
        position: absolute;
        z-index: 2;
        background-size: contain;
        background-image: var(--networking--eu--background--bottom--mask);
    }
}

/* MODULES: Home > Networking US
   -------------------------------------------------------------------------- */
.section--networking-us{
    background-image: linear-gradient(to bottom, #fff 9%, var(--color--brand--sub-4));
    margin-top: 0;
}

.section--networking-us * + .section__header__text__subtitle {
    margin-top: var(--spacer--l);
}

.section--networking-us .section__header + * {
    margin-top: var(--spacer--xxxl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--networking-us{
        padding: calc(var(--spacing--basis) * 20) 0 calc(var(--spacing--basis) * 40) 0;
    }

    .section--networking-us .section__header{
        text-align: center;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--networking-us .section__header[class*="--w--narrower"]{
        max-width: 100%;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--networking-us{
        padding: calc(var(--spacing--basis) * 16) 0 calc(var(--spacing--basis) * 40) 0;
    }
}

/* MODULES: Home > Networking APAC
   -------------------------------------------------------------------------- */
.section--networking-apac{
    background-image:var(--networking--apac--background--image);
    background-position: center;
    background-size: cover;
    color: #fff;
    justify-content: center;
    padding: var(--spacer--xxxxl) 0;
    text-align: center;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--networking-apac{
        padding: var(--spacer--xxxl) 0;
    }
}

/* MODULES: Home > Register
   -------------------------------------------------------------------------- */
.section--register{
    background-image: linear-gradient(57deg, #001d43 13%, #0054b9 123%);
    -webkit-clip-path: ellipse(calc(100vw + 100rem) 100% at 50% 100%);
    clip-path: ellipse(calc(100vw + 100rem) 100% at 50% 100%);
    padding-top: 8rem;
    padding-bottom: var(--spacer--xxxxl);
    --boxes--padding--outers: var(--spacer--xl);
    margin-top: -8rem;
    position: relative;
    z-index: 3;
}

.section--register-apac{
    clip-path: none;
    margin-top:0;
}

.section--register .section__header{
    text-align: center;
    color: #fff;
}

.section--register .section__header + * {
    margin-top: var(--spacer--xxl);
}

.section--register .section__content__text + .section__content__small{
    margin-top: var(--spacer--s2);
}

.section--register .section__content + .section__content {
    margin-top: calc(var(--spacing--basis) * 16);
}

.section--register .section__content--boxed{
    display: flex;
    flex-direction: column;
}

.section--register .article + .list{
    margin-top: var(--spacer--l);
}

.section--register .list + .list{
    margin-top: var(--spacer--m);
}

.section--register .list.rateClosed .list__item {
    color: #999999;
    text-decoration: line-through;
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section__content--boxed[class*="--w--narrower"]{
        max-width: 100%;
    }

    .section--register{
        --boxes--padding--outers: var(--spacer--l);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--register{
        --boxes--padding--outers: var(--spacer--m);
    }

     .section--register .list--3 .list__item + .list__item{
        margin-top: var(--spacer--s);
     }

     .section--register .list + .list{
        margin-top: var(--spacer--l);
    }
}

@media all and (min-width: 751px) {
    .section--register .list.rateClosed {
        position: relative;
    }

    .section--register .list.rateClosed:before {
        content: '';
        background-color: #999999;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        height: 1px;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* MODULES: Agenda
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */
.section--agenda .section__content__actions + .section__content__notifications{
    margin-top: var(--spacer--l);
}

.section--agenda .section__content__notifications + *{
    margin-top: var(--spacer--l);
}

.section--agenda .section__content__events .section__content__events__day + .section__content__events__day{
    margin-top: var(--spacer--xl);
}

.section--agenda .section__content__tracks__time{
    font-weight: var(--font--weight--bolder);
}

.section--agenda .section__content__tracks__time + .section__content__tracks__cards {
    margin-top: var(--spacer--m);
}

.section--agenda .section__content__tracks + .section__content__tracks {
    margin-top: var(--spacer--l);
}

.section--agenda .section__content__tracks__cards{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.section--agenda .section__content__tracks__cards .article--card{
    margin-left: 0;
}

.section--agenda .section__content__text{
    overflow: hidden;
}

.section--agenda .section__content__text__title{
    position: relative;
}

.section--agenda .section__content__text__title:after{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: var(--color--font);
    bottom: 15px;
    max-width: 100%;
    margin-left: var(--spacer--l);
}

.section--agenda .section__content__text + .section__content__tracks{
    margin-top: var(--spacer--l);
}

.section--agenda .section__content__tracks + .section__content__text{
    margin-top: var(--spacer--xl);
}

.section--agenda * + .section__content__notice {
    margin-top: var(--spacer--l);

}

.section--agenda .section__content__notice{
    font-style: italic;
    font-size: var(--font--size--smaller);
    width: 100%;
}

.section--agenda .section__content__notice .fv-info-circle-o{
    font-weight: var(--font--weight--bolder);
    font-size: 150%;
    vertical-align: middle;
    color: var(--color--brand--sub-1);
    margin-right: var(--spacer--s);
    transform: rotate(180deg);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--agenda .section__content__actions + .secton__content__notifications{
        margin-top: var(--spacer--xl);
    }

    .section--agenda .section__content__notifications + *{
        margin-top: var(--spacer--m);
    }

    .section--agenda .section__content__tracks__cards .article--card:not(.article--card--with-banner) + .article--card:not(.article--card--with-banner){
        margin-top: 0;
        margin-left: var(--grid--columns--gap);
    }
}

@media all and (min-width:1200px) {
    .section--agenda .grid--2--sidebar > .grid__item:not(.grid__item--subtabs){
        padding-left: 12rem;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--agenda .section__content__tracks__cards .article--card:not(.article--card--with-banner){
        max-width: calc(50% - (var(--grid--columns--gap) / 2));
    }

    .section--agenda .section__content__tracks__cards .article--card{
        margin-top: 0;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1200px) {
    .section--agenda .section__content__tracks__cards .article--card:nth-child(odd):not(:first-child):not(.article--card--with-banner){
        margin-left: 0;
        margin-top: var(--grid--columns--gap);
    }

     .section--agenda .section__content__tracks__cards .article--card:not(.article--card--with-banner) + .article--card:nth-child(even):not(.article--card--with-banner){
        margin-left: var(--grid--columns--gap);
    }

    .section--agenda .section__content__tracks__cards .article--card--with-banner{
        max-width: calc(50% - (var(--grid--columns--gap) / 2));
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1200px) {
    .section--agenda .section__content__tracks__cards{
        flex-wrap: wrap;
    }

}

/* New agenda */
.section--agenda .section__events__day + .section__events__day{
    margin-top: var(--spacer--xxl);
}
.section--agenda .section__events__day__header{
    overflow: hidden;
}

.section--agenda .section__events__day__header__title{
    position: relative;
}

.section--agenda .section__events__day__header__title:after{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: var(--color--font);
    top: 50%;
    max-width: 100%;
    margin-left: var(--spacer--l);
}

.section--agenda .section__events__day__content + .section__events__day__content{
    padding-top: var(--spacer--xl);
    margin-top: var(--spacer--xl);
    border-top: 1px solid #ccc;
}

.section--agenda .section__events__day__header + .section__events__day__content{
    margin-top: var(--spacer--xl);
}

.section--agenda .article--details {
    padding-bottom: var(--spacer--xl);
}

.section--agenda .article--details + .article--details{
    padding-top: 0;
    border-top: 0;
}

.section--agenda * + .section__content__notice {
    margin-top: var(--spacer--l);

}

.section--agenda .section__content__notice{
    font-style: italic;
    font-size: var(--font--size--smaller);
    width: 100%;
}

.section--agenda .section__content__notice .fv-info-circle-o{
    font-weight: var(--font--weight--bolder);
    font-size: 150%;
    vertical-align: middle;
    color: var(--color--brand--sub-1);
    margin-right: var(--spacer--s);
    transform: rotate(180deg);
}

.section--agenda .form--search + * {
    margin-top: var(--spacer--xl);
}

.section--agenda .form--search + .section__content__list-and-dropdown {
    display: block;
    margin-bottom: var(--spacer--xl);
}
.section--agenda .section__content__list-and-dropdown .list--pills{
    float: left;
    width: calc(100% - 4rem);
}
.section--agenda * + .section__content__notice {
    margin-top: calc(var(--spacing--basis) * 20);

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--agenda .section__events__day__content{
        display: flex;
        flex-direction: row;
    }

    .section--agenda .section__events__day__time{
        flex: 0 0 10%;
        max-width: 10%;
    }

    .section--agenda .section__events__day__tracks{
        flex: 0 0 90%;
        max-width: 90%;
        padding-left: var(--grid--laterals);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--agenda .tabs:not(.tabs--scrolling){
        margin-left: calc(var(--grid--columns--gap) * -1);
        padding: var(--grid--columns--gap);
        box-shadow: 0 2px 6px 0 rgb(0 101 240 / 20%);
        width: calc(100% + calc(2 * var(--grid--columns--gap)));
        margin-top: calc(var(--grid--columns--gap) * -1);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--agenda .form--search + * {
        margin-top: var(--spacer--l);
    }

    .section--agenda .section__events__day__content .section__events__day__time + *{
        margin-top: var(--spacer--l);
    }

    .section--agenda * + .section__content__notice {
        margin-top: calc(var(--spacing--basis) * 16);
    }
}

/* MODULES: Speakers
   -------------------------------------------------------------------------- */
.section--speakers .form--search + .section__content__speakers{
    margin-top: var(--spacer--xl);
}

.section--speakers .section__footer {
    margin-top: var(--spacer--xxl);
}

.section--speakers--without-filters .section__wrapper{
    padding-top: var(--main--padding--top);
    padding-bottom: var(--main--padding--bottom);
}
/* Media query to target > 1200 */
@media all and (min-width:1200px) {
    .section--speakers .grid + .grid{
        margin-top: var(--spacer--l);
    }
}

/* Media query to target < 1200 */
@media all and (max-width:1200px) {
    .section--speakers .grid--4 .grid__item{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: var(--spacer--xl);
    }

    .section--speakers .grid + .grid{
        margin-top: var(--spacer--s);
    }
}

/* MODULES: Popup
   -------------------------------------------------------------------------- */
.body--popup{
    overflow: hidden;
}

.section--popup{
    margin-top: 0;
    background: rgba(0, 0, 0, 0.3);
    min-height: 100%;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    animation: fadeIn 0.5s;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section--popup .section__wrapper{
    margin: 6rem auto;
    justify-content: center;
}

.section--popup .section__content{
    padding: var(--spacer--xl);
    background: #fff;
    border-radius: var(--border--radius--tertiary);
    box-shadow: 0 3px 8px 0 rgb(34 127 255 / 20%);
}

.section--popup .list .list__item--bold{
    font-weight: var(--font--weight--bold);
}

.section--popup .list + *{
    margin-top: var(--spacer--m);
}

.section--popup .article--card{
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.section--popup .section__popup__close{
    justify-content: end;
    display: flex;
}

.section--popup .section__popup__close__link{
    background-image: var(--popup--close);
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    transition: all 0.4s;
}

.section--popup .section__popup__close + *{
    margin-top: var(--spacer--s2);
}

.section--popup .article--card .article__footer {
    margin-top: var(--spacer--xl);
}
.button-bar--popup .button,
.button-bar--popup [class$="Button"]{
    max-width: 120px;
    margin-bottom: 0;
}

.button-bar--popup > fieldset > div,
.button-bar--popup .button-bar__wrap{
    margin-bottom: 0;
}

* + .section__popup__link{
    margin-top: var(--spacer--xl);
}
/* MODULES: Travel
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--travel .article + .article{
        margin-top: calc(var(--spacing--basis) * 15);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--travel [class*="--w--narrow"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: calc(.75 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.75 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }
}

/* MODULES: Faqs
   -------------------------------------------------------------------------- */
.body .section--faqs:last-of-type{
    flex-grow: 0;
}
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--faqs{
        --boxes--padding--outers: var(--spacer--xl);
    }
}

/* PAGETYPES: Body with filters
   -------------------------------------------------------------------------- */
.body--with-filters:not(.body--apac) .banner--main{
    background-color: var(--color--brand--sub-4);
}
.body--with-filters:not(.body--apac) .main{
    background-image: linear-gradient(to bottom, var(--color--brand--sub-4), #fff);
}
.body--with-filters .main > .section,
.body--with-filters .main > .section > .section__wrapper{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar{
    margin-top: 0;
}
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item--filters{
        position: relative;
    }
    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item--filters:before{
        content: '';
        height: 100%;
        background: #fff;
        width: 50vw;
        position: absolute;
        right: 100%;
        top: 0;
    }

    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item{
        padding-bottom: var(--main--padding--bottom);
    }

    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item:not(.grid__item--filters){
        padding-left: 10rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item{
        padding-right: var(--grid--columns--gap);
    }

    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar{
        margin-right: calc(-1 * var(--grid--columns--gap));
        padding-right: 0;
    }

    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item:not(.grid__item--filters){
        padding-top: var(--spacer--l);
        padding-bottom: var(--main--padding--bottom);
    }

    .body--with-filters .main > .section > .section__wrapper > .grid--2--sidebar > .grid__item--filters{
        padding-top: var(--spacer--s2);
        padding-bottom: var(--spacer--s2);
    }

}

/* PAGETYPES: Body loading
   -------------------------------------------------------------------------- */
.body--loading{
    position: relative;
}

.body--loading:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.article--card.article--loading{
    box-shadow: 0 2px 6px 0 rgb(0, 29, 67, 0.2);
     z-index: 2;
}

.article--result.article--loading .hasPreloader .preloader{
    min-height: 2.4rem;
}
/* UTILITIES: Visibility only tablet
   -------------------------------------------------------------------------- */
/* Media query to target mobile and desktop */
@media all and (max-width:750px){
    .visibility--only-tablet {
        display: none;
    }

}

@media all and (min-width:1025px){
    .visibility--only-tablet {
        display: none;
    }

}

/* UTILITIES: Text
   -------------------------------------------------------------------------- */
.t--italic{
    font-style: italic;
}

.reset-link:hover{
    text-decoration: underline;
    text-underline-offset: 4px;
}