/* ==============================================
   Ambienti Culturali Genovesi \u2013 Child Theme CSS
   ============================================== */

/* \u2500\u2500 SFONDO PAGINA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
body.home {
  --site-bg: #f0f0e4;
  background-color: #f0f0e4 !important;
}
body.home .site-main,
body.home .wp-site-blocks,
body.home .entry-content,
body.home .wp-block-post-content { background-color: #f0f0e4; }

body.home .has-white-background-color,
body.home .has-light-gray-background-color,
body.home .has-background:not([class*="has-dark"]):not([class*="has-primary"]):not([class*="has-secondary"]):not([class*="has-link"]):not(.wp-block-cover) {
  background-color: #f0f0e4 !important;
}
body.home .wp-block-cover.has-background { background-color: unset !important; }

body.home .uag-hide-mob.wp-block-cover { box-shadow: none !important; overflow: hidden; }
body.home .uag-hide-mob.wp-block-cover::after {
  content: "";
  position: absolute; bottom: 0; left: 0; right: 0; height: 160px;
  background: linear-gradient(to bottom, rgba(240,240,228,0) 0%, rgba(240,240,228,.25) 45%, rgba(240,240,228,.70) 75%, rgba(240,240,228,1) 100%);
  z-index: 2; pointer-events: none;
}
body.home .wp-block-cover.fade:not(.uag-hide-mob) {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%);
}

.footer-content { background-color: #d8d3c8 !important; color: #333 !important; }
.footer-content hr { border-color: #cac5ba !important; }

/* \u2500\u2500 MARCHETTI TEMPLATE HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
.page-template-template-marchetti header.header,
.page-template-template-marchetti-2 header.header {
    position: fixed !important;
    top: 1rem !important;
    left: 1.5rem !important;
    right: 1.5rem !important;
    width: auto !important;
    max-width: calc(100% - 3rem) !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.10) !important;
    border: 1px solid #ebebeb !important;
    padding: 0 !important;
}
.page-template-template-marchetti .wrapper.load,
.page-template-template-marchetti-2 .wrapper.load { padding-top: 90px !important; }
.page-template-template-marchetti .spacer,
.page-template-template-marchetti-2 .spacer { display: none !important; }
.page-template-template-marchetti header.header .header__logo-img,
.page-template-template-marchetti-2 header.header .header__logo-img { max-height: 55px !important; width: auto !important; }
.page-template-template-marchetti header.header nav ul.menu > li > a,
.page-template-template-marchetti header.header .menu-item a,
.page-template-template-marchetti-2 header.header nav ul.menu > li > a,
.page-template-template-marchetti-2 header.header .menu-item a {
    font-size: 0.82rem !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: 0.09em !important;
    color: #1a1a1a !important; text-decoration: none !important;
}
.page-template-template-marchetti header.header nav ul.menu > li > a:hover,
.page-template-template-marchetti-2 header.header nav ul.menu > li > a:hover { color: #666666 !important; }

@media (max-width: 768px) {
    .page-template-template-marchetti header.header,
    .page-template-template-marchetti-2 header.header {
        left: 0.75rem !important; right: 0.75rem !important;
        max-width: calc(100% - 1.5rem) !important; border-radius: 8px !important;
    }
    .page-template-template-marchetti .wrapper.load,
    .page-template-template-marchetti-2 .wrapper.load { padding-top: 80px !important; }
    .page-template-template-marchetti .header__content,
    .page-template-template-marchetti-2 .header__content { padding-right: 2rem !important; }
    .page-template-template-marchetti button.icon-hamburger,
    .page-template-template-marchetti-2 button.icon-hamburger { right: 1.2rem !important; margin-right: 1.2rem !important; }
}