/* ==========================================================================
   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
        : Ribbon

        : 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
        : Cookie Banner
        : Main
        : Footer

        : Home > Metrics
        : Home > why attend
        : Home > speakers slider
        : Home > Avature Awards
        : Home > Become a Speaker
        : Home > Quotes
        : Home > Agenda
        : Home > Tracks
        : Home > Networking EU
        : Home > Networking US
        : Home > Networking APAC
        : Home > Register
        : Home > Logos Marquee
        : Agenda
        : Speakers
        : Popup
        : Travel
        : Faqs
        : Agenda At A Glance

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

   * 07 UTILITIES
        Visibility
        Text

   ========================================================================== */
.body {
    height: 100%;
    min-height: 100vh;
}

html, body{
    scroll-padding-top:9rem;
}

a {
    cursor: pointer;
}

button {
    background: initial;
    border: initial;
    font-size: inherit;
    padding: inherit;
    font-weight: inherit;
    line-height: inherit;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    cursor:pointer
}

button:hover {
    border-bottom-style: solid;
    border-bottom-color: initial;
}

p + span {
    font-size: 1.6rem;
}

.list--bullet li+li {
    margin-top: var(--spacer--m);
}

*+.button-bar:not(.fieldSpec) {
    padding-top: var(--spacer--xl);
}

[class*="__title--"] {
    color: var(--color--title);
    font-weight: var(--font--weight--semibold);
}

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

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

/* 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
   -------------------------------------------------------------------------- */

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

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

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

[class*="fieldSpec"].FileField .fileInputCancelButton,
[class*="fieldSpec"].FileField .fileInputCancelButton:link,
[class*="fieldSpec"].FileField .fileInputCancelButton:visited,
[class*="fieldSpec"].FileField .fileInputCancelButton:hover,
[class*="fieldSpec"].FileField .fileInputCancelButton:active,
[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: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--color--white);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    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: -.6rem;
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -9999rem;
        overflow: hidden;
    }

}

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

.section--success {
    max-width: 65.4rem;
}

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

    }

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

@media (min-width: 751px) and (max-width: 1024px) {
    .grid__section--travel.grid--2>.grid__item {
    flex: 0 0 100%;
    max-width: 100%;
    }
}

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

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

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

.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(--color--brand--sub-1);
}
/* 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;
        margin-left: var(--spacer--l);
    }

    .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 .nav__item__link {
        border-bottom-color: var(--color--font);
    }

    .header__nav .nav .nav__item__link{
        border-bottom-width: .4rem;
        border-bottom-style: solid;
        cursor: pointer;
    }

    .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.nav__item--user .nav__item__link {
        padding: initial;
    }

    .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;
        min-width: 22.3rem;
    }

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

    .nav__list--separator-left-before:before {
        content: '';
        position: absolute;
        border-left: .1rem 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: var(--color--grey--medium);
    }
}

/* 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: var(--color--grey--medium);
    }

    .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: #A0C2EF;
        background-size: 2.5rem;
        width: var(--mobile--menu--icon);
        max-height: var(--header--height);
    }

    .header--mobile-menu--from-left .header__wrapper {
        padding-left: var(--grid--laterals);
        box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    }

}

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

    .body--awards [class*="--w--small"] {
        max-width: 50rem;
        margin-top: var(--spacer--xl);
    }

}

/* 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:Wrapper
   -------------------------------------------------------------------------- */
 .main__content {
    display: grid;
}
/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    [class*="__wrapper"] {
        padding-right: calc(var(--grid--laterals) + var(--grid--columns--1)/1.4);
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--1)/1.4);
    }
    [class*="--w--narrower"] {
        padding-right: 0;
        padding-left: 0;
        max-width: none;
    }
    .banner__wrapper,.section--metrics .section__wrapper--w--narrow {
        padding-right: calc(var(--grid--laterals) + var(--grid--columns--1) / 1.4);
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--1) / 1.4);
    }
    .banner--home .banner__wrapper {
        align-items: start;
        padding-top: calc(var(--sizing--basis) * 10);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    [class*="__wrapper"] {
        padding-right: calc(var(--grid--laterals) + var(--grid--columns--gap));
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--gap));
    }
    [class*="--w--narrower"] {
        padding-right: 0;
        padding-left: 0;
    }
    .banner__wrapper {
        padding-right: calc(var(--grid--laterals));
        padding-left: calc(var(--grid--laterals));
    }
}

/* STRUCTURE: Content Layouts
   -------------------------------------------------------------------------- */
/* 2 uneven columns, a sidebar (04/16) and a main */
.grid--2--sidebar .grid__item--filters{
    background: var(--color--white);
}

.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);
    }
    .grid--2--sidebar>.grid__item--aside-right {
        -webkit-flex: 0 0 calc(var(--grid--columns--1)* 4 + var(--grid--columns--gap)* 3);
        -ms-flex: calc(var(--grid--columns--1)* 4 + var(--grid--columns--gap)* 3);
        flex: 0 0 calc(var(--grid--columns--1)* 4 + var(--grid--columns--gap)* 3);
        max-width: calc(var(--grid--columns--1)* 4 + var(--grid--columns--gap)* 3);
    }

    .grid--2--sidebar {
        justify-content: space-between;
    }

    .section--masterclass .grid--2--sidebar>.grid__item {
        max-width: calc(var(--grid--columns--1)* 6 + var(--grid--columns--gap)* 5);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .grid--2--sidebar .grid__item--filters {
        padding-top: 8rem;
    }
}

/* 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;
        cursor:pointer
    }
}

/* 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-5 {
        padding-right: 5rem;
    }
    .grid > .grid__item--extra-plr-10 {
        padding-left: calc(var(--grid--columns--1)/2 + var(--grid--columns--gap));
        justify-content: center;
    }
    .grid > .grid__item--extra-pl-10 {
        padding-left: calc(var(--grid--columns--1)/2 + var(--grid--columns--gap));
    }
    .grid > .grid__item--extra-pr-10 {
        padding-right: 10rem;
    }
    .grid > .grid__item--extra-pr-15 {
        padding-right: calc(var(--grid--columns--1)*2 + var(--grid--columns--gap)*3);
    }
    .grid > .grid__item--extra-pr-20 {
        padding-right: 15rem;
    }
}

/* Media query to target only big screens */
@media all and (min-width:1920px) {
    .grid > .grid__item--extra-plr-10 {
        padding-left: calc(var(--grid--columns--1) + var(--grid--columns--gap)*2);
        justify-content: center;
    }
}

/* 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.4rem;
    --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: .8rem;
    --border--radius--tertiary: 1rem;
    --border--radius--fourth: 1.6rem;

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

/* Media query to target only mobile */
@media all and (max-width:750px) {
    :root {
        --top--header--height: 4.2rem;
    }

}

/* ELEMENTS: Buttons
   -------------------------------------------------------------------------- */
.button {
    border-width: .2rem;
    height: 4.4rem;
    --font--weight--bold: 500;
    --font--alt: 'Inter';

}

.form [class$="Button"], .button{
    padding: .8rem 2.7rem;
}

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

/* Button cta */
.button--cta {
    background-color: var(--color--brand);
    border-color: var(--color--brand);
    max-height: 4.4rem;
    color:var(--color--brand--sub-1)
}

.button--cta:hover,
.button--cta:focus,
.button--cta:active {
    background-color: var( --color--brand--sub-3);
    border-color: var( --color--brand--sub-3);
}

/* Button back to top */
.button--back_to_top {
    background: var(--color--white);
    border-color: var(--color--brand--sub-1);;
    color:var(--color--brand--sub-1);
    place-self: end;
    position: sticky;
    bottom: 6.4rem;
    right: 1rem;
    box-shadow: 0 .2rem .6rem 0 #001D4333;
    border-radius: 50%;
    padding: 0;
    width: 5.6rem;
    height: 5.6rem;
    margin-bottom: -11rem;
}

.button.button--back_to_top img {
    margin-right: 0;
}

.button--back_to_top__text {
    display: none;
}

.button--secondary.button--agenda {
    padding: 2rem 3.2rem 2rem 6rem;
    height: 5.6rem;
    background-color: var(--color--brand--sub-4);
    background-image: var(--button--agenda--background--image);
    background-position: 3.2rem center;
    border-color: var(--color--white);
}

/* Media query to target only desktop */
@media all and (min-width:1920px) {
    .button--back_to_top {
        border-radius: 36rem;
        padding: 1.4rem 2.2rem;
        width: auto;
    }

    .button.button--back_to_top img {
        margin-right: var(--spacer--s);
        width: 1.2rem;
    }

    .button--back_to_top__text { display: inline-flex;}

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {

    .button--back_to_top:hover {
        border-color: var(--color--brand--lighter);
         background: var(--color--brand--lighter);
    }
}

/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .button--back_to_top {
        bottom: 2.4rem;
        margin-right: calc(var(--grid--laterals) + var(--grid--columns--1)* -.8);
    }

}

/* Media query to target tablet and mobile */
@media all and (max-width:751px){
    .button--back_to_top {
        margin-right: 0;
    }
}

/* Button small */
.button--small{
    font-size: var(--font--size);
    font-family: var(--font--alt);
    font-weight: var(--font--weight--bold);
    padding: 0;
    border-width: .2rem;
    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;
    position: relative;
}

.button--like img {
    width: 4rem;
    height: 4rem;
}
.button--like--voted {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: z-index .5s ease,transform .6s ease;
    opacity: 0;
  }

  .article--card.article--card--award img + * {
    margin-top: 0;
  }

.article--card--award {
    position: relative;
    transition: all 250ms ease-in-out;
  }

.article--card--award .link:hover {
    border-bottom: none;
    cursor: none;
}

.article--card--award:active .button--like--voted,
.article--card--award.article--card--award--active .button--like--voted {
    z-index: 0;
    opacity: 1;
}

.article--card--award:active .button--like--select,
.article--card--award.article--card--award--active .button--like--select {
    opacity: 0;
}

.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 {
        --logo--width: 3rem;
    }
}

/* 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);
}

.Separator > legend{
    font-weight: var(--font--weight--bolder);
}

[class$="__title--xl"] {
    font-size: 4.8rem
}

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

[class$="--white"]{
    color: var(--color--white);
}

[class*="__title--8"] {
    font-size: 3.2rem;
}

.article__header__text__title.article__header__text__title--popup.article__header__text__title--5 {
    color: var(--color--brand--sub-5);
}

[class*="__title--big"] {
    font-size: 3.8rem;
    font-weight: 700;

    @media all and (max-width:1024px) {
        font-size: 3.2rem;
        font-weight: var(--font--weight--bold);
    }

}

/* 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--1"] {
        font-size: 2.8rem;
    }
}
/* 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;
    }
    [class*="__title--5"] {
        font-size: 2.4rem;
    }

}
/* Default */
*{
    line-height: calc(3.5px + 2ex + 3.5px);
}

/* Paragraph */
.paragraph {
    padding-bottom: var(--spacer--m);
    line-height: 2.6rem;
    font-family: var(--font--alt);
    font-size: 2rem;
}

.paragraph.small{
    font-size: 1.4rem;
    padding-top: var(--spacer--l);
}

/* Links */
button .link {
    background: transparent;
    border: 0;
}
.link {
    cursor: pointer;
}
.link--with-icon .fa-angle-left,
.link--with-icon .fa-angle-right {
    font-size: 140%;
}

.link--with-icon--right .link__icon {
    margin-left: var(--spacer--s);
}
.link--with-icon--left .link__icon {
    margin-right: var(--spacer--s);
}

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

.link--white{
    color: var(--color--white);
}

.link--show-more{
    cursor:pointer;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

/* Lists */
.list--bullet, .list--numeric, [class*="fieldSpec"] [class*="description"] ul, [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);
}

/* 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--l);
    border-radius: 36rem;
    text-transform: none;
    font-weight: var(--font--weight--semibold);
    font-family: var(--font--alt);
    transition: all 0.4s;
    cursor: pointer;
}

.list--pills .list__item:hover,
.list--pills .list__item--active {
    background: var(--color--brand--sub-5);
    color: var(--color--white);
    border-radius: 36rem;
}

.list--pills .list__item:hover button {
    color: var(--color--white);
}

.list--pills .list__item button{
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'Inter';
}

.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) 1.2rem;
        font-size: 1.4rem;
    }

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

}

/* 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 {
        gap: 0.4rem;
        display: flex;
    }

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

}

/* Media query to target mobile */
@media all and (max-width:750px) {
    .list--3{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list--3 .list__item {
        display: flex;
    }
    .list--3 .list__item:nth-child(1) {
        flex-direction: column;
        display: flex;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .list--3 .list__item:nth-child(2) {
        flex: 0 0 30%;
        max-width: 30%;
        text-align: right;
        justify-content: right;
    }

}

/* Text pill: added */
.pill{
    border-radius: 36rem;
    display: inline-flex;
    align-items: center;
    padding: 1.2rem var(--spacer--m);
    font-weight: 700;
    max-height: 4.4rem;
}

.pill--added{
    background-color: var(--color--brand--sub-4);
    color:var(--color--brand--stronger)
}

.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: var(--color--focus--sub-1);
}

.form input[type="search"]::-webkit-search-cancel-button{
    display: none;
}
.form input[type=search]::-ms-clear{
    display: none;
    width: 0;
    height: 0;
}

.form input[type="search"]::-webkit-search-decoration,
.form input[type="search"]::-webkit-search-cancel-button,
.form input[type="search"]::-webkit-search-results-button,
.form input[type="search"]::-webkit-search-results-decoration{
    display: none;
}

.form input[type=search]:invalid + [type=reset]{
    display: none;
}

[class*="fieldSpec"] [class*="description"]{
    font-size: var(--font--size);
    white-space: pre-wrap;
}

.section--vote-popup [class*="fieldSpec"] [class*="description"] {
    font-size: var(--font--size);
}

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

/* 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: var(--fields--font--color);
}

::-moz-placeholder {
    color: var(--fields--font--color);
}

:-ms-input-placeholder {
    color: var(--fields--font--color);
}

:-moz-placeholder {
    color: var(--fields--font--color);
}

/* ELEMENTS: Boxes
   -------------------------------------------------------------------------- */
[class*="--boxed"]:not([class*="--boxed--"]) {
    border: 0;
    padding: var(--boxes--padding--outers);
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
}
@media all and (min-width:1024px) {
    [class*="--boxed"]:not([class*="--boxed--"]) {
        padding: var(--spacer--l) var(--spacer--xl);
    }
}

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

/* ELEMENTS: Ribbon Sold out
   -------------------------------------------------------------------------- */
.ribbon span {
    font-family: var(--font--alt);
    font-size: 4rem;
    font-weight: 700;
    color: var(--color--white);
    text-align: center;
    line-height: 6rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 31.5rem;
    display: block;
    background: #F70505;
    position: absolute;
    top: 6rem;
    right: -7.2rem;
    z-index: 8
}

/* ELEMENTS: Notifications
   -------------------------------------------------------------------------- */
.notification{
   border-radius: var(--border--radius--secondary) 0;
   display: flex;
   flex-direction: row;
   padding: var(--spacer--s) var(--spacer--m);
   width: 100%;
   background: var(--color--brand--sub-6);
   color: var(--color--brand--sub-5);
   margin: var(--spacer--l) 0;
   font-weight: 500;
}

.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);
    margin-top: .8rem;
    background-image: var(--notifications--close);
    width: 1rem;
    height: 1rem;
    background-position: center;
}

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

/* ELEMENTS: Speaker
   -------------------------------------------------------------------------- */
.speaker .speaker__img{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12.8rem;
    height: 12.8rem;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: var(--spacer--s);
}

.speaker__text__subtitle{
    margin-top: var(--spacer--xs);
    max-width: 24rem;
    font-weight: 300;
}

.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 + .speaker--in-box{
    margin-top: var(--spacer--m);
}

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

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

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

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

.speaker--in-box .speaker__text__company{
    margin-top: var(--spacer--s);
    color: var(--color--clickeable);
    font-weight: 500;
}

.speaker .speaker__img img {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Media query to target only mobile */
@media all and (max-width:1024px) {
    .speaker .speaker__img {
        width: 9.6rem;
        height: 9.6rem;
    }
}

/* 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;
    flex: 0;
}

.tabs__list {
    background: var(--color--brand--lighter);
    border-radius: 2.4rem;
    padding: var(--spacing--basis);
}
.tabs .tabs__list{
    border-bottom: 0;
}

.tabs .tabs__list__item {
    text-transform: none;
    width: 100%;
    font-family: var(--font--alt);
    padding: var(--spacer--s) var(--spacer--m);
    border-bottom: 0;
    font-weight: var(--font--weight--semibold);
    position: relative;
    border-radius: 36rem;
    min-height: 4.4rem;
    transition: all 0.4s;
    cursor: pointer;
    align-items: center;
    display: flex;
}

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

.tabs .tabs__list__item button {
    padding: 0;
    width: 100%;
    text-align: left;
    color: var(--fields--font--color);
    font-weight: 500;
    font-family: var(--font);
}

.tabs .tabs__list__item button:hover {
    border-color: transparent;
}

/* 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--m);
        top: calc(var(--fields--height) / 4);
    }

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

    .tabs .tabs__list__item:hover {
        background: var(--color--tabs--sub-1);
        color:var(--color--white)
    }

    .tabs .tabs__list__item:hover button {
        color:var(--color--white)
    }

    .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;
        padding-left: var(--spacer--s2);
        border-radius: var(--fields--border--radius);
        border-width: .1rem;
        border-style: solid;
        border-color: var(--fields--border--color);
        color: var(--fields--font--color);
    }

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

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

    .tabs .tabs__list{
        position: relative;
        width: 100%;
        top: -.5rem;
        border: 0;
        padding-top: var(--spacer--s);
        border-radius: var(--fields--border--radius);
        border-width: .1rem;
        border-style: solid;
        border-color: var(--fields--border--color);
        border-top: transparent;
    }

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

    .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: calc(var(--header--height));
        background: var(--color--white);
        width: 100%;
        padding: var(--spacer--l) calc(var(--grid--laterals) + var(--grid--columns--1) / 1.2);
        z-index: 4;
        box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
        left: 0;
        right: 0;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:751px) {
    .tabs.tabs--scrolling {
        padding: var(--grid--columns--gap) calc(var(--grid--laterals) + var(--grid--columns--gap));
    }
}
/* 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--clickeable);
    cursor: pointer;
}

.fieldSpec.AcceptCheckboxField input {
    top: .5rem;
}

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

.fieldSpec.form__item--reset .button-bar__wrap {
    overflow: inherit;
}

/* 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--regular);
}

.Section__legend {
    display: none;
}

/* 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 */
[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 */
[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField > div:not(.CheckBoxListFormField_hiddenOptions),
[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField_hiddenOptions > div {
    margin-top: var(--spacer--m);
}

[class*="fieldSpec"].CheckBoxListFormField .CheckBoxListFormField input{
    margin: .5rem .7rem .4rem 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: var(--color--tabs--sub-1);
        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: var(--color--tabs--sub-1);
        box-shadow: none;
        padding-right: var(--spacer--s2);
        padding-left: var(--spacer--s2);
        padding-top: var(--spacer--s2);
        position: relative;
        top: -.5rem;
        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: Collapsibles
   -------------------------------------------------------------------------- */
.js_collapsible--enabled{
    border-top: 0;
    padding: 0;
}

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

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

.article__header.js_collapsible__header {
    align-items: start;
}

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

.js_collapsible--enabled>[class*="__header"]:after {
    vertical-align: top;
}

/* 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: '';
    }
}

/* 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__item {
    line-height: inherit;
    cursor: pointer;
}
.list-controls__pagination .fa{
    font-size: 140%;
}

.paginationLink {
    display: none
}

.list-controls__pagination{
    justify-content: flex-end;
}

/* COMPONENTS: Cards (article)
   -------------------------------------------------------------------------- */
.article--card {
    border-radius: var(--border--radius--secondary);
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    background-color: var(--color--white);
    padding: var(--spacer--m);
}

.article--card .article__header__text__title {
    padding-bottom: 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 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{
    display: flex;
    justify-content: space-between;
    padding-top: var(--spacer--xl);
    margin-top: auto;
}

.section__content--accommodation .article--card .article__footer {
    padding-top: var(--spacer--xxl);
}

.article--card .article__footer .link {
    cursor: pointer;
}

.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 .icon--time {
    margin-right: var(--spacer--s);
    position: relative;
    top: .1rem;
}

.article--card .icon--time + * {
    margin-top: initial;
}

.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: top left;
    background-color: #ededed;
    background-image: var(--card--background--image);
}

.article--card--with-banner .article__row{
    padding: var(--spacer--l);
    display: flex;
    flex-direction: column;
}

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

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

.section__content--accommodation .article--card--with-banner--top .article__banner {
    height: 34rem;
}

.article__date,
.article__place,
.article__price,
.article__hotel {
    font-size: 1.6rem;
    display: flex;
    font-weight: var(--font--weight--medium);
    align-items: start;
    padding: var(--spacing--basis) 0;
    color: var(--color--brand--sub-1);
}

.article__date:before,
.article__place:before,
.article__price:before,
.article__hotel:before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 var(--spacer--s) 0 0;
}

.article__place:before {
    background: var(--icon--map--agenda) no-repeat;
}

.article__date:before {
    background: var(--icon--calendar--agenda) no-repeat;
}

.article__hotel:before {
    background: var(--icon--hotel) no-repeat;
}

.article__price:before {
    background: var(--icon--price) no-repeat;
}

.article--card--with-banner--top .article__header__text__subtitle{
    font-weight: var(--font--weight--bold);
    flex-direction: column;
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
}

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

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

    @media all and (min-width:751px) and (max-width:1024px) {
        padding: var(--spacer--xxl);
    }

    @media all and (min-width:1920px) {
        padding: var(--spacer--xxl);
    }
}

.section__content--accommodation .article--card--with-banner--top .article__row {
    padding: var(--spacer--xxl);

    @media all and (max-width:750px) {
        padding: var(--spacer--l);
    }
}

/* Fix banner left and right */

/* Left and Right */
.article--card--with-banner--left,
.article--card--with-banner--right{
    flex-direction: row;
    flex-grow: 1;
    display: flex;
    height: 100%;
}

.article--card--with-banner--left .article__banner,
.article--card--with-banner--right .article__banner{
    border-radius: var(--border--radius--secondary) var(--border--radius--secondary) 0 0;
    background-position: center center;
}

.article--card--with-banner--left .article__banner,
.article--card--with-banner--right .article__banner {
    border-radius: var(--border--radius--secondary) 0 0 var(--border--radius--secondary);
    width: calc(var(--grid--columns--1)*5.05 + var(--grid--columns--gap)*4);
    height: 40rem;
}

.section--travel .article--card--with-banner--left .article__banner {
    height: 36.4rem;
}

.article--card--with-banner--left .article__row,
.article--card--with-banner--right .article__row {
    padding: var(--spacer--xxl);
    width:calc(var(--grid--columns--1)*5 + var(--grid--columns--gap)*4);
    display: flex;
    flex-direction: column;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .article--card--with-banner--left .article__row,
    .article--card--with-banner--right .article__row {
        justify-content: center;
        position: relative;
        padding: var(--spacer--xl) var(--spacer--xxxxl);
    }
    .article--card--with-banner--left .article__row .article__footer,
    .article--card--with-banner--right .article__row .article__footer {
        width: 100%;
        padding-top: var(--spacer--xl);
        margin-top: 0;
    }
    .article--card--with-banner--left .article__row .article__content .paragraph:last-of-type,
    .article--card--with-banner--right .article__row .article__content .paragraph:last-of-type {
        padding-bottom: var(--spacer--l);
    }
}

/* Media query to target only tablet */
@media all and (max-width:1024px) {
    .article--card--with-banner--top .article__banner {
        height: 39rem;
    }
    .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,
    .article--card--with-banner .article__row {
        width: 100%;
    }
    .article--card--with-banner--left .article__banner, .article--card--with-banner--right .article__banner {
        border-radius: var(--border--radius--secondary) var(--border--radius--secondary) 0 0;
    }
}

/* Media query to target mobile */
@media all and (max-width:750px) {
    .article--card--with-banner--top .article__banner {
        height: 19.7rem;
    }
    .article--card--with-banner--left .article__banner, .article--card--with-banner--right .article__banner {
        height: 19.7rem;
    }
    .article--card--with-banner--left .article__row,
    .article--card--with-banner--right .article__row {
        padding: var(--spacer--l);
    }
}

/* COMPONENTS: Article result
   -------------------------------------------------------------------------- */
.article--result + .article--result {
    margin-top: calc(var(--spacing--basis)*16);
}

.article--result .article__header__text__subtitle {
    font-size: 1.6rem;
    font-weight: 500;
}

.article--result .article__header__text__tag {
    background: var(--color--brand--sub-4);
    display: inline-flex;
    border-radius: .4rem;
    font-weight: 500;
    padding: 0 var(--spacer--s);
    margin-bottom: var(--spacing--basis);
    margin-right: var(--spacing--basis);
    color: var(--color--brand--sub-5);
}

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

.article--result .article__header__text__tag.rs_tag {
    background: var(--color--brand--sub-6);
    color: var(--color--brand--sub-5);
}

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

.article--result .article__content ul{
    font-weight: 500;
    color:var(--color--brand--sub-1)
}

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

.article--result .article__content ul li:before {
    content: "";
    height: 2.2rem;
    width: 2.8rem;
    display: inline-flex;
    background-image: var(--icon--person);
    background-position: top center;
    padding: 0.15rem;
    margin-left: -0.5rem;
}

.article--result .article__content ul li .link {
    font-weight: 500;
}

.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%;
    margin-top: var(--spacer--m);
}

[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: var(--color--white);
    border: .1rem 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: 0 8px;
}

.swiper-container{
   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"]{
    margin-top: var(--spacer--xxxl);
    text-align: center;
}

[class*="slider__nav__pagination"] .swiper-pagination-bullet{
    width: 1.2rem;
    height: 1.2rem;

    @media all and (min-width:1025px) {
        width: 1.2rem;
        height: 1.2rem;
    }
}

[class*="slider__nav__pagination"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 7.5rem;
}

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

.swiper-pagination-bullet {
    background: var(--color--brand--sub-11);
    border: .1rem solid var(--color--brand--sub-7);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--color--brand--sub-7);
    border: .1rem solid var(--color--brand--sub-7);
    border-radius: 1.2rem;
}

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

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

/* COMPONENTS: Cookies widget
   -------------------------------------------------------------------------- */
.cookies .cookiesButtonSave,
.cookies .cookiesButtonSave:hover,
.cookies .cookiesButtonSave:focus{
    color: var(--color--white);
    border-color: var(--color--white);
}

/* MODULES: Header
   -------------------------------------------------------------------------- */
.header{
    -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;
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
}

.header__bottom{
    box-shadow: 0 .2rem 1.2rem 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__content {
        padding-left: var(--mobile--menu--icon);
    }
}

/* Header top */
.header__top{
justify-content: center;
    display: flex;
    transition: all 0.4s;
    background: linear-gradient(90deg, #46CE7F 0%, #267353 100%);
}

.header__top__nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-weight: 700;
    padding-top: var(--spacer--s);
    padding-bottom: var(--spacer--s);
    font-weight: var(--font--weight--medium);
    color: var(--color--white);
}

.header__top a.nav__link {
    margin-left: var(--spacer--m);
    color: var(--color--white);
    text-decoration: underline;
    text-underline-offset: 0.4rem;
}

.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 */

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

    &:has(.header__top) {
        padding-top: calc(var(--header--height) + var(--top--header--height));
    }
}

/* Media query to target only tablet */
@media all and (max-width:1024px) {
    .header__top .header__wrapper {
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--1)/1.2);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {

    .body--header-fixed-on-scroll .body__content.log {
        margin-top:0
    }
    .header__top__nav {
        padding-top: var(--header--padding--top);
        padding-bottom: var(--header--padding--bottom);
    }

    .header__top__nav span {
        white-space: nowrap;
    }

    .header__top .header__wrapper {
        padding: initial;
    }
}

@media all and (max-width:420px) {
    .header__top__nav {
        flex-direction: column;
    }
}

/* MODULES: Banner
   -------------------------------------------------------------------------- */
.banner--home .banner__text {

    & .section__content--boxed {

        margin: var(--spacer--xl) auto 0;

        @media all and (min-width:751px) and (max-width:1024px) {
            width: calc(var(--grid--columns--1)* 4 + var(--grid--columns--gap)* 5);
            .grid__item {
                padding-left: var(--spacer--m);
            }
        }

        @media all and (min-width:1025px) {
            width: calc(var(--grid--columns--1)* 6 + var(--grid--columns--gap)* 5);
        }

        @media all and (max-width:750px) {
            margin: var(--spacer--xl) auto;
            height: 8.2rem;
            margin-top: initial;
        }
    }

    @media all and (min-width:751px) {
        border-radius: 1rem;
        width: calc(var(--grid--columns--1)* 4.5 + var(--grid--columns--gap)* 5.5);
    }

    @media all and (min-width:1024px) {
        width: calc(var(--grid--columns--1)* 7.22 + var(--grid--columns--gap)* 7);
    }

    @media all and (min-width:1920px) {
        width: calc(var(--grid--columns--1)* 8.6 + var(--grid--columns--gap)* 7.6);
    }
}

.banner__text__title.banner__text__title--banner {
    font-family: var(--font--alt);
    font-size: 4.8rem;
    margin-bottom: var(--spacing--basis);
    font-weight: var(--font--weight--medium);
}

.banner--home .banner__text__title.banner__text__title--banner {
    font-size: 7.2rem;

    @media (max-width: 1024px) {
        font-size: 5.6rem;
    }

    @media (max-width: 750px) {
        font-size: 3rem;
    }
}

.banner--home .banner__text__title span {
    color: var(--color--brand--sub-0);
}

.banner__text__subtitle {
    font-weight: var(--font--weight--medium);
    text-transform: none;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: var(--color--white);
}

* + .banner__text__bottom{
    margin-top: var(--spacing--basis);
}

.banner--home .banner__text__bottom{
    font-size: 2.4rem;
    color: var(--color--white);
    text-transform: none;
    font-family: var(--font--alt);
    font-weight: var(--font--weight--medium);
    line-height: 3.6rem;
    display: flex;
    gap:.4rem;
    flex-direction: column;
}

.banner__text__title--banner h1 {
    line-height: 7.2rem;
}

.banner__wrapper{
    min-height: var(--banner--height);
}

.banner__text--a-awards {
    @media (max-width: 751px) {
        padding-top: calc(var(--spacing--basis)* 10);
        padding-bottom: calc(var(--spacing--basis)* 10);
    }
}

/* Banner home */
.banner--home{
    position: relative;
    overflow: hidden;
}

.banner--home .button--cta {
    margin-top: var(--spacer--xxl);
}

.banner--home [class*="__title--"] {
    color: var(--color--white);
}

.banner--home [class*="--boxed"] {
    border-radius: 12.8rem;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    box-shadow: none;
    border: solid .1rem var(--color--white);
}

.banner--home .banner__wrapper{
    position: relative;
    z-index: 2;
    text-align: center;
    justify-content: center;
    align-items: center;

    @media all and (min-width:751px) {
        padding-top: initial;
    }
    @media all and (min-width:1920px) {
        padding-top: initial;
    }
}

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

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

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

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

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

.banner--home .swiper-container{
    position: absolute;
    height: 100%;
    z-index: 1;
    padding-top: 0;
    left: 0;
    top: 0;
}

.banner--home .section__content--boxed .swiper-pagination-bullet {
    background-color: rgba(39, 118, 85, 0.5);
    border-color: var(--color--white);
}

.banner--home .section__content--boxed .swiper-pagination-bullet-active {
    width: 1.2rem;
    background-color: var(--color--white);
    border-color: var(--color--white);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--home{
        height: 63.5rem;
    }
    .banner--main:not(.banner--home) {
        margin-top: 0;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1920px) {
    .banner--home{
        height: 82.3rem;
    }
}

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

    .banner__text__title.banner__text__title--banner {
        font-size: 3.8rem;
    }

    .banner--home .banner__text__bottom {
        font-size: 2rem;
        line-height: 2.7rem;
        margin-top: var(--spacing--basis);
    }

    .banner--main:not(.banner--home) {
        background-position: left center;
    }
    .banner__text__title--banner h1 {
        line-height: 5.7rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--main:not(.banner--home) .banner__wrapper {
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--1)/1.2);
    }
    .banner--home .banner__wrapper .banner__text {
        width: calc(var(--grid--columns--1)* 4.5 + var(--grid--columns--gap)* 5.5);
        padding: var(--spacer--xl) 0 var(--spacer--xxxl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main:not(.banner--home) {
        background-image: linear-gradient(133deg, rgba(189,238,210,1) 0%, rgba(209,249,226,1) 80%, rgba(235,250,241,1) 100%);
    }
    .banner--home .banner__wrapper {
        padding-top:3.8rem
    }
    .banner--home .button--cta {
        margin-top: var(--spacer--m);
    }
    .banner--home .banner__text__bottom {
        flex-direction: column;
    }
    .banner--home .banner__text__bottom__container {
        max-width: 32rem;
    }
    .banner__home__image--1 {
        background-image: none;
        background: radial-gradient(50% 50% at 50% 50%, #0D4E58 0%, #012328 100%);
    }

    .banner--home .banner__text .section__content--no-register {
        margin-top: 13rem;
    }

    .banner--home .section__content--boxed [class*="slider__nav__pagination"] {
        /* position: absolute; */
        margin-top: 79px;
    }
}
/* Media query to target only mobile */
@media all and (min-width:430px) and (max-width:750px) {
    .banner--home {
        min-height: 32rem;
    }
}

/* MODULES: Cookie Banner
   -------------------------------------------------------------------------- */
.cookies {
    z-index: 100;
    overflow: auto;
}

.cookies__open {
    max-height: 100vh;
}

.cookies__settings__icon__hide .cookiesButtonSettingsText {
    display: inline-flex;
}

@media all and (max-width:750px) {
    .cookies__open .cookies__settings {
        height: auto;
        max-height: none;
    }
}

@media all and (max-width:500px) {
    .cookies__open .cookies__wrapper {
        align-self: auto;
    }
}

/* MODULES: Main
   -------------------------------------------------------------------------- */
.body--awards .main {
    background-image: var(--awards--background), linear-gradient(180deg, var(--color--white) 0%, var(--color--brand--sub-4) 100%);
    background-position: center;
}

.body--awards--ballots .main {
    background-image: initial;
    background-color: var(--color--white);
}

@media all and (min-width:1025px) {
    .body--agenda .main__wrapper {
        --main--padding--top: 8rem;
        --main--padding--bottom: var(--spacer--xxxl);
    }
}

@media all and (max-width:1024px) {
    .body--awards .main {
        background-position: center right;
    }
}

/* MODULES: Footer
   -------------------------------------------------------------------------- */
.footer .link{
    --font--weight--bold: var(--font--weight--semibold);
}

.footer{
    --dividers--border--color: var(--color--white);
    border-top-width: .3rem;
    border-top-style: solid;
    border-color: var(--color--brand);
    background-color: var(--color--brand--sub-10);
}

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

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

/* 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: .1rem solid var(--color--white);
    }

    .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: Back to home
   -------------------------------------------------------------------------- */
.back-to-home .link {
    color: var(--color--clickeable);
}

.back-to-home__wrapper {
    padding-bottom: calc(var(--spacing--basis) * 16);
}

/* 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 * 5.8rem);
    position: relative;
    z-index: 3;
    font-size: 1.4rem;
}

[class*="__title--"].metrics__title{
    color: var(--color--white);
    font-family: var(--font);
}

.metrics__container {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color--white);
    max-height: 8rem;
    overflow-y: hidden;
}

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

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

.metrics__subtitle {
    font-size: 1.4rem;
}

.section--metrics .grid>.grid__item {
    padding-left: var(--spacer--m);
}

/* 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 [class*="--w--narrower"] {
         --content--w--narrow: calc(.75 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.75 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
         max-width: calc(var(--grid--columns--1) *4 + var(--grid--columns--gap) *3);
        }

    .section--metrics .section__wrapper--w--narrow{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: calc(var(--grid--columns--1) *4 + var(--grid--columns--gap) *3);
    }

    .section--metrics .grid>.grid__item {
        padding-left: var(--spacer--xs);
    }
    .section--metrics {
        margin-top:calc(-1 * 4.8rem);
    }
}

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

}

/* Media query to target mobile */
@media all and (max-width: 751px) {
    .section--metrics {
        margin-top: 5.2rem;
    }

    .section--metrics [class*="__wrapper"] {
        padding-right: initial;
        padding-left: initial;
    }
}

/* Media query to target mobile */
@media all and (max-width:360px) {
    .section--metrics {
        font-size: 1.33rem;
    }
}

.slider--b,
.slider--c {
    visibility: hidden;
    overflow: hidden;
    transition: height 0.5s ease;
}

/* MODULES: Home > Why attend
   -------------------------------------------------------------------------- */
.grid__item .grid__item--iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.grid__item--iframe iframe {
    border-radius: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section--join-us .section__footer {
    margin-top: var(--spacer--l);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--join-us {
        padding-top: calc(var(--spacing--basis)* 28);
        padding-bottom: calc(var(--spacing--basis)* 28);
    }
    .section--join-us .grid__item--iframe .section__header + iframe{
        margin-top: 0;
    }
    .section--join-us .grid {
        align-items: center;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--join-us {
        padding-bottom: var(--spacer--m);
    }
    .section--join-us .section__footer {
        display: flex;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {

    .section--join-us .section__header {
        margin-top:var(--spacer--l)
    }
    .section--join-us .grid--2>.grid__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section--join-us .grid--2>.grid__item:first-child {
        order: 1;
    }

    .section--join-us .grid--2>.grid__item:last-child {
        order: 0;
        margin-top: 9.6rem;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--join-us{
        padding-bottom: calc(var(--spacing--basis) * 8);
    }

    .section--join-us .section__header {
        margin-top:var(--spacer--l)
    }
    .section--join-us .button-bar .button:last-child {
        margin-bottom: 0;
    }

    .section--join-us .grid--2>.grid__item:first-child {
        order: 1;
    }

    .section--join-us .grid--2>.grid__item:last-child {
        order: 0;
        margin-top: var(--spacer--xxxl);
    }

}

@media all and (max-width:1024px) {
    .section--join-us .paragraph {
        font-size: var(--font--size);
    }
}

/* MODULES: Home > Speakers slider
   -------------------------------------------------------------------------- */
.section--slider--speakers{
    margin-top: initial;
}

.section--slider--speakers + .section--avature-awards {
    background-image: linear-gradient(to top, var(--color--white) 70%, var(--color--brand--sub-4));
    padding-top: calc(var(--spacing--basis) * 40);
}

.section--slider--speakers {
    padding-top: calc(var(--spacing--basis) * 16);
    padding-bottom: calc(var(--spacing--basis)* 28);
}

/* 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);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--slider--speakers + .section--agenda-home{
        padding-top: 8rem;
    }
    .section--agenda-home .grid__item--header {
        margin-bottom: var(--spacer--m);
    }
    .section--slider--speakers + .section--avature-awards {
        padding-top: calc(var(--spacing--basis) * 20);
    }
    .section--slider--speakers .section__header + * {
       margin-top: var(--spacer--m);
    }
    .section--avature-awards {
        margin-top: 0;
    }
}

@media all and (max-width:1024px) {
    .section--slider--speakers {
        padding-bottom: var(--spacer--xl);
    }
}

/* MODULES: Home > Speakers Grid
   -------------------------------------------------------------------------- */
   .grid.grid--speakers-logos>.grid__item {
    padding:var(--spacer--s2);
   }

/* Media query to target largest desktop 1920 */
@media all and (min-width:1025px) {
    .grid--7>.grid__item {
        max-width: 16.66%;
        flex:16.66%
   }
}

/* Media query to target largest desktop 1920 */
@media all and (min-width:1920px) {
    .grid--7>.grid__item {
        max-width: 14.285%;
        flex:14.285%
   }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {

   .grid.grid--speakers-logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
   }
}
@media (min-width: 751px) and (max-width: 1024px) {
    .grid.grid--speakers-logos.grid--5>.grid__item {
        max-width: 25%;
        flex:25%
   }
   .grid.grid--speakers-logos>.grid__item {
        padding: var(--spacer--xl) var(--spacer--l);
    }
}

/* MODULES: Home > Avature Awards
   -------------------------------------------------------------------------- */
.section--avature-awards {
    padding-top: var(--spacer--s);
}

.section--avature-awards .banner--avature-awards img,
.section--avature-awards .banner--avature-awards,
.section--a-awards img,
.section--a-awards {
    border-radius: 1rem;
}

.section--avature-awards .section__footer {
    margin-top: var(--spacer--l);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--avature-awards .section__content{
        padding-right: calc(var(--grid--columns--1)/2);
    }
    .section--avature-awards .grid {
        align-items: center;
    }
    .section--avature-awards{
        padding-top: calc(var(--spacing--basis) * 28);
        padding-bottom: calc(var(--spacing--basis) * 16);
        margin-top: 0;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--avature-awards .grid.grid--2 {
        flex-direction: column-reverse;
    }
    .section--avature-awards .grid--2>.grid__item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section--avature-awards{
        padding-top: calc(var(--spacing--basis) * 16);
        padding-bottom: calc(var(--spacing--basis) * 16);
        margin-top: 0;
    }

    .section--avature-awards .grid__item.grid__item--extra-plr-10 {
        padding-top: var(--spacer--xxl);
    }
}

@media all and (max-width:1024px) {
    .section--avature-awards .grid--2>.grid__item:first-child {
        order: 1;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--avature-awards .section__wrapper{
        padding-bottom: var(--spacer--xxxxl);
        padding-top: var(--spacer--xxxxl);
    }
    .section--avature-awards .grid.grid--2 {
        flex-direction: column-reverse;
    }
}

/* MODULES: Home > Become a Speaker
   -------------------------------------------------------------------------- */
.section--become-speaker {
    text-align: center;
    padding-top: calc(var(--spacer--xxxl)* 2);
    margin-top: initial;
}

.section--become-speaker .button-bar {
    text-align: center;
}

@media all and (min-width:751px) {
    .section--become-speaker .button-bar:not([class*=button-bar--]) .button {
        float: none;
    }
}

@media all and (max-width:1024px) {
    .section--become-speaker .paragraph {
        font-size: var(--font--size);
    }
}

@media all and (max-width:750px) {
    .section--become-speaker .paragraph {
        text-align: left;
    }
}

/* MODULES: Home > Stories
   -------------------------------------------------------------------------- */
.section--stories {
    margin-top: initial;
    padding-top: 8.8rem;
    padding-bottom: 7.2rem;
}

.section--become-speaker,
.section--stories {
    background-color: var(--color--grey--lighter);
}

.section--stories [class*="__wrapper"] {
    padding-right: initial;
    padding-left: initial;
}

.section--stories .story {
    display: flex;
    flex-direction: row;
    gap: 2.7rem;
}

.section--stories .story__text {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-left: 6.4rem;
    position: relative;
}

.story__text__title {
    padding-bottom: 2rem;
    margin-bottom: var(--spacer--xxl);
}

.story__text__title:after {
    content: "";
    display: block;
    width: 9.8rem;
    height: .1rem;
    margin-top: 2rem;
    background-color: var(--color--black);
}

.section--stories .story__text .paragraph:before {
    content: "";
    background-image: var(--story--icon);
    width: 4.4rem;
    height: 4.4rem;
    position: absolute;
    left: 0;
}

.section--stories .story__image {
    width: 40rem;
}

.section--stories .story__text .paragraph {
    padding-bottom: var(--spacer--l);
}

@media all and (max-width:1024px) {
    .section--stories .story {
        flex-direction: column;
        align-items: center;
        gap: var(--spacer--xxxl);
    }
    .story__text__title {
        font-size: 2.4rem;
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .section--stories .story {
        padding-right: 9rem;
        padding-left: 9rem;
    }
}

@media all and (max-width:750px) {
    .section--stories .story {
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
    }
}

/* MODULES: Home > Quotes
   -------------------------------------------------------------------------- */
.section--quotes {
    padding-top:calc(var(--spacer--xl)*2);
    padding-bottom:calc(var(--spacer--xl)*2);
    background: var(--color--brand--sub-4);
    position: relative;

    & .swiper-pagination-bullet {
        background: transparent;
    }

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

    & .swiper-button-next:after,
    & .swiper-button-prev:after {
        @media all and (max-width:1024px) {
            display: none;
        }
    }

    & .swiper-button-next {
        width: 4.4rem;
        right: calc(var(--grid--columns--gap)*2)
    }

    & .swiper-button-prev {
        width: 4.4rem;
        left: calc(var(--grid--columns--gap)*2)
    }

    & .swiper-button-next:after {
        background: var(--quotes--icon--next);
        background-repeat: no-repeat;
        width: 4.4rem;
        height: 4.4rem;
        color: transparent;
    }

    & .swiper-button-prev:after {
        background: var(--quotes--icon--prev);
        background-repeat: no-repeat;
        width: 4.4rem;
        height: 4.4rem;
        color: transparent;
    }

    @media all and (min-width: 751px) and (max-width: 1024px) {
        padding-right: calc(var(--grid--columns--1) / 1.4);
        padding-left: calc(var(--grid--columns--1) / 1.4);
    }

    @media all and (min-width:1025px) {
        padding-top:calc(var(--spacer--xl)*4);
        padding-bottom:calc(var(--spacer--xl)*4);
    }
}

.article--quote {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--color--brand--sub-1);
    overflow-y: hidden;
    padding-left: var(--grid--columns--gap);
    padding-right: var(--grid--columns--gap);
    justify-content: space-between;

    & .quote {
        font-size: 2.8rem;
        font-weight: 600;
        border-left: none;
        padding-left: 0;

        @media all and (min-width:1025px) {
            font-size: 3.2rem;
            line-height: 4.8rem;
         }
    }

    @media all and (min-width:751px) {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

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

.section--agenda .button--secondary:hover{
  border-width: .2rem;
}

.section--agenda-home .section__footer__button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.agenda__note {
    display: flex;
    gap: var(--spacing--basis);

    @media all and (min-width:751px) {
        justify-content: center;
    }
    font-size: 1.4rem;
}

.agenda__note .fv {
    font-size: 2rem;
    padding: 0.1rem;
    rotate: 180deg;
}

.section--agenda .section__content__notice .fv-info-circle-o {
    margin-top: .2rem;
}

.section--agenda .dropdown--open {
    z-index: 1;
}

.section--agenda-home{
    position: relative;
    margin-top: -2.4rem;
}

.section--agenda .section__events {
    border-bottom: .1rem solid var(--color--grey--medium);
    padding-bottom: var(--spacer--xl);
}

.button--agenda-register {
    color: var(--color--brand--sub-5);
    border-color: var(--color--brand--sub-5);
    padding: .8rem var(--spacer--m);
    height: 4.4rem;
    height: 4.4rem;
}

.button--add {
    padding: .8rem var(--spacer--m);
}

.button--add img,
.pill--added img {
    margin-right: var(--spacer--s);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {

    .section--agenda-home .section__wrapper{
        position: relative;
        padding-bottom: calc(var(--spacing--basis) * 16);
    }

    .section--avature-awards + .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: calc(var(--spacing--basis) * 12);
    }

    .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--avature-awards + .section--agenda-home{
        margin-top: 7rem;
    }

    .section--agenda-home{
        margin-top: 0;
    }

}

/* Media query to target mobile */
@media all and (max-width:750px) {

    .section--agenda-home .section__footer__button {
        display: block;
    }

    .button--secondary,
    .button--secondary:link,
    .button--secondary:visited {
        width: 100%;
    }

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

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

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

.article--tracks-home .article__header {
    word-break: keep-all;
    border-radius: var(--border--radius--secondary) var(--border--radius--secondary) 0 0;
    align-items: start;
    flex-direction: column;
}

.article--tracks-home {
    padding: var(--spacer--l);
    background-color: rgba(255, 255, 255, 0.15);
    border: solid .1rem var(--color--white);
    border-radius: var(--spacer--s2);
    flex: 1;
}

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

.article--tracks-home .article__header__icon {
    margin-bottom: var(--spacer--m);
}

/* Media query to target only desktop */
.section--tracks-home,
.section--agenda-home {
    background-color: var(--color--brand--sub-8);
    color: var(--color--white);
    --color--title: var(--color--white);
}

.section--tracks-home .grid>.grid__item {
    padding-top: var(--spacer--xl);
}

@media all and (min-width:1025px) {
    .section--tracks-home{
        padding: calc(var(--spacing--basis) * 28) 0 calc(var(--spacing--basis) * 16) 0;
        margin-top: 0;
    }

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

    .section--tracks-home .section__header{
        text-align: center;
    }
    .section--tracks-home .section__header__text__subtitle {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--tracks-home {
        padding: calc(var(--spacing--basis) * 12) 0 calc(var(--spacing--basis) * 8);
        margin-top: 0;
    }
    .section--tracks-home .grid>.grid__item {
        padding-top: var(--spacer--xl)
    }
}

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

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

.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{
    margin-top: 0;
}

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

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

    .section--networking-us .section__header{
        text-align: center;
    }
    .section--networking-us .section__content {
        padding-top: var(--spacer--m);
    }
}

/* 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%;
    }
    .section--networking-us .grid>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--networking-us{
        padding: calc(var(--spacing--basis) * 12) 0;
    }
    .section--networking-us .section__header + * {
        margin-top: var(--spacer--m);
    }

    .section--networking-us .grid>.grid__item {
        padding-top: var(--spacer--xl);
    }
}

/* Media query to target mobile */
@media all and (max-width:750px) {
    .section--networking-us .grid>.grid__item {
        padding-top: var(--spacer--xl);
    }
}

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

/* 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{
    padding-top: 8.8rem;
    padding-bottom: 12.8rem;
    --boxes--padding--outers: var(--spacer--xl);
    position: relative;
    z-index: 3;
    margin-top: initial;
}

.section--register .section__header__text__title {
    font-size: 4.8rem;
    font-family: var(--font--alt);
    font-weight: var(--font--weight--semibold);
}

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

.section--register .section__pass--boxed .article__content {
    padding-top:var(--spacer--m);
}

.section--register .section__pass--boxed .button-bar .button {
    margin-bottom: 0;
}

/* Firefox fix for register button auto-scroll */
@-moz-document url-prefix() {
    .section--register {
        padding-top: 12.8rem;}
}

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

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

[class*="__content__text"] + .section__content__small{
    margin-top: .6rem;
}

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

.section--register .section__content--boxed .button--cta {
    margin-bottom: 0;
}

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

.strikedText .list__item {
    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);
        padding-top: 11.2rem;
        padding-bottom: 11.2rem;
    }
    .section--register [class$="__title--1"] {
        font-size: 2.8rem;
    }
    .section--register .section__header .section__header__text__subtitle {
        text-align: left;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--register{
        --boxes--padding--outers: var(--spacer--m);
        margin-top: 0;
        padding-top: 8rem;
        padding-bottom: 8rem;
        background: rgb(189,238,210);
        background: linear-gradient(358deg,rgba(209,249,226,1) 0%, rgba(209,249,226,1) 80%, var(--color--white) 100%);
    }
    .section--register .list + .list{
        margin-top: var(--spacer--l);
    }
    .section--register [class$="__title--1"] {
        font-size: 2.8rem;
    }

    .section--register .section__header .section__header__text__subtitle {
        text-align: left;
    }
}

@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: .1rem;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media all and (min-width:1025px) {
    .section--register [class*="--boxed"]:not([class*="--boxed--"]) {
        padding: var(--spacer--xxxl) var(--spacer--xxxxl);
        max-width: calc(var(--grid--columns--1)*6 + var(--grid--columns--gap)*5);
    }
    .section--register .section__header__text__subtitle {
        width: calc(var(--grid--columns--1)*6 + var(--grid--columns--gap)*5);
    }
    .section--register {
        background-position:top center;
    }
    .section--register {
        background-image: var(--register--home--background--image);
        background-position:top center;
        background-size: var(--banner--background--image--sizing);
        background-repeat: no-repeat;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--register [class*="--boxed"]:not([class*="--boxed--"]) {
        padding: var(--spacer--xxxl) 6.4rem;
    }
    .section--register {
        background-image: var(--register--home--background--image);
        background-position:-58rem center;
        background-size: var(--banner--background--image--sizing);
        background-repeat: no-repeat;
    }
}

@media all and (max-width:750px) {
    .section--register [class*="--boxed"]:not([class*="--boxed--"]) {
        padding: var(--spacer--xxxl) var(--spacer--m);
    }
}

/* MODULES: Home > Logos Marquee
   -------------------------------------------------------------------------- */
.marquee__wrapper {
    max-width: initial;
    padding: initial;
}

.marquee__content {
  overflow: clip;
}

.marquee__content__logos {
  display: flex;
  padding-left: var(--spacer--l);
  gap: var(--spacer--l);
  width: max-content;
  animation: marquee-move-logos 30s linear infinite
    forwards;
}

.marquee__content__logos img {
    max-height: 16rem;
}

.marquee__content__logos:hover {
    animation-play-state: paused;
}

@keyframes marquee-move-logos {
  to {
    transform: translateX(-50%);
  }
}

/* MODULES: Home > Policy
   -------------------------------------------------------------------------- */
.section.section--policy {
    background-color: var(--color--brand--sub-9);
    padding: var(--spacer--xxxl) 0;
    margin-top: 0;
    color: var(--color--white);
    --color--title: var(--color--white);
}

.section.section--policy .section__content__text__title {
    font-weight: 400;
}

/* 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--xl);
}

.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: .1rem;
    width: 100%;
    background: var(--color--font);
    bottom: 1.5rem;
    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--xl);
}

.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 .section__content__noresults__title {
    border-bottom: .1rem solid var(--color--grey--medium);
    padding-bottom: var(--spacer--xl);
}

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

/* 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);
    }
    .section--agenda * + .section__content__notice {
        margin-left: calc(var(--spacer--l) + 10%);
    }

    .section__content__notice .agenda__note {
        justify-content: start;

    }

    .section--agenda .content--extra-pr {
        padding-right: calc(var(--grid--columns--1)*2.5);
    }
    .section--agenda .section__filters,
    .section--speakers .tabs--vertical {
        position: sticky;
        top: 12rem;
    }
}

/* Media query to target only big screen desktop */
@media all and (min-width:1920px) {
    .section--agenda .content--extra-pr {
        padding-right: calc(var(--grid--columns--1)* 2);
    }
    .section--agenda .form--grid .fieldSpec {
        padding-left: var(--spacer--l);
    }
    .section--agenda .fieldSpec, .section--speakers .fieldSpec {
        max-width: calc(var(--grid--columns--1)* 4.2);
    }
    .section--agenda .grid--2--sidebar > .grid__item:not(.grid__item--subtabs){
        padding-left: calc(var(--grid--columns--1) + var(--grid--columns--gap));
    }
}

@media all and (min-width:1200px) {
    .section--agenda .grid--2--sidebar > .grid__item:not(.grid__item--subtabs){
        padding-left: calc(var(--grid--columns--1)/2 + var(--grid--columns--gap));
    }
}

/* 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:1100px) {
    .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));
    }

    .section--agenda .fieldSpec,
    .section--speakers .fieldSpec {
               max-width: calc(var(--grid--columns--1)* 2.1);
        padding-bottom: var(--form__item--padding--outers);
        width: auto;
    }

}

/* 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: .1rem;
    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: .1rem solid var(--color--grey--medium);
}

.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{
    width: 100%;
    font-weight: 500;
}

.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;
}
.section--agenda .section__content__list-and-dropdown .list--pills{
    width: auto;
    display: inline-flex;
    background: var(--color--brand--lighter);
    border-radius: 36rem;
    padding: .5rem;
}

.section__events__day__tracks .list__item.list__item--bold a.link {
    color:var(--color--brand--sub-3)
}

.section--agenda .section__events__day__time {
    font-weight: 500;
    color: var(--color--brand--sub-5);
}

.article__header__text__track {
    color: var(--color--brand--sub-1);
}

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

    .section--agenda .section__events__day__time{
        flex: 0 0 9rem;
        max-width: 9rem;
    }

    .section--agenda .section__events__day__tracks{
        flex: 0 0 calc(88% - var(--spacer--l));
        max-width: calc(88% - var(--spacer--l));
        margin-left: var(--spacer--l);

    }

    .section__events__day.section__events__day--extra--mr {
        margin-right: calc(var(--grid--columns--1) / 1.2);
    }

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

    .section--agenda .form--search + .section__content__list-and-dropdown {
        display: block;
        margin-bottom: var(--spacer--xl);
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs:not(.tabs--scrolling){
        box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
        background: var(--color--white);
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(var(--header--height) + var(--banner--height));
        z-index: 3;
        padding: var(--spacer--l) calc(var(--grid--laterals) + var(--grid--columns--1) / 1.2);
    }
    .agenda__note {
        align-items: flex-start;
    }

    .section--agenda .section__events__day__content .section__events__day__time + *{
        margin-top: var(--spacer--l);
    }
    .grid--2--sidebar>.grid__item--subtabs {
        padding-top: 9rem;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--agenda .form--search + * {
        margin-top: var(--spacer--l);
    }
    .tabs:not(.tabs--scrolling){
        padding:var(--grid--columns--gap) calc(var(--grid--laterals) + var(--grid--columns--gap));
     }
}

/* Media query to target desktop */
@media all and (min-width:1920px) {
    .section__events__day.section__events__day--extra--mr {
        margin-right: calc(var(--grid--columns--1) * 2);
    }
}

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

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

.section--speakers--without-filters .section__wrapper{
    padding-top: var(--main--padding--top);
    padding-bottom: var(--main--padding--bottom);
}

.speaker,
.speaker__info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.speaker__text {
    flex: 1;
}

/* 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);
    }
    .speaker {
        flex-direction: row;
    }
    .speaker__info {
        margin-left: var(--grid--columns--gap);
    }

}
/* Media query desktop */
@media all and (min-width:1025px) {
    .section--speakers .grid__item {
        padding-bottom: var(--grid--columns--gap);
    }
}

/* Media query only mobile */
@media all and (max-width:750px) {
    .section--speakers .grid--4 .grid__item{
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: var(--spacer--m);
    }

}

/* 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: var(--color--white);
    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__close__link .link {
    color: var(--color--clickeable);
}

.section--popup .link {
    color: var(--color--clickeable)
}

.section--popup .article--card .article__footer {
    margin-top: var(--spacer--xl);
}
.button-bar--popup .button,
.button-bar--popup [class$="Button"]{
    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);
}

.section--vote-popup *+.form {
    margin-top: 0;
}

.section--vote-popup .cancelButton {
    border-color: var(--buttons--tertiary--default--color--border);
    background-color: var(--buttons--tertiary--default--color--background);
    color: var(--buttons--tertiary--default--color--font);
}

/* Hack to hide id forgotpassword from log in from portals that it doesnt works */
#forgotPassword { display: none;}

.body--travel {
    --main--padding--bottom: 20rem;
}

.grid__section--travel {
    margin-top: 0;
}

.section--travel [class*="--w--narrow"].travel--mcard {
    margin-bottom: var(--spacer--l);
    padding:0
}

.section--travel .travel--mcard + .travel--mcard {
    margin-top: calc(var(--spacing--basis) * 15);
}

.section__content--accommodation .grid {
    --grid--columns--gap: 7rem;
}

.section--travel .article--card .article__footer {
    flex-direction: column;
    gap: var(--spacer--xl);
}

.section--travel .article--card .article__footer .link--with-icon .link__icon {
    position: initial;
    left: initial;
}

.section--travel .article--card--with-banner--left .article__row {
    padding-right: var(--spacer--xxxl);
    padding-left: var(--spacer--xxxl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--travel .article + .article{
        margin-top: calc(var(--spacing--basis) * 16);
    }
    .section--travel {
        max-width: calc(var(--grid--columns--1)*9 + var(--grid--columns--gap)*8);
    }
}

/* 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%;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--travel [class*="--w--narrow"].travel--mcard {
        padding:0
    }

    .section__content--accommodation .grid>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section--travel .article--card--with-banner--left .article__banner,
    .section__content--accommodation .article--card--with-banner--top .article__banner {
        height: 39.2rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--travel .article--card--with-banner--left .article__banner,
    .section__content--accommodation .article--card--with-banner--top .article__banner {
        height: 19.7rem;
    }

    .section--popup .section__content {
        padding: var(--spacer--xl) var(--spacer--m);
    }
}

/* MODULES: Faqs
   -------------------------------------------------------------------------- */
.section--faqs {
    color:var(--main--font--color);
}

.section--faqs.section--faqs-lists {
    padding-top: var(--main--padding--top);
    padding-bottom: var(--spacer--xxxl);
    max-width: calc(var(--grid--columns--1)* 10 + var(--grid--columns--gap)* 9);
    padding-right: calc(var(--grid--laterals) + var(--grid--columns--gap));
    padding-left: calc(var(--grid--laterals) + var(--grid--columns--gap));

     /* Media query to target only tablet */
     @media all and (min-width:1920px) {
        padding-right: calc(var(--grid--columns--1) + var(--grid--columns--gap));
        padding-left: calc(var(--grid--columns--1) + var(--grid--columns--gap));
    }

    /* Media query to target only tablet */
    @media all and (min-width:751px) and (max-width:1024px) {
        padding-left: calc(var(--grid--laterals) + var(--grid--columns--1) / 1.4);
        padding-right: calc(var(--grid--laterals) + var(--grid--columns--1) / 1.4);
    }

    /* Media query to target only tablet */
    @media all and (max-width:750px) {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xl);
    }
}

.section--faqs.section--faqs-lists .article__content ul {
    list-style: disc;
    margin-left: var(--spacer--l);
    margin-right: var(--spacer--l);
}

.body .section--faqs:last-of-type{
    flex-grow: 0;
}
.section--faqs .article__header__text__title button{
    width: 100%;
    text-align: left;
    color:var(--main--font--color);
}

.section--faqs .js_collapsible--enabled {
    border: 0.1rem solid #C7C7C7;
    padding: var(--spacer--l);
    border-radius: var(--border--radius--secondary);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--faqs{
        --boxes--padding--outers: var(--spacer--xl);
    }
    .section--faqs .section__header {
        text-align: center;
    }
    .section--faqs {
        max-width: calc(var(--grid--columns--1)*8 + var(--grid--columns--gap)*7);
    }
}

/* MODULES: Agenda At A Glance
   -------------------------------------------------------------------------- */
.section--agenda-at-a-glance .agenda__note {
    justify-content: start;
    font-size: 1.6rem;
    font-weight: var(--font--weight--semibold);
}

.section--agenda-at-a-glance {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section--agenda-at-a-glance .grid {
    margin-top: initial;
}

.section--agenda-at-a-glance .grid--2>.grid__item:nth-child(1) {
    padding-right: 6.8rem;
}

.section--agenda-at-a-glance .grid--2>.grid__item:nth-child(2) {
    padding-left: 6.8rem;
}

.article--agenda-at-a-glance {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.section--agenda-at-a-glance .section__content .grid__item .agenda-item {
    border-bottom: solid .1rem var(--color--borders);
}

.section--agenda-at-a-glance .section__content .grid__item:last-of-type .agenda-item {
    border-bottom: none;
}

.article--agenda-at-a-glance .article__header {
    width: 14.8rem;
    min-width: 14.8rem;
    display: block;
    padding-top: var(--spacer--xl);
}

.article--agenda-at-a-glance .article__content {
    padding: 0 var(--spacer--l) var(--spacer--xl);
    margin-top: var(--spacer--xl);
}

.section--agenda-at-a-glance .grid>.grid__item {
    padding-top: initial;
}

.article--agenda-at-a-glance .article__header__text__title {
    font-size: 3.8rem;
    font-weight: var(--font--weight--semibold);
    margin-top: initial;
}

.article--agenda-at-a-glance .article__day {
    font-size: 2rem;
    font-family: var(--font--alt);
}

.article--agenda-at-a-glance .article__time {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--color--brand--sub-1);
    display: inline-block;
    background-color: var(--color--brand--sub-4);
    padding: .6rem .8rem .6rem 3.6rem;
    border-radius: .4rem;
    margin-bottom: var(--spacer--m);
    background-image: var(--icon--clock);
    background-position: .8rem center;
}

.article--agenda-at-a-glance .article__content__text__title {
    margin-top: initial;
    font-family: var(--font);
}

.article--agenda-at-a-glance .article__content__text__title:before {
    content: "•";
    margin-right: var(--spacer--s);
}

.article--agenda-at-a-glance .article__content__text__title--day-name {
    font-weight: var(--font--weight--bold);
}

.grid--agenda-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1.6rem;
}

.grid__item--agenda-image--1 {
    grid-row: span 2 / span 2;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--agenda-at-a-glance .section__header__text__title {
        font-size: 3.8rem;
    }
    .section--agenda-at-a-glance .grid__item {
        padding-top: var(--spacer--xl);
    }
    .section--agenda-at-a-glance .grid>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section--agenda-at-a-glance .grid--2>.grid__item:nth-child(1) {
        padding-right: initial;
    }
    .section--agenda-at-a-glance .grid--2>.grid__item:nth-child(2) {
        padding-left: var(--grid--columns--gap);
    }
    .article--agenda-at-a-glance .article__time {
        font-size: 1.6rem;
    }
    .article--agenda-at-a-glance .article__content__text__title {
        font-size: 1.8rem;
    }
}

@media all and (max-width:750px){
    .article--agenda-at-a-glance {
        flex-direction: column;
    }

    .article--agenda-at-a-glance .article__content {
        padding: 0 var(--spacer--m) var(--spacer--xl);
        margin-top: var(--spacer--m);
    }

    .article--agenda-at-a-glance .article__header {
        width: initial;
        margin-top: var(--spacer--m);
    }

    .article--agenda-at-a-glance .article__header__text__title {
        display: inline;
        font-size: 2.4rem;
    }

    .article--agenda-at-a-glance .article__day {
        font-size: 2.4rem;
        font-weight: var(--font--weight--semibold);
    }
}

/* MODULES: Masterclass
   -------------------------------------------------------------------------- */
.section--masterclass.section__wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* Media query to target only 1920 screen */
@media all and (min-width:1920px) {
    .section--masterclass.section__wrapper {
        padding-left: calc(var(--grid--columns--1) + var(--grid--columns--gap));
        padding-right: calc(var(--grid--columns--1) + var(--grid--columns--gap));
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--masterclass [class$="__title--1"] {
        font-size: 2.8rem;
    }
    .grid--2--sidebar>.grid__item--aside-right {
        padding-top: 6.4rem
    }
}

@media (min-width: 750px) and (max-width: 1024px) {
    .section--masterclass .grid__item--aside-right .article__content {
        display: flex;
        flex-flow: row wrap;
    }

    .section--masterclass .speaker.speaker--in-box {
        flex: 0 0 100%;
    }
    .speaker__text__subtitle {
        max-width: fit-content;
    }
    .section--masterclass .speaker--in-box + .speaker--in-box {
        margin-top: 0;
    }
}

/* PAGETYPES: Body with filters
   -------------------------------------------------------------------------- */
.body--with-filters .banner--main{
    background-color: var(--color--brand--sub-4);
}

.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: var(--color--white);
        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: fixed;
    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;
}

/* PAGETYPES: Profile and Edit Profile
   -------------------------------------------------------------------------- */
.section--profile,
.section--edit-profile {
    padding-block-start: var(--spacer--m);
    --thumbnail--w--default: 10.4rem;
}

.section--profile .section__header__picture {
    width: var(--thumbnail--w--default);
    margin-inline-end: var(--spacer--l);
    border-radius: 100%;
    overflow: hidden;
}

.section--profile .article__content {
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    border-radius: var(--boxes--border--radius);
    padding: var(--spacer--l);
    margin-block-start: var(--spacer--xxxl);
}

.section--profile .article--details .article__content__view__field__label {
    font-weight: initial;
}

.section--profile .article--details .article__content__view__field__value {
    font-weight: var(--font--weight--bold);
    font-size: 2rem;
}

.section--edit-profile {
    max-inline-size: 88rem;
    --form__item--padding--inners: var(--spacer--s);
    --fields--border--color: var(--color--grey--medium-1);
    --thumbnail--gap: var(--spacer--m);
}

.section--edit-profile .article__content {
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    border-radius: var(--boxes--border--radius);
    padding-block-start: var(--spacer--xl);
    padding-block-end: var(--spacer--s);
    padding-inline: var(--spacer--m);
    margin-block-start: var(--spacer--xxxl);
    margin-block-end: 16.4rem;
    position: relative;
}

.section--edit-profile .fieldSpec > label {
    font-weight: var(--font--weight--bold);
}

.section--edit-profile div[class*=fieldSpec].FileField div[id*=fileInputContainer_] .photoInputPreviewWrapper .photoInputPreviewContainer,
.section--edit-profile div[class*=fieldSpec].FileField div[id*=fileInputContainer_] .photoInputPreviewWrapper .photoInputPreviewContainer img {
    width: var(--thumbnail--w--default);
    height: var(--thumbnail--w--default);
    margin-inline-end: var(--thumbnail--gap);
}

.fieldSpec--picture-label,
.section--edit-profile {
    position: relative;
}

.fieldSpec--picture-label > label {
    position: absolute;
    display: inline-block;
    top: 0;
    left: calc(var(--thumbnail--w--default) + var(--thumbnail--gap));
}

.section--edit-profile .button-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: calc((var(--buttons--height)* -1) - var(--spacer--xxl));
}

.article__content--edit-profile .saveButton {
    --buttons--primary--default--color--background: var(--color--brand);
    --buttons--primary--default--color--border: var(--color--brand);
    --buttons--primary--default--color--font: var(--color--brand--sub-1);
}

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

/* PAGE: Why Attend
   -------------------------------------------------------------------------- */
.section--why-attend {
    padding-top: calc(var(--main--padding--top) + var(--spacer--s));
    padding-bottom: 8.8rem;

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

.section--why-attend .section__header {
    max-width: 92rem;
    margin: 0 auto;
}

.section--why-attend .section__header__text__title {
    font-size: 4.8rem;
}

.section--why-attend .section__content {
    padding-top: 5.6rem;
    margin-top: initial;
}

.article--why-attend-categories {
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    border-radius: var(--border--radius--secondary);
    background-color: var(--color--white);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;

    & .article__header__text {
        display: flex;
        gap: 1.2rem;
        align-items: flex-start;
        flex-direction: column;

        & .article__header__text__title {
            margin: 0;
        }
    }

    & .article__header__text.article__header__icon {
        @media all and (max-width:750px) {
            img {
                max-width: 4.8rem;
            }
        }
    }

    & .article__header {
        border-radius: var(--border--radius--secondary) var(--border--radius--secondary) 0 0;
        padding-top: var(--spacer--m);
        padding-right: var(--spacer--l);
        padding-bottom: var(--spacer--s);
        padding-left: var(--spacer--l);
    }

    & .article__content {
        padding: 0 var(--spacer--l) var(--spacer--l);
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    & .article__footer {
        padding: 0 var(--spacer--l) var(--spacer--l);
        margin-top: 0;

        & .link-more {
            color:var(--color--brand--sub-1);
            text-decoration: underline;
            font-weight: var(--font--weight--bold);
            cursor: pointer;
        }
    }

    & .evaluation--areas__list {
        list-style: disc;
        margin-inline-start: 2rem;
    }
}

.article--why-attend-categories .article__content__list {
    list-style: disc;
    text-align: left;
    margin-inline-start: 2rem;
}

.section--big-hits {
    margin-top: initial;
    padding-top: 8rem;
    padding-bottom: 11.2rem;
    background-color: var(--color--brand--sub-8);
    color: var(--color--white);
}

.section--big-hits .section__header {
    align-items: flex-end;
}

.section--big-hits .section__header .button {
    height: 5.6rem;
}

.section--big-hits .section__header__text__title {
    color: var(--color--white);
    margin-bottom: 1rem;
}

.section--big-hits .section__header__text .paragraph {
    max-width: 65.3rem;
}

.section--big-hits .section__header + * {
    margin-top: 5.6rem;
}

.section--big-hits .article {
    background-color: rgba(255, 255, 255, 0.15);
    border: solid .1rem var(--color--white);
    border-radius: .8rem;
}

.section--big-hits .article {
    background-color: rgba(255, 255, 255, 0.15);
    border: solid .1rem var(--color--white);
    border-radius: .8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.section--big-hits .article__image {
    max-height: 24.4rem;
    overflow: hidden;
}

.section--big-hits .article__image * {
    width: 100%;
}

.section--big-hits .article__content {
    padding: var(--spacer--xl) var(--spacer--xxl) var(--spacer--xxxl);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section--big-hits .article__content__title {
    color: var(--color--white);
    margin-bottom: var(--spacer--m);
    min-height: 6.4rem;
}

.section--big-hits .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.24);
    border-color: var(--color--white);
}

.section--big-hits .swiper-pagination-bullet-active {
    background: var(--color--white);
    border-color: var(--color--white);
}

.section__content--download-template .section__content__title {
    font-weight: normal;
    margin-bottom: var(--spacer--m);
}

.section__content--download-template .section__content__list {
    list-style: disc;
    margin-inline-start: 2rem;
    margin-bottom: var(--spacer--m);
}

.section__content--download-template .section__content__list__item {
    margin-bottom: var(--spacer--s);
}

.section__content--download-template .link {
    margin-top: var(--spacer--xxxl);
}

@media all and (max-width:1024px) {
    .section--why-attend .section__header__text__title {
        font-size: 3.8rem;
    }
    .section--big-hits .section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacer--xxl);
    }
}

@media all and (max-width:750px) {
    .article--why-attend-categories .article__header {
        padding: var(--spacer--m);
    }

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

    .article--why-attend-categories .article__header__text__icon {
        max-width: 4.8rem;
    }
}

/* PAGE: AvatureAwards
   -------------------------------------------------------------------------- */
.section--a-awards {
    padding-top: calc(var(--main--padding--top) + var(--spacer--s));
    padding-bottom: 8.8rem;

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

.section--a-awards .section__header__text__image {
    max-width: 30rem;
}

.section--b-awards {
    padding-top: var(--spacer--xxl);
    padding-bottom: calc(var(--spacer--xl)*2.25);
}

.section--b-awards .section__header__text {
    max-width: 87.8rem;
}

.section--awards-categories {
    background: var(--color--grey--lighter);
    padding-top: 6.4rem;
    padding-bottom: calc(var(--main--padding--top) + var(--spacer--s));
    margin-top: initial;
}

.article--awards-categories {
    box-shadow: 0 0.2rem 0.6rem 0 var(--color--shadow);
    border-radius: var(--border--radius--secondary);
    background-color: var(--color--white);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;

    & .article__header__text {
        display: flex;
        gap: 1.2rem;
        align-items: flex-start;
        flex-direction: column;

        & .article__header__text__title {
            margin: 0;
        }
    }

    & .article__header__text.article__header__icon {
        @media all and (max-width:750px) {
            img {
                max-width: 4.8rem;
            }
        }
    }

    & .article__header {
        border-radius: var(--border--radius--secondary) var(--border--radius--secondary) 0 0;
        padding-top: var(--spacer--xxl);
        padding-right: var(--spacer--l);
        padding-bottom: var(--spacer--s);
        padding-left: var(--spacer--l);
    }

    & .article__content {
        padding: 0 var(--spacer--l) var(--spacer--l);
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    & .article__footer {
        padding: 0 var(--spacer--l) var(--spacer--l);
        margin-top: 0;

        & .link-more {
            color:var(--color--brand--sub-1);
            text-decoration: underline;
            font-weight: var(--font--weight--bold);
            cursor: pointer;
        }
    }

    & .evaluation--areas__list {
        list-style: disc;
        margin-inline-start: 2rem;
    }
}

@media all and (max-width:1024px) {
    .section--a-awards .section__header__text__image {
        max-width: 20.5rem;
    }
}

@media all and (max-width:750px) {
    .article--awards-categories .article__header+* {
        margin-top: var(--spacer--s);
    }
}

.section--popup .article--awards-categories {
    background: unset;
    box-shadow: unset;
    border-radius: unset;
    margin-top: 0;

    & .article__header {
        padding: 0;
    }

    & .article__content {
        padding: 0;
    }
}

.article--mini-card {
    border-radius: var(--border--radius--secondary);
    position: relative;
    padding: var(--spacer--m);
    height: 100%;
    display: flex;
    flex-direction: column;
    border: .1rem var(--color--borders) solid;

    & .title--blue {
        color: var(--color--brand--sub-5);
        font-family: var(--font);
        font-weight: var(--font--weight--bold);
    }
}

.article--mini-card .article__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.section--a-awards-footer__banner {
    background: radial-gradient(50% 227.96% at 50% 60.98%, #0D4E58 0%, var(--color--brand--sub-9) 100%);
    padding-top: calc(var(--spacer--xl)*2);
    padding-bottom: calc(var(--spacer--xl)*2);
    color: var(--color--white);

    & a {
        color: var(--color--white);
        text-decoration: underline;
    }

    & .paragraph-medium {
        font-size: 2.4rem;
    }

}

.section--b-awards, .section--awards-categories {
    --grid--columns--gap: var(--spacer--l);
}

/* Section: Awards Submit
   -------------------------------------------------------------------------- */

.section--awards-submission {
    & .Separator > legend {
        border-bottom: .1rem solid var(--color--grey--medium-1);
        padding-bottom: var(--spacer--s);
        color: var(--color--font);
        font-weight: 600;
    }

    & .form {
        max-width: 84vw;
    }

    & .fieldSpec > label {
        font-weight: var(--font--weight--bold);
    }
    & .tox-tinymce {
        border: .1rem solid #666666;
        border-radius: var(--border--radius--default);
    }
    & .cancelButton {
        border-color: transparent;
    }

    & .gotoButton,
    & .saveButton,
    & .previousButton {
        border-color: var(--buttons--secondary--default--color--border);
        background-color: var(--buttons--secondary--default--color--background);
        color: var(--buttons--secondary--default--color--font);
        border-width: .2rem;
        font-family: var(--font);
        height: 4.4rem;

        &:hover {
            border-color: var(--buttons--secondary--hover--color--border);
            background-color: var(--buttons--secondary--hover--color--background);
        }
    }

    & .saveButton {
        border-color: var(--color--brand);
        background-color: var(--color--brand);
        color: var(--color--brand--sub-1);
        border-width: .2rem;
        font-family: var(--font);
        height: 4.4rem;

        &:hover,
        &:focus,
        &:active {
            border-color: var( --color--brand--sub-3);
            background-color: var( --color--brand--sub-3);
        }
    }

    & .errorMessage {
        display: flex;
    }

    @media all and (max-width:750px) {
        .form [class$="Button"], .button {
            width: 100%;
            margin-bottom: var(--spacer--m);
        }
    }

    @media all and (min-width:1600px) {
        max-width: calc(var(--grid--columns--1)* 8 + var(--grid--columns--gap)* 7);
    }
}

/* Section: Awards
   -------------------------------------------------------------------------- */
.section-awards .article__header__text__list {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color--brand--sub-1);
    border-top: .1rem solid var(--color--borders);
    padding-top: 2rem;
}

.section-awards .article__header__text__list__item {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: var(--font--size);
    padding-bottom: var(--spacer--s);
}

.section-awards .paragraph {
    font-size: 2rem;
    padding-bottom: 0;
}

.section-awards .grid.grid--c {
    justify-content: center;
}
.section-awards .article--card--award {
    border: .4rem solid var(--color--white);
}

.section-awards .article--card--award:hover {
    border: .4rem solid var(--color--brand);
}

.body--awards--ballots .section-awards .article--card--award:hover {
    cursor: pointer;
}

.article--card--award.article--card--award--active,
.section-awards .article--card--award:active {
    background: var(--color--brand--lighter);
    border: .4rem solid var(--color--brand);
}

.section-awards .article--card--award--voted,
.section-awards .article--card--winner {
    border: .4rem solid var(--color--brand);
}

.article--card--winner .article__header__text__subtitle .article__header__text {
    align-items: center;
    display: flex;
    color: var(--color--brand);
    font-weight: 600;
    font-size: 2.4rem;
}

.article--card--award--voted .article__header__text__title,
.article--card--winner .article__header__text__title {
    font-size: 2.4rem;
}

.article--card--winner .article__header__text .button--like--active {
    display: none;
}

.section-awards .section__footer {
    text-align: center;
    font-size: 2.4rem;
}

.section--ballots-no-open {
    text-align:center;
}

.section--ballots-no-open .text--left {
    text-align: left;
}

@media all and (max-width:1024px) {
    .section-awards .paragraph {
        font-size: var(--font-size);
    }
}

@media (min-width: 751px)
{
    .section-awards .article--card {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 26.4rem;
    }
    .section--ballots-no-open {
        max-width: 88.4rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section-awards .grid--3>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-awards .article--card {
        min-height: auto;
    }
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .section--ballots-no-open * {
        text-align: center;
    }
}

.section__justify--center {
    justify-content: center;
}

.t--l {
    text-align: left;
}

.t--r {
    text-align: right;
}