/* BARRIOTHEME > RESPONSIVE CSS  */

/* =========================================================================================================== */
/* XS */
@media (max-width: 575.98px) {
  /* VARS */
  :root {
    /* Distances */
    --distance-big: 80px;
    --distance-medium: 40px;
    --distance: 30px;
    --distance-half: 15px;

    /* Sizes */
    --wrapper-padding: 24px;

    /* Font Sizes */
    --size-super: 5rem;
    --size-h1: 4rem;
    --size-h2: 4rem;
    --size-h3: 2.8rem;
    --size-h4: 2rem;
    --size-h5: 1.6rem;
    --size-h6: 1.8rem;
    --size-p: 1.6rem;
    --size-p-small: 1.6rem;
    --size-occhiello: 1.4rem;
    --size-mini: 1.2rem;

    /* Line Height */
    --lh-super: 5rem;
    --lh-h1: 4.4rem;
    --lh-h2: 4rem;
    --lh-h3: 3.6rem;
    --lh-h4: 2rem;
    --lh-h5: 2.4rem;
    --lh-h6: 2.6rem;
    --lh-p: 2.4rem;
    --lh-p-small: 1.9rem;
    --lh-occhiello: 1.7rem;
    --lh-mini: 1.6rem;
  }
  .content strong {
    font-family: inherit !important;
  }

  .marquee .swiper-slide {
    padding: 10px 0 0px;
  }

  .tooltip-custom {
    right: 30px;
    transform: translateY(-100%);
  }

  /* HEADER */
  .scroll-after-header header .nav-menu.is_fixed {
    pointer-events: all;
  }
  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 134px;
    height: 25px;
  }
  .sos-logo:not(.white-bg),
  .sos-logo:not(.white-bg):visited,
  .sos-logo:not(.white-bg):focus,
  .sos-logo:not(.white-bg):hover {
    mix-blend-mode: normal !important;
  }
  footer .logo,
  footer .logo:visited,
  footer .logo:focus,
  footer .logo:hover {
    width: 180px;
    height: 35px;
  }
  .open-menu .sos-logo {
    opacity: 0;
    visibility: hidden;
  }

  .nav-menu {
    padding: 20px 0;
  }
  .nav-menu .logo {
    opacity: 0;
    margin-top: 0;
  }
  .open-menu .nav-menu .logo {
    opacity: 1;
  }
  .nav-menu .logo.white-bg {
    background: var(--bianco) !important;
  }
  .nav-menu .logo.red-bg {
    background: var(--rosso) !important;
  }
  .nav-menu .logo.blu-bg {
    background: var(--verde_acqua) !important;
  }
  .menu-header li + li {
    margin: 0;
  }
  .menu-header li:not(.search) {
    display: none;
  }
  body.open-menu header.red-bg .menu-header li.search-button a,
  body.open-menu header.red-bg .is_fixed .menu-header li.search-button a {
    background: var(--rosso) !important;
  }
  body.open-menu header.blu-bg .menu-header li.search-button a,
  body.open-menu header.blu-bg .is_fixed .menu-header li.search-button a {
    background: var(--verde_acqua) !important;
  }
  body:not(.open-menu) header.white-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--bianco) !important;
  }
  body.home:not(.open-menu):not(.scroll-after-header)
    header.on-black
    .nav-menu {
    background-color: var(--nero) !important;
  }
  body:not(.open-menu) header.red-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--rosso) !important;
  }
  body:not(.open-menu) header.blu-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--verde_acqua) !important;
  }
  header.blu-bg .btn-hamburger .line,
  header.blu-bg .menu-header li.search-button a,
  header.red-bg .btn-hamburger .line,
  header.red-bg .menu-header li.search-button a,
  .scroll-after-header header.on-black .btn-hamburger .line,
  .scroll-after-header header.on-black .menu-header li.search-button a {
    background: var(--nero) !important;
  }
  .on-black.red-bg .menu-header li.search-button a {
    background: var(--bianco);
  }
  body:not(.open-menu):not(.scroll-after-header).author
    header.white-bg
    .nav-menu {
    background-color: transparent !important;
  }

  header.second {
    padding-top: 0;
    transition: var(--transition);
  }
  .scroll-after-header header.second {
    top: calc(var(--distance) * -2);
  }
  header.second .logo {
    background: var(--bianco) !important;
    margin: var(--distance);
  }

  .btn-close-filters,
  .close-btn,
  .carousel__button.fancybox__button--close {
    width: 25px;
    height: 25px;
  }

  .btn-hamburger::after,
  .btn-hamburger::before {
    width: 100%;
  }

  .search-input input[type="text"] {
    padding-bottom: 0 !important;
  }
  .search-results-container {
    padding: calc(var(--distance-big) + var(--distance)) 0
      calc(var(--distance-medium) * 3);
  }

  /* OVERLAY */
  .overlay .top-content .occhiello,
  .overlay .top-content h6,
  .menu-overlay li {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .top-content {
    height: calc(100vh - 230px);
  }
  .top-content .red-content .menu-overlay {
    height: 40vh;
    overflow: scroll;
    padding: 20px 0 60px;
  }
  .menu-overlay li a,
  .menu-overlay li a:visited,
  .menu-overlay li a:focus,
  .menu-overlay li a:hover {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .menu-overlay li a::before {
    width: calc(100% + 10px);
    height: calc(100% + 6px);
  }
  .overlay .bottom-content a {
    position: relative;
    font-size: 2.4rem;
    line-height: 3.5rem;
    padding: calc(var(--distance-medium) / 2) 0 !important;
    border: none !important;
  }
  .overlay .bottom-content a::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: 0;
    width: 200vw;
    height: 1px;
    background: var(--bianco);
  }
  .overlay-icon-menu {
    justify-content: flex-end;
  }
  .overlay-icon-menu a {
    width: 25px;
    height: 25px;
  }

  /* GENERAL */
  section {
    padding: var(--distance-medium) 0;
  }
  .container_per_sticky {
    padding-top: var(--distance-medium);
    padding-bottom: var(--distance-medium);
    margin-top: 0 !important;
  }
  .page-template-page-release .hero.container_per_sticky {
    padding-top: calc(var(--distance-medium) * 2);
  }
  .logo-outline,
  .logo-fill {
    height: 50px;
    width: 190px;
  }
  .cont-articoli .card-articolo {
    margin-bottom: calc(var(--distance-big) / 2) !important;
  }
  .marquee {
    height: 100px;
  }
  .marquee .track {
    height: 110px;
  }
  .hero {
    padding-top: 67px;
    padding-bottom: var(--distance-medium);
  }
  .single-product-release .hero {
    padding-bottom: var(--distance-big);
  }
  .cont-articoli .card-articolo .vertical img {
    height: 400px;
  }
  .articoli-container[data-template="vertical"] {
    min-height: inherit;
  }
  .articoli-container[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="horizontal"] {
    min-height: 600px;
  }
  .swiper-articoli {
    min-height: 500px;
  }
  .in-evidenza .card-articolo .img-articolo {
    border-top-left-radius: 147px;
    border-bottom-right-radius: 147px;
  }
  .cont-articoli .card-articolo .horizontal img {
    height: 200px;
  }
  .sos-extra,
  .sos-release {
    overflow: hidden;
  }
  .gradient-img {
    height: 400px;
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .single-product-release .hero .img-articolo {
    height: 400px;
  }
  .sticky_marquee.stop_here {
    top: calc(380px - var(--menu-height));
  }
  .single-post section .ad img {
    max-height: 500px;
  }
  .img-articolo::before {
    content: none !important;
  }

  /* SEARCH BUTTON */
  .search-button,
  .search-input::before {
    width: calc(var(--distance-big) / 3);
    height: calc(var(--distance-big) / 3);
  }
  .searching .search-container .row::before {
    bottom: calc(var(--distance-medium) / -2);
  }
  .scroll-up.open-search .search-results-container {
    padding-top: calc(var(--distance-big) * 2);
  }

  /* HOME */
  .home .hero .img-articolo {
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .home .hero h1 {
    margin: var(--distance) 0;
  }
  .hero.specchiata .cont-hero h1 {
    line-height: var(--size-h1);
  }
  .cont-hero .bottom-content {
    position: relative;
    bottom: auto;
  }
  .cont-hero .occhiello {
    /* margin-top: 0; */
    margin-bottom: var(--distance-half);
  }
  .body-articolo .bottom-content {
    display: none;
  }
  .body-articolo h3,
  .most-read-row h4 {
    margin-top: var(--distance-half);
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .home .latest {
    padding-bottom: 0;
  }
  .in-evidenza {
    overflow: hidden;
  }
  .in-evidenza .swiper-slide:nth-child(2) .card-articolo .img-articolo {
    border-radius: 0;
  }
  .ad {
    padding-bottom: 0;
  }
  .cont-articoli.swiper-container .card-articolo {
    margin-bottom: 0;
  }
  .sos-extra,
  .sos-release,
  .sos-mag {
    padding-top: calc(
      calc(var(--distance-big) + calc(var(--distance-medium) / 2)) + 1px
    );
    padding-bottom: var(--distance-big);
  }
  .cont-most-read {
    position: relative;
    top: auto;
    padding: 0;
  }
  .home .cont-most-read {
    margin-top: var(--distance);
  }
  .cont-most-read::before,
  .cont-most-read::after,
  .cont-most-read > .lines::before,
  .cont-most-read > .lines::after {
    content: none;
  }
  .cont-most-read .articoli-container {
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: var(--distance) 0 calc(var(--distance) * 2);
  }
  .most-read-row a.card-articolo {
    padding-bottom: var(--distance);
    margin-bottom: var(--distance) !important;
    border-color: var(--grigio_C0);
  }
  .most-read-row .card-articolo .bottom-content {
    position: absolute;
    bottom: 0;
  }
  .cont-most-read .card-articolo h4 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
    margin-top: var(--distance-half);
  }
  .sos-release .icon-arrow-left,
  .sos-extra .icon-arrow-left {
    font-size: var(--size-occhiello);
    line-height: var(--lh-occhiello);
    margin-bottom: var(--distance);
    margin-top: 7px;
    border-bottom: 1px solid var(--nero);
  }
  .home .sos-extra .icon-arrow-left {
    border-bottom: 1px solid var(--bianco);
    color: var(--bianco);
  }
  .sos-release .icon-arrow-left::before,
  .sos-extra .icon-arrow-left::before {
    content: none;
  }
  .sos-extra h3.alt {
    margin-top: 0;
  }

  .sticky_marquee.is_sticky {
    top: var(--menu-height);
  }

  /* CATEGORY PAGE */
  .category .hero,
  .extra-section:nth-child(2) {
    padding-top: calc(
      var(--distance) + calc(var(--distance-medium) + var(--distance))
    );
    border-bottom: 0;
  }
  .page-template-page-calendar .hero > .wrapper {
    padding-top: calc(var(--distance) * 2);
  }
  .page-template-page-calendar.scroll-after-header header .menu-header li {
    opacity: 1;
  }
  .category .hero > .wrapper,
  .extra-section:nth-child(2) > .wrapper {
    padding-top: 0 !important;
  }
  .category .marquee-section {
    margin-top: var(--distance-big);
  }
  /* .category.scroll-after-header:not(.open-menu) .sos-logo {
    opacity: 0;
    visibility: hidden;
  } */
  .category.scroll-after-header header .menu-header li {
    opacity: 1;
  }
  a.open-filters-container::before,
  a.open-filters-container::after {
    content: none;
  }
  .category-style a.open-filters-container,
  .category-footwear a.open-filters-container,
  .category-accessories a.open-filters-container {
    background: var(--nero) !important;
    color: var(--bianco) !important;
  }
  .extra-section a.open-filters-container {
    border-color: var(--rosso) !important;
  }
  .page-template-page-calendar a.open-filters-container {
    border-color: var(--verde_acqua) !important;
  }
  .filters {
    pointer-events: none;
    position: fixed !important;
    top: unset !important;
    bottom: 50px;
    width: 100%;
    height: calc(50px + max(0px, env(safe-area-inset-bottom)));
    z-index: 23;
    transition: all 0.3s ease-out;
  }
  .category .cont-newsletter,
  .category footer {
    z-index: 19;
  }
  .open-menu .filters {
    opacity: 0;
  }
  .open-filters .filters {
    z-index: 22;
  }
  .filters > .wrapper {
    margin: 0;
    width: 100%;
    padding-top: calc(var(--distance-medium) / 3);
  }
  .open-filters-container {
    pointer-events: all;
    padding-right: calc(var(--distance-medium) / 2) !important;
  }
  #filters-container {
    position: fixed;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    bottom: auto;
    background: rgba(var(--nero-rgb), 0.7);
    transform: none;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
  }
  #filters-container .wrapper {
    position: relative;
    height: calc(calc(var(--vh) * 100) - var(--wrapper-padding));
    background: var(--bianco);
    border-radius: 18px;
    padding: calc(var(--wrapper-padding) * 1.5) var(--distance) 50px !important;
    overflow: hidden;
    z-index: 0;
  }
  .page-template-page-calendar #filters-container .wrapper {
    background: var(--verde_acqua);
  }
  .extra-section #filters-container .wrapper {
    background: var(--rosso);
  }
  .page-template-page-calendar #filters-container .wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - var(--distance-medium));
    height: calc(var(--wrapper-padding) * 2);
    background: linear-gradient(
      180deg,
      rgba(53, 200, 178, 0) 0%,
      var(--verde_acqua) 100%,
      var(--nero) 100%
    );
    z-index: 2;
  }
  #filters-container .wrapper .container-fluid {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
  }
  #filters-container h5 {
    font-family: var(--ivy);
    font-weight: 300;
    font-style: italic;
    margin-bottom: var(--distance);
  }
  #filters-container .occhiello {
    color: var(--nero);
    margin-top: 0;
    text-align: center;
  }
  .choices-container {
    margin-bottom: var(--distance);
  }
  .extra-section #filters-container .menu-overlay li.current-menu-item a {
    color: var(--rosso);
  }
  .single-choice label,
  .single-choice label:hover {
    color: var(--nero);
    border: 1px solid var(--nero);
  }
  .single-choice input[type="checkbox"]:checked + label {
    background: var(--nero);
  }
  .extra-section.ad {
    padding-bottom: var(--distance-medium);
  }
  .extra-section.sos-extra .cont-articoli {
    margin-top: 0;
  }

  /* PAGE RELEASE */
  .page-template-page-release .hero {
    overflow: hidden;
  }
  .page-template-page-release .hero a.occhiello {
    border-bottom: 1px solid var(--bianco);
  }
  .page-template-page-release .hero h3.alt {
    margin-bottom: 0;
  }
  .page-template-page-release .hero .swiper-articoli-mobile {
    margin-top: var(--distance);
  }
  /* .swiper-articoli-mobile .card-articolo .vertical {
    background: var(--bianco);
  } */
  .swiper-articoli-mobile .card-articolo .vertical img {
    height: 400px;
  }
  .page-template-page-release section.ad {
    padding-bottom: var(--distance-big);
  }
  .main-launch {
    margin-bottom: 0;
  }
  .articoli-release {
    padding-top: calc(var(--distance) * 2);
  }

  /* SINGLE */
  .single-post .hero,
  .single-post .hero.drop-format {
    overflow: hidden;
    padding-top: calc(
      var(--distance) + calc(var(--distance) + var(--distance-medium))
    );
    padding-bottom: var(--distance-medium);
  }
  .single-post h1,
  .info-articolo {
    margin-bottom: var(--distance);
  }
  .cont-articolo {
    margin-top: var(--distance-medium);
  }
  .info-articolo .occhiello.light {
    color: var(--grigio_C0);
  }
  .info-articolo a.occhiello {
    border-bottom: 1px solid var(--nero);
  }
  .single-post section .ad {
    margin-bottom: var(--distance-medium);
    padding-bottom: var(--distance-medium);
    border-bottom: 1px solid var(--grigio_C0);
  }
  .single-post section .ad .occhiello {
    border-bottom: 0;
    border-top: 1px solid var(--grigio_C0);
    text-align: center;
  }
  .single-post .recenti {
    overflow: hidden;
  }
  .carousel__button.fancybox__button--close {
    top: var(--distance-half);
    right: var(--distance-half);
  }
  .fancybox__nav .carousel__button {
    width: var(--distance-medium);
  }
  .fancybox__nav .carousel__button::after {
    -webkit-mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
    mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
  }
  /* .fancybox__slide img {
    max-width: 100vw !important;
    max-height: 90vh !important;
  } */
  .swiper-button-prev::before,
  .swiper-button-next::before {
    margin-right: 0;
    margin-left: 0;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: none;
  }
  .single-post .most-read-row .card-articolo h4 {
    font-size: var(--size-p);
    line-height: var(--size-p);
  }
  .single .share {
    position: fixed;
    width: 100%;
    height: calc(65px + max(0px, env(safe-area-inset-bottom)));
    bottom: -1px;
    z-index: 10;
    padding: calc(var(--distance-medium) / 2) var(--distance-medium);
    align-items: baseline;
    background: var(--bianco);
    margin-top: 0;
    border-bottom: none;
  }
  .single .share .occhiello {
    color: var(--grigio_C0);
  }
  .single-post .cont-newsletter,
  .single-post footer {
    z-index: 11;
  }
  .content > iframe:not([class]) {
    height: 210px;
  }

  /* SINGLE RELEASE */
  .single-product-release .hero .img-articolo {
    height: 400px;
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .negative-top {
    margin-top: calc(var(--distance) * -2);
  }
  .negative-top .super {
    margin-bottom: calc(var(--distance-medium) / 4);
  }
  .negative-top h5 {
    font-size: var(--size-occhiello);
  }
  .single-product-release .hero h3 {
    font-size: var(--size-h4);
    line-height: var(--size-h4);
  }
  .product-content .icon-arrow-left {
    font-size: var(--size-p);
    line-height: var(--size-p);
    border-bottom: 1px solid var(--nero);
    margin-bottom: calc(var(--distance-medium) * 1.75);
  }
  .product-content .icon-arrow-left::before {
    content: none;
  }
  .single-product-release .product-content .occhiello {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .single-product-release .recenti {
    overflow: hidden;
  }
  .single-product-release .recenti .swiper-container {
    overflow: visible;
  }
  .row-rivenditori {
    margin-top: var(--distance);
  }

  /* BLOCKS */
  .cont-gallery-caption,
  .cont-drop-gallery,
  .cont-post-collegato,
  .cont-gallery-about {
    width: auto;
    max-width: none;
    transform: none;
  }
  .preview-post {
    margin-top: calc(var(--distance-medium) / 2);
  }
  .preview-post .occhiello {
    margin-bottom: 0;
  }
  .content blockquote {
    padding: calc(var(--distance) * 2) var(--distance);
    margin-bottom: var(--distance-half);
  }
  .content blockquote::before {
    left: 50%;
    transform: scale(0.75) translateX(-50%);
    transform-origin: center;
  }
  .content blockquote::after {
    right: auto;
    bottom: 0;
    left: 50%;
    transform: scale(0.65) translateX(-50%);
    transform-origin: left;
  }
  .content blockquote p {
    margin-bottom: 0;
  }
  .author-block {
    padding: 0 var(--distance);
    margin-bottom: var(--distance-big);
  }
  .author-block p {
    margin-bottom: 0;
  }
  .preview-post.release .bottom-content {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: var(--distance);
  }
  .cont-gallery-caption,
  .cont-gallery-about,
  .cont-drop-gallery {
    margin: calc(var(--distance) * 2) auto;
  }
  .caption-gallery,
  .about-gallery {
    padding-bottom: var(--distance);
  }
  .caption-gallery .swiper-slide .caption,
  .about-gallery .swiper-slide .caption {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .caption-gallery .swiper-slide,
  .about-gallery .swiper-slide {
    padding-right: 0;
  }
  .caption-gallery .swiper-slide img {
    height: 400px;
  }
  .caption-gallery .swiper-button-next,
  .about-gallery .swiper-button-next,
  .cont-drop-gallery .swiper-button-next {
    display: block;
    text-align: end;
    margin-right: 0;
    right: 0;
    bottom: 0;
    height: var(--lh-p-small);
    margin-bottom: calc(var(--distance) / 3);
  }
  .caption-gallery .swiper-button-prev,
  .about-gallery .swiper-button-prev,
  .cont-drop-gallery .swiper-button-prev {
    height: var(--lh-p-small);
    margin-bottom: calc(var(--distance) / 3);
    bottom: 0;
  }
  .cont-drop-gallery {
    border-bottom: 0;
  }
  .cont-drop-gallery .swiper-container {
    border-bottom: 1px solid var(--nero);
  }
  .caption-gallery .swiper-slide img,
  .about-gallery .swiper-slide img {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .drop-gallery .swiper-slide .cont-img,
  .drop-gallery .swiper-slide .cont-text {
    max-width: none;
  }
  .drop-gallery .swiper-slide img {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .drop-gallery .swiper-slide h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
    margin-top: 0;
  }
  .cont-drop-gallery .swiper-button-prev,
  .cont-drop-gallery .swiper-button-next {
    margin-bottom: 0;
    bottom: calc(var(--distance-half) * -1);
    transform: translateY(100%);
  }
  .cont-post-collegato {
    margin: calc(var(--distance) * 2) auto;
    padding: calc(var(--distance) / 2) 0;
  }
  .cont-articolo .cont-post-collegato h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .cont-intervista h4 {
    margin-bottom: var(--distance) !important;
  }
  .cont-intervista p {
    font-size: var(--size-h6);
    line-height: var(--lh-h6);
  }
  .cont-embed.yt {
    width: 100%;
    transform: none;
    max-width: 100%;
  }
  .cont-embed.yt iframe {
    height: 200px;
  }
  .cont-embed.fb iframe {
    width: 100%;
  }
  .cont-embed.li {
    padding-bottom: 202.25%;
  }
  .cont-prodotto .desc .occhiello:not(.marca) {
    margin-bottom: 0;
  }
  .cont-prodotto .icon-arrow-left {
    font-size: var(--size-occhiello);
    line-height: var(--lh-occhiello);
  }
  .cont-prodotto .icon-arrow-left::before {
    content: none;
  }
  .single .cont-prodotto .icon-arrow-left::before {
    content: "";
  }
  .pie-di-pagina p {
    font-size: var(--size-h6);
    line-height: var(--lh-h6);
  }
  .cont-prodotto .cont-img::before {
    border: calc(var(--distance-big) / 5) solid var(--nero);
  }
  .fancybox__caption .cont-text {
    max-width: calc(100vw - 20px) !important;
    display: block;
    text-align: center;
  }

  /* ABOUT */
  .page-template-page-about section.hero {
    padding-top: calc(calc(var(--distance-big) * 2) + var(--distance-medium));
  }
  .page-template-page-about h1,
  .page-template-page-about h2.alt {
    font-size: var(--size-h3);
    line-height: var(--lh-h3);
    margin-bottom: var(--distance-big);
  }
  .page-template-page-about .hero .pittogramma {
    margin-top: var(--distance-medium);
  }
  .page-template-page-about h2.alt {
    margin-bottom: var(--distance);
  }

  /* CONTATTI */
  .page-template-page-contatti section.hero::before,
  .page-template-page-contest section.hero::before {
    content: none;
  }
  .page-template-page-contatti section.hero h1 + h5,
  .page-template-page-contest section.hero h1 + h5 {
    margin-top: var(--distance-medium);
    margin-bottom: var(--distance-big);
  }
  .cont-form {
    max-width: none;
  }
  .gf_progressbar_wrapper {
    position: sticky;
    top: calc(var(--distance-big) - calc(var(--distance) * 2));
    width: auto;
    margin-left: 0;
    background: var(--nero);
    padding-top: var(--distance-half) !important;
    z-index: 2;
  }
  p.gf_progressbar_title {
    text-align: start;
  }
  .gform_footer,
  .gform_page_footer {
    margin-top: calc(var(--distance) * 2) !important;
  }

  /* AUTHOR PAGE */
  .author-content.hero {
    padding-top: calc(
      var(--distance-medium) + calc(var(--distance-medium) + var(--distance))
    );
  }
  .author-content.hero h1.super {
    display: block;
  }
  .author-content.hero h1 span.super.outline {
    margin: 0;
  }
  .author-content.hero .cont-articoli {
    margin-top: var(--distance);
  }

  /* TAG PAGE */
  .tag-content.hero {
    padding-top: calc(
      var(--distance-medium) + calc(var(--distance-medium) + var(--distance))
    );
  }
  .tag-content.hero .marquee-container {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .tag-content.hero .marquee-container .logo-outline {
    margin: 0 10px 10px;
  }
  .tag-content.hero .marquee-container .marquee .track {
    height: calc(var(--distance) * 3);
  }

  /* NEWSLETTER */
  .cont-newsletter h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .privacy .ginput_container_checkbox {
    max-width: none;
    padding-left: calc(var(--distance-medium) * 1);
  }
  .privacy .ginput_container_checkbox input[type="checkbox"] + label {
    opacity: 0.5 !important;
  }
  .privacy .ginput_container_checkbox input[type="checkbox"]:checked + label {
    opacity: 1 !important;
  }

  /* FOOTER */
  footer {
    padding-top: 0;
    padding-bottom: var(--distance-medium);
  }
  footer .accordion-item .accordion-button {
    padding: var(--distance) 0 var(--distance-half);
  }
  footer .accordion-item {
    padding-bottom: calc(var(--distance) / 3);
  }
  footer .riga-logo::before {
    content: none;
  }
  .footer-menu {
    columns: 2;
    margin-top: 0;
    margin-bottom: var(--distance-half);
  }
  .footer-menu li a,
  .footer-menu li a:visited,
  .footer-menu li a:focus,
  .footer-menu li a:hover {
    font-size: var(--size-p-small);
    line-height: var(--lh-h5);
  }
  .footer-menu li.current-menu-item a,
  footer .menu-privacy li a:hover {
    opacity: 1 !important;
  }
  footer .menu-privacy li {
    margin-right: var(--distance-half);
  }
  footer .menu-privacy li:last-of-type {
    margin-right: 0;
  }
  footer .riga-subfooter {
    padding-top: var(--distance-big);
  }
  .credits-wrapper {
    display: block;
    opacity: 0.5;
  }
  .credits-wrapper > * {
    margin-bottom: 5px;
  }
  .credits-wrapper > *:last-child {
    margin-bottom: 0;
  }
  .menu-privacy {
    margin-top: calc(var(--distance-medium) / 2);
    padding-top: calc(var(--distance-medium) / 2);
    border-top: 1px solid var(--bianco);
  }
  footer .menu-privacy li a,
  footer .menu-privacy li a:visited,
  footer .menu-privacy li a:focus,
  footer .menu-privacy li a:hover {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .cont-newsletter input[type="text"],
  .cont-newsletter input[type="email"],
  .cont-newsletter input[type="tel"] {
    font-size: var(--size-h4) !important;
    line-height: var(--lh-h4) !important;
    padding-left: calc(var(--distance-medium) / 2) !important;
    padding-right: var(--distance-medium) !important;
  }
  button[type="submit"]:not(#gform_submit_button_1):not(
      #gform_submit_button_3
    ) {
    position: absolute;
    top: -25px;
    left: -30px;
    width: 20px;
    height: 20px;
    padding: 15px 0;
    -webkit-mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
    mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
  }

  .page-policy table {
    overflow: auto;
    display: block;
    white-space: nowrap;
  }

  /* 404 */
  .error404 .hero .hero-content {
    width: 90%;
  }
  .error404 .hero .top-content {
    position: absolute;
    top: 0;
    left: 0;
  }
  .error404 .hero .top-content .marquee-container:first-of-type {
    margin-top: 0;
  }
  .error404 .hero .bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .error404 .hero .bottom-content .marquee-container:last-of-type {
    margin-bottom: 0;
  }

  .page-policy .hero {
    padding-top: calc(
      calc(var(--distance-medium) + var(--distance)) + var(--distance-medium)
    );
  }

  /* PAGE THX */
  .page-template-page-grazie .hero h1,
  .page-template-page-grazie-contest .hero h1 {
    font-size: var(--size-h3);
    line-height: var(--lh-h3);
  }

  /* FORMS */
  .gform_ajax_spinner {
    position: absolute;
    top: -18px;
    right: 40px;
    left: auto;
  }

  /* MODIFICHE 31/03/23 */
  .popup .popup-content {
    max-width: 80vw !important;
    border: 1px solid var(--bianco);
  }
  .popup:not(.two-columns) .popup-content {
    padding: 20px;
  }
  .popup-content .occhiello {
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .popup.two-columns .popup-content .cont-form {
    margin-bottom: 50px;
    padding: 0 30px 0 30px;
  }
  .popup-content .privacy .ginput_container_checkbox {
    margin-top: 0px;
  }
  .popup .privacy .ginput_container_checkbox input[type="checkbox"] + label {
    font-size: 1rem !important;
    line-height: 1.3rem !important;
  }
  .pattern-container {
    max-height: 100px;
    overflow: hidden;
  }
  .popup-content h3:not([class]) {
    margin-bottom: 10px;
  }
  .icon-mail {
    width: 20px;
    height: 20px;
  }
  .popup-content h3.change-step {
    padding: 10px 20px;
  }
}

/* =========================================================================================================== */
/* SM */
@media screen and (min-width: 576px) and (max-width: 767.98px),
  screen and (min-height: 319px) and (max-width: 1000px) and (orientation: landscape) {
  /* VARS */
  :root {
    /* Distances */
    --distance-big: 80px;
    --distance-medium: 40px;
    --distance: 30px;
    --distance-half: 15px;

    /* Sizes */
    --wrapper-padding: 24px;

    /* Font Sizes */
    --size-super: 5rem;
    --size-h1: 4rem;
    --size-h2: 4rem;
    --size-h3: 2.8rem;
    --size-h4: 2rem;
    --size-h5: 1.6rem;
    --size-h6: 1.8rem;
    --size-p: 1.6rem;
    --size-p-small: 1.6rem;
    --size-occhiello: 1.4rem;
    --size-mini: 1.2rem;

    /* Line Height */
    --lh-super: 5rem;
    --lh-h1: 4.4rem;
    --lh-h2: 4rem;
    --lh-h3: 3.6rem;
    --lh-h4: 2rem;
    --lh-h5: 2.4rem;
    --lh-h6: 2.6rem;
    --lh-p: 2.4rem;
    --lh-p-small: 1.9rem;
    --lh-occhiello: 1.7rem;
    --lh-mini: 1.6rem;
  }
  .content strong {
    font-family: inherit !important;
  }

  .tooltip-custom {
    right: 30px;
    transform: translateY(-100%);
  }

  /* HEADER */
  .scroll-after-header header .nav-menu.is_fixed {
    pointer-events: all;
  }
  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 134px;
    height: 25px;
  }
  .sos-logo:not(.white-bg),
  .sos-logo:not(.white-bg):visited,
  .sos-logo:not(.white-bg):focus,
  .sos-logo:not(.white-bg):hover {
    mix-blend-mode: normal !important;
    /* background: var(--nero); */
  }
  footer .logo,
  footer .logo:visited,
  footer .logo:focus,
  footer .logo:hover {
    width: 180px;
    height: 35px;
  }
  .open-menu .sos-logo {
    opacity: 0;
    visibility: hidden;
  }

  .nav-menu {
    padding: 20px 0;
  }
  .nav-menu .logo {
    opacity: 0;
    margin-top: 0;
  }
  .open-menu .nav-menu .logo {
    opacity: 1;
  }
  .nav-menu .logo.white-bg {
    background: var(--bianco) !important;
  }
  .nav-menu .logo.red-bg {
    background: var(--rosso) !important;
  }
  .nav-menu .logo.blu-bg {
    background: var(--verde_acqua) !important;
  }
  .menu-header li + li {
    margin: 0;
  }
  .menu-header li:not(.search) {
    display: none;
  }
  body.open-menu header.red-bg .menu-header li.search-button a,
  body.open-menu header.red-bg .is_fixed .menu-header li.search-button a {
    background: var(--rosso) !important;
  }
  body.open-menu header.blu-bg .menu-header li.search-button a,
  body.open-menu header.blu-bg .is_fixed .menu-header li.search-button a {
    background: var(--verde_acqua) !important;
  }
  body:not(.open-menu) header.white-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--bianco) !important;
  }
  body:not(.open-menu) header.red-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--rosso) !important;
  }
  body:not(.open-menu) header.blu-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--verde_acqua) !important;
  }
  header.blu-bg .btn-hamburger .line,
  header.blu-bg .menu-header li.search-button a,
  header.red-bg .btn-hamburger .line,
  header.red-bg .menu-header li.search-button a,
  .scroll-after-header header.on-black .btn-hamburger .line,
  .scroll-after-header header.on-black .menu-header li.search-button a {
    background: var(--nero) !important;
  }
  .on-black.red-bg .menu-header li.search-button a {
    background: var(--bianco);
  }
  body:not(.open-menu):not(.scroll-after-header).author
    header.white-bg
    .nav-menu {
    background-color: transparent !important;
  }

  header.second {
    padding-top: 0;
    transition: var(--transition);
  }
  .scroll-after-header header.second {
    top: calc(var(--distance) * -2);
  }
  header.second .logo {
    background: var(--bianco) !important;
    margin: var(--distance);
  }

  .btn-close-filters,
  .close-btn,
  .carousel__button.fancybox__button--close {
    width: 25px;
    height: 25px;
  }

  .btn-hamburger::after,
  .btn-hamburger::before {
    width: 100%;
  }

  .search-input input[type="text"] {
    padding-bottom: 0 !important;
  }
  .search-results-container {
    padding: calc(var(--distance-big) * 1.5) 0 var(--distance-medium);
  }

  /* OVERLAY */
  .overlay .top-content {
    padding-top: calc(var(--distance) + var(--menu-height));
  }
  .overlay .top-content .occhiello,
  .overlay .top-content h6,
  .overlay .menu-overlay li {
    margin-bottom: 0;
  }
  .overlay .top-content h6 {
    /* display: inline-block;
      vertical-align: middle; */
    margin-bottom: var(--distance);
  }
  /* .overlay .menu-overlay {
      display: inline-flex;
      vertical-align: middle;
    } */
  .overlay .menu-overlay li {
    margin-bottom: calc(var(--distance) / 2);
  }
  .overlay .menu-overlay li:last-of-type {
    margin-right: 0;
  }
  .menu-overlay li a,
  .menu-overlay li a:visited,
  .menu-overlay li a:focus,
  .menu-overlay li a:hover {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .menu-overlay li a::before {
    width: calc(100% + 10px);
    height: calc(100% + 6px);
  }
  .overlay .bottom-content a {
    position: relative;
    font-size: 2.4rem;
    line-height: 3.5rem;
    padding: calc(var(--distance-medium) / 2) 0 !important;
    border: none !important;
  }
  .overlay .bottom-content a::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: 0;
    width: 200vw;
    height: 1px;
    background: var(--bianco);
  }
  .overlay-icon-menu {
    justify-content: flex-end;
  }
  .overlay-icon-menu a {
    width: 25px;
    height: 25px;
  }

  /* GENERAL */
  section {
    padding: var(--distance-medium) 0;
  }
  .container_per_sticky {
    padding-top: var(--distance-medium);
    padding-bottom: var(--distance-medium);
    margin-top: 0 !important;
  }
  .logo-outline,
  .logo-fill {
    height: 50px;
    width: 190px;
  }
  .cont-articoli .card-articolo {
    margin-bottom: calc(var(--distance-big) / 2) !important;
  }
  .marquee {
    height: 100px;
  }
  .marquee .track {
    height: 110px;
  }
  .hero {
    padding-top: calc(var(--distance-medium) + var(--distance));
    padding-bottom: var(--distance-medium);
  }
  .single-product-release .hero {
    padding-top: calc(var(--distance-medium) + var(--distance));
  }
  .cont-articoli .card-articolo .vertical img {
    height: 400px;
  }
  .articoli-container[data-template="vertical"] {
    min-height: inherit;
  }
  .articoli-container[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="horizontal"] {
    min-height: 800px;
  }
  .swiper-articoli {
    min-height: 500px;
  }
  .in-evidenza .card-articolo .img-articolo {
    border-top-left-radius: 147px;
    border-bottom-right-radius: 147px;
  }
  .cont-articoli .card-articolo .horizontal img {
    height: 200px;
  }
  .sos-extra,
  .sos-release {
    overflow: hidden;
  }
  .gradient-img {
    height: 400px;
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .single-product-release .hero .img-articolo {
    height: 400px;
  }
  .sticky_marquee.stop_here {
    top: 400px;
  }
  .single-post section .ad img {
    max-height: 500px;
  }
  .img-articolo::before {
    content: none !important;
  }

  /* SEARCH BUTTON */
  .search-button,
  .search-input::before {
    width: calc(var(--distance-big) / 3);
    height: calc(var(--distance-big) / 3);
  }
  .searching .search-container .row::before {
    bottom: calc(var(--distance-medium) / -2);
  }
  .scroll-up.open-search .search-results-container {
    padding-top: calc(var(--distance-big) * 2);
  }
  .page-template-page-calendar.scroll-after-header header .menu-header li {
    opacity: 1;
  }

  /* HOME */
  .home .hero .img-articolo {
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .home .hero h1 {
    margin: var(--distance) 0;
  }
  .hero.specchiata .cont-hero h1 {
    line-height: var(--size-h1);
  }
  .cont-hero .bottom-content {
    position: relative;
    bottom: auto;
  }
  .cont-hero .occhiello {
    margin-top: 0;
    margin-bottom: var(--distance-half);
  }
  .body-articolo .bottom-content {
    display: none;
  }
  .body-articolo h3 {
    margin-top: var(--distance-half);
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .home .latest {
    padding-bottom: 0;
  }
  .in-evidenza {
    overflow: hidden;
  }
  .in-evidenza .swiper-slide:nth-child(2) .card-articolo .img-articolo {
    border-radius: 0;
  }
  .ad {
    padding-bottom: 0;
  }
  .cont-articoli.swiper-container .card-articolo {
    margin-bottom: 0;
  }
  .sos-extra,
  .sos-release,
  .sos-mag {
    padding-top: calc(
      calc(var(--distance-big) + calc(var(--distance-medium) / 2)) + 1px
    );
    padding-bottom: var(--distance-big);
  }
  .cont-most-read {
    position: relative;
    top: auto;
    padding: 0;
  }
  .home .cont-most-read {
    margin-top: var(--distance);
  }
  .cont-most-read::before,
  .cont-most-read::after,
  .cont-most-read > .lines::before,
  .cont-most-read > .lines::after {
    content: none;
  }
  .cont-most-read .articoli-container {
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: var(--distance) 0 calc(var(--distance) * 2);
  }
  .most-read-row a.card-articolo {
    padding-bottom: var(--distance);
    margin-bottom: var(--distance) !important;
    border-color: var(--grigio_C0);
  }
  .most-read-row .card-articolo .bottom-content {
    position: absolute;
    bottom: 0;
  }
  .cont-most-read .card-articolo h4 {
    font-size: var(--size-p);
    line-height: var(--size-p);
    margin-top: 5px;
  }
  .sos-release .icon-arrow-left,
  .sos-extra .icon-arrow-left {
    font-size: var(--size-occhiello);
    line-height: var(--lh-occhiello);
    margin-bottom: var(--distance);
    border-bottom: 1px solid var(--nero);
  }
  .home .sos-extra .icon-arrow-left {
    border-bottom: 1px solid var(--bianco);
    color: var(--bianco);
  }
  .sos-release .icon-arrow-left::before,
  .sos-extra .icon-arrow-left::before {
    content: none;
  }
  .sos-extra h3.alt {
    margin-top: 0;
  }

  /* CATEGORY PAGE */
  .category .hero,
  .extra-section:nth-child(2) {
    padding-top: calc(
      var(--distance) + calc(var(--distance-medium) + var(--distance))
    );
    border-bottom: 0;
  }
  .category .hero > .wrapper,
  .extra-section:nth-child(2) > .wrapper {
    padding-top: 0 !important;
  }
  .category .marquee-section {
    margin-top: var(--distance-big);
  }
  /* .category.scroll-after-header:not(.open-menu) .sos-logo {
      opacity: 0;
      visibility: hidden;
    } */
  .category.scroll-after-header header .menu-header li {
    opacity: 1;
  }
  a.open-filters-container::before,
  a.open-filters-container::after {
    content: none;
  }
  .category-style a.open-filters-container,
  .category-footwear a.open-filters-container,
  .category-accessories a.open-filters-container {
    background: var(--nero) !important;
    color: var(--bianco) !important;
  }
  .extra-section a.open-filters-container {
    border-color: var(--rosso) !important;
  }
  .page-template-page-calendar a.open-filters-container {
    border-color: var(--verde_acqua) !important;
  }
  .filters {
    pointer-events: none;
    position: fixed !important;
    top: unset !important;
    bottom: 50px;
    width: 100%;
    z-index: 23;
    transition: all 0.3s ease-out;
  }
  .category .cont-newsletter,
  .category footer {
    z-index: 19;
  }
  .open-menu .filters {
    opacity: 0;
  }
  .open-filters .filters {
    z-index: 22;
  }
  .filters > .wrapper {
    margin: 0;
    width: 100%;
    padding-top: calc(var(--distance-medium) / 3);
  }
  .open-filters-container {
    pointer-events: all;
    padding-right: calc(var(--distance-medium) / 2) !important;
  }
  #filters-container {
    position: fixed;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    bottom: auto;
    background: rgba(var(--nero-rgb), 0.7);
    transform: none;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
  }
  #filters-container .wrapper {
    position: relative;
    height: calc(calc(var(--vh) * 100) - var(--wrapper-padding));
    background: var(--bianco);
    border-radius: 18px;
    padding: calc(var(--wrapper-padding) * 1.5) var(--distance) 50px !important;
    overflow: hidden;
    z-index: 0;
  }
  .page-template-page-calendar #filters-container .wrapper {
    background: var(--verde_acqua);
  }
  .extra-section #filters-container .wrapper {
    background: var(--rosso);
  }
  .page-template-page-calendar #filters-container .wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - var(--distance-medium));
    height: calc(var(--wrapper-padding) * 2);
    background: linear-gradient(
      180deg,
      rgba(53, 200, 178, 0) 0%,
      var(--verde_acqua) 100%,
      var(--nero) 100%
    );
    z-index: 2;
  }
  #filters-container .wrapper .container-fluid {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
  }
  #filters-container h5 {
    font-family: var(--ivy);
    font-weight: 300;
    font-style: italic;
    margin-bottom: var(--distance);
  }
  #filters-container .occhiello {
    color: var(--nero);
    margin-top: 0;
    text-align: center;
  }
  .choices-container {
    margin-bottom: var(--distance);
  }
  .extra-section #filters-container .menu-overlay li.current-menu-item a {
    color: var(--rosso);
  }
  .single-choice label,
  .single-choice label:hover {
    color: var(--nero);
    border: 1px solid var(--nero);
  }
  .single-choice input[type="checkbox"]:checked + label {
    background: var(--nero);
  }
  .extra-section.ad {
    padding-bottom: var(--distance-medium);
  }
  .extra-section.sos-extra .cont-articoli {
    margin-top: 0;
  }

  /* PAGE RELEASE */
  .page-template-page-release .hero {
    overflow: hidden;
  }
  .page-template-page-release .hero a.occhiello {
    border-bottom: 1px solid var(--bianco);
  }
  .page-template-page-release .hero h3.alt {
    margin-bottom: 0;
  }
  .page-template-page-release .hero .swiper-articoli-mobile {
    margin-top: var(--distance);
  }
  /* .swiper-articoli-mobile .card-articolo .vertical {
      background: var(--bianco);
    } */
  .swiper-articoli-mobile .card-articolo .vertical img {
    height: 400px;
  }
  .page-template-page-release section.ad {
    padding-bottom: var(--distance-big);
  }
  .main-launch {
    margin-bottom: 0;
  }
  .articoli-release {
    padding-top: calc(var(--distance) * 2);
  }

  /* SINGLE */
  .single-post .hero,
  .single-post .hero.drop-format {
    overflow: hidden;
    padding-top: calc(var(--distance) + var(--menu-height));
    padding-bottom: var(--distance-medium);
  }
  .single-post h1,
  .info-articolo {
    margin-bottom: var(--distance);
  }
  .cont-articolo {
    margin-top: var(--distance-medium);
  }
  .info-articolo .occhiello.light {
    color: var(--grigio_C0);
  }
  .info-articolo a.occhiello {
    border-bottom: 1px solid var(--nero);
  }
  .single-post section .ad {
    padding-bottom: var(--distance-medium);
    border-bottom: 1px solid var(--grigio_C0);
  }
  .single-post section .ad .occhiello {
    border-bottom: 0;
    border-top: 1px solid var(--grigio_C0);
    text-align: center;
  }
  .single-post .recenti {
    overflow: hidden;
  }
  .carousel__button.fancybox__button--close {
    top: var(--distance-half);
    right: var(--distance-half);
  }
  .fancybox__nav .carousel__button {
    width: var(--distance-medium);
  }
  .fancybox__nav .carousel__button::after {
    -webkit-mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
    mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
  }
  /* .fancybox__slide img {
      max-width: 100vw !important;
      max-height: 90vh !important;
    } */
  .swiper-button-prev::before,
  .swiper-button-next::before {
    margin-right: 0;
    margin-left: 0;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: none;
  }
  .single-post .most-read-row .card-articolo h4 {
    font-size: var(--size-p);
    line-height: var(--size-p);
  }
  .single .share {
    position: fixed;
    width: 100%;
    height: calc(65px + max(0px, env(safe-area-inset-bottom)));
    bottom: -1px;
    z-index: 10;
    padding: calc(var(--distance-medium) / 2) var(--distance-medium);
    align-items: baseline;
    background: var(--bianco);
    margin-top: 0;
    border-top: none;
    border-bottom: none;
  }
  .single .share .occhiello {
    color: var(--grigio_C0);
  }
  .single-post .cont-newsletter,
  .single-post footer {
    z-index: 11;
  }

  /* SINGLE RELEASE */
  .single-product-release .hero .img-articolo {
    height: 400px;
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .negative-top {
    margin-top: calc(var(--distance) * -2);
  }
  .negative-top .super {
    margin-bottom: calc(var(--distance-medium) / 4);
  }
  .negative-top h5 {
    font-size: var(--size-occhiello);
  }
  .single-product-release .hero h3 {
    font-size: var(--size-h4);
    line-height: var(--size-h4);
  }
  .product-content .icon-arrow-left {
    font-size: var(--size-p);
    line-height: var(--size-p);
    border-bottom: 1px solid var(--nero);
    margin-bottom: calc(var(--distance-medium) * 1.75);
  }
  .product-content .icon-arrow-left::before {
    content: none;
  }
  .single-product-release .product-content .occhiello {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .single-product-release .recenti {
    overflow: hidden;
  }
  .single-product-release .recenti .swiper-container {
    overflow: visible;
  }
  .row-rivenditori {
    margin-top: var(--distance);
  }

  /* BLOCKS */
  .cont-gallery-caption,
  .cont-gallery-about,
  .cont-drop-gallery,
  .cont-post-collegato {
    width: auto;
    max-width: none;
    transform: none;
  }
  .preview-post {
    margin-top: calc(var(--distance-medium) / 2);
  }
  .preview-post .occhiello {
    margin-bottom: 0;
  }
  .content blockquote {
    padding: calc(var(--distance) * 2) var(--distance);
    margin-bottom: var(--distance-half);
  }
  .content blockquote::before {
    left: 50%;
    transform: scale(0.75) translateX(-50%);
    transform-origin: center;
  }
  .content blockquote::after {
    right: auto;
    bottom: 0;
    left: 50%;
    transform: scale(0.65) translateX(-50%);
    transform-origin: left;
  }
  .content blockquote p {
    margin-bottom: 0;
  }
  .author-block {
    padding: 0 var(--distance);
    margin-bottom: var(--distance-big);
  }
  .author-block p {
    margin-bottom: 0;
  }
  .preview-post.release .bottom-content {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: var(--distance);
  }
  .cont-gallery-caption,
  .cont-gallery-about,
  .cont-drop-gallery {
    margin: calc(var(--distance) * 2) auto;
  }
  .caption-gallery,
  .about-gallery {
    padding-bottom: var(--distance);
  }
  .caption-gallery .swiper-slide .caption,
  .about-gallery .swiper-slide .caption {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .caption-gallery .swiper-slide,
  .about-gallery .swiper-slide {
    padding-right: 0;
  }
  .caption-gallery .swiper-slide img {
    height: 400px;
  }
  .caption-gallery .swiper-button-next,
  .about-gallery .swiper-button-next,
  .cont-drop-gallery .swiper-button-next {
    display: block;
    text-align: end;
    margin-right: 0;
    right: 0;
    bottom: 0;
    height: var(--lh-p-small);
    margin-bottom: calc(var(--distance) / 3);
  }
  .caption-gallery .swiper-button-prev,
  .about-gallery .swiper-button-prev,
  .cont-drop-gallery .swiper-button-prev {
    height: var(--lh-p-small);
    margin-bottom: calc(var(--distance) / 3);
    bottom: 0;
  }
  .cont-drop-gallery {
    border-bottom: 0;
  }
  .cont-drop-gallery .swiper-container {
    border-bottom: 1px solid var(--nero);
  }
  .caption-gallery .swiper-slide img,
  .about-gallery .swiper-slide img {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .drop-gallery .swiper-slide .cont-img,
  .drop-gallery .swiper-slide .cont-text {
    max-width: none;
  }
  .drop-gallery .swiper-slide img {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .drop-gallery .swiper-slide h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
    margin-top: 0;
  }
  .cont-drop-gallery .swiper-button-prev,
  .cont-drop-gallery .swiper-button-next {
    margin-bottom: 0;
    bottom: calc(var(--distance-half) * -1);
    transform: translateY(100%);
  }
  .cont-post-collegato {
    margin: calc(var(--distance) * 2) auto;
    padding: calc(var(--distance) / 2) 0;
  }
  .cont-articolo .cont-post-collegato h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .cont-intervista h4 {
    margin-bottom: var(--distance) !important;
  }
  .cont-intervista p {
    font-size: var(--size-h6);
    line-height: var(--lh-h6);
  }
  .cont-embed.yt {
    width: 100%;
    transform: none;
    max-width: 100%;
  }
  .cont-embed.yt iframe {
    height: 200px;
  }
  .cont-embed.fb iframe {
    width: 100%;
  }
  .cont-embed.li {
    padding-bottom: 202.25%;
  }
  .cont-prodotto .desc .occhiello:not(.marca) {
    margin-bottom: 0;
  }
  .cont-prodotto .icon-arrow-left {
    font-size: var(--size-occhiello);
    line-height: var(--lh-occhiello);
  }
  .cont-prodotto .icon-arrow-left::before {
    content: none;
  }
  .single .cont-prodotto .icon-arrow-left::before {
    content: "";
  }
  .pie-di-pagina p {
    font-size: var(--size-h6);
    line-height: var(--lh-h6);
  }
  .cont-prodotto .cont-img::before {
    border: calc(var(--distance-big) / 5) solid var(--nero);
  }
  .fancybox__caption .cont-text {
    max-width: calc(100vw - 20px) !important;
    display: block;
    text-align: center;
  }

  /* ABOUT */
  .page-template-page-about section.hero {
    padding-top: calc(
      calc(var(--distance-big) * 1.25) + var(--distance-medium)
    );
  }
  .page-template-page-about h1,
  .page-template-page-about h2.alt {
    font-size: var(--size-h3);
    line-height: var(--lh-h3);
    margin-bottom: var(--distance-big);
  }
  .page-template-page-about .hero .pittogramma {
    margin-top: var(--distance-medium);
  }
  .page-template-page-about h2.alt {
    margin-bottom: var(--distance);
  }

  /* CONTATTI */
  .page-template-page-contatti section.hero::before,
  .page-template-page-contest section.hero::before {
    content: none;
  }
  .page-template-page-contatti section.hero h1 + h5,
  .page-template-page-contest section.hero h1 + h5 {
    margin-top: var(--distance-medium);
    margin-bottom: var(--distance-big);
  }
  .cont-form {
    max-width: none;
  }
  .gf_progressbar_wrapper {
    position: sticky;
    top: calc(var(--header-height) - calc(var(--distance) * 2));
    width: auto;
    margin-left: 0;
    background: var(--nero);
    padding-top: var(--distance-half) !important;
    z-index: 2;
  }
  p.gf_progressbar_title {
    text-align: start;
  }
  .gform_footer,
  .gform_page_footer {
    margin-top: calc(var(--distance) * 2) !important;
  }

  /* AUTHOR PAGE */
  .author-content.hero {
    padding-top: calc(
      var(--distance-medium) + calc(var(--distance-medium) + var(--distance))
    );
  }
  .author-content.hero h1.super {
    display: block;
  }
  .author-content.hero h1 span.super.outline {
    margin: 0;
  }
  .author-content.hero .cont-articoli {
    margin-top: var(--distance);
  }

  /* TAG PAGE */
  .tag-content.hero {
    padding-top: calc(
      var(--distance-medium) + calc(var(--distance-medium) + var(--distance))
    );
  }
  .tag-content.hero .marquee-container {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  .tag-content.hero .marquee-container .logo-outline {
    margin: 0 10px 10px;
  }
  .tag-content.hero .marquee-container .marquee .track {
    height: calc(var(--distance) * 3);
  }

  /* NEWSLETTER */
  .cont-newsletter h3 {
    font-size: var(--size-h4);
    line-height: var(--lh-h4);
  }
  .privacy .ginput_container_checkbox {
    max-width: none;
    padding-left: calc(var(--distance-medium) * 1);
  }
  .privacy .ginput_container_checkbox input[type="checkbox"] + label {
    opacity: 0.5 !important;
  }
  .privacy .ginput_container_checkbox input[type="checkbox"]:checked + label {
    opacity: 1 !important;
  }

  /* FOOTER */
  footer {
    padding-top: 0;
    padding-bottom: var(--distance-medium);
  }
  footer .accordion-item .accordion-button {
    padding: var(--distance) 0 var(--distance-half);
  }
  footer .accordion-item {
    padding-bottom: calc(var(--distance) / 3);
  }
  footer .riga-logo::before {
    content: none;
  }
  .footer-menu {
    columns: 2;
    margin-top: 0;
    margin-bottom: var(--distance-half);
  }
  .footer-menu li a,
  .footer-menu li a:visited,
  .footer-menu li a:focus,
  .footer-menu li a:hover {
    font-size: var(--size-p-small);
    line-height: var(--lh-h5);
  }
  .footer-menu li.current-menu-item a,
  footer .menu-privacy li a:hover {
    opacity: 1 !important;
  }
  footer .menu-privacy li {
    margin-right: var(--distance-half);
  }
  footer .menu-privacy li:last-of-type {
    margin-right: 0;
  }
  footer .riga-subfooter {
    padding-top: var(--distance-big);
  }
  .credits-wrapper {
    display: block;
    opacity: 0.5;
  }
  .credits-wrapper > * {
    margin-bottom: 5px;
  }
  .credits-wrapper > *:last-child {
    margin-bottom: 0;
  }
  .menu-privacy {
    margin-top: calc(var(--distance-medium) / 2);
    padding-top: calc(var(--distance-medium) / 2);
    border-top: 1px solid var(--bianco);
  }
  footer .menu-privacy li a,
  footer .menu-privacy li a:visited,
  footer .menu-privacy li a:focus,
  footer .menu-privacy li a:hover {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .cont-newsletter input[type="text"],
  .cont-newsletter input[type="email"],
  .cont-newsletter input[type="tel"] {
    font-size: var(--size-h4) !important;
    line-height: var(--lh-h4) !important;
    padding-left: calc(var(--distance-medium) / 2) !important;
    padding-right: var(--distance-medium) !important;
  }
  button[type="submit"]:not(#gform_submit_button_1) {
    position: absolute;
    top: -25px;
    left: -30px;
    width: 20px;
    height: 20px;
    padding: 15px 0;
    -webkit-mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
    mask: url(../media/svg/arrow-small.svg) no-repeat 50% 50%;
  }

  .page-policy table {
    overflow: auto;
    display: block;
    white-space: nowrap;
  }

  /* 404 */
  .error404 .hero .hero-content {
    width: 90%;
  }
  .error404 .hero .top-content {
    position: absolute;
    top: 0;
    left: 0;
  }
  .error404 .hero .top-content .marquee-container:first-of-type {
    margin-top: 0;
  }
  .error404 .hero .bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .error404 .hero .bottom-content .marquee-container:last-of-type {
    margin-bottom: 0;
  }

  .page-policy .hero {
    padding-top: calc(
      calc(var(--distance-medium) + var(--distance)) + var(--distance-medium)
    );
  }

  /* PAGE THX */
  .page-template-page-grazie .hero h1,
  .page-template-page-grazie-contest .hero h1 {
    font-size: var(--size-h3);
    line-height: var(--lh-h3);
  }

  /* FORMS */
  .gform_ajax_spinner {
    position: absolute;
    top: -18px;
    right: 40px;
    left: auto;
  }

  /* MODIFICHE 31/03/23 */
  .popup.two-columns .popup-content {
    max-width: 450px;
  }
  .popup-content .occhiello {
    margin-top: 50px;
    padding-left: 50px;
  }
  .popup.two-columns .popup-content .cont-form {
    margin-bottom: 50px;
    padding: 0 50px 0 50px;
  }
}

/* =========================================================================================================== */
/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* VARS */
  :root {
    /* Distances */
    --distance-big: 80px;
    --distance-medium: 40px;
    --distance: 30px;
    --distance-half: 15px;

    /* Sizes */
    --wrapper-padding: 80px;

    /* Font Sizes */
    --size-super: 8rem;
    --size-h1: 5rem;
    --size-h2: 5rem;
    --size-h3: 3.6rem;
    --size-h4: 2.4rem;
    --size-h5: 2.1rem;
    --size-h6: 1.8rem;
    --size-p: 1.8rem;
    --size-p-small: 1.6rem;
    --size-occhiello: 1.4rem;
    --size-mini: 1.2rem;

    /* Line Height */
    --lh-super: 8rem;
    --lh-h1: 6rem;
    --lh-h2: 5rem;
    --lh-h3: 3.6rem;
    --lh-h4: 2.4rem;
    --lh-h5: 2.7rem;
    --lh-h6: 2.6rem;
    --lh-p: 2.7rem;
    --lh-p-small: 1.9rem;
    --lh-occhiello: 2rem;
    --lh-mini: 1.6rem;
  }

  .content strong {
    font-family: inherit !important;
  }

  .tooltip-custom {
    right: 30px;
    transform: translateY(-100%);
  }

  /* HEADER */
  .scroll-after-header header .nav-menu.is_fixed {
    pointer-events: all;
  }
  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 179px;
    height: 30px;
  }
  .sos-logo:not(.white-bg),
  .sos-logo:not(.white-bg):visited,
  .sos-logo:not(.white-bg):focus,
  .sos-logo:not(.white-bg):hover {
    mix-blend-mode: normal !important;
    /* background: var(--nero); */
  }
  .open-menu .sos-logo {
    opacity: 0;
    visibility: hidden;
  }

  .nav-menu {
    padding: var(--distance) 0;
  }
  .nav-menu .logo {
    opacity: 0;
    margin-top: 0;
  }
  .open-menu .nav-menu .logo {
    opacity: 1;
  }
  .nav-menu .logo.white-bg {
    background: var(--bianco) !important;
  }
  .nav-menu .logo.red-bg {
    background: var(--rosso) !important;
  }
  .nav-menu .logo.blu-bg {
    background: var(--verde_acqua) !important;
  }
  .menu-header li + li {
    margin: 0;
  }
  .menu-header li:not(.search) {
    display: none;
  }
  body.open-menu header.red-bg .menu-header li.search-button a,
  body.open-menu header.red-bg .is_fixed .menu-header li.search-button a {
    background: var(--rosso) !important;
  }
  body.open-menu header.blu-bg .menu-header li.search-button a,
  body.open-menu header.blu-bg .is_fixed .menu-header li.search-button a {
    background: var(--verde_acqua) !important;
  }
  body:not(.open-menu) header.white-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--bianco) !important;
  }
  body.home:not(.open-menu):not(.scroll-after-header)
    header.white-bg
    .nav-menu {
    background: transparent !important;
  }
  body:not(.open-menu) header.red-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--rosso) !important;
  }
  body:not(.open-menu) header.blu-bg .nav-menu {
    opacity: 1 !important;
    background-color: var(--verde_acqua) !important;
  }
  header.blu-bg .btn-hamburger .line,
  header.blu-bg .menu-header li.search-button a,
  header.red-bg .btn-hamburger .line,
  header.red-bg .menu-header li.search-button a,
  .scroll-after-header header.on-black .btn-hamburger .line,
  .scroll-after-header header.on-black .menu-header li.search-button a {
    background: var(--nero) !important;
  }
  .on-black.red-bg .menu-header li.search-button a {
    background: var(--bianco);
  }
  body:not(.open-menu):not(.scroll-after-header).author
    header.white-bg
    .nav-menu {
    background-color: transparent !important;
  }

  header.second {
    padding-top: 0;
    transition: var(--transition);
  }
  .scroll-after-header header.second {
    top: calc(var(--distance) * -2);
  }
  header.second .logo {
    background: var(--bianco) !important;
    margin: var(--distance);
  }

  /* GENERAL */
  .hero {
    padding-top: calc(
      calc(var(--distance-medium) * 3) + var(--distance-medium)
    );
  }
  .single-product-release .hero {
    padding-top: calc(
      calc(var(--distance-medium) * 3) + calc(var(--lh-h3) + var(--distance))
    );
  }
  .container_per_sticky {
    padding-top: var(--distance-big);
    padding-bottom: var(--distance-big);
  }
  .cont-articoli .card-articolo .vertical img {
    height: 550px;
  }
  .cont-articoli .card-articolo .horizontal img {
    height: 400px;
  }
  .articoli-container[data-template="vertical"] {
    min-height: inherit;
  }
  .articoli-container[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="horizontal"] {
    min-height: 1000px;
  }
  .swiper-articoli {
    min-height: 650px;
  }
  .sos-extra,
  .sos-release,
  .sos-mag {
    overflow: hidden;
    padding-top: calc(calc(var(--distance-big) + var(--distance-medium)) + 1px);
    padding-bottom: var(--distance-big);
  }
  .gradient-img {
    height: 600px;
    width: 100vw;
    transform: translateX(
      calc(
        calc(var(--wrapper-padding) / -2) -
          calc(var(--bs-gutter-x, 0.75rem) / 1.9)
      )
    );
  }
  .single-product-release .hero .img-articolo {
    height: 600px;
  }
  .sticky_marquee.stop_here {
    top: calc(600px - var(--menu-height));
  }
  .single-post section .ad img {
    max-height: 500px;
  }
  .card-articolo .img-articolo::before,
  .cont-post-collegato .img-articolo::before {
    border: calc(var(--distance-medium) / 2.5) solid var(--nero);
  }

  /* SEARCH BUTTON */
  .search-button,
  .search-input::before {
    width: calc(var(--distance-big) / 3);
    height: calc(var(--distance-big) / 3);
  }
  .searching .search-container .row::before {
    bottom: calc(var(--distance-medium) / -2);
  }
  .scroll-up.open-search .search-results-container {
    padding-top: calc(var(--distance-big) * 2);
  }
  .page-template-page-calendar.scroll-after-header header .menu-header li {
    opacity: 1;
  }

  /* HOME */
  .home .hero h1 {
    margin: var(--distance) 0;
  }
  .cont-hero .bottom-content {
    position: relative;
    bottom: auto;
  }
  .cont-hero .occhiello {
    margin-top: 0;
    margin-bottom: var(--distance-half);
  }
  .body-articolo .bottom-content {
    display: none;
  }
  .body-articolo h3 {
    margin-top: var(--distance-half);
  }
  .in-evidenza {
    overflow: hidden;
  }
  .in-evidenza .swiper-slide:nth-child(2) .card-articolo .img-articolo {
    border-radius: 0;
  }
  .ad {
    padding-bottom: 0;
  }
  .cont-articoli.swiper-container .card-articolo {
    margin-bottom: 0;
  }
  .cont-most-read {
    position: relative;
    top: auto;
    padding: 0;
  }
  .cont-most-read::before,
  .cont-most-read::after,
  .cont-most-read > .lines::before,
  .cont-most-read > .lines::after {
    content: none;
  }
  .cont-most-read .articoli-container {
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: var(--distance) 0 calc(var(--distance) * 2);
  }
  .recenti .most-read-row a.card-articolo {
    padding-bottom: var(--distance);
    border-color: var(--grigio_C0);
  }
  .most-read-row .card-articolo .bottom-content {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .sticky_marquee.is_sticky {
    top: var(--menu-height);
  }

  /* CATEGORY PAGE */
  .category .hero,
  .extra-section:nth-child(2) {
    padding-top: calc(var(--distance-half) + calc(var(--distance-medium) * 3));
    border-bottom: 0;
  }
  .category .hero > .wrapper,
  .extra-section:nth-child(2) > .wrapper {
    padding-top: calc(
      calc(var(--distance-medium) * 3) + var(--distance-medium)
    );
  }
  .category .marquee-section {
    margin-top: var(--distance-big);
  }
  .category.scroll-after-header:not(.open-menu) .sos-logo {
    opacity: 0;
    visibility: hidden;
  }
  .category.scroll-after-header header .menu-header li {
    opacity: 1;
  }
  a.open-filters-container::before,
  a.open-filters-container::after {
    content: none;
  }
  .filters {
    pointer-events: none;
  }
  .open-menu .filters {
    opacity: 0;
  }
  .open-filters .filters {
    z-index: 22;
  }
  .filters > .wrapper {
    margin: 0;
    width: 100%;
    padding-top: calc(var(--distance-medium) / 2);
  }
  .open-filters-container {
    pointer-events: all;
    padding-right: calc(var(--distance-medium) / 2) !important;
  }
  #filters-container {
    position: fixed;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    bottom: auto;
    background: rgba(var(--nero-rgb), 0.7);
    transform: none;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
  }
  #filters-container .wrapper {
    position: relative;
    height: calc(calc(var(--vh) * 100) - var(--wrapper-padding));
    background: var(--bianco);
    border-radius: 18px;
    padding: calc(var(--wrapper-padding) * 1.5) var(--distance) 50px !important;
    overflow: hidden;
    z-index: 0;
  }
  .page-template-page-calendar #filters-container .wrapper {
    background: var(--verde_acqua);
  }
  .extra-section #filters-container .wrapper {
    background: var(--rosso);
  }
  .page-template-page-calendar #filters-container .wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - var(--distance-medium));
    height: calc(var(--wrapper-padding) * 2);
    background: linear-gradient(
      180deg,
      rgba(53, 200, 178, 0) 0%,
      var(--verde_acqua) 100%,
      var(--nero) 100%
    );
    z-index: 2;
  }
  #filters-container .wrapper .container-fluid {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
  }
  #filters-container h5 {
    font-family: var(--ivy);
    font-weight: 300;
    font-style: italic;
    margin-bottom: var(--distance);
  }
  #filters-container .occhiello {
    color: var(--nero);
    margin-top: 0;
    text-align: center;
  }
  .choices-container {
    margin-bottom: var(--distance);
  }
  .extra-section #filters-container .menu-overlay li.current-menu-item a {
    color: var(--rosso);
  }
  .single-choice label,
  .single-choice label:hover {
    color: var(--nero);
    border: 1px solid var(--nero);
  }
  .single-choice input[type="checkbox"]:checked + label {
    background: var(--nero);
  }

  /* PAGE RELEASE */
  .page-template-page-release .hero {
    overflow: hidden;
  }
  /* .swiper-articoli-mobile .card-articolo .vertical {
    background: var(--bianco);
  } */
  .swiper-articoli-mobile .card-articolo .vertical img {
    height: 550px;
  }
  .page-template-page-release section.ad {
    padding-bottom: var(--distance-big);
  }

  /* SINGLE */
  .single-post .hero {
    overflow: hidden;
  }
  .single-post h1,
  .info-articolo {
    margin-bottom: var(--distance);
  }
  .cont-articolo {
    margin-top: var(--distance-medium);
  }
  .info-articolo .occhiello.light {
    color: var(--grigio_C0);
  }
  .info-articolo a.occhiello {
    border-bottom: 1px solid var(--nero);
  }
  .single-post section .ad {
    margin-top: var(--distance-big);
    padding-bottom: var(--distance-medium);
    border-bottom: 1px solid var(--grigio_C0);
  }
  .single-post section .ad .occhiello {
    border-bottom: 0;
    border-top: 1px solid var(--grigio_C0);
    text-align: center;
  }
  .single-post .recenti {
    overflow: hidden;
  }
  .single .share {
    position: sticky;
    bottom: -1px;
    z-index: 10;
    padding: calc(var(--distance-medium) / 2) var(--distance-medium)
      var(--distance-half);
    align-items: baseline;
    background: var(--bianco);
    margin-top: 0;
    border-top: none;
  }
  .single .share .occhiello {
    color: var(--grigio_C0);
  }
  .single .share::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--distance-medium);
    background: var(--nero);
    height: 1px;
    width: calc(100% - calc(var(--distance-medium) * 2));
  }

  /* SINGLE RELEASE */
  .row-rivenditori {
    margin-top: var(--distance-medium);
  }

  /* BLOCKS */
  .cont-gallery-caption,
  .cont-gallery-about,
  .cont-drop-gallery,
  .cont-post-collegato {
    width: auto;
    max-width: none;
    transform: none;
  }
  .preview-post {
    margin-top: calc(var(--distance-medium) / 2);
  }
  .preview-post .occhiello {
    margin-bottom: 0;
  }
  .content blockquote {
    padding: var(--distance-big) calc(var(--distance-big) * 1.5);
    margin-bottom: var(--distance);
  }
  .content blockquote::before {
    left: 50%;
    transform: scale(0.75) translateX(-50%);
    transform-origin: center;
  }
  .content blockquote::after {
    right: auto;
    bottom: 0;
    left: 50%;
    transform: scale(0.65) translateX(-50%);
    transform-origin: left;
  }
  .content blockquote p {
    margin-bottom: 0;
  }
  .author-block {
    padding: 0 calc(var(--distance-big) * 1.5);
    margin-bottom: var(--distance-big);
  }
  .author-block p {
    margin-bottom: 0;
  }
  .preview-post.release .bottom-content {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: var(--distance);
  }
  .cont-embed.yt {
    width: 100%;
    transform: none;
    max-width: 100%;
  }
  .cont-embed.yt iframe {
    height: 380px;
  }

  /* ABOUT */
  .page-template-page-about .hero .pittogramma {
    margin-top: var(--distance-medium);
  }
  .page-template-page-about h2.alt {
    margin-bottom: var(--distance);
  }

  /* CONTATTI */
  .page-template-page-contatti section.hero::before,
  .page-template-page-contest section.hero::before {
    content: none;
  }
  .page-template-page-contatti section.hero h1 + h5,
  .page-template-page-contest section.hero h1 + h5 {
    margin-top: var(--distance-medium);
    margin-bottom: var(--distance-big);
  }
  .cont-form {
    max-width: none;
  }
  .gf_progressbar_wrapper {
    position: sticky;
    top: calc(var(--header-height) - calc(var(--distance) * 2));
    width: auto;
    margin-left: 0;
    background: var(--nero);
    padding-top: var(--distance-half) !important;
    z-index: 2;
  }
  p.gf_progressbar_title {
    text-align: start;
  }
  .gform_footer,
  .gform_page_footer {
    margin-top: calc(var(--distance) * 2) !important;
  }

  /* AUTHOR PAGE */
  .author-content.hero h1.super .logo-outline {
    height: 58px;
    width: 320px;
  }

  /* FOOTER */
  .privacy .ginput_container_checkbox {
    max-width: none;
  }
  footer {
    padding-top: 0;
  }
  footer .riga-logo::before {
    content: none;
  }
  .footer-menu {
    columns: 2;
    margin-top: 0;
    margin-bottom: var(--distance-half);
  }
  .footer-menu li a,
  .footer-menu li a:visited,
  .footer-menu li a:focus,
  .footer-menu li a:hover {
    font-size: var(--size-p-small);
    line-height: var(--lh-h4);
  }
  footer .menu-privacy li {
    margin-right: var(--distance-half);
  }
  footer .menu-privacy li:last-of-type {
    margin-right: 0;
  }

  /* 404 */
  .error404 .hero .top-content {
    position: absolute;
    top: 0;
    left: 0;
  }
  .error404 .hero .top-content .marquee-container:first-of-type {
    margin-top: 0;
  }
  .error404 .hero .bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .error404 .hero .bottom-content .marquee-container:last-of-type {
    margin-bottom: 0;
  }

  /* MODIFICHE 31/03/23 */
  .popup.two-columns .popup-content {
    max-width: 450px;
  }
  .popup-content .occhiello {
    margin-top: 50px;
    padding-left: 50px;
  }
  .popup.two-columns .popup-content .cont-form {
    margin-bottom: 50px;
    padding: 0 50px 0 50px;
  }
}

/* =========================================================================================================== */
/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* VARS */
  :root {
    /* Distances */
    --distance-big: 80px;
    --distance-medium: 40px;
    --distance: 30px;
    --distance-half: 15px;

    /* Sizes */
    --wrapper-padding: 80px;

    /* Font Sizes */
    --size-super: 8rem;
    --size-h1: 5rem;
    --size-h2: 5rem;
    --size-h3: 3.6rem;
    --size-h4: 2.4rem;
    --size-h5: 2.1rem;
    --size-h6: 1.8rem;
    --size-p: 1.8rem;
    --size-p-small: 1.6rem;
    --size-occhiello: 1.4rem;
    --size-mini: 1.2rem;

    /* Line Height */
    --lh-super: 8rem;
    --lh-h1: 6rem;
    --lh-h2: 5rem;
    --lh-h3: 3.6rem;
    --lh-h4: 2.4rem;
    --lh-h5: 2.7rem;
    --lh-h6: 2.6rem;
    --lh-p: 2.7rem;
    --lh-p-small: 1.9rem;
    --lh-occhiello: 2rem;
    --lh-mini: 1.6rem;
  }

  /* GENERAL */
  .scroll-after-header header .nav-menu.is_fixed {
    pointer-events: all;
  }
  .in-evidenza .card-articolo .img-articolo {
    border-top-left-radius: 184px;
    border-bottom-right-radius: 184px;
  }
  .cont-articoli .card-articolo .vertical img {
    height: 450px;
  }
  .cont-articoli .card-articolo .horizontal img {
    height: 400px;
  }
  .articoli-container[data-template="vertical"] {
    min-height: 550px;
  }
  .articoli-container[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="square"] {
    min-height: inherit;
  }
  .swiper-articoli {
    min-height: 650px;
  }
  .gradient-img,
  .single-product-release .hero .img-articolo {
    height: 650px;
  }
  .sticky_marquee.stop_here {
    top: calc(820px - var(--menu-height));
  }
  .single-post section .ad img {
    max-height: 500px;
  }
  .card-articolo .img-articolo::before,
  .cont-post-collegato .img-articolo::before {
    border: calc(var(--distance-medium) / 2.5) solid var(--nero);
  }
  .single-post .drop-format .sticky::before {
    width: 105%;
    height: 105%;
  }
  .content strong {
    font-family: var(--univers_bold) !important;
  }

  /* SEARCH BUTTON */
  .search-button,
  .search-input::before {
    width: calc(var(--distance-big) / 3);
    height: calc(var(--distance-big) / 3);
  }
  .searching .search-container .row::before {
    bottom: calc(var(--distance-medium) / -2);
  }
  .scroll-up.open-search .search-results-container {
    padding-top: calc(var(--distance-big) * 2);
  }
  .page-template-page-calendar.scroll-after-header header .menu-header li {
    opacity: 1;
  }

  /* AUTHOR PAGE */
  .author-content.hero h1.super .logo-outline {
    height: 58px;
    width: 320px;
  }
}

/* =========================================================================================================== */
/* XL */
@media screen and (min-width: 1200px) and (max-width: 1499.98px) {
  /* VARS */
  :root {
    /* Font Sizes */
    --size-super: 8rem;
    --size-h1: 5rem;
    --size-h2: 5rem;
    --size-h3: 3.6rem;
    --size-h4: 2.4rem;
    --size-h5: 2.1rem;
    --size-h6: 1.8rem;
    --size-p: 1.8rem;
    --size-p-small: 1.6rem;
    --size-occhiello: 1.4rem;
    --size-mini: 1.2rem;

    /* Line Height */
    --lh-super: 8rem;
    --lh-h1: 6rem;
    --lh-h2: 5rem;
    --lh-h3: 3.6rem;
    --lh-h4: 2.4rem;
    --lh-h5: 2.7rem;
    --lh-h6: 2.6rem;
    --lh-p: 2.7rem;
    --lh-p-small: 1.9rem;
    --lh-occhiello: 2rem;
    --lh-mini: 1.6rem;
  }

  /* GENERAL */
  .cont-articoli .card-articolo .vertical img {
    height: 550px;
    max-height: 85vh;
  }
  .articoli-container[data-template="vertical"] {
    min-height: 550px;
  }
  .articoli-container[data-template="square"] {
    min-height: inherit;
  }
  .articoli-container.most-read-row[data-template="square"] {
    min-height: inherit;
  }
  .swiper-articoli {
    min-height: 650px;
  }
  .cont-articoli .card-articolo .horizontal img {
    height: 400px;
    max-height: 60vh;
  }
  .gradient-img,
  .single-product-release .hero .img-articolo {
    height: 600px;
  }
  .single-post section .ad img {
    max-height: 500px;
  }
  .card-articolo .img-articolo::before,
  .cont-post-collegato .img-articolo::before {
    border: calc(var(--distance-medium) / 2.5) solid var(--nero);
  }
  .sticky_marquee.stop_here {
    top: calc(800px - var(--menu-height));
  }
  .content strong {
    font-family: var(--univers_bold) !important;
  }
}