@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap");

:root {
  --purple: #9249af;
  --yellow: #ffc400;
  --light-pink: #fba1cd;
  --dark-pink: #ff666b;
  --blue: #1439c2;
  --orange: #f79b05;
  --light-gold: #ccae61;
  --dark-gold: #6b5b31;
  --main-background-color: #fff8ea;
  --medium-background-color: #ffe3af;
  --dark-background-color: #3b0017;
  --text-dark-color: #3b0017;
  --text-light-color: #545454;
  --light-background-color: #caa9b612;
}

html *,
html *:before,
html *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

html,
body {
  background-color: var(--main-background-color) !important;
  font-family: "Lato", sans-serif;
  color: var(--text-light-color);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

.container.px-0 {
  overflow-x: clip;
}

h1 {
  font-size: clamp(2.5rem, 4vw, 3.5rem) !important;
  font-weight: 700;
  color: var(--text-dark-color);
  text-transform: uppercase !important;
}

h2 {
  font-size: clamp(1.6rem, 3.5vw, 2.5rem) !important;
  color: var(--text-dark-color);
}

h3,
h4.h3 {
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
  text-transform: uppercase !important;
  font-weight: 700;
  color: var(--text-dark-color) !important;
}
h4 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-dark-color);
}
h5 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-dark-color);
}
h6 {
  font-size: 1.1em;
  font-weight: 700;
  color: var(--text-dark-color);
}

#contenuti {
  min-height: calc(100vh - 435px);
}

h1,
h3,
.page-template-default h2,
h4.h3 {
  font-family: "Oswald", sans-serif !important;
}

p {
  font-size: 1.1em;
  color: var(--text-dark-color);
}

a {
  color: var(--text-dark-color);
  text-decoration: underline;
}

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

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: var(--medium-background-color) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: var(--purple) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: var(--yellow) !important;
}

.navbar-nav {
  font-size: 1em;
}

.navbar:not(.home .navbar) {
  margin-bottom: 2.5em !important;
}

@media (min-width: 1400px) {
  .navbar-nav {
    font-size: 1.1em;
  }
}

.navbar.border-top {
  border-top-width: 10px !important;
}

.navbar-nav {
  --bs-nav-link-color: var(--text-dark-color);
}

.navbar button.navbar-toggler {
  margin-left: auto;
  margin-right: 12px;
}

.navbar-collapse .menu-item {
  margin-left: auto;
  margin-right: 6px;
}

.nav-link {
  border: 2px solid transparent;
  padding: 6px 4px;
  margin-right: 3px;
}

.navbar-nav .nav-link.active {
  color: var(--text-dark-color) !important;
  border: 2px solid var(--text-dark-color);
}

@media (min-width: 992px) {
  .nav-link:hover:not(
      .exportArea-button .nav-link,
      .m_exportArea .nav-link,
      .specialist-button .nav-link,
      .trackSpecialistLink .nav-link
    ) {
    color: var(--text-dark-color);
    border: 2px solid var(--text-dark-color);
  }
}

.exportArea-button .nav-link.active,
.m_exportArea .nav-link.active {
  color: var(--purple) !important;
  border: 2px solid var(--purple);
  background-color: var(--background-color);
}

.exportArea-button .nav-link.active:hover,
.m_exportArea .nav-link.active:hover {
  color: var(--purple);
  border: 2px solid var(--purple);
  background-color: var(--background-color);
}

.exportArea-button .nav-link,
.m_exportArea .nav-link {
  background-color: var(--purple);
  color: #fff;
  /*margin-right: 0.75rem;*/
}

.navbar-nav .exportArea-button,
.navbar-nav .m_exportArea {
  --bs-nav-link-color: white !important;
}

.exportArea-button .nav-link:hover,
.m_exportArea .nav-link:hover {
  color: var(--purple);
  border-bottom: none;
  border: 2px solid var(--purple);
  background-color: var(--medium-background-color);
}

.specialist-button .nav-link,
.trackSpecialistLink .nav-link {
  background-color: var(--medium-background-color);
  color: var(--text-dark-color);
  border: 2px solid var(--text-dark-color);
  /*margin-right: 0.75rem;*/
}

@media (max-width: 991.98px) {
  .specialist-button .nav-link,
  .trackSpecialistLink .nav-link {
    max-width: 105px;
    margin-top: 12px;
    margin-left: 8px;
    text-align: center;
  }

  .exportArea-button .nav-link,
  .m_exportArea .nav-link {
    max-width: 105px;
    margin-left: 8px;
    text-align: center;
  }
}

.specialist-button .nav-link:hover,
.trackSpecialistLink .nav-link:hover {
  color: white !important;
  border-bottom: none;
  border: 2px solid var(--text-dark-color);
  background-color: var(--dark-background-color);
}

.footer-social a {
  text-decoration: none;
}

footer a {
  font-size: 0.85em;
}

/* ===== FOOTER ===== */
footer.bg-body-tertiary {
  background-color: var(--medium-background-color) !important;
  color: var(--text-dark-color);
  padding-bottom: 0;
}

/* Brand */
footer .brand-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-dark-color);
  margin-top: 0.75rem;
  margin-bottom: 0.2rem;
}

footer .brand-tagline {
  font-size: 0.82rem;
  color: var(--text-dark-color);
  font-style: italic;
  margin-bottom: 0.75rem;
}

/* Headings colonne nav (li lasciamo visibili ma sottili) */
footer h6 {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-dark-color);
  margin-bottom: 0.75rem;
  opacity: 0.6;
}

/* Nav links */
footer .navbar-nav {
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

footer .navbar-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

footer .navbar-nav ul li a,
footer .navbar-nav a {
  color: var(--text-dark-color);
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.2s ease;
}

footer .navbar-nav li.active {
  text-decoration: underline;
  font-weight: 600;
}

footer .navbar-nav ul li a:hover,
footer .navbar-nav a:hover {
  text-decoration: underline;
}

/* Social icons */
.footer-social {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  margin-top: 0.5rem;
}

.footer-social a {
  text-decoration: none;
  color: var(--text-dark-color);
  transition: opacity 0.2s ease;
}

.footer-social a:hover {
  opacity: 0.55;
}

/* Bottom bar */
footer .border-top {
  border-color: rgba(92, 30, 30, 0.25) !important;
  margin-top: 2.5rem;
  padding: 1rem 1.5rem;
  width: 80%;
}

footer .datiFooter {
  font-size: 0.75rem;
  color: var(--footer-muted);
  line-height: 1.6;
}

/* Responsive: su mobile le colonne nav si compattano */
@media (max-width: 767px) {
  footer .row.px-3 {
    padding-bottom: 1rem;
  }
}

.hero {
  background-size:
    650px auto,
    100%;
  background-position: top right;
  background-repeat: no-repeat;
  color: white;
}

.home .hero {
  background-image: url(../img/PiacereProsciuttodiParma.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 525px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .home .hero {
    min-height: 350px;
  }
}

@media (max-width: 768px) {
  .home .hero {
    min-height: 250px;
  }
}

.card.apertura {
  margin-top: -64px;
}

/* @media (min-width: 768px) {
    .home .hero {
        background-image:
            var(--hero-bg),
            linear-gradient(
                180deg,
                var(--purple) 0%,
                var(--purple) 81.73%,
                var(--main-background-color) 81.74%
            );
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #page-template-page-home.hero {
    background-size:
      480px auto,
      100%;
  }
}

@media (max-width: 991.98px) {
  #page-template-page-home.hero {
    background-image:
      none,
      linear-gradient(
        180deg,
        var(--purple) 0%,
        var(--purple) 81.73%,
        var(--main-background-color) 81.74%
      ) !important;
  }
}*/
.hero h1 {
  color: white !important;
}

.btn {
  border-radius: 0 !important;
  font-weight: 700;
  --bs-btn-padding-y: 0.5em;
  --bs-btn-padding-x: 1em;
  font-size: 18px;
}

.btn-lg {
    font-size: 22px;
}

.btn.btn-primary:hover {
  color: white;
  background-color: var(--dark-background-color);
  border-color: var(--dark-background-color);
}

.btn-primary {
  --bs-btn-color: var(--text-dark-color);
  --bs-btn-bg: var(--yellow);
  --bs-btn-border-color: var(--yellow);
}

.hero .btn-hero {
  --bs-btn-padding-y: 1em;
  --bs-btn-padding-x: 1.5em;
}

.btn-secondary {
  --bs-btn-color: var(--text-dark-color);
  --bs-btn-bg: var(--light-gold);
  --bs-btn-border-color: var(--light-gold);
}

.btn-secondary:hover {
  color: var(--light-gold);
  background-color: var(--dark-background-color);
  border-color: var(--light-gold);
}

.card {
  border: none;
  border-radius: 0;
  --bs-card-bg: var(--medium-background-color);
}

.card-img {
  border-radius: 0 !important;
  object-fit: cover;
  object-position: center;
}

.card-footer {
  padding: 0;
  background-color: transparent;
  border-top: none;
}

.img-col {
  background-size: cover;
  background-position: center;
  object-fit: cover;
  object-position: center;
  min-height: 350px;
}

@media (max-width: 767.98px) {
  .img-col {
    min-height: 200px;
  }
}

.territorio .img-col {
  background-image: url(../img/territorio.jpg);
}

.consorzio .img-col {
  background-image: url(../img/consorzio.jpg);
}

.specialist-section .img-col {
  background-image: url(../img/specialist.jpg);
  min-height: 365px;
}

.page-template-page-trade_area .specialist-section .img-col {
  min-height: 222px !important;
}

.hero .card-img. {
  aspect-ratio: 9/16;
  min-height: 300px;
}

.news-section a {
  text-decoration: none;
}

.news-section .card:hover {
  background: var(--medium-background-color);
}

.news-section .card-img {
  aspect-ratio: 1/1;
  max-height: 200px;
}

.news-section .card {
  --bs-card-bg: var(--main-background-color);
}

.news-section .card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--text-dark-color);
  background-color: transparent;
  border-bottom: none;
}

.news-section .card .card-body {
  padding-top: 0;
}

a .news-date {
  display: inline-block;
  text-decoration: none;
}

.news-section .card-header:first-child {
  border-radius: 0;
}

.news-section .card-text {
  color: var(--text-light-color);
  font-size: 1em;
}

.news-date {
  background-color: var(--light-pink);
  padding: 0.15em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.underlined {
  background: linear-gradient(
    to top,
    transparent 20%,
    var(--yellow) 20%,
    var(--yellow) 40%,
    transparent 20%
  );
  padding: 0.25em;
}

h1 .underlined {
  background: linear-gradient(
    to top,
    transparent 20%,
    var(--light-pink) 20%,
    var(--light-pink) 40%,
    transparent 20%
  );
}

h1:not(:has(.underlined)):not(.hero *):not(.hero-ricette h1):not(.apertura h1) {
  display: inline;
  margin-bottom: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: linear-gradient(
    to top,
    transparent 20%,
    var(--light-pink) 20%,
    var(--light-pink) 40%,
    transparent 20%
  );
}

h3:not(.card-title, :has(.underlined)):not(.ingredienti h3):not(
    .preparazione h3
  ) {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.25em;
  background: linear-gradient(
    to top,
    transparent 20%,
    var(--yellow) 20%,
    var(--yellow) 40%,
    transparent 20%
  );
}

.appuntamenti-section .card {
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 14px solid var(--purple) !important;
}

.appuntamenti-section .anno {
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  padding-top: 16px;
  margin-bottom: 6px;
}

.appuntamenti-section .card-body {
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 40px */
  text-transform: uppercase;
}

.appuntamenti-section .card-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: none;
  margin-top: 16px;
  min-height: 40px;
}

.appuntamenti-section a,
.ricette-section a {
  text-decoration: none;
}

.appuntamenti-section a .card:hover {
  background-color: var(--background-color);
  border-top: 2px solid var(--purple);
  border-right: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
}

.ricette-section .card.yellow:hover {
  background-color: var(--yellow);
}

.ricette-section .card.orange:hover {
  background-color: var(--orange);
}

.ricette-section .card.blue:hover {
  background-color: var(--blue);
  color: white;
}

.ricette-section .card.purple:hover .bi-arrow-right,
.ricette-section .card.purple:hover .bi-arrow-right {
  color: white !important;
}

.ricette-section .card.light-pink:hover {
  background-color: var(--light-pink);
}

.ricette-section .card.dark-pink:hover {
  background-color: var(--dark-pink);
}

.ricette-section .card.purple:hover {
  background-color: var(--purple);
  color: white;
}

.ricette-section .card.yellow:hover .badge,
.ricette-section .card.light-pink:hover .badge,
.ricette-section .card.dark-pink:hover .badge,
.ricette-section .card.purple:hover .badge,
.ricette-section .card.orange:hover .badge,
.ricette-section .card.blue:hover .badge {
  background-color: white;
  color: var(--text-dark-color);
}

.ricette-section .card {
  background-color: white;
  border: 3px solid transparent;
  border-top: 10px solid transparent;
}

.ricette-section .card-title {
  min-height: 72px;
}

.ricette-section .card.yellow {
  border: 3px solid var(--yellow);
  border-top: 10px solid var(--yellow);
}

.yellow .badge {
  background-color: var(--yellow);
  color: var(--text-dark-color);
  border-radius: 0;
}

.ricette-section .card.light-pink {
  border: 3px solid var(--light-pink);
  border-top: 10px solid var(--light-pink);
}

.light-pink .badge {
  background-color: var(--light-pink);
  color: var(--text-dark-color);
  border-radius: 0;
}

.ricette-section .card.dark-pink {
  border: 3px solid var(--dark-pink);
  border-top: 10px solid var(--dark-pink);
}

.dark-pink .badge {
  background-color: var(--dark-pink);
  color: var(--text-dark-color);
  border-radius: 0;
}

.ricette-section .card.purple {
  border: 3px solid var(--purple);
  border-top: 10px solid var(--purple);
}

.purple .badge {
  background-color: var(--purple);
  color: white;
  border-radius: 0;
}

.ricette-section .card.orange {
  border: 3px solid var(--orange);
  border-top: 10px solid var(--orange);
}

.orange .badge {
  background-color: var(--orange);
  color: var(--text-dark-color);
  border-radius: 0;
}

.ricette-section .card.blue {
  border: 3px solid var(--blue);
  border-top: 10px solid var(--blue);
}

.blue .badge {
  background-color: var(--blue);
  color: white;
  border-radius: 0;
}

.badge.yellow {
  background-color: var(--yellow);
  color: var(--text-dark-color);
}
.badge.light-pink {
  background-color: var(--light-pink);
  color: var(--text-dark-color);
}
.badge.dark-pink {
  background-color: var(--dark-pink);
  color: var(--text-dark-color);
}
.badge.blue {
  background-color: var(--blue);
  color: white;
}
.badge.orange {
  background-color: var(--orange);
  color: var(--text-dark-color);
}
.badge.purple {
  background-color: var(--purple);
  color: white;
}

.ricette-section .card-img {
  aspect-ratio: 4/3;
  max-height: 200px;
}

.social-section .card-header {
  background-color: white;
  border-bottom: none;
  border-radius: 0;
  border-top: 1px solid var(--text-dark-color);
  border-right: 1px solid var(--text-dark-color);
  border-left: 1px solid var(--text-dark-color);
}

.social-section a:hover .card-header {
  background-color: var(--text-dark-color) !important;
}

.social-section a:hover .card-header i {
  color: white !important;
}

.social-section .card-img {
  border-bottom: 1px solid var(--text-dark-color);
  border-right: 1px solid var(--text-dark-color);
  border-left: 1px solid var(--text-dark-color);
  aspect-ratio: 1/1;
}

/*@media (max-width: 767.98px) {
  .social-section .card-img {
   max-height: 200px;
   max-width: auto;
  }
}*/

.specialist-section .card,
.specialist-section .card-title h4,
.specialist-section .card p {
  --bs-card-bg: var(--dark-background-color);
  color: var(--light-gold);
}

@media (min-width: 992px) {
  .specialist-section
    .card:not(.page-template-page-trade_area .specialist-section .card) {
    background-image: url(../img/specialist-logo.png);
    background-repeat: no-repeat;
    background-position: right 24px top 24px;
    background-size: 150px auto;
  }
}

.specialist-section h4 {
  font-family: "Oswald", sans-serif;
}

.specialist-section .btn-secondary {
  border: 2px solid var(--light-gold);
}

.hero-ricette.dark-pink {
  background-image: linear-gradient(
    180deg,
    var(--dark-pink) 0%,
    var(--dark-pink) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
}

.hero-ricette.light-pink {
  background-image: linear-gradient(
    180deg,
    var(--light-pink) 0%,
    var(--light-pink) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
}

.hero-ricette.purple {
  background-image: linear-gradient(
    180deg,
    var(--purple) 0%,
    var(--purple) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
  color: white;
}

.hero-ricette.orange {
  background-image: linear-gradient(
    180deg,
    var(--orange) 0%,
    var(--orange) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
}

.hero-ricette.blue {
  background-image: linear-gradient(
    180deg,
    var(--blue) 0%,
    var(--blue) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
  color: white;
}

.hero-ricette.yellow {
  background-image: linear-gradient(
    180deg,
    var(--yellow) 0%,
    var(--yellow) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
}

.hero-ricette.blue .categoria-ricetta,
.hero-ricette.blue h1,
.hero-ricette.purple .categoria-ricetta,
.hero-ricette.purple h1 {
  color: white !important;
}

.hero-ricette .img-col {
  min-height: 300px;
}

.hero-news.light-pink {
  background-image: linear-gradient(
    180deg,
    var(--light-pink) 0%,
    var(--light-pink) calc(100% - 30px),
    var(--main-background-color) calc(100% - 29px)
  );
}

.ingredienti {
  background-color: var(--medium-background-color);
  color: var(--text-dark-color);
  font-size: 1.25em;
  font-style: normal;
  line-height: 150%;
}

.categoria-ricetta {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--text-dark-color);
}

.titolo-ricetta {
  margin-bottom: 29px;
}

.titolo-ricetta h1 {
  font-size: clamp(2rem, 3.25vw, 3.25rem) !important;
}

.ingredienti h3,
.preparazione h3 {
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
}

.preparazione,
.contenuto-news {
  color: var(--text-dark-color);
  font-style: normal;
  line-height: 150%;
}

.contenuto-news .dataNews {
  font-family: "Oswald", sans-serif !important;
  font-size: 1.25em;
}

.page-template-page-archiveRicette .ricette-section .card-title {
  min-height: 120px;
}

#submenu-ricette ul.filter {
  list-style: none;
  width: 100%;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
}

@media (min-width: 768px) {
  #submenu-ricette ul.filter li {
    display: inline-table;
    padding: 0 0.25em;
  }
}

#submenu-ricette ul.filter a {
  text-decoration: none !important;
  border: 2px solid transparent;
  padding: 6px;
  margin-right: 6px;
}
#submenu-ricette ul.filter a:hover {
  color: var(--text-dark-color);
  border: 2px solid var(--text-dark-color);
}

#submenu-ricette ul.filter a.active {
  color: var(--text-dark-color);
  border: 2px solid var(--text-dark-color);
}

.form-select {
  color: var(--text-dark-color) !important;
  background-color: white;
  background-image:
    var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 2px solid var(--text-dark-color);
  border-radius: 0;
}

/* sovrascrittura frontend */

.vc_btn3-container a {
  border-radius: 0 !important;
  color: var(--text-dark-color) !important;
  border-color: var(--text-dark-color) !important;
}

.vc_btn3-container a:hover {
  color: white !important;
  background-color: var(--text-dark-color) !important;
}

.page-template-default h5 {
  color: var(--dark-gold) !important;
}

.page-template-default h2,
.page-template-page-archiveRicette h2,
.page-template-page-trade_area h2,
.page-template-page-trade_area h4 {
  font-family: "Oswald", sans-serif !important;
  color: var(--text-dark-color) !important;
}

.vc_general.vc_cta3.vc_cta3-style-classic {
  background-color: white !important;
  border-radius: 0 !important;
  border: 2px solid var(--text-dark-color) !important;
}

.dropdown-menu[data-bs-popper] {
  margin-top: -2px;
}

.dropdown-menu {
  --bs-dropdown-border-color: var(--text-dark-color);
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 2px;
  --bs-dropdown-min-width: 0.5em;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--text-dark-color) !important;
  background-color: var(--medium-background-color) !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--text-dark-color);
}

/* ======================================================
   IMMAGINI WORDPRESS
====================================================== */

/* Allineamento immagini */
.alignnone {
  margin: 0 0 1.5em 0;
}

.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto 1.5em auto;
  text-align: center;
}

/* Compatibilità immagini dentro link */
a img.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

a img.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

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

/* ======================================================
   CAPTION IMMAGINI WORDPRESS
====================================================== */

.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
  /*padding: 5px; */
  text-align: center;
  background-color: white;
  border: 1px solid var(--text-dark-color);
}

.wp-caption img {
  margin: 0;
  display: block;
  width: 100%;
}

.wp-caption-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-dark-color);
  margin-top: 8px;
  padding: 0 5px;
}

/* Caption allineate */
.wp-caption.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.wp-caption.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* ======================================================
   BLOCKQUOTE
====================================================== */

blockquote {
  margin: 2em 0;
  padding: 1em 1.5em;
  font-style: italic;
  border-left: 8px solid var(--yellow);
  background: white;
  color: var(--text-dark-color);
  border: 3px solid var(--yellow);
  border-top: 10px solid var(--yellow);
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  margin-top: 1em;
  font-size: 0.875rem;
  font-style: normal;
  color: var(--text-dark-color);
}

#menu-item-78 a.nav-link.dropdown-toggle {
  text-transform: uppercase;
}

#menu-item-78 a.dropdown-item {
  text-transform: uppercase;
}

#menu-item-1380,
#menu-item-78,
#menu-item-77,
#menu-item-1429 {
  text-transform: uppercase;
}

ol,
ul {
  color: var(--text-dark-color);
  font-size: 1.1em;
}

div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: var(--yellow) !important;
  border: 1px solid var(--yellow) !important;
  color: var(--text-dark-color) !important;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.produttori-container .card {
  border: 1px solid var(--text-dark-color);
  background-color: white;
  padding: 1.25em;
}

.produttori-container .card-body {
  font-size: 0.875em;
}

.produttori-container .img-thumbnail-produttori {
  max-height: 200px;
  width: auto;
}

.formRicercaProduttori .form-control {
  border: 2px solid var(--text-dark-color);
  border-radius: 0;
  border-right: none;
}

.formRicercaProduttori #searchsubmit {
  border: 2px solid var(--text-dark-color);
  border-radius: 0;
  color: var(--text-dark-color);
}

.formRicercaProduttori #searchsubmit:hover {
  color: white;
  background-color: var(--text-dark-color);
}

.produttori-container h4 {
  font-size: 1.5em;
  margin-bottom: 12px;
}

.slider-curiosita .vc_grid-item-mini.vc_clearfix {
  background-color: white;
  border: 1px solid var(--text-dark-color);
}

.slider-curiosita .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1560433965399 {
  min-height: 445px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .slider-curiosita .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1560433965399 {
    min-height: 635px;
  }
}

.vc_tta-color-chino.vc_tta-style-classic
  .vc_tta-panel.vc_active
  .vc_tta-panel-heading,
.vc_tta-color-chino.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
  background-color: #caa9b612 !important;
  border: none !important;
  border-radius: 0 !important;
}

.vc_tta-color-chino.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.vc_tta-color-chino.vc_tta-style-classic
  .vc_tta-panel
  .vc_tta-panel-body::after,
.vc_tta-color-chino.vc_tta-style-classic
  .vc_tta-panel
  .vc_tta-panel-body::before {
  border: none !important;
}

.vc_tta-color-chino.vc_tta-style-classic
  .vc_tta-panel.vc_active
  .vc_tta-panel-title
  > a {
  color: var(--text-dark-color) !important;
}

.vc_tta-accordion .card.row-archive-produttori {
  --bs-card-bg: white !important;
  border: 1px solid var(--text-dark-color) !important;
}

.vc_tta-accordion .card.row-archive-produttori .card-body p {
  font-size: 14px;
  line-height: 20px;
}

.vc_tta-color-chino.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
  color: var(--text-dark-color) !important;
}

.vc_tta-color-chino.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-chino.vc_tta-style-classic .vc_tta-controls-icon::before {
  border-color: var(--text-dark-color) !important;
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill)
  .vc_tta-panel:first-child:not(:last-child)
  .vc_tta-panel-body,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill)
  .vc_tta-panel:first-child:not(:last-child)
  .vc_tta-panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vc_tta-color-chino.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
  background-color: #ffe3af !important;
  border: none !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* --- Fix conflitto Bootstrap / WPBakery sulle pagine interne e visualizzazione mobile--- */

/* Annulla i margini negativi delle righe WPBakery (causa scroll orizzontale) */
.vc_row.vc_row-fluid,
.vc_row.wpb_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Annulla padding/margini extra del container Bootstrap annidato */
.row.no-gutters > .col-12 > .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.row.no-gutters > .col-12 > .container > .row {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutters > .col-12 > .container > .row > .col-12 {
  padding-left: 0;
  padding-right: 0;
}

/* Rimuove il gap iniziale dato dal margin-top dell'h1/prima riga */
.wpb-content-wrapper > .vc_row:first-child {
  margin-top: 0 !important;
}
.wpb-content-wrapper h1.vc_custom_heading:first-of-type,
.wpb-content-wrapper h1:first-child {
  margin-top: 0 !important;
}

@media (max-width: 992px) {
  .img-dop-logo {
    max-width: 55px;
    margin-left: 12px;
  }
}

/* fix boxMappa pagina interna */

#boxMappa {
  height: 500px;
}