/** Shopify CDN: Minification failed

Line 486:3 Unexpected "="

**/
/**
 * =========================================================
 * ÎACARÉ - CUSTOMER STYLES
 * =========================================================
 */

:root {
    --iacare-page-gutter: 6px;
    --iacare-product-gap: 4px;
}


/* =========================================================
   CSS ORIGINALE
   ========================================================= */

.border-r4 > .row {
    border-radius: 4px;
}


/* =========================================================
   BREADCRUMBS
   Nasconde sempre Home / Products / About / ecc.
   ========================================================= */

.breadcrumbs {
    display: none !important;
}


/* =========================================================
   LAYOUT PAGINE INTERNE
   Full width con leggerissimo margine laterale
   ========================================================= */

/*
 * Il gutter viene applicato direttamente alla pagina.
 *
 * Questo è importante perché non tutti i template hanno:
 *
 * .page_container > .container
 *
 * About, ad esempio, entra direttamente nella main_content.
 */

.page_container {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: var(--iacare-page-gutter) !important;
    padding-right: var(--iacare-page-gutter) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/*
 * I container immediatamente interni non devono aggiungere
 * un secondo margine.
 */

.page_container > .container,
.page_container > .container-fluid {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Main content sempre libero da max-width */

.page_container .main_content {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Tutte le sezioni del builder possono usare l'intera larghezza */

.page_container .main_content .shopify-section {
    width: 100% !important;
    max-width: none !important;
}


/*
 * Il tema inserisce nuovamente .container oppure
 * .container-fluid dentro le singole sezioni.
 *
 * Togliamo quei gutter perché il margine esterno
 * viene già gestito da .page_container.
 */

.page_container .main_content .shopify-section .container,
.page_container .main_content .shopify-section .container-fluid,
.page_container .main_content .shopify-section .page-width,
.page_container .main_content .shopify-section .full-width {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*
 * Bootstrap mette margini negativi sulle .row.
 * Li eliminiamo.
 */

.page_container .main_content .shopify-section .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*
 * Bootstrap mette padding laterale anche sulle colonne.
 * Li eliminiamo.
 *
 * Il testo delle sezioni mantiene il proprio padding
 * attraverso .caption.
 */

.page_container .main_content .shopify-section .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   HEADER DESKTOP - NORMALE
   ========================================================= */

@media (min-width: 1200px) {

    .header-layout-1 {
        position: relative !important;
    }


    /* Logo esattamente al centro */

    .header-layout-1 .block-logo {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        margin: 0 !important;
        z-index: 5;
    }


    .header-layout-1 .block-logo img {
        width: 125px !important;
        max-width: 125px !important;
        height: auto !important;
    }


    /* Voci menu */

    .iacare-nav-about,
    .iacare-nav-making,
    .iacare-nav-collection,
    .iacare-nav-shop {
        display: inline-flex !important;
        align-items: center !important;

        font-size: 11px !important;
        font-weight: 400 !important;

        letter-spacing: .03em !important;

        text-transform: uppercase !important;
        white-space: nowrap !important;
    }


    /*
     * Apertura centrale:
     *
     * ABOUT  MAKING OF      LOGO      COLLECTION  SHOP
     */

    .iacare-nav-making {
        margin-right: 105px !important;
    }

    .iacare-nav-collection {
        margin-left: 105px !important;
    }


    /* =====================================================
       HEADER STICKY
       Correzione esclusiva dell'header durante lo scroll
       ===================================================== */

    .header-layout-1 .header-sticky .block-logo {
        position: static !important;

        left: auto !important;
        top: auto !important;

        transform: none !important;

        margin: 0 !important;
    }


    .header-sticky .container > .row {
        position: relative !important;

        min-height: 80px;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* Logo sticky */

    .header-sticky .container > .row > .col-xl-auto:first-child {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: auto !important;
        max-width: none !important;

        padding: 0 !important;

        z-index: 20;
    }


    /* Menu sticky */

    .header-sticky .container > .row > .col-md.position-static {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: max-content !important;
        max-width: none !important;

        padding: 0 !important;

        z-index: 10;
    }


    /* Icone sticky sulla destra */

    .header-sticky .header_items_wrapper {
        position: relative !important;

        margin-left: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        z-index: 30;
    }
}


/* =========================================================
   HEADER MOBILE / TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .iacare-nav-making,
    .iacare-nav-collection {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   SHOP / COLLECTION
   ========================================================= */

.section_template__collection {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


.section_template__collection .container,
.section_template__collection .container-fluid,
.section_template__collection .page-width {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Elimina eventuale titolo Products / Shop */

.section_template__collection .collection_title {
    display: none !important;
}


/* =========================================================
   SHOP - GRIGLIA
   3 prodotti desktop
   ========================================================= */

#product_listing__sorted {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: var(--iacare-product-gap) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Neutralizza:
 *
 * col-xl-3 = 25% = 4 prodotti
 */

#product_listing__sorted > .product_item_wrap {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SHOP - PRODUCT CARD
   ========================================================= */

#product_listing__sorted .product_item,
#product_listing__sorted .product_img_wrap,
#product_listing__sorted .product_img,
#product_listing__sorted .card-wrapper,
#product_listing__sorted .card__inner {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================================
   SHOP - TESTI PRODOTTO
   ========================================================= */

#product_listing__sorted .product_info {
    width: 100% !important;

    margin: 0 !important;

    padding:
        7px
        0
        18px
        0 !important;

    text-align: left !important;
}


#product_listing__sorted .list-middle,
#product_listing__sorted .product_name,
#product_listing__sorted .product_name a {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    text-align: left !important;
}


#product_listing__sorted .product_name a {
    display: block !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    :root {
        --iacare-page-gutter: 4px;
        --iacare-product-gap: 3px;
    }


    #product_listing__sorted {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    #product_listing__sorted .product_info {
        padding:
            6px
            0
            14px
            0 !important;
    }
}

/* ==========================================================
   IACARÉ - RIMUOVE SPAZIO TRA HEADER E CONTENUTO PAGINA
   VALIDO SU TUTTE LE PAGINE
   ========================================================== */

.page_container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.main_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.breadcrumbs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

   ========================================================== */
/* ==========================================================
   IACARÉ - SHOP
   CONTENUTO SUBITO SOTTO HEADER
   ========================================================== */

body .section_template__collection {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body .section_template__collection > .page-no-sidebar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body .section_template__collection > .page-no-sidebar > .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body .section_template__collection .collection_title {
  margin-top: 0 !important;
}

/* ==========================================================
   IACARÉ - SHOP
   RIMUOVE COMPLETAMENTE LA FASCIA SOPRA I PRODOTTI
   ========================================================== */

.section_template__collection .collection_title {
  display: none !important;
}

.section_template__collection .page-no-sidebar,
.section_template__collection .container,
.section_template__collection .collection-filters,
.section_template__collection .collection,
.section_template__collection #CollectionProductGrid,
.section_template__collection #main-collection-product-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================================================
   ÎACARÉ — ADOBE GARAMOND PRO
   ========================================================= */


h1,
h2,
h3,
h4,
h5,
h6,
.caption-item > p > em {
  font-family: "adobe-garamond-pro", serif !important;
}


/* =========================================================
   ÎACARÉ — WORK SANS LIGHT PER I TESTI
   ========================================================= */

body,
p,
li,
a,
span,
input,
select,
textarea,
button {
  font-family: "Work Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

/* =========================================================
   ÎACARÉ — PAGINE LEGALI
   ========================================================= */


/* ---------------------------------------------------------
   RESET STRUTTURA TEMA SOLO PAGINE LEGALI
   --------------------------------------------------------- */

body.iacare-legal-page .page_container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


body.iacare-legal-page .page_container > .container {
  width: 60% !important;
  max-width: 1100px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-top: 56px !important;
  padding-right: 20px !important;
  padding-bottom: 90px !important;
  padding-left: 20px !important;
}


/* ---------------------------------------------------------
   CONTENUTO
   --------------------------------------------------------- */

body.iacare-legal-page .main_content {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
}


body.iacare-legal-page .main_content > * {
  max-width: 100% !important;
}


/* ---------------------------------------------------------
   RIMUOVE ELEMENTI VUOTI / SPAZI DEL TEMPLATE
   --------------------------------------------------------- */

body.iacare-legal-page .collection-wrapper {
  display: none !important;
}


/* =========================================================
   TITOLO PRINCIPALE
   ========================================================= */

body.iacare-legal-page .main_content h1 {
  margin: 0 0 42px !important;
  padding: 0 !important;

  font-family:
    "adobe-garamond-pro",
    serif !important;

  font-weight: 400 !important;
  font-style: normal !important;

  line-height: 1.05 !important;
}


/* =========================================================
   TITOLI INTERNI
   ========================================================= */

body.iacare-legal-page .main_content h2,
body.iacare-legal-page .main_content h3,
body.iacare-legal-page .main_content h4,
body.iacare-legal-page .main_content h5,
body.iacare-legal-page .main_content h6 {
  margin: 38px 0 15px !important;
  padding: 0 !important;

  font-family:
    "adobe-garamond-pro",
    serif !important;

  font-weight: 400 !important;
  font-style: normal !important;

  line-height: 1.15 !important;
}


/* =========================================================
   TESTO
   ========================================================= */

body.iacare-legal-page .main_content p,
body.iacare-legal-page .main_content li {
  font-family:
    "Work Sans",
    Arial,
    Helvetica,
    sans-serif !important;

  font-weight: 300 !important;
  line-height: 1.6 !important;
}


/* PARAGRAFI */

body.iacare-legal-page .main_content p {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}


/* LISTE */

body.iacare-legal-page .main_content ul,
body.iacare-legal-page .main_content ol {
  margin: 16px 0 26px !important;
  padding-left: 22px !important;
}


body.iacare-legal-page .main_content li {
  margin-bottom: 8px !important;
}


/* =========================================================
   LINK
   ========================================================= */

body.iacare-legal-page .main_content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}


/* =========================================================
   LINEE / SEPARATORI
   ========================================================= */

body.iacare-legal-page .main_content hr {
  width: 100%;

  margin: 40px 0;

  border: 0;
  border-top: 1px solid rgba(17,17,17,.18);
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 989px) {

  body.iacare-legal-page .page_container > .container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-top: 44px !important;
    padding-right: 20px !important;
    padding-bottom: 70px !important;
    padding-left: 20px !important;
  }


  body.iacare-legal-page .main_content h1 {
    margin-bottom: 32px !important;
  }


  body.iacare-legal-page .main_content h2,
  body.iacare-legal-page .main_content h3,
  body.iacare-legal-page .main_content h4,
  body.iacare-legal-page .main_content h5,
  body.iacare-legal-page .main_content h6 {
    margin-top: 32px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 600px) {

  body.iacare-legal-page .page_container > .container {
    width: 100% !important;

    padding-top: 32px !important;
    padding-right: 14px !important;
    padding-bottom: 54px !important;
    padding-left: 14px !important;
  }


  body.iacare-legal-page .main_content h1 {
    margin-bottom: 26px !important;
  }


  body.iacare-legal-page .main_content h2,
  body.iacare-legal-page .main_content h3,
  body.iacare-legal-page .main_content h4,
  body.iacare-legal-page .main_content h5,
  body.iacare-legal-page .main_content h6 {
    margin-top: 28px !important;
    margin-bottom: 12px !important;
  }


  body.iacare-legal-page .main_content p {
    margin-bottom: 15px !important;
  }

}


/* =========================================================
   ÎACARÉ — ABOUT BODY TEXT 16PX
   ========================================================= */

body.page-about-us .caption_text,
body.page-about-us .caption_text p,
body.page-about-us .caption-item p,
body.page-about-us .rte,
body.page-about-us .rte p {
  font-size: 16px !important;
}

/* =========================================================
   ÎACARÉ — COLLECTION 00 / COLLECTION 01
   ADOBE GARAMOND PRO ITALIC
   ========================================================= */

body.page-collection-00 h1,
body.page-collection-00 h2,
body.page-collection-00 h3,
body.page-collection-00 h4,
body.page-collection-00 h5,
body.page-collection-00 h6,

body.page-collection-01 h1,
body.page-collection-01 h2,
body.page-collection-01 h3,
body.page-collection-01 h4,
body.page-collection-01 h5,
body.page-collection-01 h6 {
  font-family: "adobe-garamond-pro", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
}