/* custom css for conference 2026 new landing page */

@font-face {
    font-family: "DMSans";
    src: url("/sites/default/files/fonts/DMSans-Regular.ttf");
}
@font-face {
    font-family: "DMSans";
    src: url("/sites/default/files/fonts/DMSans-Bold.ttf");
    font-weight: bold;
}

.main-container .region-content{
  font-family: DMSans;
}

h2{
  font-weight: bold !important;
  text-align: center !important;
}

.conference-title h2,
.conference-title h6{
  font-weight: normal !important;
}

.img-responsive{
  width: 100%;
  height: auto;
}

.mobile-element{
  display: none;
}

.internal-row{
  margin: 0 !important;
  margin-top: 60px !important;
}

.block-next-conference{
  margin-bottom: -150px;
}

.main-container article{
  width: 100vw !important;
  position: relative !important;
  margin-left: -50vw !important;
  left: 50% !important;
}

.main-container article,
.view-content{
  background-color: #FFFFFF;
}

.main-container article h2,
.view-content h2,
.main-container article h6,
.view-content h6,
.main-container article .conference-hp-general-presentation .field--label,
.view-content .conference-hp-general-presentation .field--label{
  color: #FF4730 !important;
}

.main-container article .content,
.view-content .views-row,
.conference-hp-icons-block-landing .content{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.main-container article .conference-hp-key-image,
.views-row .views-field-field-key-image,
.topics-banner-wrapper{
  margin-left: -33.33% !important;
  margin-right: -33.33% !important;
}

.conference-hp-key-image-mobile,
.conference-icons-mobile{
  display: none;
}

.conference-icon,
.next-conference-title,
.partner-conference-icon{
  display: inline-block;
  vertical-align: middle;
}

.conference-icon{
  width: 22rem;
  margin-right: 10rem;
}

.next-conference-title{
  text-align: left !important;
  margin-left: 10px !important;
  margin-right: 30px !important;
}

.partner-conference-icon{
  width: 25rem;
}

.conference-hp-body{
  padding: 0;
  margin-top: 120px;
}

.conference-hp-body h2{
  margin: 0;
  /*margin-bottom: 60px;*/
}

.conference-title{
  clear: both;
  margin-bottom: 60px;
  /*padding-top: 15px;*/
}

.conference-title h2{
  font-weight: bold;
}

.conference-date-place{
  font-weight: normal;
  margin-bottom: 60px !important;
}

.conference-hp-general-presentation .field--label{
  display: none;
  font-weight: bold;
  font-size: 28px;
}

.btn-conference-program,
.btn-conference-program:focus,
.btn-conference-program:hover{
  border: 1px solid #FF4730;
  /*background: linear-gradient(160deg, #5FC8C9, #48B856);*/
  background-color: #FFFFFF;
  color: #FF4730;
  font-size: 22px !important;
  /*font-weight: bold !important;*/
  margin-top: 60px;
  text-transform: none;
  border-radius: 10px !important;
}

.conference-program-pdf{
  /*box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);*/
  border: 1px solid #FF4730;
  /*background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(160deg, #5FC8C9, #48B856);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;*/
  background-color: #FFFFFF;
  color: #FF4730;
  float: right;
  margin-top: 60px;
  width: 316px;
  border-radius: 10px !important;
}

.file-download-icon{
  display: none;
}

.file-download-link{
  /*background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(160deg, #5FC8C9, #48B856) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;*/
  font-size: 22px !important;
  background-color: #FFFFFF !important;
  color: #FF4730;
  /*font-weight: bold !important;*/
}

.file-download-link a{
  color: #FF4730 !important;
}

.file-download-link a:focus,
.file-download-link a:hover{
  text-decoration: none;
}

.conference-hp-icons-block{
  clear: both;
  margin-left: -33.33%;
  margin-right: -33.33%;
  padding-top: 150px;
  /*text-align: center;*/
}

.conference-hp-icons-block-landing{
  padding-top: 0 !important;
}

.conference-hp-icons-block .row{
  margin: 0;
}

.conference-hp-icons-block .conference-hp-icons-wrapper{
  padding: 5%;
  padding-bottom: 0;
  background-color: #12268C;
  color: #FFFFFF;
}

.conference-hp-icons-block .conference-hp-icons-btn{
  padding: 5%;
  padding-top: 60px;
  background-color: #12268C;
  color: #FFFFFF;
}

.conference-icons-wrapper{
  text-align: center;
  margin: 30px 0;
}

.conference-hp-icons{
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}

.conference-icons{
  display: inline-block;
  vertical-align: top;
  width: 14%;
  margin: 0 2%;
}

.conference-icons img{
  max-width: 14rem;
  margin-left: auto;
  margin-right: auto;
}

.conference-icons h6{
  text-transform: uppercase;
  font-size: 16px;
}

.speakers-banner{
  background-image: url("/sites/default/files/conference-images/2025_mattonella.jpg");
  background-size: 200px 200px;
}

.speakers-banner-title{
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  margin-top: 90px;
}

.speakers-banner .view-speakers{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.speakers-banner .speakers-frame-wrapper{
  position: absolute;
  top: 0;
}

.speakers-banner .speakers-wrapper{
  width: 100%;
}

.speakers-banner .members-role-list .view-content{
  margin-top: 100px;
  margin-bottom: 17px;
  background-color: transparent;
}

.speakers-banner .members-role-list .member-image img{
  border-radius: 10px !important;
  border: 3px solid #12268C;
}

.speakers-banner .members-role-list .member-name-surname{
  /*margin-top: 15px;*/
  position: absolute;
  bottom: 13%;
  z-index: 9;
  margin: 0;
  margin-left: 15px;
  line-height: 18px;
  width: 60%;
}

.speakers-banner .members-role-list .member-institution{
  /*margin-top: 0;*/
  font-weight: normal;
  position: absolute;
  bottom: 3%;
  z-index: 9;
  margin: 0;
  margin-left: 15px;
  line-height: 16px;
  width: 60%;
}

.speakers-banner .members-role-list .member-caption{
  /*margin-top: 0;*/
  font-weight: normal;
  position: absolute;
  top: 80%;
  z-index: 9;
  margin: 0;
  padding-left: 20px;
  line-height: 18px;
  width: 100%;
  height: 20%;
  background-color: #FFFFFF;
  padding-top: 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 3px solid #12268C;
  border-top: none;
}

.speakers-banner .speaker-icon-wrapper{
  position: absolute;
  top: 30px;
  right: 3px;
}

.speakers-banner .speaker-icon{
  width: 120px;
}

.speakers-list-banner{
  text-align: center;
  margin-bottom: 30px;
}

.speakers-list-banner,
.block-next-conference .speakers-list-banner{
  background-color: #1C417A;
  margin-top: 0;
}

.speakers-wrapper .views-col{
  display: none;
  margin-bottom: 30px;
  padding: 0;
}

.speakers-wrapper .views-col .speaker-frame{
  display: none;
}

.speakers-wrapper .col-1,
.speakers-wrapper .col-2,
.speakers-wrapper .col-3,
.speakers-wrapper .col-4,
.speakers-wrapper .col-5,
.speakers-wrapper .col-6{
  display: block;
}

.speakers-wrapper .views-col,
.speakers-wrapper .views-col a{
  color: #12268C;
}

/*.speakers-wrapper .col-2,
.speakers-wrapper .col-4,
.speakers-wrapper .col-2 a,
.speakers-wrapper .col-4 a{
  color: #FFFFFF;
}*/

.speakers-wrapper .col-1 .speaker-frame-white,
.speakers-wrapper .col-6 .speaker-frame-white{
  display: block;
}

.speakers-wrapper .col-2 .speaker-frame-red,
.speakers-wrapper .col-4 .speaker-frame-red{
  display: block;
}

.speakers-wrapper .col-3 .speaker-frame-yellow,
.speakers-wrapper .col-5 .speaker-frame-yellow{
  display: block;
}

.change-speaker{
  color: #FFFFFF;
  font-size: 40px;
  position: absolute;
  top: 35%;
  cursor: pointer;
  background-color: #12268C;
  padding: 5px;
}

.change-speaker.prev{
  left: -50px;
}

.change-speaker.next{
  right: -50px;
}

.conference-hp-location-presentation{
  /*padding-top: 70px;
  text-align: center;
  margin-left: -33.33%;
  margin-right: -33.33%;
  background-color: #FEE7A5;*/
}

.conference-hp-location-presentation .row{
  margin: 0;
  margin-top: 150px;
}

.conference-hp-location-presentation h3,
.conference-hp-location-presentation h4{
  color: #FF4730;
  font-weight: normal;
}

.conference-hp-location-presentation .tips{
  padding: 90px 0;
  background-color: #FFFFFF;
}

.conference-hp-location-presentation .tips h4{
  margin-bottom: 60px;
}

.conference-hp-location-presentation .tips .btn-tips{
  color: #FFFFFF;
  background-color: #F59C00;
  padding: 15px 48px;
  border-radius: 10px !important;
  border-color: #F59C00;
  margin-right: 30px;
}

.conference-hp-location-presentation .tips a:nth-child(2){
  background-color: #E70023;
  border-color: #E70023;
}

.conference-hp-location-presentation .tips a:nth-child(3){
  background-color: #FED769;
  border-color: #FED769;
  color: #333333;
}

.conference-hp-location-presentation .tips a:nth-child(4){
  background-color: #F69B1E;
  border-color: #F69B1E;
}

.conference-hp-location-presentation .tips a:nth-child(5){
  background-color: #1C417A;
  border-color: #1C417A;
  margin-right: 0;
}

.conference-hp-location-presentation .uni-info{
  padding: 90px 25%;
  background-color: #E70023;
}

.conference-hp-location-presentation .uni-info h4{
  margin-bottom: 30px;
  color: #FFFFFF;
}

.conference-hp-location-presentation .uni-info a{
  color: #FFFFFF;
}

.conference-hp-location-presentation .uni-info .text{
  padding-bottom: 60px;
}

.conference-hp-location-presentation .uni-info .images > div{
  padding: 0;
}

.btn-join-conference,
.btn-join-conference:focus
.btn-join-conference:hover{
  color: #FFFFFF !important;
  background-color: #F59C00 !important;
  padding: 6px 24px;
  border-radius: 10px !important;
  border-color: #F59C00 !important;
  font-size: 22px;
  font-weight: bold;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.btn-university-info,
.btn-university-info:focus
.btn-university-info:hover{
  color: #FF4730 !important;
  background-color: #FFFFFF !important;
  padding: 6px 24px;
  border-radius: 10px !important;
  border-color: #FF4730 !important;
  font-size: 22px;
  font-weight: normal;
}

.btn-become-member,
.btn-become-member:focus
.btn-become-member:hover{
  color: #FFFFFF !important;
  background-color: transparent !important;
  padding: 6px 24px;
  border-radius: 10px !important;
  border-color: #FFFFFF !important;
  font-size: 22px;
  font-weight: normal;
  text-transform: none;
}

.topics-banner-mobile{
  display: none;
}

.topics-banner,
.topics-banner-mobile{
  padding: 100px 0;
}

.topics-banner-btn{
  padding-bottom: 100px;
}

.become-member-wrapper{
  color: #FFFFFF;
  margin-left: -33.33% !important;
  margin-right: -33.33% !important;
  padding: 120px 33.33%;

  background-image:
    url('/sites/default/files/conference-images/2026_elemento_grafico_ovale.png'),
    linear-gradient(90deg, #73A35C, #F4CC54);

  background-repeat:
    no-repeat, /* immagine */
    no-repeat; /* gradiente */

  background-position:
    center calc(100% - 60px),    /* immagine */
    center center;    /* gradiente */

  background-size:
    auto 50%,      /* immagine con altezza 100px */
    cover;           /* gradiente riempie tutta l'area */
}

.become-member-wrapper h3,
.become-member-wrapper h4{
  color: #FFFFFF;
  font-weight: normal;
}

.speakers-list-banner{
  padding: 0;
  padding-top: 53px;
  padding-bottom: 100px;
  background-image: url("/sites/default/files/conference-images/2025_mattonella.jpg");
  background-size: 200px 200px;
}

.conference-utilities-main-block{
  clear: both;
  margin-left: -33.33%;
  margin-right: -33.33%;
  padding-top: 1px;
}

.conference-utilities-block{
  margin-top: 120px;
}

.conference-utilities-block h2{
  color: #FF4730;
  font-weight: normal !important;
}

.conference-utilities-block .views-row:nth-child(2) .utility-container,
.conference-utilities-block .views-row:nth-child(5) .utility-container{
  background-color: #73A35C;
}

.conference-utilities-block .views-row:nth-child(3) .utility-container,
.conference-utilities-block .views-row:nth-child(6) .utility-container{
  background-color: #FA8942;
}

.conference-utilities-block .views-row:nth-child(4) .utility-container,
.conference-utilities-block .views-row:nth-child(7) .utility-container{
  background-color: #F4CC54;
}

.conference-utilities-block .views-row:nth-child(4) .utility-container .utility-link,
.conference-utilities-block .views-row:nth-child(7) .utility-container .utility-link{
  border-color: #333333 !important;
}

.conference-utilities-block .views-row:nth-child(4) .utility-container a,
.conference-utilities-block .views-row:nth-child(7) .utility-container a{
  color: #333333 !important;
}

.conference-utilities-block .views-row:nth-child(1) .utility-container,
.conference-utilities-block .views-row:nth-child(8) .utility-container{
  background-color: #FF4730;
}

.btn-past-conference{
  text-transform: none;
  font-weight: normal;
  font-size: 22px;
}

.join-conference-wrapper{
  margin-top: 150px;
}

.join-conference{
  padding: 5%;
  background-color: #12268C;
  color: #FFFFFF;
}

.conference-utilities-block .utility-wrapper a{
  font-weight: normal;
}

.conference-items-wrapper{
  margin-top: 150px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url('/sites/default/files/conference-images/2026_background_lisbon.jpg');
  background-size: cover;   /* l'immagine copre tutto il contenitore */
  background-position: center;  /* centrata */
  background-repeat: no-repeat; /* niente ripetizione */
}

.conference-items-wrapper .row{
  display: table;
  width: 100%;
  color: #FFFFFF;
}

.conference-items-wrapper .row > div {
    display: table-cell;
    vertical-align: middle;
}

.conference-items-wrapper h3{
  color: #FFFFFF;
  font-weight: normal;
}

.conference-program-link{
  margin: 0 !important;
}

#speakers-list-button{
  font-size: 22px;
  padding: 6px 72px;
  color: #1C417A;
}

#speakers-list-button-2024{
  /*margin-top: 20px;*/
  color: #12268C;
  font-size: 22px;
  font-weight: 700;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 10px !important;
  padding: 6px 48px;
}


@media screen and (max-width: 991px){
  .internal-row-md{
    margin-top: 60px;
  }

  .internal-row > div:nth-child(2){
    margin-bottom: 30px;
  }

  .conference-icon{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
  }

  .partner-conference-icon{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .conference-program-link{
    float: none;
    margin: 0 !important;
    text-align: center;
  }

  .conference-program-pdf{
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .conference-hp-location-presentation .tips .btn-tips{
    margin-right: 0;
    width: 48%;
  }

  .conference-hp-location-presentation .tips a:nth-child(2){
    margin-bottom: 30px;
    margin-right: 3%;
  }

  .conference-hp-location-presentation .tips a:nth-child(3){
    margin-bottom: 30px;
  }

  .conference-hp-location-presentation .tips a:nth-child(4){
    margin-right: 3%;
  }

  .topics-banner{
    display: none;
  }

  .topics-banner-mobile{
    display: block;
  }
}

@media screen and (min-width: 992px){
  .join-conference .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .join-conference .row > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (min-width: 1920px){
  .speakers-banner{
    /*max-width: 1920px;
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;*/
  }

  .view-speakers{
    max-width: 1920px;
  }
}

@media screen and (min-width: 1200px){
  .speakers-wrapper .col-1,
  .speakers-wrapper .col-4{
    margin-left: 4.1666666%;
  }

  .speakers-wrapper .col-3,
  .speakers-wrapper .col-6{
    margin-right: 4.1666666%;
  }

  .change-speaker-wrapper{
    display: none;
  }
}

@media screen and (max-width: 1199px){
  .speakers-wrapper .col-5,
  .speakers-wrapper .col-6{
    display: none;
  }

  /*.speakers-wrapper .col-4 .speaker-frame-white{
    display: block;
  }*/

  /*.speakers-wrapper .col-4 .speaker-frame-red{
    display: none;
  }*/

  .speakers-wrapper .col-4,
  .speakers-wrapper .col-4 a{
    color: #12268C;
  }

  .speakers-wrapper .col-1,
  .speakers-wrapper .col-3{
    margin-left: 4.1666666%;
  }

  .speakers-wrapper .col-2,
  .speakers-wrapper .col-4{
    margin-right: 4.1666666%;
  }

  .change-speaker-wrapper{
    display: none;
  }
}

@media screen and (max-width: 767px){
  .conference-hp-location-presentation .internal-row-md{
    margin-top: 0;
  }

  .become-member-wrapper .internal-row-md{
    margin-top: 60px;
  }

  .mobile-element{
    display: block;
  }

  .desktop-element{
    display: none;
  }

  .main-container article .content,
  .view-content .views-row{
    width: 80%;
  }

  .conference-hp-key-image,
  .conference-icons-desktop{
    display: none;
  }

  .conference-hp-key-image-mobile,
  .conference-icons-mobile{
    display: block;
  }

  .main-container article .conference-hp-key-image-mobile,
  .views-row .views-field-field-key-image-mobile{
    margin-left: -12.5%;
    margin-right: -12.5%;
  }

  .conference-hp-icons-block,
  .conference-utilities-main-block{
    margin-left: -12.5%;
    margin-right: -12.5%;
  }

  .conference-hp-location-presentation{
    margin-left: -12.5%;
    margin-right: -12.5%;
  }

  .topics-banner-wrapper{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .conference-hp-location-presentation .tips{
    padding-left: 10%;
    padding-right: 10%;
  }

  .conference-hp-location-presentation .tips .btn-tips{
    display: block !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
    width: 100%;
  }

  .conference-hp-location-presentation .tips a:nth-child(5){
    margin-bottom: 0;
  }

  .conference-hp-location-presentation .uni-info{
    padding-left: 10%;
    padding-right: 10%;
  }

  .conference-icons{
    width: 28%;
  }

  .become-member-wrapper{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .speakers-wrapper{
    margin-left: 4.1666666% !important;
  }

  .speakers-wrapper .col-1,
  .speakers-wrapper .col-2,
  .speakers-wrapper .col-3,
  .speakers-wrapper .col-4,
  .speakers-wrapper .col-5,
  .speakers-wrapper .col-6{
    margin-left: 16.66666667%;
    margin-right: 0;
  }

  .speakers-wrapper .col-2,
  .speakers-wrapper .col-3,
  .speakers-wrapper .col-4,
  .speakers-wrapper .col-5,
  .speakers-wrapper .col-6{
    display: none;
  }

  .speakers-wrapper .views-col:nth-child(3n-2),
  .speakers-wrapper .views-col:nth-child(3n-2) a{
    color: #12268C;
  }

  .speakers-wrapper .views-col .speaker-frame{
    display: none;
  }

  /*.speakers-wrapper .views-col:nth-child(3n-2) .speaker-frame-white{
    display: block;
  }*/

  /*.speakers-wrapper .views-col:nth-child(3n-1) .speaker-frame-red{
    display: block;
  }*/

  /*.speakers-wrapper .views-col:nth-child(3n) .speaker-frame-yellow{
    display: block;
  }*/

  .change-speaker-wrapper{
    display: block;
  }
}

@media screen and (max-width: 480px){
  .next-conference-title{
    width: 100%;
    text-align: center !important;
    margin: 0 !important;
    margin-top: 15px !important;
  }

  .conference-icons{
    width: 25%;
  }

  .conference-icons h6{
    font-size: 14px;
  }
}