/* BARRIOTHEME > RESPONSIVE CSS  */

/* =========================================================================================================== */
/* XL */

/*

    XX      XX   LL
      XX  XX     LL
        XX       LL
      XX  XX     LL
    XX      XX   LLLLLLL

*/

/* @media (min-width: 1200px) and (max-width: 1399.98px) { */
@media screen and (min-width: 1200px) and (max-width: 1499.98px),
  screen and (max-height: 899.98px) {
  /* ________________________________________________________________________ */
  /* Root */

  :root {
    --header-height: 60px;
    --accordion-header: 80px;
    --animation-size: 600px;
  }

  /* ________________________________________________________________________ */
  /* Tipography */

  h1,
  .titolo-big {
    font-size: 6rem;
    line-height: 6rem;
  }

  .titolo-medium {
    font-size: 3rem;
    line-height: 3rem;
  }

  h2,
  h3,
  h4,
  h5,
  h6,
  .titolo {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: 0.75px;
  }

  p,
  ul,
  li,
  ul,
  ol,
  .testo,
  div.testo * {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .occhiello,
  .sound-status *,
  .lang-selector a {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  button,
  .button,
  .link,
  .menu-header li a {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .link.big {
    font-size: 2rem;
  }

  .gform_wrapper label,
  .gform_wrapper .gfield_required {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="text"]::placeholder,
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="number"]::placeholder,
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="email"]::placeholder,
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="tel"]::placeholder,
  .gform_wrapper textarea,
  .gform_wrapper textarea::placeholder {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="submit"] {
    font-size: 2rem !important;
    line-height: 2.9rem !important;
  }

  /* ________________________________________________________________________ */
  /* General */

  .wrapper {
    width: calc(100% - 100px);
  }

  /* ________________________________________________________________________ */
  /* Navigation */

  /* Menu Header */

  .menu-header-container::before {
    height: 33px;
  }

  body.open-menu .menu-header-container::before {
    height: 196px;
  }

  /* Header Bottom */

  .header-bottom .navigation .button {
    margin-left: auto;
  }

  /* Footer */

  footer,
  .sub-footer {
    height: auto;
    padding: var(--distance) 0;
  }

  footer .footer-content {
    width: 100%;
    /* flex-wrap: wrap; */
  }

  footer .menu-footer li + li {
    margin-left: var(--distance);
  }

  .credits {
    width: 95px;
    height: 13px;
  }

  /* cursor */

  [class*="icon-"].big {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
  }

  /* ======================================================================== */
  /* PAGES */

  /* ________________________________________________________________________ */
  /* Page: Landing */

  /* Section: Modale info */

  .modale-info .info-content .cont-right {
    padding-top: var(--distance);
  }

  .modale-info .info-content .cont-right .gruppo-modale + .gruppo-modale {
    margin-top: var(--distance);
  }

  .modale-info .info-content .cont-right .gruppo-modale p {
    margin-top: calc(var(--distance-half) / 2);
  }

  .modale-info .info-content .cont-partners .occhiello {
    width: 200px;
  }

  .cont-partners .partners-container .partner-link {
    width: 100px;
    height: 100px;
    margin-right: var(--distance-half);
  }

  /* ________________________________________________________________________ */
  /* Page: Home */

  .section-imageLeft .imageLeft-content .cont-left .testo {
    margin-top: var(--distance-big);
    width: 100%;
  }

  .card-evento .card-immagine {
    height: 200px;
  }

  .card-evento.gold .card-immagine {
    height: 250px;
  }

  /* ________________________________________________________________________ */
  /* Page: Credits */

  .credits-content > .occhiello {
    padding-right: var(--distance);
    margin-right: var(--distance);
  }

  .credits-content .credits-ripetitore .credits-link {
    width: 150px;
    /* height: 150px; */
  }

  /* ________________________________________________________________________ */
  /* Page: Calendario */

  .calendario-evento {
    min-height: 200px;
  }

  .calendario-evento .cont-right {
    width: 300px;
    min-width: 300px;
  }

  /* ________________________________________________________________________ */
  /* Single: Evento */

  /* .single-content .cont-left .info-row {
    padding: var(--distance) 0;
  } */
}

/* =========================================================================================================== */
/* LG */

/*

    LL          GGGG
    LL         GG  GG
    LL        GG
    LL        GG   GG
    LLLLLLL    GGGGGG

*/

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* ________________________________________________________________________ */
  /* Root */

  :root {
    --header-height: 60px;
    --accordion-header: 80px;
    --animation-size: 600px;
  }

  /* ________________________________________________________________________ */
  /* Tipography */

  h1,
  .titolo-big {
    font-size: 6rem;
    line-height: 6rem;
  }

  .titolo-medium {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  h2,
  h3,
  h4,
  h5,
  h6,
  .titolo {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: normal;
  }

  p,
  ul,
  li,
  ul,
  ol,
  .testo,
  div.testo * {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .occhiello,
  .sound-status *,
  .lang-selector a {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  button,
  .button,
  .menu-header li a {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .footer-content *,
  .menu-footer li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .link,
  .link.big {
    font-size: 2rem;
    line-height: 2rem;
  }

  .gform_wrapper label,
  .gform_wrapper .gfield_required {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="text"]::placeholder,
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="number"]::placeholder,
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="email"]::placeholder,
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="tel"]::placeholder,
  .gform_wrapper textarea,
  .gform_wrapper textarea::placeholder {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="submit"] {
    font-size: 2rem !important;
    line-height: 2.9rem !important;
  }

  /* ________________________________________________________________________ */
  /* General */

  .wrapper {
    width: calc(100% - 100px);
  }

  /* ________________________________________________________________________ */
  /* Navigation */

  .logo-header {
    width: 220px;
    height: 30px;
    min-width: 220px;
    min-height: 30px;
  }

  /* Header Bottom */

  .header-bottom .navigation .button {
    margin-left: auto;
  }

  /* Footer */

  footer,
  .sub-footer {
    height: auto;
    padding: var(--distance-half) 0;
  }

  footer .footer-content {
    width: 100%;
  }

  footer .menu-footer li + li {
    margin-left: var(--distance);
  }

  .credits {
    width: 82px;
    height: 11px;
  }

  /* ======================================================================== */
  /* PAGES */

  /* ________________________________________________________________________ */
  /* Page: Landing */

  /* Section: Modale info */

  .modale-info .info-content {
    width: 100%;
    padding: 0 50px;
  }

  .modale-info .info-content .cont-left {
    padding-right: var(--distance);
  }

  .modale-info .info-content .cont-right {
    padding: var(--distance);
    padding-right: 0;
  }

  .modale-info .info-content .cont-right .gruppo-modale + .gruppo-modale {
    margin-top: var(--distance);
  }

  .modale-info .info-content .cont-right .gruppo-modale p {
    margin-top: calc(var(--distance-half) / 2);
  }

  .cont-partners .partners-container .partner-link {
    width: 100px;
    height: 100px;
    margin-right: var(--distance-half);
  }

  /* ________________________________________________________________________ */
  /* Page: Home */

  .hero .hero-scroll [class*="icon-"] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  .section-imageLeft .imageLeft-content .cont-left {
    padding-right: var(--distance-big);
  }

  .section-imageLeft .imageLeft-content .cont-left .testo {
    margin-top: var(--distance-big);
    width: 100%;
  }

  .card-evento .card-immagine {
    height: 200px;
  }

  .card-evento.gold .card-immagine {
    height: 250px;
  }

  .card-evento .titolo {
    padding-right: 0;
  }

  /* ________________________________________________________________________ */
  /* Page: Credits */

  .credits-content > .occhiello {
    padding-right: var(--distance);
    margin-right: var(--distance);
  }

  .credits-content .credits-ripetitore .credits-link {
    width: 150px;
    /* height: 150px; */
  }

  .credits-content > .testo {
    width: 100%;
  }

  /* ________________________________________________________________________ */
  /* Page: Calendario */

  .calendario-evento {
    min-height: 200px;
  }

  .calendario-evento .cont-right {
    width: 250px;
    min-width: 250px;
  }

  .accordion-header .testo {
    width: 165px;
    margin-right: var(--distance);
  }

  /* ________________________________________________________________________ */
  /* Single: Evento */

  .single-content .cont-left.has-img .info-row {
    /* padding: var(--distance) 0; */
    flex-direction: column;
  }

  .single-content .cont-left.has-img .info-row .info-body {
    margin-top: var(--distance-half);
  }

  .single-content .cont-left .info-row .info-body .link {
    margin-top: var(--distance-half);
  }

  /* Forms */

  .gform_body .gfield .ginput_container {
    width: calc(100% - 130px);
  }

  .gform_wrapper .ginput_container_consent {
    height: 200px;
    /* padding-left: calc(var(--distance) * 1.5); */
  }

  .gform_footer {
    bottom: 128px;
  }

  .gform_body .gfield {
    padding-bottom: var(--distance-half);
  }
}

/* =========================================================================================================== */
/*

  TTTTTTTT   AAA     BBBBB     LL      EEEEEE   TTTTTTTT
     TT     AAAAA    BB   B    LL      EE          TT
     TT    AA   AA   BBBBBB    LL      EEEEE       TT
     TT    AAAAAAA   BB   BB   LL      EE          TT
     TT    AA   AA   BBBBBB    LLLLLL  EEEEEE      TT

*/

@media (min-width: 992px) and (max-width: 1024px) and (orientation: landscape) {
  /* General */

  .d-tablet {
    display: flex !important;
  }

  .d-no-tablet {
    display: none !important;
  }

  header {
    border-bottom: 1px solid var(--nero);
  }

  body.page-template-page-home header,
  body.page-template-page-landing header {
    border-bottom: 1px solid var(--bianco);
  }

  /* Page: Home */

  .sticky-accordion-sub-head {
    width: 100%;
    padding: 0 0 var(--distance-half) 0;
    display: flex;
    align-items: center;
    background-color: var(--bianco);
    margin-top: -1px;
  }

  .sticky-accordion-item .sticky-accordion-body {
    height: calc(100vh - calc(var(--accordion-header) * 4) - 35px);
  }

  .card-evento {
    width: calc(33% - calc(var(--distance-half) / 2));
  }

  /* .card-evento:nth-child(7) {
    display: none !important;
  } */

  .section-prossimieventi .cont-body > *:nth-child(7),
  .section-prossimieventi .cont-body > *:nth-child(8) {
    display: none;
  }

  /* Page: Credits */

  .page-credits section:first-child {
    border-top: 0;
  }

  /* Page: Calendario */

  .calendario-evento {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-left: 0;
  }

  .calendario-evento:hover,
  .calendario-evento:focus {
    background-color: var(--null);
  }

  /* Single: Evento */

  .page-evento-single section:first-child {
    border-top: 0;
  }
}

/* =========================================================================================================== */
/* MD */

/*

    MM      MM   DDDDD
    MMM    MMM   DD   DD
    MM  MM  MM   DD    DD
    MM      MM   DD   DD
    MM      MM   DDDDDD

*/

@media (min-width: 768px) and (max-width: 991.98px) {
  /* ________________________________________________________________________ */
  /* Root */

  :root {
    --header-height: 60px;
    --accordion-header: 80px;
    --animation-size: 600px;
  }

  /* ________________________________________________________________________ */
  /* Tipography */

  h1,
  .titolo-big {
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: 1px;
  }

  .titolo-medium {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  h2,
  h3,
  h4,
  h5,
  h6,
  .titolo {
    font-size: 2.4rem;
    line-height: 2.4rem;
    letter-spacing: 1px;
  }

  .card-evento .titolo,
  .calendario-evento .titolo {
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-top: calc(var(--distance-half) / 2) !important;
  }

  p,
  ul,
  li,
  ul,
  ol,
  .testo,
  div.testo * {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }

  button,
  .button,
  .link,
  .link.big {
    font-size: 2rem;
    line-height: 2rem;
  }

  .occhiello,
  .sound-status *,
  .lang-selector a {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }

  .gform_wrapper label,
  .gform_wrapper .gfield_required {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="text"]::placeholder,
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="number"]::placeholder,
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="email"]::placeholder,
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="tel"]::placeholder,
  .gform_wrapper textarea,
  .gform_wrapper textarea::placeholder {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="submit"] {
    font-size: 2rem !important;
    line-height: 2.9rem !important;
  }

  .has-shadow {
    text-shadow: 2px 2px 5px rgba(var(--nero-rgb), 0.2);
  }

  /* ________________________________________________________________________ */
  /* General */

  .wrapper {
    width: calc(100% - 60px);
  }

  section {
    padding: var(--distance) 0;
  }

  .link [class*="icon-"] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px;
  }

  /* ________________________________________________________________________ */
  /* Navigation */

  /* Header */

  header {
    border-bottom: 1px solid var(--nero);
  }

  body.page-template-page-home header,
  body.page-template-page-landing header {
    border-bottom: 1px solid var(--bianco);
  }

  header .navigation > * + * {
    margin-left: var(--distance-half);
  }

  /* Menu Header */

  .menu-header-container::before {
    height: 34px;
    top: -3px;
  }

  /* Header bottom */

  .header-bottom .navigation .button {
    margin-left: auto;
  }

  /* logo */

  .logo-header {
    width: 220px;
    height: 30px;
    min-width: 220px;
    min-height: 30px;
  }

  /* SOUND status */

  .sound-status span.status::before,
  .sound-status.active span.status::before {
    content: none !important;
  }

  .sound-status span.status::after {
    width: 30px;
    height: 30px;
  }

  /* lang */

  .lang-selector {
    margin-left: var(--distance);
  }

  /* Footer */

  footer,
  .sub-footer {
    height: auto;
  }

  footer .footer-content {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  footer .menu-footer-container {
    width: 100%;
    justify-content: flex-start;
    margin-top: var(--distance-half);
    margin-bottom: var(--distance);
  }

  footer .menu-footer-container .menu-footer li + li {
    margin-left: var(--distance-half);
  }

  footer .social-wrapper {
    width: 100%;
    border-top: 1px solid var(--bianco);
    padding-top: var(--distance);
    align-items: center;
    justify-content: space-between;
  }

  /* sub footer */

  .sub-footer {
    padding: var(--distance-half) 0;
  }

  .credits {
    width: 88px;
    height: 11px;
  }

  .sub-footer .footer-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .sub-footer .footer-content > * + * {
    margin-top: var(--distance-half);
  }

  /* ======================================================================== */
  /* PAGES */

  /* ________________________________________________________________________ */
  /* Page: Landing */

  .hero.has-cursor {
    cursor: auto;
    pointer-events: none;
  }

  .cursor-container {
    display: none;
  }

  #countdown {
    width: calc(100% - 250px);
  }

  #countdown .countdown-col {
    width: 50%;
    padding: 0 var(--distance-half);
  }

  #countdown .countdown-col:nth-child(odd) {
    justify-content: flex-end;
  }

  #countdown .countdown-col:nth-child(even) {
    justify-content: flex-start;
  }

  /* Section: Modale info */

  .modale-info .info-content {
    width: 100%;
    padding: 0 30px;
  }

  .modale-info .info-content .cont-top {
    height: auto;
  }

  .modale-info .info-content .cont-left {
    width: 100%;
    padding: var(--distance) 0;
  }

  .modale-info .info-content .cont-right {
    width: 100%;
    padding: var(--distance) 0;
    border-left: 0;
    border-top: 1px solid var(--nero);
  }

  .modale-info .info-content .cont-right .gruppo-modale + .gruppo-modale {
    margin-top: var(--distance);
  }

  .modale-info .info-content .cont-right .gruppo-modale p {
    margin-top: calc(var(--distance-half) / 2);
  }

  .modale-info .info-content .cont-partners {
    flex-wrap: wrap;
  }

  .modale-info .info-content .cont-partners .occhiello {
    width: 100%;
  }

  .cont-partners .partners-container .partner-link {
    width: 100px;
    height: 100px;
    margin-right: var(--distance-half);
  }

  /* ________________________________________________________________________ */
  /* Page: Home */

  .hero .hero-scroll [class*="icon-"] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
  }

  .section-imageLeft .imageLeft-content {
    flex-direction: column-reverse;
  }

  .section-imageLeft .imageLeft-content .cont-left {
    width: 100%;
    padding-right: 0;
  }

  .section-imageLeft .imageLeft-content .cont-left .testo {
    width: 100%;
    margin-top: var(--distance);
  }

  .section-imageLeft .imageLeft-content .cont-right {
    width: calc(100% + 60px);
    margin-left: -30px;
  }

  .section-sticky-accordion {
    margin-bottom: calc(calc(80vh - calc(var(--header-height) * 2)) * -1);
  }

  .sticky-accordion-item .sticky-accordion-body {
    height: 600px;

    /* height: calc(80vh - calc(var(--accordion-header) * 4)); */
  }

  .sticky-accordion-item .sticky-accordion-head {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .sticky-accordion-head .titolo-medium {
    width: 100%;
  }

  .sticky-accordion-sub-head {
    width: 100%;
    padding: var(--distance-half) 0;
    display: flex;
    align-items: center;
    background-color: var(--bianco);
    margin-top: -1px;
  }

  .section-prossimieventi .cont-body {
    flex-wrap: wrap;
  }

  .card-evento {
    width: calc(50% - calc(var(--distance-half) / 2));
    margin-bottom: var(--distance);
  }

  .card-evento.no-img:hover,
  .card-evento.no-img:focus,
  .card-evento:hover .card-immagine,
  .card-evento:focus .card-immagine {
    background-color: var(--null);
  }

  .card-evento .card-evento-head {
    display: flex;
    justify-content: space-between;
  }

  .card-evento.gold .card-immagine {
    height: 250px;
  }

  .prossimieventi-content .cont-body a:nth-child(3),
  .prossimieventi-content .cont-body a:nth-child(4) {
    display: none;
  }

  /* ________________________________________________________________________ */
  /* Page: Credits */

  .page-credits section:first-child {
    border-top: 0;
  }

  .credits-content {
    flex-direction: column;
  }

  .credits-content .credits-ripetitore .credits-link {
    width: 100px;
    /* height: 100px; */
  }

  .credits-content > .testo {
    width: 100%;
    margin-top: var(--distance-half);
  }

  .credits-content > .credit-link {
    width: fit-content;
    display: inline-flex;
    margin-top: var(--distance-half);
  }

  .credits-content .credits-ripetitore {
    margin-top: var(--distance-half);
  }

  /* ________________________________________________________________________ */
  /* Page: Calendario */

  .page-calendario section:first-child {
    border-top: 0;
  }

  .accordion-header .accordion-header-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 100px;
    position: relative;
  }

  .accordion-header .accordion-header-content .icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .accordion-header .titolo {
    margin-left: 0;
  }

  .accordion-body {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .filtri-container {
    margin-bottom: var(--distance);
  }

  .calendario-evento {
    width: 100%;
    height: auto;
    /* min-height: 150px; */
    min-height: unset;
    flex-direction: column-reverse;
    border-top: none;
    border-bottom: 1px solid var(--nero);
    border-left: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: var(--distance);
    padding-bottom: var(--distance);
  }

  .calendario-evento:hover,
  .calendario-evento:focus {
    background-color: var(--null);
  }

  .calendario-evento:hover .cont-left .color-grigio,
  .calendario-evento:focus .cont-left .color-grigio {
    color: var(--grigio) !important;
  }

  .accordion-body .calendario-evento:last-child {
    border-bottom: none;
  }

  .calendario-evento .cont-right {
    width: 100%;
    height: 350px;
    margin-bottom: var(--distance);
  }

  .calendario-evento .cont-left {
    width: 100%;
    max-width: unset;
    padding: 0;
  }

  .calendario-evento .cont-left .titolo {
    max-width: 500px;
  }

  .calendario-evento .cont-left .testo {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: var(--distance-half);
  }

  .calendario-evento .cont-left .link {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }

  /* ________________________________________________________________________ */
  /* Single: Evento */

  .page-evento-single section:first-child {
    border-top: 0;
  }

  .page-evento-single section:first-child {
    border-bottom: none;
    border-top: none;
  }

  .banner-loop {
    margin: var(--distance-half) 0 0;
  }

  .banner-loop .titolo-big {
    animation: bannerAnimation 25s linear infinite;
  }

  .single-content {
    flex-direction: column-reverse;
    margin-bottom: var(--distance);
  }

  .single-content .cont-right {
    border-left: 0;
  }

  .single-content .cont-left .info-row {
    padding: var(--distance) 0 var(--distance-half);
    flex-direction: column;
  }

  .single-content .cont-left .info-row .info-body {
    width: 100%;
    margin-top: var(--distance-half);
    padding-right: 0;
  }

  .single-content .cont-left .info-row .info-body .link {
    margin-top: var(--distance-half);
  }

  /* Forms */

  #section-form .form-content {
    flex-direction: column;
  }

  .gform_body .gfield {
    padding-bottom: var(--distance-half);
  }

  .form-content .form-titolo {
    width: 100%;
    padding-right: 0;
    margin: var(--distance) 0;
  }

  .form-content .form-body {
    width: 100%;
  }

  .gform_body .gfield .ginput_container {
    width: calc(100% - 130px);
  }

  .gform_wrapper .ginput_container_consent {
    height: 200px;
    /* padding-left: calc(var(--distance) * 1.5); */
  }

  .gform_footer {
    bottom: 128px;
  }
}

/* =========================================================================================================== */
/* SM */

/*

      SSSSSSS   MM      MM
    SS          MMM    MMM
     SSSSS      MM  MM  MM
          SS    MM      MM
    SSSSSSS     MM      MM

*/

@media screen and (min-width: 576px) and (max-width: 767.98px),
  screen and (max-height: 500px) and (orientation: landscape) {
  html,
  body {
    background-color: var(--blu);
  }

  .rotate {
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--blu);
    z-index: 9999999;
  }

  .rotate::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    min-width: 200px;
    min-height: 200px;
    max-width: 200px;
    max-height: 200px;
    background-color: var(--bianco);
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: var(--transition);
    -webkit-mask: url(../media/svg/rotate.svg) no-repeat 50% 50%;
    mask: url(../media/svg/rotate.svg) no-repeat 50% 50%;
    pointer-events: none;
    user-select: none;
  }
}

/* =========================================================================================================== */
/* XS */

/*

    XX      XX     SSSSSSS
      XX  XX     SS
        XX        SSSSS
      XX  XX           SS
    XX      XX   SSSSSSS

*/

@media (max-width: 575.98px) {
  /* ________________________________________________________________________ */
  /* Root */

  :root {
    --header-height: 60px;
    --accordion-header: 60px;
    --animation-size: 460px;
  }

  /* ________________________________________________________________________ */
  /* Tipography */

  .titolo-super {
    font-size: 8rem;
    line-height: 7rem;
  }

  h1,
  .titolo-big {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: 1px;
  }

  .titolo-medium {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  h2,
  h3,
  h4,
  h5,
  h6,
  .titolo {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: normal;
  }

  .card-evento .titolo,
  .calendario-evento .titolo {
    font-size: 2rem;
    line-height: 2rem;
    margin-top: calc(var(--distance-half) / 2) !important;
  }

  p,
  ul,
  li,
  ul,
  ol,
  .testo,
  div.testo * {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  button,
  .button,
  .link,
  .link.big,
  .menu-header li.menu-item a {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .occhiello,
  .sound-status *,
  .lang-selector a {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .footer-content *,
  .menu-footer li a,
  .footer-content .testo,
  .footer-content .testo * {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .gform_wrapper label,
  .gform_wrapper .gfield_required {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="text"]::placeholder,
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="number"]::placeholder,
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="email"]::placeholder,
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="tel"]::placeholder,
  .gform_wrapper textarea,
  .gform_wrapper textarea::placeholder {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
  }

  .gform_wrapper input[type="submit"] {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
    margin-bottom: 0;
  }

  .has-shadow {
    text-shadow: 2px 2px 5px rgba(var(--nero-rgb), 0.5);
  }

  /* ________________________________________________________________________ */
  /* General */

  .wrapper {
    width: calc(100% - 30px);
  }

  section {
    padding: var(--distance) 0;
  }

  main section:first-child {
    padding: var(--distance) 0;
  }

  button,
  .button {
    padding: 4px 20px;
  }

  .link span + [class*="icon-"] {
    margin-left: 5px;
  }

  .link [class*="icon-"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
  }

  /* ________________________________________________________________________ */
  /* Navigation */

  /* Header */

  header {
    border-bottom: 1px solid var(--nero);
  }

  body.page-template-page-home header,
  body.page-template-page-landing header {
    border-bottom: 1px solid var(--bianco);
  }

  header .navigation > * + * {
    margin-left: var(--distance-half);
  }

  /* Menu Header */

  .menu-mobile {
    display: flex;
  }

  /* Header bottom */

  .header-bottom .navigation .button {
    margin-left: auto;
  }

  /* logo */

  .logo-header,
  .modale-info .info-content .cont-left .logo-info {
    width: 160px;
    height: 20px;
    min-width: 160px;
    min-height: 20px;
  }

  /* SOUND status */

  .sound-status span.status::before,
  .sound-status.active span.status::before {
    content: none !important;
  }

  .sound-status span.status::after {
    width: 24px;
    height: 24px;
  }

  /* lang */

  .lang-selector {
    margin-left: var(--distance-half);
  }

  /* Loader */

  #loader .loader-gif {
    width: 140px;
    height: 140px;
  }

  /* Footer */

  footer,
  .sub-footer {
    height: auto;
  }

  footer .footer-content {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  footer .menu-footer-container {
    width: 100%;
    justify-content: flex-start;
    margin-top: var(--distance-half);
    margin-bottom: var(--distance);
  }

  footer .menu-footer-container .menu-footer li + li {
    margin-left: var(--distance);
  }

  footer .social-wrapper {
    width: 100%;
    border-top: 1px solid var(--bianco);
    padding-top: var(--distance);
    align-items: center;
    justify-content: space-between;
  }

  /* sub-footer */

  .sub-footer {
    padding: var(--distance-half) 0;
  }

  .sub-footer .footer-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .sub-footer .footer-content > * + * {
    margin-top: var(--distance-half);
  }

  .credits-wrapper {
    align-items: flex-start;
  }

  .credits {
    width: 88px;
    height: 11px;
  }

  /* ======================================================================== */
  /* PAGES */

  /* ________________________________________________________________________ */
  /* Page: Landing */

  .hero.has-cursor {
    cursor: auto;
    pointer-events: none;
  }

  .cursor-container {
    display: none;
  }

  #countdown {
    width: 100%;
    max-width: 240px;
  }

  #countdown .countdown-col {
    width: 50%;
    margin: calc(var(--distance-half) / 2) 0;
    padding: 0 calc(var(--distance-half) / 2);
  }

  #countdown .countdown-col:nth-child(odd) {
    justify-content: flex-end;
  }
  #countdown .countdown-col:nth-child(even) {
    justify-content: flex-start;
  }

  /* Section: Modale info */

  .modale-info .info-content {
    width: 100%;
    padding: 0 15px;
  }

  .modale-info .info-content .cont-top {
    height: auto;
  }

  .modale-info .info-content .cont-left {
    width: 100%;
    padding: 0 0 var(--distance) 0;
  }

  .modale-info .info-content .cont-right {
    width: 100%;
    padding: var(--distance) 0;
    border-left: 0;
    border-top: 1px solid var(--nero);
  }

  .modale-info .info-content .cont-right .gruppo-modale + .gruppo-modale {
    margin-top: var(--distance);
  }

  .modale-info .info-content .cont-right .gruppo-modale p {
    margin-top: calc(var(--distance-half) / 2);
  }

  .modale-info .info-content .cont-partners {
    flex-wrap: wrap;
  }

  .modale-info .info-content .cont-partners .occhiello {
    width: 100%;
  }

  .cont-partners .partners-container .partner-link {
    width: 98px;
    height: 98px;
    margin-right: 0;
  }

  /* ________________________________________________________________________ */
  /* Page: Home */

  .hero {
    overflow: hidden;
  }

  .hero .hero-scroll {
    display: none !important;
  }

  #home-titolo .time-line {
    width: calc(100% - 60px);
    margin: 0 auto;
  }

  #home-titolo .titolo-big {
    margin-bottom: var(--distance-half);
  }

  .section-imageLeft .imageLeft-content {
    flex-direction: column-reverse;
  }

  .section-imageLeft .imageLeft-content .cont-left {
    width: 100%;
    padding: var(--distance) 0;
    padding-right: 0;
  }

  .section-imageLeft .imageLeft-content .cont-left .testo {
    width: 100%;
    margin-top: var(--distance);
  }

  .section-imageLeft .imageLeft-content .cont-right {
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .section-sticky-accordion {
    margin-bottom: calc(calc(80vh - calc(var(--header-height) * 2)) * -1);
  }

  .sticky-accordion-item {
    /* height: 540px; */
    height: 60vh;
  }

  .sticky-accordion-item .sticky-accordion-head {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .sticky-accordion-sub-head {
    width: 100%;
    padding: var(--distance-half) 0;
    display: flex;
    align-items: center;
    background-color: var(--bianco);
    margin-top: -1px;
  }

  .sticky-accordion-item .sticky-accordion-body {
    height: 450px;
    /* height: 170px; */
    /* height: calc(80vh - calc(var(--header-height) * 4)); */
  }

  .sticky-accordion .sticky-accordion-item:nth-child(3) .sticky-accordion-head {
    height: calc(var(--accordion-header) + 24px) !important;
  }
  .sticky-accordion .sticky-accordion-item:nth-child(4) {
    top: calc(calc(var(--accordion-header) * 3) + 86px);
  }
  .sticky-accordion .sticky-accordion-item:nth-child(5) {
  }

  .section-prossimieventi .cont-head {
    align-items: flex-start;
    margin-bottom: var(--distance);
    border-bottom: 1px solid var(--nero);
  }

  .section-prossimieventi .cont-body {
    flex-wrap: wrap;
  }

  .card-evento {
    width: 100%;
    padding-bottom: var(--distance);
    margin-bottom: var(--distance);
    border-bottom: 1px solid var(--nero);
    /* margin-bottom: var(--distance-big); */
  }

  .card-evento.no-img:hover,
  .card-evento.no-img:focus,
  .card-evento:hover .card-immagine,
  .card-evento:focus .card-immagine {
    background-color: var(--null);
  }

  .card-evento .card-evento-head {
    display: flex;
  }

  .card-evento.gold .card-immagine {
    height: 250px;
  }

  .card-evento.no-img {
    background-color: var(--null);
  }

  .card-evento.no-img .card-immagine {
    display: none !important;
  }

  .card-evento.no-img .card-evento-head {
    margin-top: 0 !important;
  }

  /* ________________________________________________________________________ */
  /* Page: Credits */

  .page-credits section:first-child {
    border-top: 0;
  }

  .credits-content {
    flex-direction: column;
  }

  .credits-content .credits-ripetitore .credits-link {
    width: 100px;
    /* height: 100px; */
  }

  .credits-content > .testo {
    width: 100%;
    margin-top: var(--distance-half);
  }

  .credits-content > .credit-link {
    width: fit-content;
    display: inline-flex;
    margin-top: var(--distance-half);
  }

  .credits-content .credits-ripetitore {
    margin-top: var(--distance-half);
  }

  /* ________________________________________________________________________ */
  /* Page: Calendario */

  .page-calendario section:first-child {
    border-top: 0;
  }

  .accordion-header .accordion-header-content {
    padding: var(--distance-half) 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 100px;
    position: relative;
  }

  .accordion-header .accordion-header-content .icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .accordion-header .titolo {
    margin-left: 0;
  }

  .accordion-header .accordion-header-content .icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    position: absolute;
    top: var(--distance);
    right: 0;
  }

  .accordion-header .icon::after {
    content: "";
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
  }

  .accordion-header .titolo {
    margin-right: 0;
    margin-top: calc(var(--distance-half) / 2);
  }

  .accordion-body {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .filtri-container {
    margin-bottom: var(--distance);
  }

  .calendario-evento {
    width: 100%;
    height: auto;
    min-height: unset;
    /* min-height: 100px; */
    flex-direction: column-reverse;
    border-top: none;
    border-bottom: 1px solid var(--nero);
    border-left: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: var(--distance);
    padding-bottom: var(--distance);
  }

  .calendario-evento:hover,
  .calendario-evento:focus {
    background-color: var(--null);
  }

  .calendario-evento:hover .cont-left .color-grigio,
  .calendario-evento:focus .cont-left .color-grigio {
    color: var(--grigio) !important;
  }

  .accordion-body .calendario-evento:last-child {
    border-bottom: none;
  }

  .calendario-evento .cont-right {
    width: 100%;
    height: 250px;
    margin-bottom: var(--distance);
  }

  /* .calendario-evento.gold .cont-right {
    height: 250px;
  } */

  .calendario-evento .cont-left {
    width: 100%;
    max-width: unset;
    padding: 0;
  }

  .calendario-evento .cont-left .titolo {
    margin-bottom: var(--distance-half);
  }

  .calendario-evento .cont-left .link {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }

  /* ________________________________________________________________________ */
  /* Single: Evento */

  .page-evento-single section:first-child {
    border-bottom: none;
    border-top: none;
  }

  .banner-loop {
    margin: var(--distance-half) 0 0;
  }

  .banner-loop .titolo-big {
    animation: bannerAnimation 25s linear infinite;
  }

  .single-content {
    flex-direction: column-reverse;
    margin-bottom: var(--distance);
  }

  .single-content .cont-right {
    border-left: 0;
  }

  .single-content .cont-left .info-row {
    margin-top: 0;
    padding: var(--distance) 0 var(--distance-half);
    flex-direction: column;
  }

  .single-content .cont-left .info-row .info-body {
    width: 100%;
    margin-top: var(--distance-half);
    padding-right: 0;
  }

  .single-content .cont-left .info-row .info-body .link {
    margin-top: var(--distance-half);
  }

  /* Forms */

  #section-form .form-content {
    flex-direction: column;
  }

  .form-content .form-titolo {
    width: 100%;
    padding-right: 0;
    margin: var(--distance) 0;
  }

  .form-content .form-body {
    width: 100%;
  }

  .gform_body .gfield--width-half,
  .gform_body .gfield--width-third {
    width: 100%;
  }

  .gform_body .gfield {
    display: block;
    padding-bottom: var(--distance-half);
  }

  .gform_body .gfield .ginput_container {
    width: 100%;
    margin-top: var(--distance-half);
  }

  .gform_wrapper .ginput_container_consent {
    height: auto;
    margin-top: 0;
    padding-top: var(--distance-half);
    padding-bottom: var(--distance-half);
  }

  .gform_wrapper input[type="checkbox"] + label {
    padding-left: calc(var(--distance) * 1.2);
  }

  .gform_wrapper input[type="checkbox"] + label::before {
    width: 20px;
    height: 20px;
  }

  .gform_wrapper input[type="checkbox"] + label::after {
    width: 12px;
    height: 12px;
  }

  .gform_footer {
    bottom: unset;
    right: unset;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
  }

  /* ________________________________________________________________________ */
  /* Forms */

  /* .gform_body .gfield {
    margin-bottom: 35px !important;
  } */

  /* Inputs */
  /* input[type="text"],
  input[type="email"],
  input[type="tel"] {
    padding: 8px var(--distance-half) !important;
  }

  .gform_body select {
    min-height: 50px;
    padding: 8px var(--distance-half) !important;
  } */

  /* Select */
  /* .gform_body .ginput_container_select::after {
      content: "";
      width: 10px;
      height: 10px;
      min-width: 10px;
      min-height: 10px;
      top: 21px;
    } */

  /* Checkbox */
  /* .ginput_container.ginput_container_consent {
      padding-left: 30px;
    }

    input[type="checkbox"] {
      width: 16px;
      height: 16px;
      min-width: 16px;
      min-height: 16px;
      max-width: 16px;
      max-height: 16px;
      left: -16px;
    } */

  /* Error */
  /* .gform_validation_errors {
      margin: 40px 0 40px !important;
    }

    .gform_validation_errors h2.gform_submission_error {
      font-size: 1.4rem !important;
      line-height: 1.8rem !important;
      margin: 0 !important;
    } */

  /* Spinner */
  /* .gform_footer .gform_ajax_spinner {
      top: 20px;
      left: calc(50% + 60px);
    } */
}

/* =========================================================================================================== */
/* =========================================================================================================== */
/* =========================================================================================================== */

/* specials */

@media (max-width: 370px) {
  /* ________________________________________________________________________ */
  /* Navigation */

  footer .menu-footer {
    flex-direction: column;
  }

  .menu-footer {
    margin-top: var(--distance-half);
    align-items: flex-start;
  }

  footer .menu-footer-container .menu-footer li + li {
    margin-left: 0;
    margin-top: var(--distance-half);
  }

  .sub-footer .footer-content {
    justify-content: flex-start;
  }

  .credits-wrapper {
    flex-direction: column;
  }

  .credits {
    width: 78px;
    height: 11px;
  }

  /* home accordion */

  .sticky-accordion .sticky-accordion-item:nth-child(1) {
    top: 0;
  }
  .sticky-accordion .sticky-accordion-item:nth-child(2) {
    top: var(--accordion-header);
  }
  .sticky-accordion .sticky-accordion-item:nth-child(3) {
    top: calc(var(--accordion-header) * 2);
  }
  .sticky-accordion .sticky-accordion-item:nth-child(4) {
    top: calc(calc(var(--accordion-header) * 3) + 20px);
  }

  .sticky-accordion-item {
    /* height: 340px; */
    /* height: 50vh; */
  }

  .sticky-accordion-item .sticky-accordion-body {
    height: 170px;
    height: 230px;
  }
}