@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400&family=Mitr:wght@600&display=swap');
html {
  overflow-x: hidden
}
.products-accordion .small-text span {
  font-size: calc(0.875rem + .3vw) !important;
  font-weight: 400;
}

.opera ul {
  padding-bottom: 20px;
  padding-left: 0px;
}

.opera .titolo-riga span {
  font-size: 2rem !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
}

.whatsapp img {
  width: 50px;
  height: 50px;
}

.whatsapp img:hover {
  opacity: 0.8
}

.whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999
}

.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {
  left: 20px !important;
  width: 20px !important;
}

.opera .border-right-desktop {
  border-right: 0px solid #969baa;
}

.opera .col-md-6:last-child {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

.opera .form-floating>label {
  font-size: 14px !important;
}

.opera .accordion-item:last-child .small-text span {
  /*font-weight: 700 !important*/
}

.breadcrumb {
  padding: 12px 0px;
  border-bottom: 1px solid #f5f5f5;
  position: sticky;
  top: 0;
  /* Don't forget this, required for the stickiness */
  z-index: 2;
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(251, 251, 253, .8);
}

@media (max-width: 1199.98px) {
  .navbar .container .navbar-collapse {
    z-index: 9999;
  }
}

.stickybar .collapse .navbar-nav .nav-item.has-megamenu .megamenu {
  padding: 80px 0 40px;
}

.breadcrumb p {
  padding: 0px 12px;
  margin-bottom: 0px;
  font-size: 13px
}

.stickybar .navbar {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.navbar-brand {
  padding: 20px 0;
}

.products-carousel .flickity-page-dots {
  bottom: -15px !important;
}

.products-carousel .slider-artisti-home__container__img {
  height: auto !important;
}

.footer-mobile {
  display: none;
}

@media (max-width: 768px) {
  .page-header__container {
    padding: 0;
  }
  /* tablet size, 2 cells in group */
  .carousel.main-carousel.products-carousel .carousel-cell {
    width: 50%;
  }
  .footer-mobile {
    display: block;
    border-top: 1px solid #EAEAEA
  }
  .footer-mobile .accordion {
    padding: 20px;
  }
  .footer-mobile .accordion-item .accordion-header .accordion-button {
    font-size: calc(0.875rem + 0.3vw) !important;
    letter-spacing: 1px;
    font-weight: 400 !important;
  }
  .iubenda-embed:not(.iubenda-nostyle) {
    border: 0px solid
  }
  .footer-mobile .accordion-item {
    border-bottom: 0px solid;
  }
  .footer-mobile .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #282832;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  }
  .titoloriga {
    margin-bottom: 40px;
    text-align: center;
  }
  .titoloriga span {
    color: #121212;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .breadcrumb {
    margin-top: 0px
  }
  .footer__bottom {
    border-top: 1px solid #EAEAEA;
    background-color: #FFFFFF !important;
  }
  .footer__bottom__text {
    padding-bottom: 30px;
    letter-spacing: 0.02em !important;
  }
}

.img-header {
  position: relative;
  background-repeat: no-repeat;
  min-height: 400px;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.img-header h1 {
  /*text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px 1px #fff;*/
}

.img-header .created_by {
  position: absolute;
  bottom: 0%;
  left: 2%;
}

.img-header p {

  color: #fff;
}

.full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.card:not(.card-fiere):not(.card-artists) img {
  height: 215px;
}

.modal {

}
.modal-content {
  color: #000000 !important;
}
.modal  h5 {
  text-transform: uppercase;
}

.modal-body {
  padding: 30px;
}
.modal-backdrop {
  background: rgba(255,255,255, .98);
  backdrop-filter: saturate(180%) blur(20px);
  opacity: 0.9 !important;
}


@media (max-width: 768px) {
  .img-header {
    display: none;
  }
  .page-header {
    padding-top: 60px
  }
  .slider-fiere img {
    max-height: unset;
  }

  .card:not(.card-fiere):not(.card-artists) img {
    height: 172px;
  }

}