@charset "utf-8";
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
  font-family: 'Brutal Type';
  src: url('BrutalType-Bold.eot');
  src: local('Brutal Type Bold'), local('BrutalType-Bold'),
    url('BrutalType-Bold.eot?#iefix') format('embedded-opentype'),
    url('BrutalType-Bold.woff2') format('woff2'),
    url('BrutalType-Bold.woff') format('woff'),
    url('BrutalType-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Brutal Type';
  src: url('BrutalType.eot');
  src: local('Brutal Type'), local('BrutalType'),
    url('BrutalType.eot?#iefix') format('embedded-opentype'),
    url('BrutalType.woff2') format('woff2'),
    url('BrutalType.woff') format('woff'),
    url('BrutalType.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* VARIABILI */
:root {
  --primario: #E42929;
  --secondario: #2E3845;
  --azzurro-1: #94B0DA;
  --azzurro-2: #DCEDFF;
  --grigio-1: #8F91A2;
  --grigio-2: #D8D9E6;
  --rosso-chiaro-1: #FF5454;
  --rosso-chiaro-2: #FF7E7E;
  --rosso-chiaro-3: #FFA9A9;
  --rosso-chiaro-4: #FFD4D4;
  --text: #191E25;
}

/*                      WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*                      /WordPress Core
-------------------------------------------------------------- */

body,
html {
  font-family: 'Lato', sans-serif;
  color: var(--text);
  background-color: white;
}

div,
p,
li,
ul,
ol,
span {
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
}

main {
  position: relative;
}

.primary-color,
.primary-color a {
  color: var(--primario);
}

a:not(.btn):hover {
  text-decoration: underline !important;
}

.text-bg-primary {
  color: #fff !important;
  background-color: var(--primario) !important;
}


#page-homepage {
  background-image: url(../img/sfondo-home.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#page-homepage h2 {
  font-size: 20px;
  font-weight: 500;
  font-family: 'Lato';
  line-height: 26px;
}

.top-bar {
  background: var(--secondario);
}

.top-bar img {
  max-height: 23px;
  max-width: 130px;
}

.top-bar a {
  color: white;
  text-decoration: none;
}


.top-bar a.divisor,
.offcanvas a.divisor {
  border-left: 1px solid white;
  padding-left: 10px;
  padding-right: 5px;
}

/*#navbar-top-tab{
  position: absolute;
  top: -30px;
} */

#navbar-top-tab .nav-link.active {
  border-color: white;
  padding-top: 3px;

}

#navbar-top-tab .nav-link {
  padding-top: 1px;
  height: 30px;
  margin-top: 5px;
}

#navbar-top-tab .nav-tabs {
  border-bottom: 0;

}

.offcanvas hr {
  color: white;
  opacity: 1;
}

.navbar .btn-secondary {
  --bs-btn-bg: white;
  --bs-btn-hover-bg: white;
  --bs-btn-border-color: var(--text);
  --bs-btn-hover-border-color: var(--text);
  --bs-btn-active-bg: var(--primario);
}

.navbar .btn-secondary:hover {
  border: 2px solid var(--text);
}


.navbar {
  --bs-navbar-padding-y: 0;
  /*--bs-navbar-active-color: var(--blue);*/
}


#primary-nav {
  box-shadow: 0px 4px 10px 0px rgba(46, 56, 69, 0.10);
  z-index: 3000;
}

.navbar .nav-link.active,
.menu .menu-item.current-menu-item {
  font-weight: 700;
  color: var(--text);
}

.top-bar .nav-link:hover {
  color: white;
}

.top-bar .nav-link.active:hover {
  color: var(--secondario);
}

.top-bar .nav-link:focus {
  color: white;
}

.navbar-collapse .nav-link {
  font-size: 16px;
  color: var(--text);
}


/*.nav-center {
  border-bottom: 1px solid var(--neutral);
} */


.offcanvas-header {
  justify-content: right;
}

.offcanvas-header .btn-close {
  opacity: 1;
}

.offcanvas a {
  color: var(--background-white);
  text-decoration: none;
}

.offcanvas .dropdown-item {
  color: var(--text-primary);
}

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

.offcanvas .nav-link.active {
  color: var(--text-yellow);
}

.form-control {
  border: none;
  border-radius: 15px;
}


@media (min-width: 992px) and (max-width: 1020px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 6px;
    padding-left: 6px;
  }
}


/*Search results */

h3.titoli_risultati_ricerca.titoli_paragrafi.mx-3.mt-2 {
  border: none;
  padding: 0;
  color: var(--secondario) !important;
  /* text-decoration: none; */
}

.ricerca a:not(.btn) {
  color: var(--secondario) !important;
  text-decoration: none !important;
}

.ricerca a:hover {
  text-decoration: underline !important;
}

/* SEARCH FORM */
#searchForm {
  width: 250px;
  display: inline-block;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  #searchForm {
    width: 217px;
  }
}

#searchForm input[type=text] {
  box-sizing: border-box;
  border: none;
  border-radius: 20px;
  background-color: transparent;
  background-image: url('data: image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-search" viewBox="0 0 16 16" ><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /></svg>');
  background-position: 4px 4px;
  padding: 2px 10px 2px 25px;
  background-repeat: no-repeat;
  width: 90px;
  transition: all 0.4s ease-in-out;
  color: #fff;
  outline: none;
}

#searchForm input[type=text]::placeholder,
#searchForm input[type=text]::-webkit-input-placeholder {
  opacity: 1;
  color: #fff
}

#searchForm input[type=text]:focus {
  width: 100%;
  outline: none;
  background-color: #fff;
  color: var(--text);
  padding: 2px 10px 2px 10px;
}

#searchForm input[type=text]:focus::placeholder,
#searchForm input[type=text]:focus::-webkit-input-placeholder {
  color: var(--text);
}

.input-group .btn-primary {
  --bs-btn-bg: var(--primario);
  --bs-btn-border-color: var(--primario);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: white;
}


/*.nav-item {
  padding: 0.5rem 0;
}*/

.dropdown a {
  text-decoration: none;
  color: var(--secondario);
}

.dropdown-hover>.dropdown-menu {
  display: block !important;
  visibility: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s ease-in-out;
}

.dropdown-hover:hover>.dropdown-menu {
  display: block;
  left: 0;
  border-radius: 0;
  z-index: 0;
  box-shadow: 0px 4px 10px 0px rgba(46, 56, 69, 0.10);
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s ease-in-out;
  visibility: visible;
  height: auto;
  width: 100%;
}

.dropdown-hover:hover>.dropdown-menu .dropdown-menu-inner-shadow {
  box-shadow: 0 7px 10px -7px rgba(0, 22, 61, 0.25) inset;
}

.dropdown-hover>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-weight: bold;
  color: var(--secondario);
  line-height: 0.9;
  margin-bottom: 0.5em;
}

h1 {
  margin-bottom: 1.25em;
}

h2.subtitle {
  font-size: calc(1.3em + .6vw) !important;
  border-left: 5px solid var(--primario) !important;
  padding: 0 10px !important;
  color: var(--secondario) !important;
}

/*#page-detail h3{
    border-left: 5px solid var(--primario);
  padding: 0 10px;
  color: var(--secondario);
} */

h4 {
  font-size: 1.4em;
}

#primary-nav,
#primary-nav ul,
#primary-nav li,
#primary-nav .navbar-nav .nav-link {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#primary-nav ul ul {
  list-style-type: square;
  color: var(--primario) !important;
}

#primary-nav ul ul li a {
  color: var(--primario) !important;
  font-weight: 700;
  font-size: 17px;
}

#primary-nav ul ul li {
  line-height: 1.2;
  margin-bottom: 8px !important;
}

#primary-nav ul ul ul {
  list-style-type: none;
  border-top: 1px solid var(--grigio-2);
  padding-left: 0 !important;
  padding-top: 10px;
}

#primary-nav ul ul ul li a {
  color: var(--secondario) !important;
  font-weight: 400;
  font-size: 16px;
}

#primary-nav .navbar-nav .nav-link {
  padding-top: 40px;
  height: 100px;
}

.footer {
  box-shadow: 4px -4px 10px 0px rgba(46, 56, 69, 0.10);
  background-image: url(../img/angolo-rosso.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.footer a:not(.btn) {
  color: var(--primario);
}

@media (max-width: 768px) {
  .footer {
    background-size: 35% !important;
  }
}

.mc-field-group {
  background-color: var(--azzurro-2);
  padding: 5px;
  border-radius: 5px;
  width: 100%;
}

#mce-EMAIL {
  padding: 10px 40px 10px 5px;
  border: none;
  background-color: transparent;
  width: calc(100% - 91px);
}

#mc-embedded-subscribe {
  background-color: var(--secondario);
  color: white;
  font-weight: 500;
  border: none;
  padding: 10px;
  border-radius: 5px;
}

#page-homepage h1 {
  border-left: 5px solid var(--primario);
  padding: 0 10px;
  color: var(--secondario);
}

#page-homepage h3 {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-weight: bold;
  color: var(--secondario);
  border-left: 5px solid var(--primario);
  display: inline-block;
  padding: 0 10px;
}


.map-container .map {
  text-align: center;
}

.map-container .map div.pathway {
  position: relative;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  padding: 0;
  margin: -2px;
  max-width: 160px;
  width: calc(100% / 8);
  height: auto;
  aspect-ratio: 160/202;
  align-items: center;
}

.map-container .map div.pathway a {
  margin: auto;
}


.map-container .map div.pathway:nth-child(even) {
  background-image: url(../img/map/map-pari.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.map-container .map div.pathway:nth-child(odd) {
  background-image: url(../img/map/map-dispari.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.map-container .map div.pathway:first-child {
  background-image: url(../img/map/map-inizio.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}


.map-container .map div.pathway:last-child {
  background-image: url(../img/map/map-fine.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}




.map-container .map-label {
  width: 160px;
  position: absolute;
  height: 200px;
}


.map-container .map-label-line {
  background-color: var(--primario);
  width: 2px;
  /*height: 102px;*/
  height: 89px;
  background-position: center center;
  margin: auto;
}

.map-container .map-label-text {
  margin: auto;
  width: 160px;
}


.map-container .map-label.pari {
  top: 89px;
}

.map-container .map-label.dispari {
  top: -105px
}



@media (min-width: 768px) and (max-width: 992px) {
  .map-container .map img {
    width: 75%;
    height: auto;
    object-fit: contain;
  }

}


@media (min-width: 1200px) and (max-width: 1399px) {
  .map-container .map-label {
    margin-left: -10px;
  }

  .educational-offer-pathway .map-container .map-label {
    margin-left: 0px !important;
  }

  .educational-offer-pathway .map-container .map-label.pari {
    top: 85px;

  }

  .map-container .map-label.dispari {
    top: -94px;
  }

  .map-container .map-label.pari {
    top: 76px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .map-container .map-label {
    margin-left: -21px;
  }

  .map-container .map-label.dispari {
    top: -108px;
  }

  .map-container .map-label.pari {
    top: 61px;
  }

  .educational-offer-pathway .map-container .map-label {
    margin-left: -10px !important;
  }

  .educational-offer-pathway .map-container .map-label.pari {
    top: 72px;

  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .map-container .map-label {
    margin-left: -36px;
  }

  .map-container .map-label.dispari {
    top: -131px;
  }

  .map-container .map-label.pari {
    top: 45px;
  }

  .educational-offer-pathway .map-container .map-label {
    margin-left: -21px !important;
  }

  .educational-offer-pathway .map-container .map-label.pari {
    top: 65px;

  }
}

.map-container .map-label-text a,
.map-container-mobile .map-label-text a {
  color: var(--text);
  text-decoration: none;
  font-weight: 700;
  line-height: 1.3;
}

.map-container-mobile .map div.pathway:nth-child(even) {
  background-image: url(../img/map-mobile/map-mobile-pari.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.map-container-mobile .map div.pathway:nth-child(odd) {
  background-image: url(../img/map-mobile/map-mobile-dispari.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.map-container-mobile .map div.pathway:first-child {
  background-image: url(../img/map-mobile/map-mobile-inizio.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}


.map-container-mobile .map div.pathway:last-child {
  background-image: url(../img/map-mobile/map-mobile-fine.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}


.map-container-mobile {
  margin: auto;
  width: 266px;
  text-align: center;
}



.map-container-mobile .map-label-line {
  background-color: var(--primario);
  width: 58px;
  height: 3px;
  background-position: center center;
  margin: auto;
  margin-top: 26px;
}

.map-container-mobile .pathway {
  width: 80px;
  height: 63px;
  position: relative;
  margin-left: -34px;
}

.map-container-mobile .pathway img {
  width: 25px;
  margin-top: 20px;
}

.map-container-mobile .map-label {
  position: absolute;
  width: 300px;
  text-align: left;
  align-items: center;
  display: flex;
  top: 5px;
  left: 24px;
}

.map-container-mobile .map-label .map-label-line,
.map-container-mobile .map-label .map-label-text {
  display: inline-block;
}

.map-container-mobile .map-label .map-label-text {
  width: 222px;
}

.map-container-mobile .map-label .map-label-text.masterclass {
  padding-top: 11px;
}

.map-container-mobile .map-label .map-label-line.masterclass {
  margin-top: 22px;
}

@media (min-width: 992px) {
  .upcoming-events {
    background-image: url(../img/events.svg);
    background-repeat: no-repeat;
    background-position: center left;
  }
}

.upcoming-events .card .day,
.info-box .day {
  font-size: 36px;
  font-weight: 300;
}

.upcoming-events .card .date,
.info-box .date {
  font-size: 15px;
  font-weight: 300;
  line-height: 15px;
}

.upcoming-events .card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: white;
  background-color: var(--primario);
  border-bottom: 0;
}

.upcoming-events .card a {
  text-decoration: none;
  color: var(--text);
}

.upcoming-events .card .card-title {
  font-weight: 600;
}

.oncopedia-banner {
  background-image: url(../img/oncopedia-banner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  color: white;
  font-size: 22px;

}

.event .card .day {
  font-size: 24px;
  font-family: 'Brutal Type', 'Lato', sans-serif;
  color: var(--primario);
}

.credits .day {
  font-size: 50px;
  font-family: 'Brutal Type', 'Lato', sans-serif;
  color: var(--primario);
}

.event .card .date {
  font-size: 10px;
  line-height: 10px;
  color: var(--primario);
}

.credits .date {
  line-height: 10px;
  color: var(--primario);
  font-size: 22px;
  line-height: 20px;
}

.credits {
  border: 1px solid var(--primario);
  border-radius: 10px;
  padding: 5px 20px;
  /*max-width: 260px; */
  background-color: white;
}

.badge {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  text-decoration: none;
}

.event .card,
.project-card {
  --bs-card-border-color: var(--grigio-2);
  border-top: 5px solid var(--primario);
}

.project-card {
  padding: 24px;
}

.event .card-body {
  padding: 0 15px 15px;
}

.event .card-header {
  border-bottom: none;
  background-color: white;
}

.event .card .badge.topic,
.filters .badge.topic,
#page-detail .badge.topic {
  background-color: var(--rosso-chiaro-4);
  color: var(--primario);
}

.event .card .badge.type,
.info-box-header .badge.type {
  border: 1px solid var(--primario);
  background-color: white;
  color: var(--primario);
}

.event .card-footer {
  /*background-image: url(../img/cardbar/4.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 35px;*/
  padding: 0;
  border-top: none;
  background-color: transparent;
}

.event .card-footer img {
  width: 100%;
}

.event .event-date {
  font-size: 14px;
}

.event .card-title {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.search-bar {
  background-image: url(../img/catalogue-banner-scaled.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}

#searchButton {
  border: 3px solid white;
}

#page-catalogue {
  background-image: url(../img/catalogue-left-bottom.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#pathways .btn {
  /* just for this demo. */
  margin-top: 5px;
}

#pathways .btn-arrow-right,
#pathways .btn-arrow-left {
  position: relative;
  /*padding-left: 18px;
  padding-right: 18px;*/
}

#pathways .btn-arrow-right {
  padding-left: 30px;
  min-height: 55px;
  max-width: 185px;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  display: inline-flex;
}

.btn-outline-secondary {
  --bs-btn-color: var(--secondario);
  --bs-btn-border-color: var(--grigio-2);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--secondario);
  --bs-btn-hover-border-color: var(--secondario);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--secondario);
  --bs-btn-active-border-color: var(--secondario);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--secondario);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--secondario);
  --bs-gradient: none;
  background-color: white;
}


.btn-outline-secondary:hover {
  background-color: var(--secondario);

}

#pathways .btn-outline-secondary:hover {
  color: var(--secondario);
  background-color: white;
  border-color: var(--primario);
}

#pathways .btn-arrow-right span {
  display: block;
  z-index: 2;
  width: 138px;
}

#pathways .btn-arrow-left {
  padding-right: 36px;
}

#pathways .btn-arrow-right.first-arrow {
  padding-left: 10px !important;
}

#pathways .btn-arrow-right:not(.first-arrow)::before,
#pathways .btn-arrow-left:before {
  /* make two squares (before and after), looking similar to the button */
  content: "";
  position: absolute;
  top: 7px;
  /* move it down because of rounded corners */
  width: 40px;
  /* same as height */
  height: 40px;
  /* button_outer_height / sqrt(2) */
  background: inherit;
  /* use parent background */
  border: inherit;
  /* use parent border */
  border-left-color: transparent;
  /* hide left border */
  border-bottom-color: transparent;
  /* hide bottom border */
  border-radius: 0px 4px 0px 0px;
  /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
}


#pathways .btn-arrow-right:after,
#pathways .btn-arrow-left:after {
  /* make two squares (before and after), looking similar to the button */
  content: "";
  position: absolute;
  top: 9px;
  /* move it down because of rounded corners */
  width: 36px;
  /* same as height */
  height: 36px;
  /* button_outer_height / sqrt(2) */
  background: inherit;
  /* use parent background */
  border: inherit;
  /* use parent border */
  border-left-color: transparent;
  /* hide left border */
  border-bottom-color: transparent;
  /* hide bottom border */
  border-radius: 0px 4px 0px 0px;
  /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
}


#pathways .btn-arrow-right:not(.first-arrow)::before,
#pathways .btn-arrow-right:after {
  transform: rotate(45deg);
  /* rotate right arrow squares 45 deg to point right */
}

#pathways .btn-arrow-left:before,
#pathways .btn-arrow-left:after {
  transform: rotate(225deg);
  /* rotate left arrow squares 225 deg to point left */
}

#pathways .btn-arrow-right:not(.first-arrow)::before,
#pathways .btn-arrow-left:before {
  /* align the "before" square to the left */
  left: -18px;
}

#pathways .btn-arrow-right:after,
#pathways .btn-arrow-left:after {
  /* align the "after" square to the right */
  right: -18px;
}

#pathways .btn-arrow-right:after,
#pathways .btn-arrow-left:before {
  /* bring arrow pointers to front */
  z-index: 1;
}

#pathways .btn-arrow-right:not(.first-arrow)::before,
#pathways .btn-arrow-left:after {
  /* hide arrow tails background */
  background-color: white;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primario);
  --bs-btn-border-color: var(--primario);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: var(--primario);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primario);
  --bs-btn-active-border-color: var(--primario);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--primario);
  --bs-btn-disabled-border-color: var(--primario);
}

.btn-primary:hover {
  color: var(--primario);
}

.order {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.order .btn-check:checked+.btn {
  color: white;
  background-color: var(--secondario);
  border-color: var(--secondario);
  border-radius: 3px;
}

.filters .btn-check:checked+.btn {
  color: white;
  background-color: var(--secondario);
  border-color: var(--secondario);
}

.filters .btn-check+.btn:hover {
  background-color: var(--azzurro-1);
}

.order .btn-check:checked+.btn path {
  fill: white;
}

.order .btn-group .btn {
  --bs-btn-border-width: 0;
}

.order .btn-group {
  border: 1.5px solid var(--grigio-2);
  background-color: white;
  border-radius: 10px;
}

.card-body a {
  text-decoration: none;
  color: var(--text);
}

.filter-name {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.btn-secondary {
  background-color: var(--secondario);
  border-color: var(--secondario);
}

.btn-secondary:hover {
  background-color: white;
  color: var(--secondario);
  border-color: var(--grigio-2);
}


#page-detail {
  min-height: calc(100vh - 379px);
}

#page-detail {
  background-image: url(../img/background-bottom-left.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  min-height: calc(100vh - 379px);
}

@media (min-width: 768px) and (max-width: 1499px) {
  #page-detail {
    background-image: url(../img/background-bottom-left.svg), url(../img/background-top-right.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, 100% -3%;
  }
}

@media (min-width: 1500px) {
  #page-detail {
    background-image: url(../img/background-bottom-left.svg), url(../img/background-top-right.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right !important;
  }
}

.side-bar {
  width: 60px;
  height: 422px;
  position: absolute;
  right: 0;
  top: calc(50% - 211px);
}

.info-box {
  background-color: var(--secondario);
  color: white;
  padding: 15px;
  border-radius: 10px;
  /* max-width: 260px; */
}

.page-template-page_course-detail .info-box {
  padding: 0 15px 15px 15px !important;
}

@media(max-width: 992px) {

  .info-box,
  .credits {
    max-width: 100%;
  }
}

.info-box .btn-primary {
  border: 1px solid white;
}

.info-box-header {
  .btn {
    --bs-btn-padding-x: 0;
  }
}

.sidebar {
  margin-bottom: 36px;
}

.sidebar .nav-link {
  color: var(--primario) !important;
}

.sidebar .nav-link.active {
  font-weight: 700;
}

.sidebar .border-start {
  border-left: 3px solid var(--primario) !important;
}

#page-detail ul {
  list-style-type: square;
}

#page-detail li::marker {
  color: var(--primario);
}

#page-detail a:not(.btn) {
  color: var(--text);
}

#page-detail a:not(.btn):hover {
  color: var(--primario);
}

#page-detail a.badge.topic:hover {
  background-color: var(--primario);
  color: white;
  text-decoration: none !important;
}

.breadcrumb-item a,
.breadcrumb a {
  color: var(--primario) !important;
}

.section.summary {
  background-color: var(--azzurro-2);
}

.offcanvas {
  background: var(--secondario);
  font-size: 20px;
  color: white !important;
}

#primary-nav .offcanvas ul ul {
  padding-left: 22px;
}

#primary-nav .offcanvas ul ul li a {
  color: white !important;
}

#primary-nav .offcanvas .navbar-nav .nav-link {
  padding-top: 0;
  height: auto;
  font-weight: 700;
  margin-bottom: 5px !important;
}


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

.offcanvas .navbar-nav-offcanvas {
  overflow: auto;
  height: calc(100vh - 289px);
}

.offcanvas .offcanvas-header,
.offcanvas .offcanvas-header form {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* FIX Z-INDEX LAYERSLIDER OVER OFFCANVAS */
.ls-nav-prev,
.ls-nav-next {
  z-index: 1030 !important;
}


.form-check-input:checked {
  background-color: var(--secondario);
  border-color: var(--secondario);
}


.ls-layer.ls-button-layer {
  background-color: var(--secondario) !important;
  color: white !important;
  font-weight: 500 !important;
  border: none !important;
  padding: 10px !important;
  border-radius: 5px !important;
  /*font-size: 16px !important;*/
  font-family: 'Lato', sans-serif !important;
}


div.ls-text-layer.ls-layer {
  color: var(--secondario) !important;
  font-family: "Brutal Type", sans-serif !important;
  /*font-size: 32px!important; */
  font-weight: 700 !important;
  line-height: .85em !important;
}

/*div.ls-text-layer.ls-layer::before {
  content: '◼';
  font-size: 18px;
  color: var(--primario);
}*/

p.ls-text-layer.ls-layer {
  color: var(--text) !important;
  font-family: 'Lato', sans-serif !important;
  /*font-size: 16px !important;*/
  font-weight: 400 !important;
  line-height: 150% !important;
}

#page-detail h3 a {
  color: var(--secondario);
  font-family: Lato;
  /*font-size: 20px; */
  font-weight: 700;
}

.ls-v6 .ls-bottom-slidebuttons a {
  border: 2px solid var(--secondario) !important;
  border-color: var(--secondario) !important;
}

.ls-v6 .ls-bottom-slidebuttons a.ls-nav-active {
  background-color: var(--primario) !important;
}


.ls-roundedflat .ls-nav-next:after {
  top: 22px !important;
  width: 5px !important;
  height: 15px !important;
  left: 27px !important;
}


.ls-roundedflat .ls-nav-next:before {
  left: 27px !important;
  top: 9px !important;
}

.ls-roundedflat .ls-nav-next,
.ls-roundedflat .ls-nav-prev {
  width: 46px !important;
  height: 46px !important;
  width: 46px !important;
  height: 46px !important;
  background: var(--secondario) !important;
  opacity: 0.8 !important;
  border-radius: 5px !important;
}

.ls-roundedflat .ls-nav-prev:before {
  top: 22px !important;
  left: 16px !important;
}


.ls-roundedflat .ls-nav-prev:after {
  left: 16px !important;
  top: 9px !important;
}

.fellowship-table h3 a {
  text-decoration: underline;
  font-size: 24px;
}

#page-detail .occhiello {
  text-transform: uppercase;
  margin-bottom: 5px;
}

#page-detail .border-start-red {
  margin-left: 12px;
  border-left: 5px solid var(--primario);
}

#page-detail .box-ctc-programme-in-centre-page {
  font-size: 18px;
}


/* AMBASSADOR (Sergio 14/04/2025) */

.col-ambassador {
  margin-bottom: 52px;
}

.card-ambassador {
  background-color: #fff;
  border-bottom: 5px solid var(--primario);
}

.card-ambassador .card-ambassador-photo {
  margin: -28px 24px 0 24px;
  background-color: #fff;
  /*border: 1px solid #eee;*/
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
  aspect-ratio: 1/1;
  object-fit: cover;
}

.mentees-photo {
  background-color: #fff;
  /*border: 1px solid #eee;*/
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}

.card-ambassador .card-ambassador-department,
.card-ambassador .card-ambassador-area-of-mentorship,
.row-mentee .card-ambassador-department {
  line-height: normal;
  font-size: 14px;
}

.card-ambassador .card-ambassador-social span {
  margin-left: 6x;
  margin-right: 6px;
  font-size: 20px;
  color: var(--secondario);
}

.card-ambassador .card-ambassador-social span i {
  color: var(--secondario);
}



/* modifiche anto 04/25 */

blockquote {
  font-size: 22px;
  font-family: 'Brutal Type', 'Lato', sans-serif;
}

blockquote h3 {
  font-size: 40px;
}

.virgolette {
  color: var(--primario);
  font-weight: bold;
}

.learning-to-care .sx .vc_single_image-wrapper {
  position: absolute;
  bottom: -15px;
  left: -15px;
}

.learning-to-care {
  background-color: var(--azzurro-2);
}

@media (min-width: 992px) {
  .learning-to-care {
    background-size: contain !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/sfondo-learning-to-care.jpg);
  }

}

@media (max-width: 991px) {
  .learning-to-care .dx {
    margin-bottom: -60px;
  }

  .learning-to-care .dx img {
    transform: rotate(90deg);
    width: auto;
    max-height: 150px;
  }
}


/* 13/05/25 Anto Additional CSS */

.linea-sx,
h3:not(.fellowship-table h3):not(.ctc-centre-list-in-page h3):not(.learning-to-care h3) {
  border-left: 5px solid var(--primario);
  padding: 0 10px;
  color: var(--secondario);
}

.oncologist .card-ambassador .card-ambassador-photo,
.people .card-ambassador .card-ambassador-photo {
  margin: -24px 24px -16px 16px;
  max-width: 151px;
  height: auto;
}

.people-card .modal {
  text-align: left;
}

@media (min-width: 768px) {
  .people-card .card-text.card-ambassador-department {
    line-height: normal;
    min-height: 45px;
    font-size: 14px;
  }

  .people-card h5.card-title.card-ambassador-partecipant:not(.people-card .modal-body h5) {
    min-height: 54px;
    vertical-align: middle;
  }
}

.people-card .card-ambassador-photo {
  margin: -24px 0 -16px 0;
  background-color: #fff;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.staff .people-card .card-ambassador-photo {
  margin: -24px 0 5px 0;
}

.oncologist .card-ambassador,
.people .card-ambassador {
  max-height: 275px;
}

@media (min-width: 768px) and (max-height: 992px) {

  .people .card-ambassador {
    max-height: 364px;
  }

  .oncologist .card-ambassador {
    min-height: 345px;
  }

}

.principles .card-body {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  line-height: 1;
}

@media(min-width: 768px) {
  .principles .card-title {
    min-height: 48px;
  }
}

@media (min-width: 992px) {
  .principles .card-body {
    padding: 20px 18px;
  }
}

.numbers .card {
  border: none;
  background-color: var(--azzurro-2)
}


.numbers .card-title {
  font-size: 40px;
  margin-bottom: 5px;
}

.numbers .card-text {
  line-height: 1;
  min-height: 48px;
}

.numbers .card img,
.principles .card img {
  padding: 10px;
}

@media (min-width:992px) {

  .numbers .card img,
  .principles .card img {
    max-width: 75px;
  }
}

.oncologist .card-title.card-ambassador-participant,
.people .card-title.card-ambassador-participant {
  min-height: 35px;
}

/*.values .card {
	    max-width: 250px;
    margin-right: 24px;
	margin-bottom: 24px;
}*/

.people-card>.vc_column-inner>.wpb_wrapper {
  background-color: #fff;
  border-bottom: 5px solid var(--primario) !important;
}

.bordo-card>.vc_column-inner>.wpb_wrapper,
.people-card>.vc_column-inner>.wpb_wrapper {
  border: 1px solid rgba(0, 0, 0, 0.175);
  padding: 12px;
  border-radius: 0.375rem;
}

@media (min-width: 992px) {

  .bordo-card>.vc_column-inner>.wpb_wrapper,
  .people-card>.vc_column-inner>.wpb_wrapper {
    min-height: 254px;
  }

  .values .card-body {
    /*min-height: 72px;*/
    min-height: 88px;
  }

  .bordo-card p:not(.modal-body p),
  .people-card p:not(.modal-body p) {
    min-height: 132px;
  }
}

.values .modal-body .card-body .card-title {
  font-size: 24px;
}

.values .modal-body {
  padding-top: 0;
}

.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
  z-index: auto !important;
}

.page-template-page_eso-publications .card-text {
  line-height: 1;
  margin-bottom: 12px;
  font-size: 14px;
  /*border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding-bottom: 14px;*/
}


.page-template-page_eso-publications .bi-file-earmark-text-fill {
  font-size: 42px;
}

/*.page-template-page_eso-publications .card-text::before {
content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z' fill='%23E42929'/%3E%3Cpath d='M20 17.5C20 19.985 20 22 12 22C4 22 4 19.985 4 17.5C4 15.015 7.582 13 12 13C16.418 13 20 15.015 20 17.5Z' fill='%23E42929'/%3E%3C/svg%3E);
display: block;
}*/
.collaborations .card-header {
  text-align: center;
}

.collaborations .card-header img {
  max-height: 200px;
  max-width: 200px;
  padding: 12px;
}

.collaborations .card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}

.recommended .card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}

.recommended .card-header img {
  max-height: 100px;
  padding: 12px;
}

.recommended .application {
  border-radius: 15px;
  border: 1px solid var(--grigio-2);
  padding: 30px 12px 20px;
  margin: 0;
}


.recommended .application img {
  max-height: 150px;
  width: auto;
}

.card-ambassador .card-footer {
  background-color: transparent;
  border: none;
}

.recommended .event .card-header {
  min-height: 112px;
  margin-right: 0;
  margin-left: 0;
}

.card-testimonianze-event {
  padding-top: 10px;
  margin-bottom: 18px;
}

.card-testimonianze-text {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 18px;
}

.card-testimonianze-name {
  line-height: normal;
  font-size: 14px;
}

mark {
  padding: 10px 12px 8px 8px;
  color: var(--text);
  background-color: var(--azzurro-2);
  font-weight: bold;
  line-height: 2em;
  box-decoration-break: clone;
  border-radius: 5px;
  margin-top: -5px;
}

mark:before {
  content: ' ! ';
  color: var(--primario);
  font-size: 45px;
  font-weight: bolder;
}

.card-testimonianze {
  background-image: url(../img/virgolette.svg);
  background-repeat: no-repeat;
  background-position: -4px bottom;
  background-size: 35%;
}

.tooltip {
  --bs-tooltip-opacity: 1;
  --bs-tooltip-bg: var(--secondario);
}

.number-pathway {
  color: var(--primario);
  font-size: 24px;
}

.coordinators .card.card-ambassador {
  min-height: 270px;
}

/* catalogue fix anto 10/06/25 */

.btn-outline-secondary.active path,
.btn-outline-secondary:hover path {
  fill: white;
}

.btn-link {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--secondario);
  --bs-btn-hover-color: var(--primario);
  --bs-btn-active-color: var(--primario);
}

.pagination {
  --bs-pagination-border-color: var(--grigio-2);
  margin-top: 35px;
}

.pagination .page-link {
  color: var(--secondario);
}

.pagination .active>.page-link,
.page-link.active {
  color: white !important;
  background-color: var(--secondario);
  border-color: var(--grigio-2);
}

.btn-topic {
  text-align: left !important;
}

.working-group .vc_do_cta3 {
  min-height: 289px;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .working-group .vc_do_cta3 {
    min-height: 429px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .working-group .vc_do_cta3 {
    min-height: 362px;
  }
}

.benefits table tr {
  border-bottom: 1px solid var(--grigio-2);
  padding-bottom: 14px;
  font-weight: 600;
}


.benefits thead {
  font-family: 'Brutal Type', 'Lato', sans-serif;
  font-size: 20px;
}

.credits td,
.credits th {
  border-bottom: 1px solid var(--grigio-2);
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 20px;
}

.credits table tr {
  border-bottom: 1px solid var(--grigio-2);
}

@media(max-width: 768px) {
  .benefits table img {
    max-width: 40px;
    height: auto;
  }

  .benefits thead {
    font-size: 14px;
  }


  .benefits table tr {
    font-weight: 400;
  }
}

#content-facultylist .card-ambassador-partecipant {
  margin-top: 24px;
}

#content-programme .card-body {
  padding: 30px;
  
}

#content-programme .card-body a{
  color: white !important;
}

#content-programme .card-body a:hover{
  color: var(--primario) !important;
}

.progress-bar {
  background-color: var(--primario);
}

.day-program h3 {
  color: var(--primario);
  margin-bottom: 0;
}

.day-program .program {
  margin-bottom: 1em;
}


/*.subprogram::before {
   content: '◼';
  font-size: 15px;
  color: var(--primario);
  vertical-align: middle;
} */

.day-program h4 {
  font-size: 1.2em;
  margin-bottom: 0 !important;
}

.day-program .data {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.program span.speaker+span.speaker:before {
  content: " - ";
}

@media (min-width: 768px) and (max-width: 991px) {
  .row-esco-faculty-team ul {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .row-esco-faculty-team ul {
    column-count: 3;
  }
}

@media (min-width: 992px) {
  .recipients .people-card>.vc_column-inner>.wpb_wrapper {
    min-height: 314px;
  }
}

.banner img {
  border-radius: 15px;
  border: 3px solid var(--primario);
}

@media (min-width: 768px) {

  .row-mentee {
    margin-bottom: 24px;
  }

  .col-mentees {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .row-mentees .col-ambassador {
    margin-bottom: 0px;
  }

}


.col-mentees>strong {
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
}

.col-mentees {
  margin-bottom: 36px;
}


/* 22/07/25 pathways fix anto */


@media (min-width: 1200px) and (max-width:1400px) {
  /*#medical-student-courses.btn-arrow-right.first-arrow {
    padding-left: 5px !important;
}*/

  /*#medical-student-courses.btn, #basic-oncology-courses.btn, #masterclass.btn, #refresher-courses.btn, #ctc-fellowship-programmes.btn, #postgraduate-programmes.btn, #improving-outcomes-and-leadership-courses.btn {
  --bs-btn-padding-x: 0 !important;
} */

  #medical-student-courses.btn-arrow-right.first-arrow,
  #basic-oncology-courses.btn-arrow-right.first-arrow,
  #masterclass.btn-arrow-right.first-arrow,
  #refresher-courses.btn-arrow-right.first-arrow,
  #ctc-fellowship-programmes.btn-arrow-right.first-arrow,
  #postgraduate-programmes.btn-arrow-right.first-arrow,
  #improving-outcomes-and-leadership-courses.btn-arrow-right.first-arrow {
    padding-left: 12px !important;
  }

  #medical-student-courses.btn-arrow-right span,
  #basic-oncology-courses.btn-arrow-right span,
  #masterclass.btn-arrow-right span,
  #refresher-courses.btn-arrow-right span,
  #ctc-fellowship-programmes.btn-arrow-right span,
  #postgraduate-programmes.btn-arrow-right span {
    width: 100px !important;
  }

}

#offcanvasFilter {
  z-index: 3001;
}


.card-ambassador-play-icon {
  position: absolute;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  /*half of the width */
  margin-top: -165px;
  /*half of the height */
}

.card-ambassador-play-icon {
  position: absolute;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  /*half of the width */
  margin-top: -165px;
  /*half of the height */
  opacity: 0.8;
}

.card-ambassador-play-icon path,
.card-ambassador-play-icon path fill {
  color: white
}

.modal-video-ambassador iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}

/* img fix anto 24/10 

#content-description img {
    height: auto;
    max-width: 100%;
    max-height: 400px;
} */

.educational-offer .card-title a {
  text-decoration: none !important;
}

.educational-offer p {
  min-height: 92px;
}

.educational-offer .equal-height p {
  min-height: 165px;
}

.distance-learning .principles .card img {
  max-width: 100%;
}

.eso-college-credits {
  max-width: 100%;
}

:root {
  /* controllo dimensioni della "punta" */
  --notch-depth: 20%;
  /* quanto scende la V (0..100%) */
}

.eso-college-level:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  /* stessa profondità */
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  /* triangolo rovesciato */
}

.eso-college-level {
  position: relative;
}

.eso-college-level.zero {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.eso-college-level.second {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.eso-college-level.first:before {
  background-color: #FFF4F4;
  bottom: 92%;
  /* profondità della V */
}

.eso-college-level.second:before {
  background-color: #FFE9E9;
  bottom: 88%;
  /* profondità della V */
}

@media (max-width: 768px) {
  .eso-college-level.first:before {
    bottom: 94%;
    /* profondità della V */
  }

  .eso-college-level.second:before {
    bottom: 91%;
    /* profondità della V */
  }
}

.examination .card-body {
  min-height: 104px;
}

.about-card-fix.people-card h5.card-title.card-ambassador-partecipant:not(.people-card .modal-body h5) {
  min-height: auto;
  margin-bottom: 5px;
}

.about-card-fix.people-card .card-text.card-ambassador-department,
.oncologist .about-card-fix .card-ambassador {
  min-height: auto !important;
}

.about-card-fix.people-card p:not(.modal-body p) {
  min-height: auto;
  margin-bottom: 0.5em;
}

@media (min-width: 768px) and (max-height: 992px) {
  .oncologist .about-card-fix .card-ambassador {
    min-height: auto;
  }
}

/*
.oncologist .about-card-fix {
    margin-top: 25px;
} */


div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message),
#wpforms-confirmation-2545,
#wpforms-confirmation-2537 {
  background: #DCEDFF !important;
  border: none !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
}

#wpforms-2545,
#wpforms-form-2537 {
  background: #DCEDFF;
  border-radius: 5px;
  padding: 20px 35px 35px
}

/*.cta-newsletter {
  background-image: url(https://eso.xmhosting.eu/wp-content/themes/eso-theme/img/sfondo-newsletter.svg);
  background-size: 23%;
  background-repeat: no-repeat;
background-position: 25% 55%;
    height: 205px;
}
*/

.cta-newsletter {
  background-color: var(--azzurro-2);
  max-width: 564px;
  padding: 15px 0;
  border-radius: 5px;
}

.ls-container,
.ls-wp-container {
  box-shadow: 0px 4px 10px 0px rgba(46, 56, 69, 0.10) !important;
}

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

.breadcrumb .badge {
  line-height: normal;
}

/*iubenda*/

iframe {
  min-height: 0;
}

.yass-wrapper {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 1;
}

.yass-content {
  height: 100%;
  width: 100%;
  padding: 0 40px 0 0;
  position: relative;
  overflow-y: scroll;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.yass-sensor {
  width: 100%;
  display: block;
  position: relative;
}

.yass-scrollbar {
  position: absolute;
  background: rgba(127, 127, 127, 0.1);
  top: 0;
  right: 0;
  z-index: 2;
  width: 8px;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.1s linear;
}

.yass-scrollbar-button {
  position: absolute;
  left: 0;
  width: 8px;
  border-radius: 4px;
  background: rgba(127, 127, 127, 0.2);
}

.yass-wrapper:hover .yass-scrollbar,
.yass-scrollbar.yass-scrollbar-drag {
  opacity: 1;
}

.yass-resize-sensor,
.yass-resize-sensor-expand,
.yass-resize-sensor-shrink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
  visibility: hidden;
}

.yass-resize-sensor-expand .yass-resize-sensor-child {
  width: 100000px;
  height: 100000px;
}

.yass-resize-sensor-shrink .yass-resize-sensor-child {
  width: 200%;
  height: 200%;
}

.yass-resize-sensor-child {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0s;
}

/* pressroom fix anto 14/10/25 */
.pressroom .event .card img {
  object-fit: cover;
  aspect-ratio: 3 / 2;
  margin-bottom: 10px;
}

.pressroom .event .card-footer {
  padding: 0 15px 15px 15px;
}

/* college 2025 fix anto 5/11/25 */
.college-members-2025 table {
  width: 100%;
  text-align: center;
  border-collapse: inherit;
  border-spacing: 0;
}

.map-container:not(.home .map-container):not(.educational-offer-pathway .map-container)  {
  overflow: hidden;
  aspect-ratio: 966/622.617;
  position: relative;
}

.map-container svg:not(.home .map-container svg):not(.educational-offer-pathway .map-container svg) {
  width: 180%;
  height: auto;
  position: absolute;
  top: -30%;
  left: -30%;
}

@media (max-width: 576px) {
  .eso-faculty-2024 .numbers .card-title {
  font-size: 33px !important;
  font-family: 'Brutal Type', 'Lato', sans-serif;
    font-weight: bold;
    line-height: 0.9em;
}
}

.college-members-2025 .numbers .card-title {
  font-size: 37px;
  margin-bottom: 0 !important;
   font-family: 'Brutal Type', 'Lato', sans-serif;
    font-weight: bold;
    line-height: 0.9em;
}

#country {
  background-position: right bottom !important;
      background-blend-mode: screen;
}