@font-face {
  font-family: "Suisse";
  src: url("https://www.voiello.it/wp-content/themes/voiello/resources/fonts/SuisseIntl-Book.otf");
}
@font-face {
  font-family: "Hagerman";
  src: url("https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Hagerman-Regular.ttf");
}
@font-face {
  font-family: "Argent Regular";
  src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Regular.woff2') format('woff2'), url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Regular.woff') format('woff');
}
@font-face {
  font-family: "Argent Bold";
  src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Bold.woff2') format('woff2'), url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Bold.woff') format('woff');
}
@font-face {
  font-family: "Argent DemiBold";
  src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-DemiBold.woff2') format('woff2'), url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-DemiBold.woff') format('woff');
}
@font-face {
  font-family: "Argent ExtraBold";
  src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-ExtraBold.woff2') format('woff2'), url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-ExtraBold.woff') format('woff');
}
@font-face {
  font-family: "Argent Black";
  src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Black.woff2') format('woff2'), url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent-Black.woff') format('woff');
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Suisse", sans-serif;
  color: #012169;
  width: 100%;
  height: 100%;
}

a {
  color: #012169;
}
a.simple-link {
  text-decoration: underline;
}
a.simple-link:hover {
  text-decoration: none;
}

.mt-custom {
  margin-top: 50px;
}

.mb-custom {
  margin-bottom: 50px;
}

.my-custom {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mx-custom {
  margin-left: 120px;
  margin-right: 120px;
}

.pt-custom {
  padding-top: 50px;
}

.pb-custom {
  padding-bottom: 50px;
}

.py-custom {
  padding-top: 50px;
  padding-bottom: 50px;
}

.px-custom {
  padding-left: 120px;
  padding-right: 120px;
}

.mt-gutter {
  margin-top: 100px;
}

.mb-gutter {
  margin-bottom: 100px;
}

.my-gutter {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mx-gutter {
  margin-left: 100px;
  margin-right: 100px;
}

.pt-gutter {
  padding-top: 100px;
}

.pb-gutter {
  padding-bottom: 100px;
}

.py-gutter {
  padding-top: 100px;
  padding-bottom: 100px;
}

.px-gutter {
  padding-left: 100px;
  padding-right: 100px;
}

.font-regular {
  font-family: "Argent Regular", sans-serif;
}

.font-bold {
  font-family: "Argent Bold", sans-serif;
}

.font-demibold {
  font-family: "Argent DemiBold", sans-serif;
}

.font-extrabold {
  font-family: "Argent ExtraBold", sans-serif;
}

.font-super {
  font-family: "Argent Black", sans-serif;
}

.font-narrow {
  font-family: "Hagerman", sans-serif;
}

.title {
  font-size: 48px;
  line-height: 1.2;
}
.title.medium {
  font-size: 30px;
}

.description {
  font-size: 14px;
}

.container.modded {
  max-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

.background-white {
  background-color: white;
}

.background-lightblue {
  background-color: #8BB8E8;
  color: #012169;
}
.background-lightblue a:not(.btn) {
  color: #012169;
}

.background-darkblue {
  background-color: #012169;
  color: #fff;
}
.background-darkblue a:not(.btn) {
  color: #fff;
}

.background-gold {
  background-color: #987746;
  color: #fff;
}
.background-gold a:not(.btn) {
  color: #fff;
}

.text-darkblue {
  color: #012169;
}

.text-lightblue {
  color: #8BB8E8;
}

.text-gold {
  color: #987746;
}

.btn {
  /*padding-top: .600rem; */
  font-family: "Hagerman", sans-serif;
}

.btn-fill {
  border-radius: 30px;
  color: #fff;
}
.btn-fill.lightblue {
  background-color: #8BB8E8;
  border-color: #8BB8E8;
  color: #012169;
}
.btn-fill.lightblue:hover {
  background-color: #012169;
  border-color: #012169;
  color: #fff;
}
.btn-fill.gold {
  background-color: #987746;
  border-color: #987746;
}
.btn-fill.gold:hover {
  background-color: #012169;
  border-color: #012169;
  color: #fff;
}
.btn-fill.darkblue {
  background-color: #012169;
  border-color: #012169;
}
.btn-fill.darkblue:hover {
  background-color: #987746;
  border-color: #987746;
  color: #fff;
}

.btn-ghost {
  border-radius: 30px;
  background-color: transparent;
}
.btn-ghost.lightblue {
  border-color: #8BB8E8;
  color: #8BB8E8;
}
.btn-ghost.gold {
  border-color: #987746;
  color: #012169;
}
.btn-ghost.gold:hover {
  background-color: #012169 !important;
  border-color: #012169;
  color: #fff;
}
.btn-ghost.darkblue {
  border-color: #012169;
  color: #012169;
}
.btn-ghost.darkblue:hover {
  background-color: #012169 !important;
  border-color: #012169;
  color: #fff;
}

.form-control {
  border-radius: 0px;
  z-index: initial;
}

.overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.search input[type=search], .search input[type=text] {
  box-shadow: none;
  background: none;
  background-color: transparent;
  border: 0px;
  border-bottom: 2px solid #fff;
  color: #fff;
  height: 50px;
  padding: 30px;
  padding-top: 25px;
  font-family: "Argent Black", sans-serif;
  font-size: 30px;
}
.search input[type=search]::placeholder, .search input[type=text]::placeholder {
  color: #fff;
}
.search button {
  box-shadow: none;
  background: none;
  background-color: transparent;
  border: 0px;
}
.search button img {
  width: 50px;
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}

.page-cover {
  position: relative;
  overflow: hidden;
  min-height: 95vh;
  background-size: cover;
  background-position: center center;
  color: #fff;
}
.page-cover video {
  position: absolute;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}
.page-cover.top-padded {
  padding-top: 225px;
  padding-bottom: 70px;
}
.page-cover > .container.vertical-centered {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  will-change: transform;
}
.page-cover > .container.vertical-centered > img {
  display: block;
  margin: 0 auto;
  width: auto;
}
.page-cover h1 {
  font-size: 80px;
  font-family: "Argent Black", sans-serif;
  text-shadow: #987746 -3px 3px 1px;
}
.page-cover .scroll-icon {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 25px;
  transform: rotate(90deg);
  width: auto !important;
}
.page-cover.centrale-storia h2 {
  font-family: "Argent Black", sans-serif;
  text-shadow: #987746 -3px 3px 1px;
}
.page-cover.medium {
  min-height: 60vh;
}
.page-cover.medium h1 {
  font-size: 60px;
}
.page-cover.smaller {
  min-height: 40vh;
}
.page-cover.smaller h1 {
  font-size: 60px;
}

.divider {
  height: 1px;
  width: 100%;
  background-color: #fff;
}
.divider.gold {
  background-color: #987746;
}
.divider.darkblue {
  background-color: #012169;
}

.special-title .top-element, .special-title .center-element {
  margin-bottom: 10px;
}
.special-title img {
  display: block;
  margin: 0 auto;
}
.special-title h2, .special-title h3 {
  white-space: nowrap;
  margin: 0;
  padding: 0 25px;
}
.special-title h2.wrap-text, .special-title h3.wrap-text {
  white-space: normal;
}
.special-title.bigger-font h1, .special-title.bigger-font h2, .special-title.bigger-font h3 {
  font-size: 60px;
}
.special-title .btn {
  white-space: nowrap;
}

.back-button-wrapper {
  position: relative;
}
.back-button-wrapper .btn {
  position: absolute;
  top: 45px;
}

.load-more-button {
  text-align: center;
  display: block;
  color: #987746;
}
.load-more-button img {
  height: 25px;
  transform: rotate(90deg);
  display: block;
  margin: 10px auto 0px;
}
.load-more-button:hover {
  color: #987746;
  text-decoration: none;
}

.slider-home .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slider-home .owl-nav {
  margin-top: 0px;
}
.slider-home .owl-nav button:hover {
  background: none !important;
}
.slider-home .owl-nav button.owl-prev {
  left: 50px;
}
.slider-home .owl-nav button.owl-next {
  right: 50px;
}

.carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel .owl-nav button:hover {
  background: none !important;
}
.carousel .owl-nav button.owl-prev {
  left: -50px;
}
.carousel .owl-nav button.owl-next {
  right: -50px;
}
.carousel.dots-gold .owl-dots .owl-dot span {
  background: #987746;
  opacity: 0.7;
}
.carousel.dots-gold .owl-dots .owl-dot.active span {
  background: #987746;
  opacity: 1;
}

.form-enchanced input[type=text], .form-enchanced input[type=number], .form-enchanced input[type=email], .form-enchanced input[type=password], .form-enchanced textarea {
  border: 2px solid #987746;
  border-radius: 25px;
  box-shadow: none;
  color: #987746;
  font-family: "Hagerman", sans-serif;
}
.form-enchanced input[type=text]::placeholder, .form-enchanced input[type=text]:focus, .form-enchanced input[type=number]::placeholder, .form-enchanced input[type=number]:focus, .form-enchanced input[type=email]::placeholder, .form-enchanced input[type=email]:focus, .form-enchanced input[type=password]::placeholder, .form-enchanced input[type=password]:focus, .form-enchanced textarea::placeholder, .form-enchanced textarea:focus {
  color: #987746;
}
.form-enchanced select.custom-select {
  border: 0px;
  border-top: 2px solid #987746;
  border-bottom: 2px solid #987746;
  border-radius: 0px;
  box-shadow: none;
  color: #987746;
  font-family: "Hagerman", sans-serif;
  background-image: url("../img/down-gold.svg");
  background-size: auto;
  z-index: 1 !important;
}
.form-enchanced select.custom-select.rounded {
  border: 2px solid #987746;
  border-radius: 25px !important;
  text-align: center !important;
}
.form-enchanced select.custom-select::placeholder, .form-enchanced select.custom-select:focus {
  color: #987746;
}
.form-enchanced .custom-control-label::before {
  border: 2px solid #987746;
}
.form-enchanced .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #987746;
  background-color: #987746;
}

.mobile-menu {
  text-align: center;
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 10;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: #8BB8E8;
  color: #fff;
  opacity: 0;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 15px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.mobile-menu.open {
  width: 100%;
  opacity: 1;
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.mobile-menu .close-mobile-menu {
  position: absolute;
  top: 35px;
  right: 35px;
}
.mobile-menu .mobile-logo, .mobile-menu .logo-footer {
  height: 55px;
  width: auto;
}
.mobile-menu .menu-header {
  margin-bottom: 30px;
}
.mobile-menu .menu-body {
  height: 100vh;
}
.mobile-menu .menu-body ul li a {
  display: block;
  padding: 8px 15px;
  color: #fff;
  font-size: 20px;
  font-family: "Argent Black", sans-serif;
}
.mobile-menu .menu-body ul li a img {
  visibility: hidden;
}
.mobile-menu .menu-body ul li a.active {
  color: #012169;
}
.mobile-menu .menu-body ul li a.active img {
  visibility: visible;
}
.mobile-menu .menu-footer .social-footer li a {
  font-size: 35px;
  color: #fff;
}
.mobile-menu .menu-footer .social-footer li a:hover {
  color: #012169;
}
.mobile-menu .menu-footer .info {
  padding-bottom: 30px;
}

.header-site {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
  background-color: #8BB8E8;
}
.header-site .navbar {
  padding-top: 0;
  padding-bottom: 0;
}
.header-site .navbar-brand {
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-site .navbar-brand img {
  height: 60px;
}
/*.header-site .nav-item .nav-link {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  font-family: "Argent Regular", sans-serif;
  color: #fff;
  letter-spacing: 1px;
}*/

/* LIBERATO */
.header-site .nav-item .nav-link {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  font-family: "Argent Regular", sans-serif;
  color: #fff;
  letter-spacing: 1px;
}
/* FINE LIBERATO */

.header-site .nav-item .nav-link.dark-color {
  color: #012169;
}
.header-site .nav-item .nav-link i {
  font-size: 22px;
}
.header-site .nav-item .dropdown-menu.show {
  margin-top: -20px;
}

.header-pusher {
  padding-top: 100px;
}

.reserved-internal-menu {
  padding-bottom: 0;
  margin-bottom: 0;
}
.reserved-internal-menu li:not(:last-child) {
  margin-right: 25px;
}
.reserved-internal-menu li a {
  color: #fff;
  font-family: "Argent Regular", sans-serif;
  text-transform: uppercase;
}

.promo-list {
  margin-bottom: 50px;
}
.promo-list li {
  border-bottom: 2px solid #012169;
}
.promo-list li a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #012169;
  font-family: "Hagerman", sans-serif;
  font-size: 24px;
}
.promo-list li a i {
  float: right;
  margin-top: 5px;
}
.promo-list li a::after {
  clear: both;
}
.promo-list li:hover {
  border-color: #987746;
}
.promo-list li:hover a {
  color: #987746;
  text-decoration: none;
}

.single-chess .chess-caption {
  padding-left: 100px;
  padding-right: 100px;
}
.single-chess .chess-caption h2 {
  font-size: 60px;
}

.singola-ricetta .ricetta-caption {
  background: #eee;
  padding: 1rem 1.5rem !important;
  transition: 0.5s background;
}
.singola-ricetta .ricetta-caption h4 {
  font-size: 18px;
  text-transform: uppercase;
}
.singola-ricetta .ricetta-caption h3 {
  font-size: 24px;
}
.singola-ricetta .ricetta-caption .caratteristiche-ricetta {
  display: none;
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #fff;
}
.singola-ricetta .ricetta-caption .caratteristiche-ricetta li img {
  margin-top: -5px;
  margin-right: 5px;
  filter: brightness(0) invert(1);
}
.singola-ricetta .ricetta-caption .simple-link {
  font-family: "Hagerman", sans-serif;
}
/*accessibility fixes recipe*/
.singola-ricetta:hover .ricetta-caption,
.singola-ricetta:focus-within .ricetta-caption {
  background: #012169;
  transition: 0.5s background;
}

.singola-ricetta:hover .ricetta-caption h3,
.singola-ricetta:hover .ricetta-caption h4,
.singola-ricetta:focus-within .ricetta-caption h3,
.singola-ricetta:focus-within .ricetta-caption h4 {
  display: none;
}

.singola-ricetta:hover .ricetta-caption .caratteristiche-ricetta,
.singola-ricetta:focus-within .ricetta-caption .caratteristiche-ricetta {
  display: block;
}

.singola-ricetta:hover .ricetta-caption h3,
.singola-ricetta:hover .ricetta-caption .simple-link,
.singola-ricetta:focus-within .ricetta-caption h3,
.singola-ricetta:focus-within .ricetta-caption .simple-link {
  color: #fff;
}
/*end fixes*/


.ricette:not(.carousel) .singola-ricetta {
  margin-bottom: 30px;
}

.background-lightblue .ricetta-caption {
  background: #fff;
}

.singolo-formato .border-top-effect {
  position: relative;
  width: 100%;
  height: 8px;
}
.singolo-formato .border-top-effect .border {
  width: 100%;
  height: 1px;
  background-color: #987746;
  position: absolute;
  top: 0;
  transition: 0.1s height;
}
.singolo-formato h3 {
  font-size: 24px;
}
.singolo-formato .hover-image-wrapper {
  /*display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;*/
  position: relative;
  overflow: hidden;
}
.singolo-formato .hover-image-wrapper .img-front {
  position: absolute;
  bottom: 0px;
  opacity: 1;
  min-height: 100%;
  min-width: 100%;
  transition: 1s opacity;
}
.singolo-formato .hover-image-wrapper .img-back {
  opacity: 0;
  min-height: 100%;
  min-width: 100%;
  transition: 1s opacity;
}
.singolo-formato:hover .border {
  height: 4px;
  transition: 0.1s height;
}
.singolo-formato:hover .img-front {
  opacity: 0;
}
.singolo-formato:hover .img-back {
  opacity: 1;
}

.storia .special-title h2 {
  font-size: 50px;
}
.storia .chess-caption {
  padding-right: 0;
  padding-left: 0;
}
.storia .chess-caption .description {
  max-width: 100%;
}

.storia-carousel {
  padding-bottom: 40px;
}
.storia-carousel .item {
  padding: 0px 30px;
}
.storia-carousel .item .description {
  opacity: 0;
  transition: 0.4s opacity;
}
.storia-carousel .center .item .description {
  opacity: 1;
  transition: 0.4s opacity;
}
.storia-carousel .anno {
  font-family: "Argent Black", sans-serif;
  color: #fff;
  font-size: 80px;
}
.storia-carousel h3 {
  font-family: "Argent Black", sans-serif;
  font-size: 30px;
  margin-bottom: 50px;
}
.storia-carousel .storia-image {
  position: relative;
}
.storia-carousel .storia-image .anno {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  text-shadow: #987746 -3px 3px 1px;
  font-size: 60px;
}
.storia-carousel .owl-nav {
  margin-top: 0;
}
.storia-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.storia-carousel .owl-nav button:hover {
  background: none !important;
}
.storia-carousel .owl-nav button.owl-prev {
  left: 80px;
}
.storia-carousel .owl-nav button.owl-next {
  right: 80px;
}
.storia-carousel .owl-nav button.disabled {
  opacity: 0;
}
.storia-carousel .owl-dots {
  position: absolute;
  top: 0rem;
  text-align: left;
  left: 50%;
  padding-left: 10px;
}
.storia-carousel .owl-dots .owl-dot span {
  background: #ffffff;
  opacity: 0.7;
}
.storia-carousel .owl-dots .owl-dot.active span {
  background: #ffffff;
  opacity: 1;
}

.internal-menu .item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.internal-menu h4 {
  font-size: 20px;
  margin-bottom: 0;
  font-family: "Hagerman", sans-serif;
  text-align: center;
}
.internal-menu a {
  color: #8BB8E8 !important;
  text-decoration: underline;
}
.internal-menu h4:hover a {
  color: #fff !important;
}
.internal-menu .owl-nav button {
  margin: 0 !important;
  height: 100%;
  width: 100px;
}
.internal-menu .owl-nav button.disabled {
  display: none;
}
.internal-menu .owl-nav button.owl-prev {
  left: 0px;
  background: #012169;
  background: linear-gradient(90deg, #012169 0%, #012169 70%, rgba(1, 33, 105, 0) 100%);
}
.internal-menu .owl-nav button.owl-prev:hover {
  background: linear-gradient(90deg, #012169 0%, #012169 70%, rgba(1, 33, 105, 0) 100%) !important;
}
.internal-menu .owl-nav button.owl-next {
  right: 0px;
  background: #012169;
  background: linear-gradient(90deg, rgba(1, 33, 105, 0) 0%, #012169 30%, #012169 100%);
}
.internal-menu .owl-nav button.owl-next:hover {
  background: linear-gradient(90deg, rgba(1, 33, 105, 0) 0%, #012169 30%, #012169 100%) !important;
}
.internal-menu .owl-dots {
  display: none;
}
.internal-menu .owl-nav {
  margin-top: 0;
}

.img-scheda-wrapper img {
  display: block;
  margin: 0 auto;
}

.scheda-caption h2, .scheda-caption h1 {
  font-size: 50px;
  font-family: "Argent Black", sans-serif;
  line-height: 1;
}

.specifica {
  padding: 5px 0px;
  text-align: center;
  border-top: 2px solid rgba(139, 184, 232, 0.5);
  border-bottom: 2px solid rgba(139, 184, 232, 0.5);
  font-family: "Hagerman", sans-serif;
  font-size: 20px;
}
.specifica span {
  display: inline-block;
}

.package {
  position: relative;
  height: 300px;
}
.package .background-white, .package .background-lightblue {
  height: 150px;
}
.package .package-caption {
  position: absolute;
  top: 0;
  width: 100%;
}
.package .package-caption img {
  max-height: 300px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.package .package-caption .specifica {
  border-top: 0px;
  padding: 8px 10px;
}
.package .package-caption .specifica:first-child {
  border-top: 2px solid rgba(139, 184, 232, 0.5);
}
.package .package-caption .specifica:nth-last-of-type(-n+2) {
  color: #fff;
  border-bottom-color: #fff;
}
.package.package-taller {
  height: 400px;
}
.package.package-taller .background-white, .package.package-taller .background-lightblue {
  height: 200px;
}
.package.package-taller .package-caption img {
  max-height: 400px;
}

.tabella-valori .valori-row {
  font-size: 14px;
}
.tabella-valori .divider {
  margin: 5px 0px;
  background-color: rgba(255, 255, 255, 0.5);
}

.extra-info {
  padding-left: 60px;
  padding-right: 60px;
}

a.at-icon-wrapper.at-share-btn.at-svc-email {
  background-color: #8BB8E8 !important;
}

.ingredienti {
  font-family: "Hagerman", sans-serif;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(139, 184, 232, 0.5);
}
.ingredienti h4 {
  font-size: 20px;
  padding: 10px 0px;
  color: #012169;
  border-top: 2px solid rgba(139, 184, 232, 0.5);
  border-bottom: 2px solid rgba(139, 184, 232, 0.5);
}

.caratteristiche-interne-ricetta {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 18px;
  border-top: 2px solid rgba(139, 184, 232, 0.5);
  border-bottom: 2px solid rgba(139, 184, 232, 0.5);
}
.caratteristiche-interne-ricetta li img {
  margin-top: -5px;
  margin-right: 5px;
}
.caratteristiche-interne-ricetta li:not(:last-child) {
  margin-right: 50px !important;
}

.preparazione-title img {
  margin-right: 10px;
}

.preparazione-list {
  list-style: none;
  counter-reset: custom-counter;
  padding-left: 0;
  font-size: 14px;
}
.preparazione-list li {
  counter-increment: custom-counter;
  margin-bottom: 15px;
  display: flex;
}
.preparazione-list li::before {
  content: counter(custom-counter) " ";
  color: #987746;
  font-size: 20px;
  font-family: "Argent Black", sans-serif;
  margin-right: 25px;
  min-width: 20px;
  line-height: 1;
}

.highlights {
  padding-top: 2.5rem;
}
.highlights .title {
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1;
}
.highlights .owl-nav button.owl-prev {
  left: -80px;
}
.highlights .owl-nav button.owl-next {
  right: -80px;
}
.highlights .owl-dots {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: left;
}
.highlights .owl-dots .owl-dot span {
  background: #987746;
  opacity: 0.7;
}
.highlights .owl-dots .owl-dot.active span {
  background: #987746;
  opacity: 1;
}
.highlights.faq .owl-dots {
  text-align: center;
}
.highlights.faq .owl-dots .owl-dot span {
  background: #fff;
  opacity: 0.7;
}
.highlights.faq .owl-dots .owl-dot.active span {
  background: #fff;
  opacity: 1;
}

.chesses .single-chess {
  margin-bottom: 50px;
}
.chesses .single-chess .chess-caption {
  padding-left: 50px;
  padding-right: 0;
}
.chesses .single-chess .chess-caption .title {
  font-size: 45px;
}
.chesses .single-chess .chess-caption .tondo {
  display: none;
}

.in-page-postcards .postcard {
  margin-bottom: 30px;
}

.form-filters {
  margin: 50px 0px;
}
.form-filters a:hover {
  color: #012169;
}
.form-filters .filter-container {
  padding: 5px 0px;
  border-top: 1px solid #012169;
  border-bottom: 1px solid #012169;
  position: relative;
  font-family: "Hagerman", sans-serif;
}
.form-filters .filter-container span {
  width: 100%;
}
.form-filters .filter-container .arrow-icon {
  height: 22px;
  transform: rotate(0);
  transition: 0.1s;
}
.form-filters .filter-value {
  position: absolute;
  top: 36px;
  width: 100%;
  background: #fff;
  border: 1px solid #012169;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.form-filters .filter-value .form-check {
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 10px;
}
.form-filters .filter-value .form-check-input {
  top: 10px;
}
.form-filters .filter-value .form-check-label {
  display: block;
  padding: 10px 0px;
  cursor: pointer;
}
.form-filters .open .arrow-icon {
  transform: rotate(180deg);
  transition: 0.1s;
}
.form-filters .open .filter-value {
  opacity: 1;
  visibility: visible;
  transition: 0.2s;
}

.single-search-result .image-wrapper {
  background-position: center center;
  background-size: cover;
}

.single-search-result h5 {
  min-height: 100px;
}

.footer-site {
  color: #fff;
  font-family: "Hagerman", sans-serif;
  border-top: 1px solid #fff;
}
.footer-site .footer-menu li a {
  color: #fff;
  display: block;
}
.footer-site .logo-footer {
  display: block;
  margin: 0 auto;
}
.footer-site .social-footer li a {
  font-size: 25px;
  color: #fff;
}
.footer-site .social-footer li a:hover {
  color: #012169;
}

div.error, span.error, label.error {
  color: #ff2222;
}

@media (max-width: 1440px) {
  /*.page-cover {
      video {
          max-width: none;
          height: 100%;
          left: 50%;
          transform: translate(-50%, -50%);
          right: 0;
          margin: 0 auto;
      }
  }*/
  .header-site .container.modded {
    padding-left: 15px;
    padding-right: 50px;
  }
  .package {
    height: 200px;
  }
  .package .background-white, .package .background-lightblue {
    height: 100px;
  }
  .package .package-caption img {
    max-height: 200px;
  }
  .package.package-taller {
    height: 300px;
  }
  .package.package-taller .background-white, .package.package-taller .background-lightblue {
    height: 150px;
  }
  .package.package-taller .package-caption img {
    max-height: 300px;
  }
}
@media (min-width: 1440px) {
  .page-cover h1 {
    font-size: 100px;
  }
  .page-cover .scroll-icon {
    bottom: 100px !important;
  }
  .page-cover.centrale-storia h2 {
    font-size: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .single-chess .description {
    max-width: 80%;
  }

  .storia-home .chess-caption .description {
    max-width: 100%;
  }

  .scheda-caption h2, .scheda-caption h1 {
    font-size: 50px;
  }

  .extra-info {
    padding-left: 120px;
    padding-right: 120px;
  }

  .formati-pasta.carousel .owl-nav button {
    top: 45%;
    transform: translateY(-55%);
  }

  .single-search-result .image-wrapper {
    height: 400px !important;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .header-site .nav-item .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    letter-spacing: 0;
  }

  .single-chess .chess-caption h2 {
    font-size: 40px;
    line-height: 1;
  }

  /*.page-cover {
      video {
          max-width: none;
          height: 100%;
          left: 50%;
          transform: translate(-50%, -50%);
          right: 0;
          margin: 0 auto;
      }
  }*/
}
@media (min-width: 992px) {
  html, body {
    height: 100%;
  }

  .header-pusher {
    padding-bottom: 170px;
    position: relative;
    min-height: 100%;
  }

  .page-cover .scroll-icon {
    bottom: 40px;
  }
  .page-cover.centrale-storia {
    margin-bottom: 50px;
  }
  .page-cover.centrale-storia h2 {
    font-size: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .special-title.d-inline-block h1 {
    font-size: 60px;
  }

  .storia-home .chess-caption {
    padding-left: 50px;
    padding-right: 50px;
  }
  .storia-home .chess-caption h2 {
    font-size: 40px;
    line-height: 1;
  }
  .storia-home .chess-caption .btn {
    margin-top: 20px !important;
  }

  .storia .chess-caption .description {
    font-size: 20px;
  }

  footer.footer-site {
    position: absolute;
    width: 100%;
    bottom: 0px;
  }

  .form-filters .filter-container {
    margin-bottom: 20px;
  }

  .storia-carousel {
    margin-top: 20px;
    padding-bottom: 70px;
  }
  .storia-carousel .storia-caption {
    padding-top: 40px;
  }

  .image-carousel .owl-nav button.owl-prev {
    left: -80px;
  }
  .image-carousel .owl-nav button.owl-next {
    right: -80px;
  }

  .singola-ricetta .ricetta-caption h3 {
    min-height: 120px;
  }

  .singola-ricetta .ricetta-caption .caratteristiche-ricetta {
    min-height: 115px;
  }

  .formati-pasta.carousel .owl-nav button {
    top: 42%;
    transform: translateY(-58%);
  }

  .img-scheda-wrapper:not(.img-ricetta) img {
    max-width: 80%;
  }

  .package-left.d-flex {
    min-width: 15%;
  }

  .package-center.d-flex.grow-1 {
    min-width: 50%;
  }

  .package-right.d-flex {
    min-width: 15%;
  }

  .single-search-result .image-wrapper {
    height: 240px;
  }

  .storia-carousel .item .description {
    max-width: 90%;
  }
  .accessible-carousel .previous-button{
    left: -50px;
  }
  .accessible-carousel .next-button{
    right: -50px;
  }
}
@media (min-width: 1450px) {
  .storia-carousel .item .description {
    max-width: 80%;
  }
}
@media (max-width: 991px) {
  .pt-mobile-0 {
    padding-top: 0;
  }

  .pr-mobile-0 {
    padding-right: 0;
  }

  .pb-mobile-0 {
    padding-bottom: 0;
  }

  .pl-mobile-0 {
    padding-left: 0;
  }

  .header-site .container.modded {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-toggler {
    border: 0px;
    color: #987746 !important;
  }
  .navbar-toggler.active {
    color: #012169;
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28152, 119, 70, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }

  .mobile-lightblue {
    background-color: #8BB8E8;
    color: #012169;
  }

  .container.modded {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .container.modded.mobile-no-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .container.modded.mobile-no-padding .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container.modded.mobile-no-padding .row div[class^=col-] {
    padding-left: 0;
    padding-right: 0;
  }

  .btn-ghost.gold {
    background-color: #012169;
    border-color: #012169;
    color: #fff;
  }

  .header-site .navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0;
  }

  .header-pusher {
    padding-top: 80px;
  }

  .search input[type=search], .search input[type=text] {
    font-size: 20px;
  }

  .page-cover {
    min-height: 90vh;
  }
  .page-cover h1 {
    font-size: 40px;
  }
  .page-cover video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
  }
  .page-cover.interno-storia {
    min-height: 60vh;
  }
  .page-cover.interno-storia .scroll-icon {
    display: none;
  }
  .page-cover.centrale-storia {
    min-height: 60vh;
  }
  .page-cover.centrale-storia h2 {
    font-size: 38px;
  }
  .page-cover.centrale-storia > .container.vertical-centered {
    top: 60%;
  }

  .page-cover.smaller {
    background-image: none !important;
    background-color: #8BB8E8;
  }
  .page-cover.smaller h1 {
    text-shadow: none;
    color: #012169;
    font-size: 45px;
  }

  .special-title h2, .special-title h3, .storia .special-title h2, .storia .special-title h3 {
    font-size: 35px;
    padding: 0;
    text-align: center;
  }
  .special-title.mobile-bigger h2, .special-title.mobile-bigger h3, .storia .special-title.mobile-bigger h2, .storia .special-title.mobile-bigger h3 {
    font-size: 45px;
  }
  .special-title.mobile-bigger .description, .storia .special-title.mobile-bigger .description {
    padding-left: 15px;
    padding-right: 15px;
  }
  .special-title.mobile-smaller h2, .special-title.mobile-smaller h3, .storia .special-title.mobile-smaller h2, .storia .special-title.mobile-smaller h3 {
    font-size: 25px;
    font-family: "Hagerman", sans-serif;
    color: #012169;
  }

  .special-title.d-inline-block h2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .slider-home .owl-nav button.owl-prev {
    left: 5px;
  }
  .slider-home .owl-nav button.owl-next {
    right: 5px;
  }

  .storia-carousel {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .storia-carousel .item {
    padding: 0px 20px;
  }
  .storia-carousel h3 {
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1;
  }
  .storia-carousel .owl-nav button {
    top: 280px;
    transform: translateY(0%);
  }
  .storia-carousel .owl-nav button.owl-prev {
    left: 60px;
  }
  .storia-carousel .owl-nav button.owl-next {
    right: 60px;
  }
  .storia-carousel .owl-dots {
    position: absolute;
    top: 10px;
    width: 100%;
    padding-left: 0;
    left: 0;
    text-align: center;
  }

  .highlights {
    text-align: center;
  }
  .highlights .title {
    font-size: 20px;
    padding: 0px 40px;
    color: #012169;
    font-family: "Hagerman", sans-serif;
  }
  .highlights .owl-nav button {
    top: 40px;
    transform: translateY(0%);
  }
  .highlights .owl-nav button.owl-prev {
    left: 0px;
  }
  .highlights .owl-nav button.owl-next {
    right: 0px;
  }
  .highlights .owl-dots {
    position: absolute;
    top: 10px;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .faq.accordion .card {
    border: 0px;
    border-bottom: 1px solid #987746;
  }
  .faq.accordion .card-header {
    background-color: transparent;
    border-bottom: 0px;
  }
  .faq.accordion .card-header button {
    padding: 5px 0px;
    color: #012169;
    box-shadow: none;
  }
  .faq.accordion .card-header button img {
    float: right;
    height: 25px;
    transform: rotate(270deg);
    transition: 0.1s;
  }
  .faq.accordion .card-header button p {
    display: inline-block;
    max-width: 80%;
  }
  .faq.accordion .card-header button.collapsed img {
    transform: rotate(90deg);
    transition: 0.1s;
  }

  .toggle-filters {
    font-size: 20px;
  }
  .toggle-filters i {
    display: none;
  }
  .toggle-filters.show {
    background-color: #012169;
    border-color: #012169;
    color: #fff;
  }
  .toggle-filters.show i {
    display: inline-block;
  }

  .form-filters {
    display: none;
  }
  .form-filters .filter-container {
    position: initial;
    border-bottom: 0px;
  }
  .form-filters .filter-value {
    position: initial;
    border: 0;
    height: 0;
  }
  .form-filters .open .filter-value {
    height: auto;
  }
  .form-filters .btn {
    margin-top: 20px;
  }

  .single-chess {
    padding-bottom: 50px;
  }
  .single-chess.storia-home .chess-image {
    position: relative;
  }
  .single-chess.storia-home .chess-image h2 {
    font-size: 35px;
    color: #fff;
    text-shadow: #987746 -3px 3px 1px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 20px 30px;
    text-align: center;
  }
  .single-chess .chess-caption {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .single-chess .chess-caption h2 {
    margin-top: 30px;
  }
  .single-chess.storia-home .chess-caption {
    padding-left: 50px;
    padding-right: 50px;
  }
  .single-chess.storia-home .chess-caption h2 {
    font-size: 50px;
    line-height: 1;
  }
  .single-chess.storia-home .chess-caption .btn {
    margin-top: 15px !important;
  }

  .ricette .owl-nav button {
    top: 30%;
  }
  .ricette .owl-nav button.owl-prev {
    left: 10px;
  }
  .ricette .owl-nav button.owl-next {
    right: 10px;
  }
  .ricette .owl-dots {
    position: absolute;
    top: 10px;
    width: 100%;
  }
  .ricette .owl-dots .owl-dot span {
    background: #ffffff;
    opacity: 0.7;
  }
  .ricette .owl-dots .owl-dot.active span {
    background: #ffffff;
    opacity: 1;
  }

  .background-lightblue .singola-ricetta .ricetta-caption {
    background-color: transparent;
  }
  .background-lightblue .singola-ricetta .ricetta-caption h4 {
    color: #fff;
  }

  .ricette:not(.carousel):not(.accessible-carousel) .singola-ricetta .ricetta-caption h4 {
    color: #987746;
  }

  .formati-pasta .singolo-formato h3 {
    font-family: "Hagerman", sans-serif;
    text-decoration: underline;
    font-size: 22px;
  }
  .formati-pasta .owl-nav, .formati-pasta .owl-dots {
    display: none;
  }

  .img-scheda-wrapper:not(.img-ricetta) {
    margin-top: -30px;
  }

  .scheda-caption h2, .scheda-caption h1 {
    font-size: 25px;
    margin-top: 30px;
    color: #012169;
    font-family: "Hagerman", sans-serif;
    text-align: center;
  }
  .scheda-caption h2 {
    margin-bottom: 25px;
  }

  .package {
    height: 200px;
  }
  .package .background-white, .package .background-lightblue {
    height: 100px;
  }
  .package .package-caption img {
    max-height: 200px;
  }
  .package.package-taller {
    height: 300px;
  }
  .package.package-taller .background-white, .package.package-taller .background-lightblue {
    height: 150px;
  }
  .package.package-taller .package-caption img {
    max-height: 300px;
  }

  .extra-info {
    text-align: center;
    margin-bottom: 50px;
  }
  .extra-info img {
    display: block;
    margin: 0 auto;
  }

  .img-ricetta {
    margin-top: -50px;
  }

  .scheda-ricetta {
    padding-left: 15px;
    padding-right: 15px;
  }
  .scheda-ricetta h4 {
    font-size: 20px;
  }
  .scheda-ricetta h2 {
    margin-top: 10px;
    margin-bottom: 25px;
    font-family: "Argent Black", sans-serif;
  }
  .scheda-ricetta .description {
    text-align: center;
  }
  .scheda-ricetta .caratteristiche-interne-ricetta {
    display: block;
    padding: 0;
    text-align: center;
    border: 0;
  }
  .scheda-ricetta .caratteristiche-interne-ricetta li:not(:last-child) {
    margin-right: 25px !important;
  }

  .specifiche-ricetta .specifica {
    border-top-color: #fff;
    border-bottom-color: #fff;
    color: #fff;
  }
  .specifiche-ricetta .col:first-child {
    border-right-color: #fff;
  }
  .specifiche-ricetta .col-sm:last-child .specifica {
    border-bottom-color: #fff;
  }

  .preparazione-list li {
    flex-flow: column;
  }

  .chesses .single-chess .chess-image {
    margin-top: 3rem;
  }
  .chesses .single-chess .chess-caption {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
  .chesses .single-chess .chess-caption .date {
    color: #987746;
    font-size: 18px;
    padding-top: 15px;
  }
  .chesses .single-chess .chess-caption .title {
    color: #012169;
    font-size: 20px;
    margin-top: 10px;
  }

  .image-carousel .owl-nav {
    display: none;
  }
  .image-carousel .owl-dots {
    margin-top: 10px;
  }

  .single-search-result .image-wrapper {
    height: 240px;
  }

  .single-search-result h5 {
    min-height: auto;
  }

  .footer-site {
    text-align: center;
  }
  .footer-site .logo-footer {
    margin-bottom: 30px;
  }
  .footer-site .social-footer {
    margin-top: 20px;
    text-align: center !important;
  }
  .footer-site .social-footer li a {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .storia-carousel .item {
    padding: 0;
  }
  .storia-carousel .owl-nav button {
    top: 145px;
    transform: translateY(0%);
  }
  .storia-carousel .owl-nav button.owl-prev {
    left: 30px;
  }
  .storia-carousel .owl-nav button.owl-next {
    right: 30px;
  }
  .storia-carousel .owl-nav button img {
    height: 25px;
    width: auto;
  }

  .ricette.carousel .owl-nav button img {
    filter: drop-shadow(2px 2px 2px black);
  }

  .special-title h2, .special-title h3, .storia .special-title h2, .storia .special-title h3 {
    font-size: 25px;
    white-space: normal;
  }
  .special-title.my-custom, .storia .special-title.my-custom {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .special-title.mobile-bigger h2, .special-title.mobile-bigger h3, .storia .special-title.mobile-bigger h2, .storia .special-title.mobile-bigger h3 {
    white-space: normal;
  }
  .special-title.mobile-smaller h2, .special-title.mobile-smaller h3, .storia .special-title.mobile-smaller h2, .storia .special-title.mobile-smaller h3 {
    white-space: normal;
  }
  .special-title.mobile-no-wrap h2, .special-title.mobile-no-wrap h3, .storia .special-title.mobile-no-wrap h2, .storia .special-title.mobile-no-wrap h3 {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  .special-title.mobile-super h2, .special-title.mobile-super h3, .storia .special-title.mobile-super h2, .storia .special-title.mobile-super h3 {
    font-family: "Argent Black", sans-serif;
  }
  .special-title.mobile-no-divider .divider, .storia .special-title.mobile-no-divider .divider {
    display: none;
  }
  .special-title.mobile-no-divider h2, .special-title.mobile-no-divider h3, .storia .special-title.mobile-no-divider h2, .storia .special-title.mobile-no-divider h3 {
    width: 100%;
  }

  .specifiche .specifica {
    border-bottom: 0px;
  }
  .specifiche .col {
    padding-left: 0px;
  }
  .specifiche .col-sm + .col {
    padding-left: 15px;
    padding-right: 0;
    border-right: 2px solid rgba(139, 184, 232, 0.5);
  }
  .specifiche .col-sm:last-child .specifica {
    border-bottom: 2px solid rgba(139, 184, 232, 0.5);
  }

  .specifiche-ricetta .specifica {
    border-top-color: #fff;
    border-bottom-color: #fff;
    color: #fff;
  }
  .specifiche-ricetta .col-sm + .col {
    border-right-color: #fff;
  }
  .specifiche-ricetta .col-sm:last-child .specifica {
    border-bottom-color: #fff;
  }

  .package {
    height: 150px;
  }
  .package .background-white, .package .background-lightblue {
    height: 75px;
  }
  .package .package-caption img {
    max-height: 150px;
    max-width: 100%;
  }

  .extra-info {
    padding-left: 0;
    padding-right: 0;
  }
  .extra-info .divider {
    display: none;
  }

  .scheda-ricetta h1 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .scheda-ricetta .ingredienti {
    margin-bottom: 0 !important;
  }

  .preparazione-title img {
    display: block;
  }

  .chesses .single-chess {
    margin-bottom: 0px;
  }
  .chesses .single-chess .chess-image {
    margin-top: 0;
  }
  .chesses .single-chess .chess-caption {
    background-color: #eee;
    position: relative;
    text-align: center;
  }
  .chesses .single-chess .chess-caption .btn {
    padding-bottom: 15px;
    border: 0px;
    background-color: transparent !important;
    color: #012169;
    text-decoration: underline;
  }
  .chesses .single-chess .chess-caption .tondo {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
  }
  .chesses .single-chess .chess-caption .tondo.left {
    left: -15px;
  }
  .chesses .single-chess .chess-caption .tondo.right {
    right: -15px;
  }

  .single-chess.storia-home .chess-caption h2 {
    font-size: 25px;
  }

  .highlights {
    margin-top: -30px;
  }
  .highlights .item {
    padding-left: 30px;
    padding-right: 30px;
  }
  .highlights .owl-nav button img {
    height: 25px;
    width: auto;
  }

  .accessible-carousel.ricette .previous-button{
    left: 0;
  }
  .accessible-carousel.ricette .next-button{
    right: 0;
  }

  .accessible-carousel.ricette .previous-button img{
    filter: drop-shadow(2px 2px 2px black);
  }
  .accessible-carousel.ricette .next-button img{
    filter: drop-shadow(2px 2px 2px black);
  }

}


@media (max-width: 768px) {
  .singola-ricetta:hover .ricetta-caption h3, .singola-ricetta:hover .ricetta-caption h4 {
    display: block;
  }

  .singola-ricetta:hover .ricetta-caption .caratteristiche-ricetta {
    display: none;
  }
  .singola-ricetta:hover .ricetta-caption h3, .singola-ricetta:hover .ricetta-caption .simple-link {
    color: #012169;
  }
  .singola-ricetta:hover .ricetta-caption {
      background-color:transparent !important;
      transition: 0.5s background;
  }
}


@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation : landscape) {
  .singola-ricetta:hover .ricetta-caption h3, .singola-ricetta:hover .ricetta-caption h4 {
    display: block;
  }
  .singola-ricetta:hover .ricetta-caption .caratteristiche-ricetta {
    display: none;
  }
  .singola-ricetta:hover .ricetta-caption h3, .singola-ricetta:hover .ricetta-caption .simple-link {
    color: #012169;
  }
  .singola-ricetta:hover .ricetta-caption {
      background: #eee;
      transition: 0.5s background;
  }
  .page-cover.smaller {
      background-image: none !important;
      background-color: #8BB8E8;
  }
  .internal-menu .owl-nav button {
      margin: 0 !important;
      height: 78%;
      width: 100px;
  }
  .fix-ipad-landscape {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }

}

/*.trafilatura-bronzo {
  display: none !important;
}*/

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .navbar-toggler.search-toggle {
    display: none !important;
  }
}


.accessible-carousel {
  position: relative;
}
.accessible-carousel .previous-button{
  position: absolute;
  top: 50%;
  z-index: 999;
  transform: translateY(-50%);
}
.accessible-carousel .next-button{
  position: absolute;
  top: 50%;
  z-index: 999;
  transform: translateY(-50%);
}

.accessible-carousel button{
  border: 0;
  background-color: transparent;
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip:focus {
  z-index: 9999;
  background-color: #ffffff;
  color: #012169;
  width: auto;
  left: 0;
  height: auto;
}

@media (max-width: 767px) {
  .accessible-carousel .next-button {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    right: 0;
  }
}

/* Start Fonts */
@font-face {
    font-family: "Argent CF";
    src: url("https://www.voiello.it/wp-content/themes/voiello/resources/fonts/Argent_CF_Super.otf");
}
@font-face {
    font-family: 'Druk Wide';
    src: url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/DrukWide-Bold.woff2') format('woff2'),
    url('https://www.voiello.it/wp-content/themes/voiello/resources/fonts/DrukWide-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hagerman";
    src: url("https://www.ewakelab.it/voiello-form/Hagerman-Regular.ttf");
}
@font-face {
    font-family: "Suisse";
    src: url("https://www.ewakelab.it/voiello-form/SuisseIntl-Book.otf");
}
@font-face {
    font-family: "Suisse Intl Regular";
    src: url("https://www.ewakelab.it/voiello-form/SuisseIntl-Regular.otf");
}
/* End Fonts */


/* Start Marcia font da living brands */
@font-face {
    font-family:"marcia";
    src:url("https://use.typekit.net/af/920a72/00000000000000003b9ae454/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/920a72/00000000000000003b9ae454/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/920a72/00000000000000003b9ae454/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"marcia";
    src:url("https://use.typekit.net/af/ea8982/00000000000000003b9ae455/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ea8982/00000000000000003b9ae455/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ea8982/00000000000000003b9ae455/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"marcia";
    src:url("https://use.typekit.net/af/3a614d/00000000000000003b9ae456/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/3a614d/00000000000000003b9ae456/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/3a614d/00000000000000003b9ae456/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"marcia";
    src:url("https://use.typekit.net/af/5c1543/00000000000000003b9ae457/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/5c1543/00000000000000003b9ae457/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/5c1543/00000000000000003b9ae457/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

.tk-marcia {
    font-family: "marcia",serif;
}
/* End Marcia Font da living brands */

/* Start general */
.w-100{
    width: 100%;
}

.font-suisseregular{
    font-family: "Suisse Intl Regular", sans-serif !important;
    color: #fff;
}

.font-suisseregular.solo-desktop{
    font-size: 1.6rem;
}
.font-suisseregular.solo-mobile{
    font-size: 1.3rem;
    padding: 0.8rem;
}

.solo-desktop{
    display:block;
}
.solo-mobile{
    display:none;
}

@media (max-width: 768px) {
    .solo-desktop{
        display:none;
    }
    .solo-mobile{
        display:block;
    }
}

.row-top, .row-bottom{
    min-height: 7vh;
}
.btn-fill.gold {
    /*width: 70%;*/
    /*width: 45vh;*/
    width: 43vh;
    background-color: #987746;
    border: 1px solid #707070;
    color: #FFFFFF;
    text-align: center;
    font-family: "Hagerman", serif !important;
    font-size: 3.2vh;
    letter-spacing: 0;
    opacity: 1;
}
.btn-fill.gold:hover {
    background: #795F38 !important;
    border-color: #987746;
    color: #FFFFFF;
}

.strong-underline{
    font-weight: bold;
    text-decoration: underline;
}

.text-underline{
    text-decoration: underline;
}

@media (min-width: 992px){
    .header-pusher {
        padding-bottom: 220px;
        position: relative;
        min-height: 100%;
    }
}

#target input.error, #target select.error, #target .error {
    color: red;
    border-color: red;
}

.main-title{
    font-family: "Argent CF", serif;
    font-size: 5vh;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #98B5DC;
    opacity: 1;
}
@media (max-width: 768px){
    .main-title{
        font-size: 4vh;
    }
}

.miezaviacollection-nav-menu{
    background-color: #072169;
    color: white;
    height: auto;
    border-bottom: 2px solid #FFFFFF;
    padding: 3vh;
}
.miezaviacollection-nav-menu{
    color: white;
    margin: auto;
}
.miezaviacollection-nav-menu a{
    color: white;
    margin: auto;
}

.primary-paragraph{
    font-family: "Argent Regular", sans-serif;
    color: #98B5DC;
    font-size: 1.3rem;
}

.secondary-paragraph{
    font-family: "Hagerman", sans-serif;
    color: white;
    font-size: 1.3rem;
}

@media (min-width: 1364px){
    .header-pusher{
        padding-bottom: 197px;
    }
}
/* End general */


/* Start Landing */
.miezaviacollection-landing-container{
    background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/landing_desktop.png'); ?>");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
}
@media (max-width: 768px){
    .miezaviacollection-landing-container{
        background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/landing_mobile.png'); ?>");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 70vh;
    }
}

.miezaviacollection-landing-row-button{
    margin-top: -1.7rem;
}

.miezaviacollection-landing-row-button .miezaviacollection-2023-partecipa-button, .btn-fill.gold{
    font-family: "Druk Text Wide" !important;
    font-weight: bold;
}

.landing-img-body-desktop{
    width: 100%;
    height: auto;
}
.landing-img-body-mobile{
    width: 100%;
    height: auto;
}
/* End Landing */


/* Start non hai partecipato */
.miezaviacollection-non-hai-partecipato-container{
    background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/sirena_cut.png'); ?>"), url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/camicia_cut.png'); ?>");
    background-size: 75vh auto, 42vh auto;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    height: 85vh;
    width: 100%;
    padding-bottom: 3vh;
}
@media (max-width: 768px){
    .miezaviacollection-non-hai-partecipato-container{
        height: auto;
    }
}
.miezaviacollection-non-hai-partecipato-container .row{
    width: 100%;
    margin: auto;
}
@media (max-width: 768px){
    .miezaviacollection-non-hai-partecipato-container .title-row{
        margin: 2rem auto 2rem auto;
    }
}

.non-hai-partecipato-header{
    height: 20%;
}
.non-hai-partecipato-body{
    height: 60%;
}
.non-hai-partecipato-footer{
    height: auto;
}

.non-hai-partecipato-section{
    text-align: center;
    color: white;
}

.non-hai-partecipato-section .col-12{
    align-self: center;
    padding-right: 0;
    padding-left: 0;
}

.non-hai-partecipato-logo-voiello-desktop{
    margin: auto;
    width: 20vh;
    height: auto;
}
.non-hai-partecipato-logo-voiello-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.non-hai-partecipato-gold-divider{
    background-color: #987746;
    width: 15vh;
    height: 3px;
}

.non-hai-partecipato-logo-miezavia-desktop{
    margin: auto auto auto auto;
    width: 20vh;
    height: auto;
}
.non-hai-partecipato-logo-miezavia-mobile{
    margin: 2rem auto auto auto;
    width: 20vh;
    height: auto;
}

.non-hai-partecipato-btn-row-container{
    margin-top: 2rem;
}

.non-hai-partecipato-btn{
    margin: 0 !important;
}

.non-hai-partecipato-camicia-mobile{
    margin: auto;
    /*width: 30vh;*/
    width: 45vh;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}

@media (max-height: 700px){
    .non-hai-partecipato-btn-row-container{
        margin-top: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1400px){
    .miezaviacollection-non-hai-partecipato-container{
        /* background-size: 30vh auto, 20vh auto; */
        background-size: 55vh auto, 33vh auto;
    }
}

@media (min-width: 769px) and (max-width: 999px){
    .miezaviacollection-non-hai-partecipato-container{
        background-size: 40vh auto, 25vh auto;
    }
}

@media (max-width: 768px){
    .miezaviacollection-non-hai-partecipato-container{
        background-image: none;
        /*height: 110vh;*/
        height: auto;
        width: 100%;
        /*padding-bottom: 25vh;*/
        padding-bottom: 35vh;
    }
    .non-hai-partecipato-header{
        height: 15%;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .non-hai-partecipato-body{
        height: 65%;
    }
    .non-hai-partecipato-footer{
        margin-top: 2rem;
    }
}
/* End non hai partecipato */


/* Start hai già partecipato */
.miezaviacollection-hai-gia-partecipato-container{
    background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/sirena_cut.png'); ?>"), url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/camicia_cut.png'); ?>");
    background-size: 75vh auto, 42vh auto;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    height: 70vh;
    width: 100%;
    padding-bottom: 3vh;
}
.miezaviacollection-hai-gia-partecipato-container .row{
    width: 100%;
    margin: auto;
}

.hai-gia-partecipato-header{
    height: 33%;
}
.hai-gia-partecipato-body{
    height: 33%;
}
.hai-gia-partecipato-footer{
    height: auto;
}

.hai-gia-partecipato-section{
    text-align: center;
    color: white;
}

.hai-gia-partecipato-section .col-12{
    align-self: center;
    padding-right: 0;
    padding-left: 0;
}

.hai-gia-partecipato-logo-voiello-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.hai-gia-partecipato-logo-voiello-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.hai-gia-partecipato-gold-divider{
    background-color: #987746;
    width: 15vh;
    height: 3px;
}

.hai-gia-partecipato-logo-miezavia-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.hai-gia-partecipato-logo-miezavia-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.hai-gia-partecipato-btn-row-container{
    margin-top: 2rem;
}

.hai-gia-partecipato-btn{
    margin: 0 !important;
}

.hai-gia-partecipato-camicia-mobile{
    margin: auto;
    /*width: 30vh;*/
    width: 45vh;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}

@media (max-height: 700px){
    .hai-gia-partecipato-btn-row-container{
        margin-top: 0;
    }
}

/*@media (min-width: 769px) and (max-width: 1400px){
    .miezaviacollection-hai-gia-partecipato-container{
        background-size: 30vh auto, 20vh auto;
    }
}*/
@media (min-width: 1000px) and (max-width: 1400px){
    .miezaviacollection-hai-gia-partecipato-container{
        /* background-size: 30vh auto, 20vh auto; */
        background-size: 55vh auto, 33vh auto;
    }
}

@media (min-width: 769px) and (max-width: 999px){
    .miezaviacollection-hai-gia-partecipato-container{
        background-size: 40vh auto, 25vh auto;
    }
}


@media (max-width: 768px){
    .miezaviacollection-hai-gia-partecipato-container{
        background-image: none;
        width: 100%;
        height: 75vh;
        /*padding-bottom: 25vh;*/
        padding-bottom: 35vh;
    }
    .hai-gia-partecipato-header{
        height: 30%;
    }
    .hai-gia-partecipato-body{
        height: 50%;
    }
    .hai-gia-partecipato-footer{
        margin-top: 2rem;
        height: auto;
    }
}
/* End hai già partecipato */


/* Start thank you */
.miezaviacollection-thank-you-container{
    background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/sirena_cut.png'); ?>"), url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/camicia_cut.png'); ?>");
    background-size: 75vh auto, 42vh auto;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    height: 70vh;
    width: 100%;
    padding-bottom: 3vh;
}
@media (max-width: 768px){
    .miezaviacollection-thank-you-container{
        height: auto;
    }
    .miezaviacollection-thank-you-container .thank-you-header{
        margin: 2rem auto 2rem auto !important;
    }
}
.miezaviacollection-thank-you-container .row{
    width: 100%;
    margin: auto;
}

.thank-you-header{
    height: 33%;
}
.thank-you-body{
    height: 33%;
}
.thank-you-footer{
    height: auto;
}

.thank-you-section{
    text-align: center;
    color: white;
}

.thank-you-section .col-12{
    align-self: center;
    padding-right: 0;
    padding-left: 0;
}

.thank-you-logo-voiello-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.thank-you-logo-voiello-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.thank-you-gold-divider{
    background-color: #987746;
    width: 15vh;
    height: 3px;
}

.thank-you-logo-miezavia-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.thank-you-logo-miezavia-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.thank-you-btn-row-container{
    margin-top: 2rem;
}

.thank-you-btn{
    margin: 0 !important;
}

.thank-you-camicia-mobile{
    margin: auto;
    /*width: 30vh;*/
    width: 45vh;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}

@media (max-height: 700px){
    .thank-you-btn-row-container{
        margin-top: 0;
    }
}

/*@media (min-width: 769px) and (max-width: 1400px){
    .miezaviacollection-thank-you-container{
        background-size: 30vh auto, 20vh auto;
    }
}*/
@media (min-width: 1000px) and (max-width: 1400px){
    .miezaviacollection-thank-you-container{
    /* background-size: 30vh auto, 20vh auto; */
    background-size: 55vh auto, 33vh auto;
    }
}

@media (min-width: 769px) and (max-width: 999px){
    .miezaviacollection-thank-you-container{
        background-size: 40vh auto, 25vh auto;
    }
}

@media (max-width: 768px){
    .miezaviacollection-thank-you-container{
        background-image: none;
        width: 100%;
        /*height: 75vh;*/
        height: auto;
        padding-bottom: 25vh;
    }
    .thank-you-header{
        height: 30%;
    }
    .thank-you-body{
        height: 50%;
    }
    .thank-you-footer{
        margin-top: 2rem;
        height: auto;
    }
}
/* End thank you */


/* Start form dati */
.miezaviacollection-form-dati-container{
    height: auto;
    width: 100%;
    padding-bottom: 3vh;
    margin: auto;
}
.miezaviacollection-form-dati-container .row{
    width: 100%;
}

.form-dati-logo-voiello-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.form-dati-logo-voiello-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}

.form-dati-waves{
    background-image: url("https://www.voiello.it/wp-content/themes/voiello/resources/img/promozioni/miezaviacollection-2023/waves.png'); ?>");
    background-color: #012169;
    background-size: 165vh;
    background-position: center;
    background-repeat: repeat-x;
    height: 20px;
}

.waves-bg-2{
    align-self: flex-start;
}
.waves-bg-2{
    align-self: flex-end;
    transform: rotate(180deg);
}

.form-dati-header{
    margin-top: 2rem;
}

.form-dati-body{
    height: 60%;
    background: #FFFFFF;
    margin: 2rem auto 2rem auto;
}

.form-dati-logo-miezavia-desktop{
    margin: auto;
    width: 25vh;
    height: auto;
}
.form-dati-logo-miezavia-mobile{
    margin: auto;
    width: 20vh;
    height: auto;
}
/* End form dati */


/* Start Footer Info */
.miezaviacollection-footer-info{
    background: #8BB8E8;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    color: white;
    font-family: "Hagerman", sans-serif;
}

.miezaviacollection-footer-info .column-info-container{
    width: 100%;
    font-size: 1.6rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 768px){
    .miezaviacollection-footer-info .column-info-container{
        font-size: 1rem;
    }
}
/* End Footer Info */