@font-face {
  font-family: 'life-sans';
  font-style: normal;
  src: url('/assets_app/fonts/lifesans/LifeSans-Bold.woff2') format('woff');
  font-weight: bolder;
}

@font-face {
  font-family: 'life-sans';
  font-style: normal;
  src: url('/assets_app/fonts/lifesans/LifeSans-SemiBold.woff2') format('woff');
  font-weight: bold;
}

@font-face {
  font-family: 'life-sans';
  font-style: normal;
  src: url('/assets_app/fonts/lifesans/LifeSans-Regular.woff2') format('woff');
  font-weight: normal;
}

: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: 'life-sans';

  /*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), sans-serif !important;
  font-size: var(--font-alternative-size);
  font-weight: normal;
  color: var(--gray-800)
}

#u_body {
  font-family: var(--font-main), 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;

}

#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;

}

#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: var(--blue-800);
  padding: var(--spacing-3);
  border: 0;
  width: 220px;

}

#nav #main-menu .portrait+.dropdown-menu a {
  color: white;
  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: white;
  background-color: transparent;
  border-left: 2px solid white;
  transition: all ease-in-out 0.3s;
}

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: 20px;
  color: var(--gray-900);
  font-family: var(--font-main);
  font-weight: normal;
  text-transform: none;
  background-color: rgba(238, 243, 247, 1);
  border-radius: 8px;
  border: 1px solid rgba(182, 197, 208, 1);
  letter-spacing: 0;
}

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

.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: var(--font-standard-size);
}

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

}

#splash p {
  margin: 0;
  text-align: left;
}

#splash h1 {
  text-align: left;
}

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

.countdown>div {
  color: var(--blue-800) !important;
}

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

#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 {
  /* margin: var(--spacing-9) 0; */
  margin: 0;
}

/* #u_content_custom_my_block_7,
#u_content_custom_my_block_7>div {
  margin: 0;
} */

.attendee-thumb .fullname {
  font-family: var(--font-main);
  font-weight: bold;
}

.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-content .black-link,
.timeline-content strong {
  color: #013a68 !important
}



.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);
  color: #013a68;
}

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

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

  color: var(--gray-800);

}

.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: var(--spacing-4) 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,
.session-box h4 a {
  color: var(--blue-800) !important;
  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);
  color: var(--blue-800);
}

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

}

.lista-date {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 0 auto 0 0;
  width: 100%;
  gap: 1rem;
  overflow: visible;
  padding: 0 1rem;
}

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

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

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

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

}

.lista-date li a {
  width: 100%;
  display: block
}


.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-wrap: wrap;
  justify-content: flex-start;
  gap: var(--spacing-3);

}



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

.speakers {
  display: flex;
  gap: var(--spacing-4);
  flex-wrap: wrap;
}

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

.book_box .title-date {

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

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

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

.ul-with-icons .fa-li {

  color: var(--blue-800);
}

.subnav a {
  color: var(--gray-800)
}

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

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 h1 {

  font-weight: normal;

}

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

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

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

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


.not-found a,
.not-found a:hover,
.not-found a:focus {
  color: #0b9aec !important;
}

.timeline-content ul.info li {
  color: var(--blue-800)
}

.no_survey_img {
  display: none;
}

.message_404 {
  display: inline-block;
  text-align: left;
}

.not-found {
  text-align: center;
}

.not-found .content {
  display: inline-block;
}

.not-found .content h1 {
  text-align: left;
}



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

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

  #splash p,
  #splash h1 {
    margin: 0 !important;
    text-align: left !important;
  }

  #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 {
    padding: 2rem 0 0 0;
    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;
  }


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

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

@media screen and (max-width: 320px) {
  :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;
  }



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

html,
#footer,
.colofon_organizer {
  background: #013a68 !important;
}