/*
Theme Name: Astra Child - Staging
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.9.4
Updated: 2025-05-03 16:54:24

*/


/* Tommaso D'Angelo — Complianz visual styling */

/* Cookie banner */
.cmplz-cookiebanner {
  background: #f5f4f1 !important;
  color: #3a332d !important;
  border: 1px solid rgba(58, 51, 45, 0.18) !important;
  border-radius: 2px !important;
  box-shadow: 0 18px 50px rgba(31, 27, 24, 0.14) !important;
  font-family: Manrope, sans-serif !important;
  padding: 28px !important;
  max-width: 440px !important;
}

.cmplz-cookiebanner .cmplz-title {
  color: #1f1b18 !important;
  font-family: "Instrument Serif", serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-category-title,
.cmplz-cookiebanner .cmplz-description {
  color: #3a332d !important;
  font-family: Manrope, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.cmplz-cookiebanner .cmplz-btn {
  min-height: 46px !important;
  border-radius: 1px !important;
  font-family: Manrope, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

.cmplz-cookiebanner .cmplz-accept {
  background: #1f1b18 !important;
  border: 1px solid #1f1b18 !important;
  color: #ffffff !important;
}

.cmplz-cookiebanner .cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-accept:focus-visible {
  background: #d98a73 !important;
  border-color: #d98a73 !important;
}

.cmplz-cookiebanner .cmplz-deny {
  background: transparent !important;
  border: 1px solid #3a332d !important;
  color: #1f1b18 !important;
}

.cmplz-cookiebanner .cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-deny:focus-visible,
.cmplz-cookiebanner .cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-view-preferences:focus-visible,
.cmplz-cookiebanner .cmplz-save-preferences:hover,
.cmplz-cookiebanner .cmplz-save-preferences:focus-visible {
  background: rgba(217, 138, 115, 0.12) !important;
  border-color: #d98a73 !important;
  color: #1f1b18 !important;
}

.cmplz-cookiebanner .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-save-preferences {
  background: transparent !important;
  border: 1px solid rgba(58, 51, 45, 0.35) !important;
  color: #3a332d !important;
}

.cmplz-cookiebanner .cmplz-links a {
  color: #3a332d !important;
  text-decoration-color: #d98a73 !important;
  text-underline-offset: 3px !important;
}

.cmplz-cookiebanner .cmplz-close {
  color: #3a332d !important;
}

/* Compact Studio Ninja consent placeholder */
.cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"]) {
  width: 100% !important;
  min-height: 230px !important;
  height: auto !important;
  margin: 28px 0 !important;
  padding: 40px 28px 36px !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  justify-items: center !important;
  align-content: center !important;
  row-gap: 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #f5f4f1 !important;
  background-image: none !important;
  border: 1px solid rgba(58, 51, 45, 0.18) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  text-align: center !important;
}

.cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::before {
  content: "Send your enquiry";
  color: #1f1b18;
  font-family: "Instrument Serif", serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.15;
}

.cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::after {
  content: "The secure enquiry form is provided by Studio Ninja and loads only with your consent.";
  max-width: 540px;
  color: #3a332d;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.cmplz-blocked-content-container iframe[data-service="Studio-Ninja-contact-form"] {
  display: none !important;
  height: 0 !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice[data-service="Studio-Ninja-contact-form"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 4px 0 0 !important;
  padding: 13px 20px !important;
  background: #1f1b18 !important;
  border: 1px solid #1f1b18 !important;
  border-radius: 1px !important;
  color: transparent !important;
  font-family: Manrope, sans-serif !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice[data-service="Studio-Ninja-contact-form"]::after {
  content: "Enable enquiry form";
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice[data-service="Studio-Ninja-contact-form"]:hover,
.cmplz-blocked-content-container .cmplz-blocked-content-notice[data-service="Studio-Ninja-contact-form"]:focus-visible {
  background: #d98a73 !important;
  border-color: #d98a73 !important;
}

/* Small consent-management icon */
#cmplz-manage-consent .cmplz-manage-consent {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  right: 16px !important;
  bottom: 16px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #f5f4f1 !important;
  border: 1px solid rgba(58, 51, 45, 0.32) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 18px rgba(31, 27, 24, 0.12) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  animation: none !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease !important;
}

#cmplz-manage-consent .cmplz-manage-consent::before {
  content: "";
  width: 19px;
  height: 19px;
  display: block;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a332d' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9M15 4v6M9 14v6'/%3E%3C/svg%3E");
}

#cmplz-manage-consent .cmplz-manage-consent:hover,
#cmplz-manage-consent .cmplz-manage-consent:focus-visible {
  background: #ffffff !important;
  border-color: #d98a73 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
  .cmplz-cookiebanner {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 20px !important;
    max-height: calc(100vh - 24px) !important;
    overflow-y: auto !important;
  }

  .cmplz-cookiebanner .cmplz-title {
    font-size: 27px !important;
  }

  .cmplz-cookiebanner .cmplz-message,
  .cmplz-cookiebanner .cmplz-category-title,
  .cmplz-cookiebanner .cmplz-description {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"]) {
    min-height: 210px !important;
    margin: 22px 0 !important;
    padding: 32px 20px 30px !important;
    row-gap: 12px !important;
  }

  .cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::before {
    font-size: 27px;
  }

  .cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::after {
    font-size: 13px;
  }

  #cmplz-manage-consent .cmplz-manage-consent {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    right: 12px !important;
    bottom: 12px !important;
  }

  #cmplz-manage-consent .cmplz-manage-consent::before {
    width: 17px;
    height: 17px;
  }
}


/* Complianz layout polish */
.cmplz-cookiebanner {
  width: 440px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::before { grid-row: 1; }
.cmplz-blocked-content-container:has(iframe[data-service="Studio-Ninja-contact-form"])::after { grid-row: 2; }
.cmplz-blocked-content-container .cmplz-blocked-content-notice[data-service="Studio-Ninja-contact-form"] { grid-row: 3; }
@media (max-width: 768px) {
  .cmplz-cookiebanner {
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
  }
}


/* Complianz preference labels — desktop */
@media (min-width: 769px) {
  .cmplz-cookiebanner {
    overflow-x: hidden !important;
  }

  .cmplz-cookiebanner .cmplz-body,
  .cmplz-cookiebanner .cmplz-message,
  .cmplz-cookiebanner .cmplz-categories,
  .cmplz-cookiebanner .cmplz-category,
  .cmplz-cookiebanner .cmplz-category-header {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .cmplz-cookiebanner .cmplz-category-header {
    grid-template-columns: minmax(0, 1fr) auto 24px !important;
    column-gap: 10px !important;
  }

  .cmplz-cookiebanner .cmplz-category-title {
    min-width: 0 !important;
    overflow: visible !important;
    color: #3a332d !important;
  }
}

/* Consent control placed after the footer, not fixed on screen */
#cmplz-manage-consent {
  position: static !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 18px 16px 26px !important;
  background: #f5f4f1 !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  flex: 0 0 42px !important;
}

@media (max-width: 768px) {
  #cmplz-manage-consent {
    padding: 14px 12px 20px !important;
  }

  #cmplz-manage-consent .cmplz-manage-consent {
    flex-basis: 38px !important;
  }
}


/* Complianz title visible on mobile */
@media (max-width: 768px) {
  .cmplz-cookiebanner .cmplz-header {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 12px !important;
    box-sizing: border-box !important;
  }

  .cmplz-cookiebanner .cmplz-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    color: #1f1b18 !important;
    font-family: "Instrument Serif", serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
  }

  .cmplz-cookiebanner .cmplz-close {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
  }
}



/* Tommaso D'Angelo — visual consistency fixes, 2026-07-28 */

/* Story titles: match the lighter editorial hierarchy used across core pages. */
.single-post .entry-header .entry-title {
  font-family: "Instrument Serif", serif !important;
  font-weight: 400 !important;
}

/* Home: keep the Sicily CTA over the visually quieter centre of the image on desktop. */
@media (min-width: 769px) {
  .home .entry-content .wp-block-cover .button-serif.is-content-justification-right {
    justify-content: center !important;
  }
}

/* Home: make the Experience CTA background genuinely full-bleed. */
.home .entry-content .wp-block-buttons.alignfull.has-background:has(a[href$="/experience/"]) {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}
