@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: bolder;
    font-display: swap;
    src: url("/assets_app/fonts/inter/Inter-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("/assets_app/fonts/inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("/assets_app/fonts/inter/Inter-Regular.woff2") format("woff2");
}

:root {
    --gray-20: #fafafa;
    --gray-50: #f6f9fc;
    --gray-100: #EEF3F7;
    --gray-200: #C8D8E5;
    --gray-300: #DAE5EE;
    --gray-400: #8E99A3;
    --gray-500: #C8D8E5;
    --gray-600: #B6C5D0;
    --gray-700: #8E99A3;
    --gray-800: #636B71;
    --gray-900: #0f172a;
    --gray-950: #020617;
    --blue-50: #f0f9ff;
    --blue-100: #e0f2fe;
    --blue-200: #bae6fd;
    --blue-300: #7dd3fc;
    --blue-400: #38bdf8;
    --blue-500: #0ea5e9;
    --blue-600: #0284c7;
    --blue-700: #0369a1;
    --blue-800: #075985;
    --blue-900: #0c4a6e;
    --blue-950: #082f49;
    /* FONT FACE */
    --font-main: 'Inter';

    /*FONT SIZES*/
    /* variabili ricavate dal file figma a2a circular design system */
    --font-h1-size: 3.75rem;
    --font-h2-size: 3rem;
    --font-h3-size: 2rem;
    --font-h4-size: 1.75rem;
    --font-h5-size: 1.5rem;
    --font-p-size: 1.5rem;
    --font-alternative1-size: 3.75rem;
    --font-alternative2-size: 3rem;
    --font-alternative3-size: 2rem;
    --font-display1-size: 9.75rem;
    --font-display2-size: 6rem;
    --font-display3-size: 4.5rem;
    --font-p-size: 1.5rem;
    --font-title1-size: .875rem;
    --font-title2-size: 1.125rem;
    --font-title3-size: 1.5rem;
    --font-title4-size: 2rem;
    --font-title5-size: 3rem;
    --font-bodyshort2-size: 1.125rem;
    --font-navlink-size: 1.125rem;
    --font-navlink_mobile-size: 26px;
    --font-navlink_dropdown_mobile-size: 16px;
    --font-timeline-title: 20px;
    --font-standard: 1rem;
    --font-form-label: 1rem;
    --font-form-input: 20px;
    /* SPACING */
    --spacing-1: 1px;
    --spacing-2: 4px;
    --spacing-3: 8px;
    --spacing-4: 16px;
    --spacing-5: 24px;
    --spacing-6: 32px;
    --spacing-7: 48px;
    --spacing-8: 64px;
    --spacing-9: 96px;
}

html,
body {
    font-family: var(--font-main), BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif !important;
    font-size: var(--font-alternative-size);
    font-weight: normal;
}

#u_body {
    font-family: var(--font-main), BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif !important;
    font-size: var(--font-alternative-size);
    font-weight: normal;
}

h1,
#splash_page h1 {
    font-size: var(--font-h1-size);
}

h2 {
    font-size: var(--font-h2-size);
}

h3 {
    font-size: var(--font-h3-size);
}

h4 {
    font-size: var(--font-h4-size);
}

h5 {
    font-size: var(--font-h5-size);
}

p {
    font-size: var(--font-bodyshort2-size);
    line-height: 1.3;

}

.w-max-800 {
    max-width: 850px !important;
}

.hidden {
    display: none !important;
}

.u_content_text ul,
.u_content_text ol,
ul.bullet {
    padding-left: 1rem;

}

.u_content_text ul li,
ul.bullet li {
    list-style: disc;
}

.u_content_text ul li ul,
.u_content_text ol li ul,
ul.bullet li ul {
    padding-left: 1rem;
}

.u_content_text ul li ul li,
ul.bullet li ul li {
    list-style: circle;
}

.u_content_text ol li,
ol.bullet li {
    list-style: decimal;
}

.u_content_text ol li ol li,
ol.bullet li ol li {
    list-style: decimal;
}

.u_content_text p {
    font-size: inherit;
}

#remoteModal p {
    margin: var(--spacing-3) 0;
}

#nav #main-menu a {
    font-size: var(--font-navlink-size);
    letter-spacing: 0px;
    text-transform: capitalize;

}

#nav ul#main-menu {

    display: flex;
    align-items: center;
}

#nav #main-menu a.bu {
    padding: 6px;
    width: 90px;
    margin-top: 0;
}

#nav a.portrait .se-avatar {
    position: relative;
    right: -11px;
    margin-top: 0;
}

#nav .ui-btn {
    display: flex;
}

#nav ul#main-menu .userMenu.open .portrait {
    background-color: transparent;
}


li:last-child.dropdown {
    width: 130px;
    display: flex;
    align-items: center;
}

#nav li:last-child a i {
    font-size: 1.5rem !important;
}



#nav a.portrait {
    padding: 0;
    display: flex;
    gap: 14px;
    align-items: center;
}

.button {
    border-radius: 3px;

}

.userMenu {
    display: flex;
}

#nav .navbar-nav>li>.userMenu .portrait+.dropdown-menu {
    background-color: white;
    padding: var(--spacing-3);
    border: 0;
    width: 220px;

}

#nav #main-menu .portrait+.dropdown-menu a {
    color: rgb(0, 0, 0);
    border-left: 2px solid transparent;
    text-align: left;
}

#nav ul#main-menu .portrait+.dropdown-menu a:hover,
#nav ul#main-menu .portrait+.dropdown-menu a:focus {
    color: rgb(0, 0, 0);
    background-color: transparent;
    border-left: 2px solid white;
    transition: all ease-in-out 0.3s;
}

#nav a#linkBell {
    display: flex;
}

#nav a#linkBell i:nth-child(2) {
    font-size: 1rem !important;
}

h2.custom_page_heading,
#custom_page h2 {
    font-size: var(--font-h4-size);
    margin: 0;
}

ul#timetable {
    display: flex;
    gap: 3%;
    justify-content: center;
    overflow-x: auto;
    padding: 1rem 0;
}

/* pulsanti in home */

#splash .button,
#u_body .section_custom_block .button {
    font-size: 1rem;
    color: var(--gray-900);
    font-family: var(--font-main);
    font-weight: bold;
}

/* BLOCK - HOME BOOKING */
#u_body div.u_content_custom_my_block:first-child {
    position: relative;
    z-index: 100;
}

#u_body .wrapper-programma {
    margin-top: var(--spacing-6);
}


#u_body .wrapper-programma.carousel {
    margin-top: var(--spacing-6);
    max-width: 650px;
    box-shadow: 0px 0px 6px #1e1e1e33;
    padding: var(--spacing-6);
    margin: 0 auto;
    background-color: white;
    border-radius: var(--spacing-3);

}

#u_body .wrapper-programma.carousel .dataNext,
#u_body .wrapper-programma.carousel .dataPrev {
    font-size: .8rem;
}

#u_body .wrapper-programma.carousel #prev {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#u_body .wrapper-programma.carousel #next {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}


#u_body .wrapper-programma.carousel .lista-date li {

    display: none;
}

#u_body .wrapper-programma.carousel .lista-date li.active {
    display: block;
    font-size: 2rem;
    text-align: center;

}

#u_body .wrapper-programma.carousel #prev,
#u_body .wrapper-programma.carousel #next {
    cursor: pointer;
    font-size: 2rem;
}

#u_body .wrapper-programma.carousel .box-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed var(--gray-200);
    margin-bottom: var(--spacing-4);
    padding-bottom: var(--spacing-4);


}

#u_body .wrapper-programma.carousel .lista-date {
    overflow: visible;
    padding: 0;
}


#u_body .wrapper-programma.carousel .lista-date li a {
    width: 100%;
    display: block
}



#u_body .wrapper-programma.carousel #pillsContainer .pills a,
#u_body .wrapper-programma.carousel #pillsContainer a.pill,
#u_body .wrapper-programma.carousel #pillsContainer a.pill:hover,
#u_body .wrapper-programma.carousel #pillsContainer a.pill:active,
#u_body .wrapper-programma.carousel #pillsContainer a.pill:focus {
    padding: 12px 3px !important;
    color: #000000;
    background-color: transparent;
    border: 0px;
    margin: 0;
}

#u_body .wrapper-programma.carousel #pillsContainer .pills.booked a {
    color: #fff;
}

#u_body .wrapper-programma.carousel #pillsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    margin: 0 auto;
}

#u_body .wrapper-programma.carousel .lista-date li {

    width: 100%;
    min-width: none;
    max-width: none;
    margin-right: 8px;
    margin-left: 8px;
}

.tag {
    font-size: calc(var(--font-title1-size) / 1.1);
    padding: 8px 10px 5px 10px;
    border-radius: 13px;
}

.label {
    display: inline;
    font-size: calc(var(--font-title1-size) / 1.1);
    padding: 8px 10px 5px 10px;
    border-radius: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;

}

form label {
    margin-bottom: 6px;
    color: var(--gray-950);
    font-weight: 300;
    font-size: var(--font-form-label);
}

form input {
    font-size: var(--font-form-input);
}

form input[type="file" i] {
    font-size: var(--font-form-label);
}

.btn,
input.btn {
    padding: 6px 11px;
    font-size: 15px;
}

/*in tutte le pagine interne nelle intestazioni*/
#splash,
#splash_page,
#splash_talk {
    margin-top: 100px;
    padding-bottom: 0;
}

.section,
.section_custom_block {
    margin: var(--spacing-8) 0;
    padding: 0;
}

.section {

    border-top: 0px solid #e6e6e6;
    border-bottom: 0px solid #e6e6e6;

}

a.button.raised.legitRipple {
    color: var(--gray-800);
    margin-top: var(--spacing-6);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    font-size: var(--font-title1-size);

}

#u_body .block {
    padding: var(--spacing-7) var(--spacing-4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block p {
    line-height: 1.6;
}

#splash .button,
.section_custom_block .button {

    padding: var(--spacing-3) var(--spacing-2);

}

.countdown>div:not(:last-child) {
    border-right: 1px solid;
}

/* #nav,
#nav .container-fluid,
#nav .navbar-brand-img,
#nav .navbar-header {
    height: 100px !important;
} */
.navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    padding: 0;
    height: 100px;
}

#nav.clean a {
    color: var(--gray-900);
}

.table-forum .forum-topic-title {
    font-size: var(--font-title2-size);

}

.post-author-name,
.table-forum .forum-author {
    font-size: var(--font-title1-size);
}

.post-date,
.table-forum .forum-date {
    font-size: var(--font-title1-size);
}

.table-forum .forum-stats {
    font-size: var(--font-title1-size);

}

.table-forum>thead>tr>th {
    font-size: var(--font-title1-size);
}

.attendee-thumb {
    margin: 0;
}

#custom_page .attendee-thumb img {
    width: 100%;
    max-width: 180px !important;
    margin: 0 0 0.3rem 0;
    border-radius: 50%;
}

.u_content_custom_my_block>div {
    /* margin: var(--spacing-9) 0; */
    margin: 0;
}

.u_content_custom_my_block>div.registration-block,
.u_content_custom_my_block>div.registration-block .section,
#u_body .u_content_custom_my_block>div.registration-block .section .block {
    margin: 0;
    padding: 0;
}

#u_body .u_content_custom_my_block>div.registration-block .section .block p {
    margin-bottom: var(--spacing-4);
}

#u_body .u_content_custom_my_block>div.registration-block .section .block a.button.raised.legitRipple {
    margin: 0;
}

.attendee-thumb .fullname {
    font-family: var(--font-main);
    font-weight: bold;
    text-transform: none;
    color: var(--blue-800)
}

.attendee-thumb .fullname,
.attendee-thumb .role {
    font-size: var(--font-title1-size);
    letter-spacing: 0;
}

.attendee-home-block {
    padding: var(--spacing-6) 0;
    background-color: var(--gray-100);
}

#custom_page .light-heading,
.light-heading {
    font-size: var(--font-h3-size);
    font-family: var(--font-main);
    font-weight: normal;
    color: var(--gray-800);
}

.timetable.nav-tabs>li>a,
#timetable.nav-tabs>li>a {
    font-size: var(--font-title2-size);
}

.u_content_custom_my_block .timetable.nav-tabs>li>a,
.u_content_custom_my_block #timetable.nav-tabs>li>a {
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.searchbar .form-group>label {
    font-size: var(--font-title1-size);
}



.timeline .timeline-header {
    font-size: calc(var(--font-title2-size));
    font-weight: normal;
}

.timeline .card-content .card-heading {
    font-size: var(--font-title3-size) !important;

}

.timeline .card-content .card-heading a {

    color: var(--gray-950);
}

.timeline .card-list {
    font-size: var(--font-title1-size);

}

.timeline .card-content .main-data {
    background-color: var(--gray-100);
    padding: var(--spacing-4);
    border-radius: 12px;
}

.timeline .card-content .main-data .d-flex .img-responsive {
    width: 120px;
    height: 80px !important;
    object-fit: contain;
}

.timeline-content .filter-data-row {
    border-bottom: 0px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 0;

}

.timeline-content .col-sm-4.wrapper-btns {
    display: flex;
    justify-content: flex-end;
}

.timeline-content .col-sm-2.wrapper-btns .card-btns {
    max-width: 170px;
}

.timeline-content .col-sm-2.wrapper-btns .card-btns a,
.timeline-content .col-sm-2.wrapper-btns .card-btns .timetable-btns a {
    font-size: var(--font-standard-size);
    padding: var(--spacing-2) !important;
    font-weight: normal;
}

.timeline-content .col-sm-2.wrapper-btns .card-btns .timetable-btns a {
    color: black !important;
}

.timeline-content .col-sm-2.wrapper-btns a.button.raised.legitRipple {
    margin-top: var(--spacing-2);
}

#custom_page .timeline .card {
    border-radius: 16px;
    box-shadow: 0 0 10px var(--gray-100);

    padding: var(--spacing-6);
}

.wrapper-card {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

.wrapper-card .collapsing,
.wrapper-card .collapse {
    flex: 1
}

.main-data .mini-speaker {

    padding-left: 13px;
}

.main-data .card-list {
    margin-left: 5px;
}

.mini-speaker {
    margin: var(--spacing-1) 0 var(--spacing-6) 0;
    padding-left: 5px;
}

.article-box .mini-speaker {
    width: auto;
    margin: var(--spacing-3) 0;
    float: none;
}

.article-box .mini-speaker:first-child {
    padding-left: var(--spacing-1);
}

.timeline .tag {
    font-size: calc(var(--font-title1-size) / 1.1);
    padding: 8px 10px 5px 10px;
    border-radius: 13px;
}

.tags-select label {
    font-size: calc(var(--font-title1-size) / 1.2);
    padding: 8px 10px 5px 10px;
    border-radius: 13px;
}

.timeline .speaker-card {

    margin: 0.5rem 0 0 0;

}

.timeline .speaker-card-heading {
    font-size: var(--font-title1-size);
}

.speaker-card-content .truncate {
    white-space: normal;
}

.timeline .timeline-header:before {
    content: "";
    position: absolute;
    left: -1.62rem;
    top: .8rem;
    width: .7rem;
    height: .7rem;
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.75);
}

.table-forum>thead>tr>th {
    background: transparent;
    border-bottom: 1px solid var(--gray-200);

}

.wrapper-table-home {
    box-shadow: 0 0 5px #e4e4e4;
    padding: var(--spacing-3);
}

.mini-speaker .speaker-card-content {
    font-size: var(--font-standard);

    /*dimensioni font standard 1rem*/
}

.speaker-card-content {
    overflow: visible;
}

.page_index a.speaker-card:hover {
    border: 1px solid transparent;
}

a.speaker-card:hover {

    background-color: transparent !important;

}

a.speaker-card:hover .speaker-card-content {
    text-decoration: underline;
}

strong.filter-data-cell {
    font-weight: normal;
}

.cort_link,
.session-sidebar .button,
.timeline .card-btns .btn,
.timeline .card-btns .button,
.commitment-btns .button {
    font-size: var(--font-title2-size);
    margin-top: var(--spacing-3);
    margin-right: var(--spacing-4);

}

.timeline .card-btns .btn {
    white-space: normal;
}

.timeline .card-list li:last-child {
    width: auto;
    gap: 3px;
}

#u_body .article-box-list {

    padding-top: var(--spacing-2);
}

#u_body .article-box .title-more a {
    font-size: var(--font-timeline-title);
    line-height: 1;
}


a.black-link.remote-modal.filter-data-cell {
    font-weight: bold;
}

#u_body .article-box .filter-data-row .row-card__btns a {
    font-size: var(--font-title2-size);
    color: var(--blue-800);

}

.page_session div.session-box {
    background: var(--gray-50);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.session-box ul li {
    color: var(--blue-900)
}

.session-box__wrapper__boxBtn a,
#u_body .article-box .filter-data-row .row-card__btns a.btn-resources {
    border: 1px solid var(--gray-200);
    font-size: var(--font-title1-size);
}

.session-box__wrapper__title {
    font-size: var(--font-title2-size);
}

#u_body .row-card__speakers {
    padding-left: .5rem;
}

.speakersWidget {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: center;
}

#u_body .article-box .filter-data-row {

    color: var(--gray-900);

}

.session-cell .card-list .tag {

    padding: 5px 7px;

}

.session-cell h2 a {
    font-size: var(--font-title3-size);
    line-height: 1.1;
}

.sponsor-heading {
    font-size: var(--font-h1-size);
}

.session-cell-white .desc {
    font-size: var(--font-standard-size);
    color: black;
}

.session-cell .card-list.card-list-custom li {
    font-size: var(--font-title1-size);
    color: black !important;
}

.session-header .session-location {
    font-size: var(--font-alternative4-size);
    margin-bottom: var(--spacing-3);

}

.session-header p {
    font-size: var(--font-bodyshort2-size);
}

.session-header h1 {
    margin: 0 0 var(--spacing-4) 0;

}

#virtualmap_boxes {
    padding: 0;
}

.session-header .d-flex .img-responsive {
    width: 120px !important;
    height: 80px !important;
    object-fit: contain;

}

.blocco h4,
div.session-box h4,
a.session-box h4 {

    font-size: var(--font-title3-size);
    margin-bottom: var(--spacing-3);
    margin-top: var(--spacing-3);
}

.blocco ul,
div.session-box ul,
a.session-box ul {
    font-size: var(--font-title2-size);
    color: var(--gray-900)
}

.modal-dialog .d-flex .img-responsive,
.session-box .d-flex .img-responsive {
    width: 100px !important;
    height: 70px !important;
    object-fit: contain;
    display: block;
}

.session-box .speaker-card {
    border: 0;
    padding: 0 0 0 1rem;

}

.session-box a.speaker-card:hover {
    background-color: transparent !important;
}

.bg_white div.session-box,
.bg_white a.session-box {
    background: var(--gray-50);
}

.speaker-card-content {
    font-size: var(--font-standard);

}

.session-box__document__wrapper {
    padding: 0 1rem;
}

.session-box__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--spacing-4);
    padding: 0 1rem;
}

.session-box__wrapper__content {
    max-width: 70%;
}

.session-box__wrapper__left {
    flex: 1 1;
}

.session-box .filter-data-cell strong {
    font-weight: normal;
}

.page_session .article-box {
    margin-top: var(--spacing-6);
}

.page_session a.speaker-card:hover {
    border: 1px solid #efefef;
    background-color: transparent !important;
}

.page_session .session-box a.speaker-card:hover {
    border: 0px solid transparent;
    background-color: transparent !important;
}

.sharevent {

    font-size: var(--font-title1-size);

}

.booking-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.booking-wrapper .search-custom {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 30px !important;
    border: 0px;
    gap: .5rem;

}

.booking-wrapper .search-custom #filter-input-wrap {
    max-width: 300px;
    border: 1px solid var(--gray-200);
    border-radius: 5px;

}

.booking-wrapper .search-custom #filter-input-wrap input {
    padding: 0.5rem 1rem;
}

.booking-wrapper .search-custom button {
    position: relative;
    top: 0;
    left: 0;
}


.booking-filters,
.booking-filters-dates {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 250px));
    margin: 0 auto 0 0;
    width: 100%;
    gap: 1rem;
    overflow: visible;
    padding: 0;
}

.pills-list .lista-date {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 200px));
    justify-content: center;
    margin: 0 auto 0 0;
    width: 100%;
    gap: 1rem;
    overflow: visible;
    padding: 0;
}

.pills-list .wrapper-lista-date {
    margin: var(--spacing-6) 0;
    border-bottom: 1px dashed var(--gray-200);
    padding-bottom: 2rem;
}

.pills-list .lista-date li.active {
    outline: 2px solid var(--blue-600);

}

.pills-list .lista-date li a {
    text-align: center;
    width: 100%;
    display: block
}

#pillsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1240px;
    margin: 0 auto;
}

#pillsContainer .pills {
    border-radius: 30px;
    border: 1px solid var(--gray-200);
    margin: 0 1rem 0 0;
    padding: 0 1.3rem;

}

#pillsContainer .pills.booked {
    background-color: #40B35A;
    color: #fff;
}

#pillsContainer .pills.booked a {
    color: #fff;
}

#pillsContainer .pills.booked a {
    color: #fff;
}

#pillsContainer .pills a,
#pillsContainer a.pill,
#pillsContainer a.pill:hover,
#pillsContainer a.pill:active,
#pillsContainer a.pill:focus {
    padding: 10px 25px !important;
    color: #000000;
    background-color: transparent;
    border: 0px;
    margin: 0;

}

.wrapperBooked {
    display: flex;
    gap: .5rem;
}

.wrapperBooked__icon {
    display: flex;
    align-items: center;

}

.type_1 .filter-data-row.blocco_ {
    background: #fff;
    box-shadow: 1px 2px 10px -5px rgba(0, 0, 0, 0.34);
    border-radius: 2px;
    border: 2px solid #ebebeb;
    margin-bottom: 2rem;

}

.type_1 .filter-data-row.blocco_ .rip {
    height: 20px;
    margin: 0 10px;
    z-index: 2;
    position: relative;
}

.type_1 .filter-data-row.blocco_ .header {
    border-bottom: 1px dashed #d1d1d1;
    z-index: 1;
    position: relative;
    margin-bottom: -10px;
    padding: 20px;
}

.type_1 .filter-data-row.blocco_ .actions {
    padding: 10px 20px 0 20px
}

.type_1 .filter-data-row.blocco_ .actions .btn {
    font-size: .9rem;
    padding: 0.2rem 1rem;
    font-style: normal;
    text-decoration: none;
    color: white;
    border: 0px solid;
    border-radius: 5px;
    background-color: #238f3d;
}

.type_1 .filter-data-row.blocco_ .actions .btn.book {
    font-size: .9rem;
    padding: 0.4rem 2rem;
    font-style: normal;
    text-decoration: none;
    color: white;
    border: 0px solid;
    border-radius: 5px;
    background-color: #238f3d;
}

.type_1 .filter-data-row.blocco_ .rip::before,
.type_1 .filter-data-row.blocco_ .rip::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 1px solid transparent;
    border-top-color: #d1d1d1;
    border-right-color: #d1d1d1;
    border-radius: 100%;
    pointer-events: none;
    background: #fff;
}

.type_1 .filter-data-row.blocco_ .rip::before {
    left: -10px;
}

.type_1 .filter-data-row.blocco_ .rip::after {
    transform: translate(-50%, -50%) rotate(225deg);
    right: -30px;
}

.booking-filters-dates {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 0;
    width: auto;
    margin: 1rem auto;
}

.booking-filters-dates li.active {
    text-decoration: underline;
}


.booking-filters li .location {
    background-color: var(--gray-20);
    padding: var(--spacing-3);
    text-align: center;
    max-width: none;
    min-width: auto;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
}

.booking-filters-dates li {
    text-align: center;
    max-width: none;
    min-width: auto;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
    background: var(--gray-20);
    padding: 5px 18px;
}

.booking-filters li .location.active {
    outline: 2px solid !important;
}


.booking-filters-data {
    opacity: 0;
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    max-height: 0;
    text-align: left;
    transition: all 0.10s ease-in;
    font-size: .9rem;

}

.booking-filters-data li:first-child {
    margin-top: 10px;
}

.booking-filters-data li {
    text-align: center;
    max-width: none;
    min-width: auto;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
    padding: 2px 5px;
}

.booking-filters-data li:hover {
    text-decoration: underline;
}

.booking-filters-dates li:hover {
    text-decoration: underline;
}

.heading-small {
    margin-bottom: var(--spacing-3);
}



.page-session .sponsor-heading {
    font-size: var(--font-h1-size);
    font-family: var(--font-main);
    font-style: bolder;

    margin: 0;
}

/* utilizzato in: modale dentro sessioni */
p.pre-title {
    font-size: var(--font-standard);
    font-weight: bold;
    margin: 0;
}

/**/
.modal-page .bb-box span.m-speaker-name {
    font-size: var(--font-title3-size);
    font-weight: normal;
    margin: 0;
}

.modal-page .bb-box span.cat .speaker-info {
    color: black;
    font-size: var(--font-alternative4-size);
    padding: var(--spacing-3);
    background-color: var(--gray-100);
    color: black;

}

.modal-page .bb-box {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    justify-content: center;
    align-items: center;
}

.modal-content-custom .bg_gray h3 {
    font-size: var(--font-title3-size);
    color: black;
    text-transform: capitalize;
}


#custom_page .article-box .filter-data-row h2 {
    margin: var(--spacing-3) 0 var(--spacing-4) 0;
    font-weight: normal;
    text-transform: capitalize;
}

.row-card {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-4);
    border-bottom: 1px dashed var(--gray-200);
    padding-bottom: var(--spacing-4);
    margin-left: var(--spacing-4);
}

.row-card__btns {
    margin: 0 0 0 auto;
}

.row-card__img .d-flex {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-3);
}

.row-card__content {
    flex: 1;

}

/* in: 
  homepage gestisce i loghi nella timeline */
.row-card__img {
    margin-bottom: var(--spacing-4);

}

#custom_page .row-card__img .d-flex img.img-responsive {
    width: 100px;

    height: 70px !important;
    object-fit: contain;
    margin: 0 !important;
    border: 1px solid #ededed;


}

.row-card__speakers .row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;


}



.mini-speaker .speaker-card-img img {
    width: 40px;
}

.speakers {
    display: flex;

    flex-direction: column;
}

.page_sponsor .section {
    border-top: 0px;
}

.book_box .title-date {

    font-size: var(--font-title2-size);
    font-weight: normal;
}

.book_box .appointment-btns a,
.book_box .timetable-btns a {
    padding: 5px !important;
    font-weight: 400;
    letter-spacing: 0px;
}

.session-box .label.tag,
.book_box .label.tag {
    font-size: calc(var(--font-title1-size) / 1.2);
    padding: 8px 10px 5px 10px;
    border-radius: 13px;
    margin: var(--spacing-2) 0 0 0;
}

.btn.btn-intervention {
    background-color: var(--blue-700);
    color: white;
}

.book_box ul {
    margin-bottom: var(--spacing-3);
}

.book_box strong.title {
    color: #010101;
    font-size: var(--font-title3-size);
    font-weight: 800;
    display: block;
    margin: 5px 0 0 0;
    line-height: 30px;
    /* text-transform: uppercase; */
}

.book_box .speakers-name {
    font-weight: normal;
}

.book_box .book_desc_box {
    font-size: var(--font-standard);
    margin: var(--spacing-4) 0;
}

.team-members {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
    margin: var(--spacing-6) 0;
}

.team-member {
    max-width: 190px;
}

.side-heading,
div.session-box h4.side-heading {
    border-bottom: 0px;
}

.side-heading,
div.session-box h4.side-heading {
    font-size: var(--font-title2-size);
    margin-bottom: var(--spacing-2);
    color: var(--blue-800);
}

div.subnav ul {
    margin-left: 2rem;
    margin-top: 0;
}

.categories ul.list-inline {
    margin-left: 0rem;
    margin-top: 0;
}

div.subnav ul li:first-child {
    margin-top: 0;
}

.session-header {
    /*  padding-top: 24vh;
    padding-bottom: 5rem; */
    padding-top: 0;
    padding-bottom: 0;

}



.session-header .main-content {
    display: flex;

    align-items: center;
}

.eventGrid {
    display: grid;

    grid-template-columns: auto minmax(0, .8fr);
    padding: var(--spacing-6);
    line-height: 2;
    gap: var(--spacing-5);
    width: 100%;
    max-width: 1560px;
    margin: 0 auto 0 auto;
}

.eventGrid.isLoghiVisible {
    max-width: 1760px;
    grid-template-columns: 1fr .8fr;

}

.eventGrid__content {
    padding: var(--spacing-5);
}

.eventGrid__loghi {
    margin-bottom: var(--spacing-6);
    margin-top: 3rem;
    margin-left: 3rem;
}

.eventGrid__loghi h5 {
    font-weight: normal;
    position: relative;
    font-size: 1.1rem;
    margin-bottom: .5rem;

}

.eventGrid__loghi h5::before {
    content: '';
    position: absolute;
    top: 2px;
    left: -10px;
    height: 110px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.317);
}

.eventGrid__content__heading {
    border-left: 1px solid #777;
    padding-left: var(--spacing-4);
    padding-bottom: 1.5rem;
}


.eventGrid__content__info {
    font-size: 20px;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal;
}

.eventGrid__content__text {

    padding-left: var(--spacing-3);
}

.eventGrid__content__text p {
    font-size: 15px;
    line-height: 28px;
}

.session-header .session-bg-content {
    background-color: #000000;
}

.session-header .session-bg-content img {
    opacity: .7;
}

.session-header h1 {
    font-weight: normal;
}

.session-header .session-bg-content {
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

.categories {
    margin-top: var(--spacing-6);
}

.article .speaker-card-heading,
article .speaker-card-heading {

    border-bottom: 0px solid #efefef;
    font-size: var(--font-title3-size);
    margin-top: var(--spacing-8);

}

article .filter-data-row>h4 {
    font-weight: normal;
    border-bottom: 1px solid var(--gray-400);
    padding-bottom: var(--spacing-3);
}

.categories .label,
.page_posters .label,
.page_abstracts .label {
    display: inline;
    font-size: calc(var(--font-title1-size));
    padding: 8px 10px 8px 10px;
    border-radius: 20px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.card h2 {
    font-size: var(--font-title3-size);
}

.card.color01 {
    background: var(--blue-700);
}

.card.color02 {
    background: var(--blue-800);
}

.card.color03 {
    background: var(--blue-900);
}

.card.color04 {
    background: #086da8;
}

.card.color05 {
    background: #086da8;
}

.card.color06 {
    background: #065582;
}

.card.color07 {
    background: #006b61;
}

.card.color08 {
    background: #006b61;
}

.card.color09 {
    background: #00534b;
}

.session-box>div {
    margin: var(--spacing-4) 0;
    font-size: var(--font-standard-size);
}

.session-box__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-5);

}

.session-box .dropdown-menu {
    text-align: center;
}

.session-box .dropdown-menu a {
    font-size: var(--font-title1-size);
    text-align: center;
}

.session-box .btn {
    font-size: var(--font-title1-size);
}

.checkbox-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.checkbox-wrapper>div {

    flex: 0 0 150px;
}

.checkbox-wrapper .radio label,
.checkbox-wrapper .checkbox label {
    line-height: 1;
    text-indent: -18px;
}

#checkout-steps .checkout-step .ticket p {
    font-style: italic;
    color: var(--gray-900);
}

#checkout-steps .checkout-step .header {
    position: relative;
}

#checkout-steps .checkout-step .header .status {
    position: absolute;
    top: 5%;
    right: 5px;
    font-size: 12px;
    padding: 6px;
    line-height: 1;
    border-radius: 11px;
}

#checkout-steps .checkout-step .header .status.denied {
    font-weight: bold;

}

#checkout-steps .checkout-step .header .status.denied::before {
    content: " ";
    display: inline-block;
    vertical-align: baseline;
    width: 10px;
    height: 10px;
    background-color: #fa4646;
    border-radius: 50%;
    margin-right: 5px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased {
    border: 2px solid #ebebeb;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.denied {
    pointer-events: none;
    box-shadow: 0px 0px 10px rgba(223, 223, 223, 0.5);
}

#checkout-steps .checkout-step .ticket .rip:after,
#checkout-steps .checkout-step .ticket .rip:before {
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-color: #ebebeb;
    border-right-color: #ebebeb;
}

#checkout-steps .checkout-step .header .status.accepted::before {
    content: " ";
    display: inline-block;
    vertical-align: bottom;
    width: 10px;
    height: 10px;
    background-color: #3ea957;
    border-radius: 50%;
    margin-right: 5px;
}



#checkout-steps .checkout-step .ticket.ticket_purchased.denied .title,
#checkout-steps .checkout-step .ticket.ticket_purchased.denied .slot-dates_ {
    opacity: .4;
}

#checkout-steps .checkout-step .ticket.ticket_purchased .check-container {
    margin: 0;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .booking-sessions {
    border: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1.9rem;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions {
    display: flex;
    flex-direction: column;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions .swiper-content {
    margin: 15px 10px 20px 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    max-width: 270px;
    margin: 15px auto 29px auto;

    padding: 4px;
    border-radius: 30px;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-button-next,
#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-button-prev {
    position: relative;
    width: 40px;
    height: 40px;
    background: rgb(246 246 246);
    border-radius: 50%;
    margin: 5px 0;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-button-next:after,
#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-button-prev:after {
    font-size: 25px !important;
    font-weight: bold !important;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-pagination-bullets {
    position: relative;
    width: auto;
    top: auto;
    bottom: auto;


}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content {
    overflow: hidden;
    padding: 5px 20px !important;
    transition: 1s ease max-height;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content.closed {
    overflow: hidden;
    padding: 5px 20px !important;
    transition: 1s ease max-height;
    max-height: 0;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row {
    padding: 0;
    border: none;

    border-radius: 10px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions .swiper-content.classic .ticket-reservation-row {
    flex: 1 1 100%;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions .swiper-content.schedule .ticket-reservation-row {
    flex: 0 1 235px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row.type_list {
    flex: 0 1 100%;
}


#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row>div,
#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row>div .check-container {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row .session-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row .session-title.titleOnly {
    font-size: 22px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row .session-content {
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .swiper-content.classic .ticket-reservation-row .session-content {
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row .session-room {
    margin: 5px 0;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .swiper-content.classic .ticket-reservation-row .session-room {
    margin: 0;
    font-size: 14px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row .session-date {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 9px;
    margin-bottom: 7px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .swiper-content .ticket-reservation-row .session-date {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row>div .check-container .session-data-label {

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row>div .check-container .session-data-label.titleOnly {
    justify-content: center;
    align-items: center;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .swiper-content.classic .ticket-reservation-row>div .check-container .session-data-label.titleOnly {

    align-items: flex-start;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row>div .check-container .session-data-label.titleOnly .session-title {
    font-size: 20px;
    line-height: 1.2;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .swiper-content.classic .ticket-reservation-row>div .check-container .session-data-label .session-title {
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket .check-container input {
    display: none;
}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket .check-container input:checked~.session-data-label {
    outline: 2px solid #40B35A;
    border-radius: 10px;

}

#checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket .check-container input~.session-data-label {
    cursor: pointer;
    outline: 2px solid rgb(246 246 246);
    border-radius: 10px;
}



#checkout-steps .checkout-step .header .title {

    font-weight: bold;
}

#checkout-steps .checkout-step .header .data {
    font-size: 0.9rem;
    font-weight: normal;

}

#checkout-steps .checkout-step .ticketfooter {
    text-align: center;
}

#checkout-steps .checkout-step .ticketfooter.disabled {
    pointer-events: none;
    opacity: 0.5;
}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions {
    display: flex;
    gap: 1rem;
}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions a,
#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions form .cancel {
    font-size: .8rem;
    padding: 0.2rem 1rem;
    font-style: normal;
    text-decoration: none;
    color: white;
    border: 0px solid;
    border-radius: 5px;

}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions form {
    margin-left: auto;
}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions .download {
    background-color: #238f3d;
}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions .modify {
    background-color: #f99700;
}

#checkout-steps .checkout-step .ticketfooter .ticketfooter__actions .cancel {
    background-color: #ff5959;
}

.content.ticketfooter p {
    font-size: .9rem;
}

.ticket-reservation-row .highlights:first-child {
    font-size: var(--font-title2-size);
}

.ticket-reservation-row .highlights {
    font-size: var(--font-standard-size)
}

#wrap-subscription #page .border-bottom {
    border-bottom: 0px solid #e3e2e8;
}

.timer-box {
    background: var(--blue-300);
    display: flex;
    align-items: center;
}


.timer-box .minutes {
    font-size: 32px;
    line-height: 1;
    color: var(--blue-800);
    width: 85px;
}

.modal-dialog {
    width: 700px;
    margin: 30px auto;
    max-width: 100%;
}

.modal-content-custom {

    padding: 1rem;
}

#custom_page .se-avatar img {
    width: 50px;
    max-width: 50px !important;
}

.label-success {
    background-color: #2b642b;
}

.destroy_account,
.destroy_account a {
    font-size: 0.9rem;
    color: #000000;
}

.nav-third.nav>li>a {
    font-size: 16px;
    font-weight: 700;
    color: var(--blue-900);
}

.redactor-statusbar li {

    color: rgb(0 0 0) !important;

}

.redactor-styles a,
.redactor-styles a:hover {
    color: var(--blue-800) !important;
}

.appointment .dates,
.appointment .roles {
    color: var(--gray-900);
}

span.select2-selection.select2-selection--single.select2-container--bootstrap {
    background-color: #fcfcfc;
    border: 2px solid #eeeef1;
    border-radius: 3px;
    height: 54px;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .selection>span {
    border-color: rgb(204, 0, 0);
    outline: 0;
}

#nav,
#nav .container-fluid,
#nav .navbar-brand-img {
    height: 100px !important;
}

.pills-list #pillsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1240px;
    margin: 0 auto;
}

.pills-list #pillsContainer .pills {
    border-radius: 30px;
    border: 1px solid var(--gray-200);
    margin: 0 1rem 0 0;

}

.pills-list #pillsContainer .pills.booked {
    background-color: #40B35A;
    color: #fff;
}

.pills-list #pillsContainer .pills.booked a {
    color: #fff;
}

.pills-list #pillsContainer .pills a,
.pills-list #pillsContainer a.pill,
.pills-list #pillsContainer a.pill:hover,
.pills-list #pillsContainer a.pill:active,
.pills-list #pillsContainer a.pill:focus {
    padding: 10px 25px !important;
    color: #000000;
    background-color: transparent;
    border: 0px;
    margin: 0;

}

.wrapperBooked {
    display: flex;
    gap: .2rem;
    justify-content: center;
}

.wrapperBooked__icon {
    display: flex;
    align-items: center;

}

/* .halo-wrapper {
    max-width: 1000px;
    margin: 0 auto;
} */
.halo-element__speakers__group {
    margin-top: .5rem;
}

.pagination-item.halo-element {
    display: grid;
    grid-template-columns: 150px 1fr;
    font-size: 24px;
    margin-bottom: 2rem;
}



.halo__title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1rem;
}

.halo-element__speakers__item {
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.halo-element__speakers__item__name {
    font-weight: bold;
}

.halo-element__title {
    font-weight: bold;
}

.halo-element__speakers__item .role {
    color: black;
    font-weight: normal;
}

.halo-element__session__box {
    font-size: 1.2rem;
    padding: .5rem 1rem;
    margin-top: .5rem;
    background-color: rgb(248, 248, 248);
    display: inline-block;

}

.halo-element__session__box__item {
    margin-bottom: .3rem;
}

@media screen and (max-width: 1640px) {
    :root {
        /*FONT SIZES*/
        --font-navlink-size: 1rem;
    }

    #nav #main-menu a {
        padding: 10px 3px;
    }
}


@media screen and (max-width: 1199px) {
    :root {
        /*FONT SIZES*/
        --font-h1-size: 3rem;
        --font-h2-size: 2.5rem;
        --font-h3-size: 2rem;
        --font-h4-size: 1.5rem;
        --font-h5-size: 1.5rem;
        --font-p-size: 1.5rem;
        --font-alternative1-size: 3rem;
        --font-alternative2-size: 2.25rem;
        --font-alternative3-size: 1.75rem;
        --font-display1-size: 7.625rem;
        --font-display2-size: 4.5rem;
        --font-display3-size: 3.75rem;
        --font-p-size: 1.5rem;
    }

    .eventGrid {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: flex-start;

    }



    .session-header .img-session-splash {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .eventGrid__content {
        order: 2
    }

    .eventGrid__loghi {
        margin-top: var(--spacing-4);
        margin-left: var(--spacing-5);
        margin-bottom: var(--spacing-6);
        align-content: flex-start;
    }

    #splash,
    #splash_page,
    #splash_talk {
        margin-top: 0px;
        padding-bottom: 0;
    }

    #nav ul#main-menu {
        margin: 20px 1rem;
        display: flex;
        flex-wrap: wrap;
        max-width: 700px;
        padding: 0 1rem;
        align-items: flex-end;
    }

    #nav ul#main-menu li {
        width: 250px;
        text-align: left;
    }

    #nav ul#main-menu li:last-child.dropdown {
        width: 100%;
        order: -1;
    }

    #nav a.portrait {
        gap: 0;
    }

    #nav a.portrait .se-avatar {
        position: relative;
        right: 4px;
        margin-top: 0;
    }



    #nav #main-menu a {
        font-size: var(--font-navlink_mobile-size) !important;
        font-weight: normal;
        padding: 0;
    }

    #nav .ui-btn {
        display: flex;
        flex-direction: column;
    }

    .timeline .timeline-header {
        font-size: var(--font-title2-size);

    }



    .navbar-nav>li>a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    #nav li:last-child {
        margin-right: 0rem;
        margin-top: var(--spacing-4);
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        padding-left: 1rem;
        padding-right: 1rem;

    }

    #nav .navbar-collapse {
        padding-bottom: 1rem;
    }

    .userMenu {

        flex-direction: column;
    }

    .icon {
        position: absolute;
        top: 15px;
        left: 99px;
    }


    #nav #main-menu>li>.dropdown-menu li a {
        font-size: var(--font-navlink_dropdown_mobile-size) !important;

    }

    #nav #main-menu>li>.dropdown-menu li:last-child {
        margin: 0;
    }

    #nav .navbar-nav>li>.userMenu .portrait+.dropdown-menu {
        background-color: white;
        padding: 0;
        border: 0;
    }

    #nav #main-menu>li>.userMenu .portrait+.dropdown-menu li a {
        font-size: var(--font-navlink_dropdown_mobile-size) !important;
        padding: 10px 3px;
    }

    #nav #main-menu .portrait+.dropdown-menu a {
        color: black !important
    }

    #nav .navbar-collapse .dropdown-menu {

        margin: 0;

    }

    .row-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .row-card__btns {
        margin: 0;
    }

    .session-box__wrapper__content {
        max-width: 100%;
    }

    .session-box__wrapper__boxBtn {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
    }

    article {
        padding: 0 1rem;
    }

    .col-sm-2.subnav {
        padding: 0 2rem;
    }

    ul#timetable {
        justify-content: center;
        overflow-x: visible;
        padding: 1rem 0;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .timeline-content .col-sm-2.wrapper-btns .card-btns {

        margin: 1rem 0;
    }

    .session-header {

        height: auto;
    }

    .session-header .main-content {
        height: auto;
        align-items: flex-start;
    }

    .session-layout {
        display: flex;
        flex-direction: column-reverse;
    }

    div.subnav ul {
        margin-bottom: 0;
        display: flex;
        gap: 4rem;
    }

    .subnav__box {
        padding-left: 15px;
    }

    div.subnav ul li:first-child {
        margin-top: 12px;
    }

    .session-box__wrapper__boxBtn {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .ul-with-icons a {
        word-break: break-word;
    }
}

@media screen and (max-width: 768px) {
    :root {
        /*FONT SIZES*/
        --font-h1-size: 2.25rem;
        --font-h2-size: 1.75rem;
        --font-h3-size: 1.5rem;
        --font-h4-size: 1.25rem;
        --font-h5-size: 1.25rem;
        --font-p-size: 1.5rem;
        --font-alternative1-size: 2.25rem;
        --font-alternative2-size: 1.875rem;
        --font-alternative3-size: 1.625rem;
        --font-display1-size: 3.75rem;
        --font-display2-size: 3.375rem;
        --font-display3-size: 2.625rem;
        --font-p-size: 1.125rem;
        /* SPACING */
        --spacing-1: 1px;
        --spacing-2: 4px;
        --spacing-3: 8px;
        --spacing-4: 16px;
        --spacing-5: 24px;
        --spacing-6: 32px;
        --spacing-7: 48px;
        --spacing-8: 64px;
        --spacing-9: 80px;
    }

    #checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .ticket-reservation-row {
        padding: 0;
        border: none;
        flex: 1 1 235px;
        border-radius: 10px;
    }

    #checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list .swiper-navbar {

        margin: 15px auto 15px auto;

    }

    #checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions .swiper-content {
        justify-content: center;
    }

    #checkout-steps .checkout-step .ticket.ticket_purchased.my-ticket.step-3 .content .content-list #swiper-sessions {
        flex-direction: column-reverse;
    }

    .pagination-item.halo-element {
        grid-template-columns: 1fr;
    }

    .speakersWidget {
        flex-direction: column;
        gap: 1rem;
    }


    div.subnav ul {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .page_session div.session-box {
        flex-direction: column;
    }

    .session-header .bg-content {
        width: 100%;
        height: 100%;
    }

    .session-header .bg-content img {
        height: 100%;
        object-fit: cover;
    }

    .session-header {
        padding: 0;

    }

    #stream-content,
    #boxchat-container {

        margin-top: 89px;
    }

    .page_session #boxchat-container {
        margin-top: 0;
    }

    .wrapper-card {
        flex-direction: column;
        gap: 0
    }

    #custom_page .timeline .card {
        padding: var(--spacing-1);
        box-shadow: 0 0 0;
    }

    .attendee-thumb {
        margin: 0 0 1.5rem 0;
    }

    .lista-date {

        grid-template-columns: repeat(2, 1fr);

    }

    .row-card {
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing-1);
    }

    .row-card__speakers .row {
        align-items: flex-start;
    }

    .article-box .mini-speaker {
        width: 100%;
    }

    .article-box .mini-speaker:first-child {
        padding-left: 5px;
    }



    .team-members {

        justify-content: center;

    }

    body.page_sponsor .section {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .arrow-container {
        display: none;
    }

    .eventGrid__content {
        padding: 0;
    }

    .eventGrid__loghi {

        margin-left: var(--spacing-3);
        margin-bottom: var(--spacing-6);
        align-content: flex-start;
    }
}

@media screen and (max-width: 550px) {

    #u_body .wrapper-programma.carousel #prev span,
    #u_body .wrapper-programma.carousel #next span {
        display: none;
    }
}

@media screen and (max-width: 440px) {
    :root {
        /*FONT SIZES*/
        --font-h1-size: 2rem;
        --font-h2-size: 1.5rem;
        --font-h3-size: 1.25rem;
        --font-h4-size: 1.125rem;
        --font-h5-size: 1.125rem;
        --font-p-size: 1.5rem;
        --font-alternative1-size: 2.25rem;
        --font-alternative2-size: 1.625rem;
        --font-alternative3-size: 1.25rem;
        --font-display1-size: 3rem;
        --font-display2-size: 2.625rem;
        --font-display3-size: 2.25rem;
        --font-p-size: 1.125rem;
        /* SPACING */
        --spacing-1: 1px;
        --spacing-2: 4px;
        --spacing-3: 8px;
        --spacing-4: 16px;
        --spacing-5: 24px;
        --spacing-6: 32px;
        --spacing-7: 40px;
        --spacing-8: 48px;
        --spacing-9: 64px;
    }

    .timer-box {
        background: var(--blue-300);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #checkout-steps .checkout-step .ticketfooter .ticketfooter__actions {
        flex-direction: column;
        align-items: center;
    }

    #checkout-steps .checkout-step .ticketfooter .ticketfooter__actions form {
        margin-left: 0;
    }

    .section_custom_block {
        margin: var(--spacing-6) 0;
    }
}

html,
#footer,
.colofon_organizer {
    background: #2d4156 !important;
}