/* ========================================
   SITE SETTINGS CSS - MERGED FROM ALL CSS FILES
   ======================================== */

/* ========================================
   FONT STYLES
   ======================================== */

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://fonts.gstatic.com/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSo.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2') format('woff2');
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://fonts.gstatic.com/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSo.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
}


/* ========================================
   TEXT STYLES
   ======================================== */


:root{

 --text-heading-xxl-font: normal 400 60px/60px 'Cormorant Garamond', normal;
 --text-heading-xxl-medium-font: normal 500 60px/60px 'Cormorant Garamond', normal;
 --text-heading-xxl-bold-font: normal 700 60px/60px 'Cormorant Garamond', normal;
 --text-heading-xxl-letterspacing: 0%;
 --text-heading-xxl-transform: none;


 --text-heading-xl-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-medium-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-bold-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-letterspacing: 0%;
 --text-heading-xl-transform: none;


 --text-heading-l-font: normal 400 36px/120% 'Cormorant Garamond', normal;
 --text-heading-l-medium-font: normal 500 36px/120% 'Cormorant Garamond', normal;
 --text-heading-l-bold-font: normal 700 36px/120% 'Cormorant Garamond', normal;
 --text-heading-l-letterspacing: 0%;
 --text-heading-l-transform: none;


 --text-heading-m-font: normal 400 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-medium-font: normal 500 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-bold-font: normal 700 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-letterspacing: 0%;
 --text-heading-m-transform: none;


 --text-heading-s-font: normal 600 36px/42px 'Montserrat', normal;
 --text-heading-s-medium-font: normal 600 36px/42px 'Montserrat', normal;
 --text-heading-s-bold-font: normal 600 36px/42px 'Montserrat', normal;
 --text-heading-s-letterspacing: 0%;
 --text-heading-s-transform: none;


 --text-heading-xs-font: normal 400 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-medium-font: normal 500 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-bold-font: normal 700 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-letterspacing: 0%;
 --text-heading-xs-transform: uppercase;


 --text-body-copy-xxl-font: normal 400 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-medium-font: normal 500 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-bold-font: normal 700 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-letterspacing: 0%;
 --text-body-copy-xxl-transform: none;


 --text-body-copy-xl-font: normal 400 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-letterspacing: 0%;
 --text-body-copy-xl-transform: none;


 --text-body-copy-l-font: normal 400 18px/140% 'Montserrat', normal;
 --text-body-copy-l-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-body-copy-l-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-body-copy-l-letterspacing: 2%%;
 --text-body-copy-l-transform: none;


 --text-body-copy-m-font: normal 400 16px/140% 'Montserrat', normal;
 --text-body-copy-m-medium-font: normal 500 16px/140% 'Montserrat', normal;
 --text-body-copy-m-bold-font: normal 700 16px/140% 'Montserrat', normal;
 --text-body-copy-m-letterspacing: 2%%;
 --text-body-copy-m-transform: none;


 --text-body-copy-s-font: normal 400 14px/140% 'Montserrat', normal;
 --text-body-copy-s-medium-font: normal 500 14px/140% 'Montserrat', normal;
 --text-body-copy-s-bold-font: normal 700 14px/140% 'Montserrat', normal;
 --text-body-copy-s-letterspacing: 2%%;
 --text-body-copy-s-transform: none;


 --text-body-copy-xs-font: normal 400 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-medium-font: normal 500 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-bold-font: normal 700 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-letterspacing: 2%%;
 --text-body-copy-xs-transform: none;


 --text-primary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-letterspacing: 0%;
 --text-primary-button-transform: none;


 --text-secondary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-letterspacing: 0%;
 --text-secondary-button-transform: none;


 --text-link-button-font: normal 400 14px/130% 'Montserrat', normal;
 --text-link-button-medium-font: normal 500 14px/130% 'Montserrat', normal;
 --text-link-button-bold-font: normal 700 14px/130% 'Montserrat', normal;
 --text-link-button-letterspacing: 0%;
 --text-link-button-transform: uppercase;


 --text-article-font: normal 400 22px/140% 'Montserrat', normal;
 --text-article-medium-font: normal 500 22px/140% 'Montserrat', normal;
 --text-article-bold-font: normal 700 22px/140% 'Montserrat', normal;
 --text-article-letterspacing: %;
 --text-article-transform: none;


 --text-article-small-font: normal 400 18px/140% 'Montserrat', normal;
 --text-article-small-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-article-small-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-article-small-letterspacing: %;
 --text-article-small-transform: none;


 --text-quote-style-font: italic 500 24px/140% 'Montserrat', italic;
 --text-quote-style-medium-font: italic 500 24px/140% 'Montserrat', italic;
 --text-quote-style-bold-font: italic 500 24px/140% 'Montserrat', italic;
 --text-quote-style-letterspacing: %;
 --text-quote-style-transform: none;


 --text-article-title-font: normal 600 30px/140% 'Montserrat', normal;
 --text-article-title-medium-font: normal 600 30px/140% 'Montserrat', normal;
 --text-article-title-bold-font: normal 600 30px/140% 'Montserrat', normal;
 --text-article-title-letterspacing: %;
 --text-article-title-transform: none;


}

@media (min-width: 600px) {
:root{

 --text-heading-xxl-font: normal 400 68px/68px 'Cormorant Garamond', normal;
 --text-heading-xxl-medium-font: normal 500 68px/68px 'Cormorant Garamond', normal;
 --text-heading-xxl-bold-font: normal 700 68px/68px 'Cormorant Garamond', normal;
 --text-heading-xxl-letterspacing: 0%;
 --text-heading-xxl-transform: none;


 --text-heading-xl-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-medium-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-bold-font: normal 700 50px/50px 'Cormorant Garamond', normal;
 --text-heading-xl-letterspacing: 0%;
 --text-heading-xl-transform: none;


 --text-heading-l-font: normal 400 38px/120% 'Cormorant Garamond', normal;
 --text-heading-l-medium-font: normal 500 38px/120% 'Cormorant Garamond', normal;
 --text-heading-l-bold-font: normal 700 38px/120% 'Cormorant Garamond', normal;
 --text-heading-l-letterspacing: 0%;
 --text-heading-l-transform: none;


 --text-heading-m-font: normal 400 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-medium-font: normal 500 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-bold-font: normal 700 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-letterspacing: 0%;
 --text-heading-m-transform: none;


 --text-heading-s-font: normal 600 40px/48px 'Montserrat', normal;
 --text-heading-s-medium-font: normal 600 40px/48px 'Montserrat', normal;
 --text-heading-s-bold-font: normal 600 40px/48px 'Montserrat', normal;
 --text-heading-s-letterspacing: 0%;
 --text-heading-s-transform: none;


 --text-heading-xs-font: normal 400 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-medium-font: normal 500 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-bold-font: normal 700 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-letterspacing: 0%;
 --text-heading-xs-transform: uppercase;


 --text-body-copy-xxl-font: normal 400 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-medium-font: normal 500 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-bold-font: normal 700 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-letterspacing: 0%;
 --text-body-copy-xxl-transform: none;


 --text-body-copy-xl-font: normal 400 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-letterspacing: 0%;
 --text-body-copy-xl-transform: none;


 --text-body-copy-l-font: normal 400 18px/140% 'Montserrat', normal;
 --text-body-copy-l-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-body-copy-l-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-body-copy-l-letterspacing: 2%%;
 --text-body-copy-l-transform: none;


 --text-body-copy-m-font: normal 400 16px/140% 'Montserrat', normal;
 --text-body-copy-m-medium-font: normal 500 16px/140% 'Montserrat', normal;
 --text-body-copy-m-bold-font: normal 700 16px/140% 'Montserrat', normal;
 --text-body-copy-m-letterspacing: 2%%;
 --text-body-copy-m-transform: none;


 --text-body-copy-s-font: normal 400 14px/140% 'Montserrat', normal;
 --text-body-copy-s-medium-font: normal 500 14px/140% 'Montserrat', normal;
 --text-body-copy-s-bold-font: normal 700 14px/140% 'Montserrat', normal;
 --text-body-copy-s-letterspacing: 2%%;
 --text-body-copy-s-transform: none;


 --text-body-copy-xs-font: normal 400 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-medium-font: normal 500 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-bold-font: normal 700 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-letterspacing: 2%%;
 --text-body-copy-xs-transform: none;


 --text-primary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-letterspacing: 0%;
 --text-primary-button-transform: none;


 --text-secondary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-letterspacing: 0%;
 --text-secondary-button-transform: none;


 --text-link-button-font: normal 400 14px/130% 'Montserrat', normal;
 --text-link-button-medium-font: normal 500 14px/130% 'Montserrat', normal;
 --text-link-button-bold-font: normal 700 14px/130% 'Montserrat', normal;
 --text-link-button-letterspacing: 0%;
 --text-link-button-transform: uppercase;


 --text-article-font: normal 400 22px/140% 'Montserrat', normal;
 --text-article-medium-font: normal 500 22px/140% 'Montserrat', normal;
 --text-article-bold-font: normal 700 22px/140% 'Montserrat', normal;
 --text-article-letterspacing: 2%%;
 --text-article-transform: none;


 --text-article-small-font: normal 400 20px/140% 'Montserrat', normal;
 --text-article-small-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-article-small-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-article-small-letterspacing: 2%%;
 --text-article-small-transform: none;


 --text-quote-style-font: italic 500 26px/140% 'Montserrat', italic;
 --text-quote-style-medium-font: italic 500 26px/140% 'Montserrat', italic;
 --text-quote-style-bold-font: italic 500 26px/140% 'Montserrat', italic;
 --text-quote-style-letterspacing: 2%%;
 --text-quote-style-transform: none;


 --text-article-title-font: normal 600 32px/140% 'Montserrat', normal;
 --text-article-title-medium-font: normal 600 32px/140% 'Montserrat', normal;
 --text-article-title-bold-font: normal 600 32px/140% 'Montserrat', normal;
 --text-article-title-letterspacing: 2%%;
 --text-article-title-transform: none;


}
}

@media (min-width: 904px) {
:root{

 --text-heading-xxl-font: normal 400 70px/70px 'Cormorant Garamond', normal;
 --text-heading-xxl-medium-font: normal 500 70px/70px 'Cormorant Garamond', normal;
 --text-heading-xxl-bold-font: normal 700 70px/70px 'Cormorant Garamond', normal;
 --text-heading-xxl-letterspacing: 0%;
 --text-heading-xxl-transform: none;


 --text-heading-xl-font: normal 700 52px/52px 'Cormorant Garamond', normal;
 --text-heading-xl-medium-font: normal 700 52px/52px 'Cormorant Garamond', normal;
 --text-heading-xl-bold-font: normal 700 52px/52px 'Cormorant Garamond', normal;
 --text-heading-xl-letterspacing: 0%;
 --text-heading-xl-transform: none;


 --text-heading-l-font: normal 400 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-medium-font: normal 500 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-bold-font: normal 700 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-letterspacing: 0%;
 --text-heading-l-transform: none;


 --text-heading-m-font: normal 400 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-medium-font: normal 500 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-bold-font: normal 700 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-letterspacing: 0%;
 --text-heading-m-transform: none;


 --text-heading-s-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-medium-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-bold-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-letterspacing: 0%;
 --text-heading-s-transform: none;


 --text-heading-xs-font: normal 400 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-medium-font: normal 500 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-bold-font: normal 700 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-letterspacing: 0%;
 --text-heading-xs-transform: uppercase;


 --text-body-copy-xxl-font: normal 400 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-medium-font: normal 500 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-bold-font: normal 700 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-letterspacing: 0%;
 --text-body-copy-xxl-transform: none;


 --text-body-copy-xl-font: normal 400 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-letterspacing: 0%;
 --text-body-copy-xl-transform: none;


 --text-body-copy-l-font: normal 400 18px/140% 'Montserrat', normal;
 --text-body-copy-l-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-body-copy-l-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-body-copy-l-letterspacing: 2%%;
 --text-body-copy-l-transform: none;


 --text-body-copy-m-font: normal 400 16px/140% 'Montserrat', normal;
 --text-body-copy-m-medium-font: normal 500 16px/140% 'Montserrat', normal;
 --text-body-copy-m-bold-font: normal 700 16px/140% 'Montserrat', normal;
 --text-body-copy-m-letterspacing: 2%%;
 --text-body-copy-m-transform: none;


 --text-body-copy-s-font: normal 400 14px/140% 'Montserrat', normal;
 --text-body-copy-s-medium-font: normal 500 14px/140% 'Montserrat', normal;
 --text-body-copy-s-bold-font: normal 700 14px/140% 'Montserrat', normal;
 --text-body-copy-s-letterspacing: 2%%;
 --text-body-copy-s-transform: none;


 --text-body-copy-xs-font: normal 400 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-medium-font: normal 500 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-bold-font: normal 700 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-letterspacing: 2%%;
 --text-body-copy-xs-transform: none;


 --text-primary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-letterspacing: 0%;
 --text-primary-button-transform: none;


 --text-secondary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-letterspacing: 0%;
 --text-secondary-button-transform: none;


 --text-link-button-font: normal 400 14px/130% 'Montserrat', normal;
 --text-link-button-medium-font: normal 500 14px/130% 'Montserrat', normal;
 --text-link-button-bold-font: normal 700 14px/130% 'Montserrat', normal;
 --text-link-button-letterspacing: 0%;
 --text-link-button-transform: uppercase;


 --text-article-font: normal 400 24px/140% 'Montserrat', normal;
 --text-article-medium-font: normal 500 24px/140% 'Montserrat', normal;
 --text-article-bold-font: normal 700 24px/140% 'Montserrat', normal;
 --text-article-letterspacing: %;
 --text-article-transform: none;


 --text-article-small-font: normal 400 20px/140% 'Montserrat', normal;
 --text-article-small-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-article-small-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-article-small-letterspacing: %;
 --text-article-small-transform: none;


 --text-quote-style-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-medium-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-bold-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-letterspacing: %;
 --text-quote-style-transform: none;


 --text-article-title-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-medium-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-bold-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-letterspacing: %;
 --text-article-title-transform: none;


}}

@media (min-width: 1240px) {
:root{

 --text-heading-xxl-font: normal 400 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-medium-font: normal 500 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-bold-font: normal 700 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-letterspacing: 0%;
 --text-heading-xxl-transform: none;


 --text-heading-xl-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-medium-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-bold-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-letterspacing: 0%;
 --text-heading-xl-transform: none;


 --text-heading-l-font: normal 400 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-medium-font: normal 500 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-bold-font: normal 700 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-letterspacing: 0%;
 --text-heading-l-transform: none;


 --text-heading-m-font: normal 400 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-medium-font: normal 500 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-bold-font: normal 700 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-letterspacing: 0%;
 --text-heading-m-transform: none;


 --text-heading-s-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-medium-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-bold-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-letterspacing: 0%;
 --text-heading-s-transform: none;


 --text-heading-xs-font: normal 400 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-medium-font: normal 500 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-bold-font: normal 700 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-letterspacing: 0%;
 --text-heading-xs-transform: uppercase;


 --text-body-copy-xxl-font: normal 400 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-medium-font: normal 500 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-bold-font: normal 700 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-letterspacing: 0%;
 --text-body-copy-xxl-transform: none;


 --text-body-copy-xl-font: normal 400 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-letterspacing: 0%;
 --text-body-copy-xl-transform: none;


 --text-body-copy-l-font: normal 400 18px/140% 'Montserrat', normal;
 --text-body-copy-l-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-body-copy-l-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-body-copy-l-letterspacing: 2%%;
 --text-body-copy-l-transform: none;


 --text-body-copy-m-font: normal 400 16px/140% 'Montserrat', normal;
 --text-body-copy-m-medium-font: normal 500 16px/140% 'Montserrat', normal;
 --text-body-copy-m-bold-font: normal 700 16px/140% 'Montserrat', normal;
 --text-body-copy-m-letterspacing: 2%%;
 --text-body-copy-m-transform: none;


 --text-body-copy-s-font: normal 400 14px/140% 'Montserrat', normal;
 --text-body-copy-s-medium-font: normal 500 14px/140% 'Montserrat', normal;
 --text-body-copy-s-bold-font: normal 700 14px/140% 'Montserrat', normal;
 --text-body-copy-s-letterspacing: 2%%;
 --text-body-copy-s-transform: none;


 --text-body-copy-xs-font: normal 400 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-medium-font: normal 500 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-bold-font: normal 700 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-letterspacing: 2%%;
 --text-body-copy-xs-transform: none;


 --text-primary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-letterspacing: 0%;
 --text-primary-button-transform: none;


 --text-secondary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-letterspacing: 0%;
 --text-secondary-button-transform: none;


 --text-link-button-font: normal 400 14px/130% 'Montserrat', normal;
 --text-link-button-medium-font: normal 500 14px/130% 'Montserrat', normal;
 --text-link-button-bold-font: normal 700 14px/130% 'Montserrat', normal;
 --text-link-button-letterspacing: 0%;
 --text-link-button-transform: uppercase;


 --text-article-font: normal 400 24px/140% 'Montserrat', normal;
 --text-article-medium-font: normal 500 24px/140% 'Montserrat', normal;
 --text-article-bold-font: normal 700 24px/140% 'Montserrat', normal;
 --text-article-letterspacing: %;
 --text-article-transform: none;


 --text-article-small-font: normal 400 20px/140% 'Montserrat', normal;
 --text-article-small-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-article-small-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-article-small-letterspacing: %;
 --text-article-small-transform: none;


 --text-quote-style-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-medium-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-bold-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-letterspacing: %;
 --text-quote-style-transform: none;


 --text-article-title-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-medium-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-bold-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-letterspacing: %;
 --text-article-title-transform: none;


}
}

@media (min-width: 1444px) {
:root{

 --text-heading-xxl-font: normal 400 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-medium-font: normal 500 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-bold-font: normal 700 76px/76px 'Cormorant Garamond', normal;
 --text-heading-xxl-letterspacing: 0%;
 --text-heading-xxl-transform: none;


 --text-heading-xl-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-medium-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-bold-font: normal 700 56px/56px 'Cormorant Garamond', normal;
 --text-heading-xl-letterspacing: 0%;
 --text-heading-xl-transform: none;


 --text-heading-l-font: normal 400 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-medium-font: normal 500 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-bold-font: normal 700 40px/120% 'Cormorant Garamond', normal;
 --text-heading-l-letterspacing: 0%;
 --text-heading-l-transform: none;


 --text-heading-m-font: normal 400 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-medium-font: normal 500 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-bold-font: normal 700 32px/140% 'Cormorant Garamond', normal;
 --text-heading-m-letterspacing: 0%;
 --text-heading-m-transform: none;


 --text-heading-s-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-medium-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-bold-font: normal 600 48px/56px 'Montserrat', normal;
 --text-heading-s-letterspacing: 0%;
 --text-heading-s-transform: none;


 --text-heading-xs-font: normal 400 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-medium-font: normal 500 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-bold-font: normal 700 26px/130% 'Cormorant Garamond', normal;
 --text-heading-xs-letterspacing: 0%;
 --text-heading-xs-transform: uppercase;


 --text-body-copy-xxl-font: normal 400 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-medium-font: normal 500 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-bold-font: normal 700 24px/130% 'Montserrat', normal;
 --text-body-copy-xxl-letterspacing: 0%;
 --text-body-copy-xxl-transform: none;


 --text-body-copy-xl-font: normal 400 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-body-copy-xl-letterspacing: 0%;
 --text-body-copy-xl-transform: none;


 --text-body-copy-l-font: normal 400 18px/140% 'Montserrat', normal;
 --text-body-copy-l-medium-font: normal 500 18px/140% 'Montserrat', normal;
 --text-body-copy-l-bold-font: normal 700 18px/140% 'Montserrat', normal;
 --text-body-copy-l-letterspacing: 2%%;
 --text-body-copy-l-transform: none;


 --text-body-copy-m-font: normal 400 16px/140% 'Montserrat', normal;
 --text-body-copy-m-medium-font: normal 500 16px/140% 'Montserrat', normal;
 --text-body-copy-m-bold-font: normal 700 16px/140% 'Montserrat', normal;
 --text-body-copy-m-letterspacing: 2%%;
 --text-body-copy-m-transform: none;


 --text-body-copy-s-font: normal 400 14px/140% 'Montserrat', normal;
 --text-body-copy-s-medium-font: normal 500 14px/140% 'Montserrat', normal;
 --text-body-copy-s-bold-font: normal 700 14px/140% 'Montserrat', normal;
 --text-body-copy-s-letterspacing: 2%%;
 --text-body-copy-s-transform: none;


 --text-body-copy-xs-font: normal 400 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-medium-font: normal 500 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-bold-font: normal 700 12px/140% 'Montserrat', normal;
 --text-body-copy-xs-letterspacing: 2%%;
 --text-body-copy-xs-transform: none;


 --text-primary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-primary-button-letterspacing: 0%;
 --text-primary-button-transform: none;


 --text-secondary-button-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-medium-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-bold-font: normal 500 18px/26px 'Montserrat', normal;
 --text-secondary-button-letterspacing: 0%;
 --text-secondary-button-transform: none;


 --text-link-button-font: normal 400 14px/130% 'Montserrat', normal;
 --text-link-button-medium-font: normal 500 14px/130% 'Montserrat', normal;
 --text-link-button-bold-font: normal 700 14px/130% 'Montserrat', normal;
 --text-link-button-letterspacing: 0%;
 --text-link-button-transform: uppercase;


 --text-article-font: normal 400 24px/140% 'Montserrat', normal;
 --text-article-medium-font: normal 500 24px/140% 'Montserrat', normal;
 --text-article-bold-font: normal 700 24px/140% 'Montserrat', normal;
 --text-article-letterspacing: %;
 --text-article-transform: none;


 --text-article-small-font: normal 400 20px/140% 'Montserrat', normal;
 --text-article-small-medium-font: normal 500 20px/140% 'Montserrat', normal;
 --text-article-small-bold-font: normal 700 20px/140% 'Montserrat', normal;
 --text-article-small-letterspacing: %;
 --text-article-small-transform: none;


 --text-quote-style-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-medium-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-bold-font: italic 500 28px/140% 'Montserrat', italic;
 --text-quote-style-letterspacing: %;
 --text-quote-style-transform: none;


 --text-article-title-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-medium-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-bold-font: normal 600 36px/140% 'Montserrat', normal;
 --text-article-title-letterspacing: %;
 --text-article-title-transform: none;


}
}


.text-style-heading-xxl {
    font: var(--text-heading-xxl-font);
    letter-spacing: var(--text-heading-xxl-letterspacing);
    text-transform: var(--text-heading-xxl-transform);
}      

.text-style-heading-xxl-medium {
    font: var(--text-heading-xxl-medium-font);
    letter-spacing: var(--text-heading-xxl-letterspacing);
    text-transform: var(--text-heading-xxl-transform);
}  

.text-style-heading-xxl-bold {
    font: var(--text-heading-xxl-bold-font);
    letter-spacing: var(--text-heading-xxl-letterspacing);
    text-transform: var(--text-heading-xxl-transform);
}  


.text-style-heading-xl {
    font: var(--text-heading-xl-font);
    letter-spacing: var(--text-heading-xl-letterspacing);
    text-transform: var(--text-heading-xl-transform);
}      

.text-style-heading-xl-medium {
    font: var(--text-heading-xl-medium-font);
    letter-spacing: var(--text-heading-xl-letterspacing);
    text-transform: var(--text-heading-xl-transform);
}  

.text-style-heading-xl-bold {
    font: var(--text-heading-xl-bold-font);
    letter-spacing: var(--text-heading-xl-letterspacing);
    text-transform: var(--text-heading-xl-transform);
}  


.text-style-heading-l {
    font: var(--text-heading-l-font);
    letter-spacing: var(--text-heading-l-letterspacing);
    text-transform: var(--text-heading-l-transform);
}      

.text-style-heading-l-medium {
    font: var(--text-heading-l-medium-font);
    letter-spacing: var(--text-heading-l-letterspacing);
    text-transform: var(--text-heading-l-transform);
}  

.text-style-heading-l-bold {
    font: var(--text-heading-l-bold-font);
    letter-spacing: var(--text-heading-l-letterspacing);
    text-transform: var(--text-heading-l-transform);
}  


.text-style-heading-m {
    font: var(--text-heading-m-font);
    letter-spacing: var(--text-heading-m-letterspacing);
    text-transform: var(--text-heading-m-transform);
}      

.text-style-heading-m-medium {
    font: var(--text-heading-m-medium-font);
    letter-spacing: var(--text-heading-m-letterspacing);
    text-transform: var(--text-heading-m-transform);
}  

.text-style-heading-m-bold {
    font: var(--text-heading-m-bold-font);
    letter-spacing: var(--text-heading-m-letterspacing);
    text-transform: var(--text-heading-m-transform);
}  


.text-style-heading-s {
    font: var(--text-heading-s-font);
    letter-spacing: var(--text-heading-s-letterspacing);
    text-transform: var(--text-heading-s-transform);
}      

.text-style-heading-s-medium {
    font: var(--text-heading-s-medium-font);
    letter-spacing: var(--text-heading-s-letterspacing);
    text-transform: var(--text-heading-s-transform);
}  

.text-style-heading-s-bold {
    font: var(--text-heading-s-bold-font);
    letter-spacing: var(--text-heading-s-letterspacing);
    text-transform: var(--text-heading-s-transform);
}  


.text-style-heading-xs {
    font: var(--text-heading-xs-font);
    letter-spacing: var(--text-heading-xs-letterspacing);
    text-transform: var(--text-heading-xs-transform);
}      

.text-style-heading-xs-medium {
    font: var(--text-heading-xs-medium-font);
    letter-spacing: var(--text-heading-xs-letterspacing);
    text-transform: var(--text-heading-xs-transform);
}  

.text-style-heading-xs-bold {
    font: var(--text-heading-xs-bold-font);
    letter-spacing: var(--text-heading-xs-letterspacing);
    text-transform: var(--text-heading-xs-transform);
}  


.text-style-body-copy-xxl {
    font: var(--text-body-copy-xxl-font);
    letter-spacing: var(--text-body-copy-xxl-letterspacing);
    text-transform: var(--text-body-copy-xxl-transform);
}      

.text-style-body-copy-xxl-medium {
    font: var(--text-body-copy-xxl-medium-font);
    letter-spacing: var(--text-body-copy-xxl-letterspacing);
    text-transform: var(--text-body-copy-xxl-transform);
}  

.text-style-body-copy-xxl-bold {
    font: var(--text-body-copy-xxl-bold-font);
    letter-spacing: var(--text-body-copy-xxl-letterspacing);
    text-transform: var(--text-body-copy-xxl-transform);
}  


.text-style-body-copy-xl {
    font: var(--text-body-copy-xl-font);
    letter-spacing: var(--text-body-copy-xl-letterspacing);
    text-transform: var(--text-body-copy-xl-transform);
}      

.text-style-body-copy-xl-medium {
    font: var(--text-body-copy-xl-medium-font);
    letter-spacing: var(--text-body-copy-xl-letterspacing);
    text-transform: var(--text-body-copy-xl-transform);
}  

.text-style-body-copy-xl-bold {
    font: var(--text-body-copy-xl-bold-font);
    letter-spacing: var(--text-body-copy-xl-letterspacing);
    text-transform: var(--text-body-copy-xl-transform);
}  


.text-style-body-copy-l {
    font: var(--text-body-copy-l-font);
    letter-spacing: var(--text-body-copy-l-letterspacing);
    text-transform: var(--text-body-copy-l-transform);
}      

.text-style-body-copy-l-medium {
    font: var(--text-body-copy-l-medium-font);
    letter-spacing: var(--text-body-copy-l-letterspacing);
    text-transform: var(--text-body-copy-l-transform);
}  

.text-style-body-copy-l-bold {
    font: var(--text-body-copy-l-bold-font);
    letter-spacing: var(--text-body-copy-l-letterspacing);
    text-transform: var(--text-body-copy-l-transform);
}  


.text-style-body-copy-m {
    font: var(--text-body-copy-m-font);
    letter-spacing: var(--text-body-copy-m-letterspacing);
    text-transform: var(--text-body-copy-m-transform);
}      

.text-style-body-copy-m-medium {
    font: var(--text-body-copy-m-medium-font);
    letter-spacing: var(--text-body-copy-m-letterspacing);
    text-transform: var(--text-body-copy-m-transform);
}  

.text-style-body-copy-m-bold {
    font: var(--text-body-copy-m-bold-font);
    letter-spacing: var(--text-body-copy-m-letterspacing);
    text-transform: var(--text-body-copy-m-transform);
}  


.text-style-body-copy-s {
    font: var(--text-body-copy-s-font);
    letter-spacing: var(--text-body-copy-s-letterspacing);
    text-transform: var(--text-body-copy-s-transform);
}      

.text-style-body-copy-s-medium {
    font: var(--text-body-copy-s-medium-font);
    letter-spacing: var(--text-body-copy-s-letterspacing);
    text-transform: var(--text-body-copy-s-transform);
}  

.text-style-body-copy-s-bold {
    font: var(--text-body-copy-s-bold-font);
    letter-spacing: var(--text-body-copy-s-letterspacing);
    text-transform: var(--text-body-copy-s-transform);
}  


.text-style-body-copy-xs {
    font: var(--text-body-copy-xs-font);
    letter-spacing: var(--text-body-copy-xs-letterspacing);
    text-transform: var(--text-body-copy-xs-transform);
}      

.text-style-body-copy-xs-medium {
    font: var(--text-body-copy-xs-medium-font);
    letter-spacing: var(--text-body-copy-xs-letterspacing);
    text-transform: var(--text-body-copy-xs-transform);
}  

.text-style-body-copy-xs-bold {
    font: var(--text-body-copy-xs-bold-font);
    letter-spacing: var(--text-body-copy-xs-letterspacing);
    text-transform: var(--text-body-copy-xs-transform);
}  


.text-style-primary-button {
    font: var(--text-primary-button-font);
    letter-spacing: var(--text-primary-button-letterspacing);
    text-transform: var(--text-primary-button-transform);
}      

.text-style-primary-button-medium {
    font: var(--text-primary-button-medium-font);
    letter-spacing: var(--text-primary-button-letterspacing);
    text-transform: var(--text-primary-button-transform);
}  

.text-style-primary-button-bold {
    font: var(--text-primary-button-bold-font);
    letter-spacing: var(--text-primary-button-letterspacing);
    text-transform: var(--text-primary-button-transform);
}  


.text-style-secondary-button {
    font: var(--text-secondary-button-font);
    letter-spacing: var(--text-secondary-button-letterspacing);
    text-transform: var(--text-secondary-button-transform);
}      

.text-style-secondary-button-medium {
    font: var(--text-secondary-button-medium-font);
    letter-spacing: var(--text-secondary-button-letterspacing);
    text-transform: var(--text-secondary-button-transform);
}  

.text-style-secondary-button-bold {
    font: var(--text-secondary-button-bold-font);
    letter-spacing: var(--text-secondary-button-letterspacing);
    text-transform: var(--text-secondary-button-transform);
}  


.text-style-link-button {
    font: var(--text-link-button-font);
    letter-spacing: var(--text-link-button-letterspacing);
    text-transform: var(--text-link-button-transform);
}      

.text-style-link-button-medium {
    font: var(--text-link-button-medium-font);
    letter-spacing: var(--text-link-button-letterspacing);
    text-transform: var(--text-link-button-transform);
}  

.text-style-link-button-bold {
    font: var(--text-link-button-bold-font);
    letter-spacing: var(--text-link-button-letterspacing);
    text-transform: var(--text-link-button-transform);
}  


.text-style-article {
    font: var(--text-article-font);
    letter-spacing: var(--text-article-letterspacing);
    text-transform: var(--text-article-transform);
}      

.text-style-article-medium {
    font: var(--text-article-medium-font);
    letter-spacing: var(--text-article-letterspacing);
    text-transform: var(--text-article-transform);
}  

.text-style-article-bold {
    font: var(--text-article-bold-font);
    letter-spacing: var(--text-article-letterspacing);
    text-transform: var(--text-article-transform);
}  


.text-style-article-small {
    font: var(--text-article-small-font);
    letter-spacing: var(--text-article-small-letterspacing);
    text-transform: var(--text-article-small-transform);
}      

.text-style-article-small-medium {
    font: var(--text-article-small-medium-font);
    letter-spacing: var(--text-article-small-letterspacing);
    text-transform: var(--text-article-small-transform);
}  

.text-style-article-small-bold {
    font: var(--text-article-small-bold-font);
    letter-spacing: var(--text-article-small-letterspacing);
    text-transform: var(--text-article-small-transform);
}  


.text-style-quote-style {
    font: var(--text-quote-style-font);
    letter-spacing: var(--text-quote-style-letterspacing);
    text-transform: var(--text-quote-style-transform);
}      

.text-style-quote-style-medium {
    font: var(--text-quote-style-medium-font);
    letter-spacing: var(--text-quote-style-letterspacing);
    text-transform: var(--text-quote-style-transform);
}  

.text-style-quote-style-bold {
    font: var(--text-quote-style-bold-font);
    letter-spacing: var(--text-quote-style-letterspacing);
    text-transform: var(--text-quote-style-transform);
}  


.text-style-article-title {
    font: var(--text-article-title-font);
    letter-spacing: var(--text-article-title-letterspacing);
    text-transform: var(--text-article-title-transform);
}      

.text-style-article-title-medium {
    font: var(--text-article-title-medium-font);
    letter-spacing: var(--text-article-title-letterspacing);
    text-transform: var(--text-article-title-transform);
}  

.text-style-article-title-bold {
    font: var(--text-article-title-bold-font);
    letter-spacing: var(--text-article-title-letterspacing);
    text-transform: var(--text-article-title-transform);
}  






/* ========================================
   COLOR VARIABLES
   ======================================== */
:root {
 --site-colors-black: #000000;
 --site-colors-white: #ffffff;
 --site-colors-grey: #686868;
 --site-colors-transparent: #ffffff00;
 --site-colors-mustard: #80642c;
 --site-colors-linen-white: #ece9e3;
 --site-colors-sand-beige: #b7ae9c;
 --site-colors-snow-white: #f7f7f7;
 --site-colors-light-mustard: #f0e7c8;
 --site-colors-light-gray: #e4e4e4;
 --site-colors-section-color: #80642c1a;
 --site-colors-card-icon-color: #80642c0d;
 --site-colors-primary-transparent: #bd951726;
 --site-colors-button-border: #80642c4d;
 --site-colors-text-section-color: #e4ded1;
 --site-colors-white-transparent: #ffffffb3;
}


/* ========================================
   SPACE VARIABLES
   ======================================== */


@media (min-width: 300px) {
:root {
--widget-width-100: 100%;
--spaces-grid-gap-small: 8px;
--spaces-grid-gap-medium: 16px;
--widget-height-100: 100vh;
--widget-height-80: 80vh;
--paddings-none: 0 0 0 0;
--paddings-button-padding: 14px 24px 14px 24px;
--paddings-section-padding: 30px 0px 30px ;
--paddings-card-icon-padding: 8px 0px 18px 0px;
--paddings-text-padding-bottom-40px: 0px 0px 40px 0px;
--paddings-section-padding-top-80px: 80px 0px 0px 0px;
--paddings-text-banner-padding: 56px 24px 56px 24px;
--paddings-section-padding-top30-bottom-80px: 30px 0px 80px 0px;
--paddings-section-padding-bottom-80px: 0px 0px 80px 0px;
--paddings-text-bottom:  0px  0px 20px  0px;
--paddings-text-top-bottom:  40px  0px 20px  0px;
--paddings-top-bottom-60: 60px 0px 60px 0px;
--margins-none: 0 0 0 0;
--margins-section-margin: 40px 0px 40px 0px;
--margins-section-bottom-margin: 0px 0px 30px 0px;
--margins-section-negative-top: -30px 0px 0px 0px;
--margins-card-icon-big: 0 0 100px 0;
--margins-card-icon-small: 0 0 20px 0;

}
}
@media (min-width: 600px) {
:root {
--widget-width-100: 100%;
--spaces-grid-gap-small: 8px;
--spaces-grid-gap-medium: 16px;
--widget-height-100: 100vh;
--widget-height-80: 80vh;
--paddings-none: 0 0 0 0;
--paddings-button-padding: 14px 24px 14px 24px;
--paddings-section-padding: 30px 0px 30px ;
--paddings-card-icon-padding: 8px 0px 18px 0px;
--paddings-text-padding-bottom-40px: 0px 0px 40px 0px;
--paddings-section-padding-top-80px: 80px 0px 0px 0px;
--paddings-text-banner-padding: 56px 28px 56px 28px;
--paddings-section-padding-top30-bottom-80px: 30px 0px 80px 0px;
--paddings-section-padding-bottom-80px: 0px 0px 80px 0px;
--paddings-text-bottom:  0px  0px  20px  0px;
--paddings-text-top-bottom:  40px  0px  20px  0px;
--paddings-top-bottom-60: 60px 0px 60px 0px;
--margins-none: 0 0 0 0;
--margins-section-margin: 40px 0px 40px 0px;
--margins-section-bottom-margin: 0px 0px 30px 0px;
--margins-section-negative-top: -30px 0px 0px 0px;
--margins-card-icon-big: 0 0 100px 0;
--margins-card-icon-small: 0 0 20px 0;

}
}
@media (min-width: 904px) {
:root {
--widget-width-100: 100%;
--spaces-grid-gap-small: 16px;
--spaces-grid-gap-medium: 24px;
--widget-height-100: 100vh;
--widget-height-80: 80vh;
--paddings-none: 0 0 0 0;
--paddings-button-padding: 14px 24px 14px 24px;
--paddings-section-padding: 30px 0px 30px ;
--paddings-card-icon-padding: 8px 0px 18px 0px;
--paddings-text-padding-bottom-40px: 0px 0px 40px 0px;
--paddings-section-padding-top-80px: 80px 0px 0px 0px;
--paddings-text-banner-padding: 56px 32px 56px 32px;
--paddings-section-padding-top30-bottom-80px: 30px 0px 80px 0px;
--paddings-section-padding-bottom-80px: 0px 0px 80px 0px;
--paddings-text-bottom:  0px  0px  20px  0px;
--paddings-text-top-bottom:  40px  0px  20px  0px;
--paddings-top-bottom-60: 60px 0px 60px 0px;
--margins-none: 0 0 0 0;
--margins-section-margin: 40px 0px 40px 0px;
--margins-section-bottom-margin: 0px 0px 30px 0px;
--margins-section-negative-top: -30px 0px 0px 0px;
--margins-card-icon-big: 0 0 100px 0;
--margins-card-icon-small: 0 0 20px 0;

}
}
@media (min-width: 1240px) {
:root {
--widget-width-100: 100%;
--spaces-grid-gap-small: 24px;
--spaces-grid-gap-medium: 32px;
--widget-height-100: 100vh;
--widget-height-80: 80vh;
--paddings-none: 0 0 0 0;
--paddings-button-padding: 14px 24px 14px 24px;
--paddings-section-padding: 30px 0px 30px ;
--paddings-card-icon-padding: 8px 0px 18px 0px;
--paddings-text-padding-bottom-40px: 0px 0px 40px 0px;
--paddings-section-padding-top-80px: 80px 0px 0px 0px;
--paddings-text-banner-padding: 56px 46px 56px 46px;
--paddings-section-padding-top30-bottom-80px: 30px 0px 80px 0px;
--paddings-section-padding-bottom-80px: 0px 0px 80px 0px;
--paddings-text-bottom:  0px  0px  20px  0px;
--paddings-text-top-bottom:  40px  0px  20px  0px;
--paddings-top-bottom-60: 60px 0px 60px 0px;
--margins-none: 0 0 0 0;
--margins-section-margin: 40px 0px 40px 0px;
--margins-section-bottom-margin: 0px 0px 30px 0px;
--margins-section-negative-top: -30px 0px 0px 0px;
--margins-card-icon-big: 0 0 100px 0;
--margins-card-icon-small: 0 0 20px 0;

}
}
@media (min-width: 1444px) {
:root {
--widget-width-100: 100%;
--spaces-grid-gap-small: 24px;
--spaces-grid-gap-medium: 40px;
--widget-height-100: 100vh;
--widget-height-80: 80vh;
--paddings-none: 0 0 0 0;
--paddings-button-padding: 14px 24px 14px 24px;
--paddings-section-padding: 30px 0px 30px ;
--paddings-card-icon-padding: 8px 0px 18px 0px;
--paddings-text-padding-bottom-40px: 0px 0px 40px 0px;
--paddings-section-padding-top-80px: 80px 0px 0px 0px;
--paddings-text-banner-padding: 56px 46px 56px 46px;
--paddings-section-padding-top30-bottom-80px: 30px 0px 80px 0px;
--paddings-section-padding-bottom-80px: 0px 0px 80px 0px;
--paddings-text-bottom: 0px  0px  20px  0px;
--paddings-text-top-bottom: 40px  0px 20px  0px;
--paddings-top-bottom-60: 60px 0px 60px 0px;
--margins-none: 0 0 0 0;
--margins-section-margin: 40px 0px 40px 0px;
--margins-section-bottom-margin: 0px 0px 30px 0px;
--margins-section-negative-top: -30px 0px 0px 0px;
--margins-card-icon-big: 0 0 100px 0;
--margins-card-icon-small: 0 0 20px 0;

}
}


/* ========================================
   BORDER VARIABLES
   ======================================== */
:root {
 --borders-solid-black-2-round-corner: 2px solid var(--site-colors-black);

--borders-solid-black-2-round-corner-radius-tl: 20px;
--borders-solid-black-2-round-corner-radius-tr: 0px;
--borders-solid-black-2-round-corner-radius-bl: 20px;
--borders-solid-black-2-round-corner-radius-br: 0px;
--borders-solid-black-2-round-corner-border-radius: 20px 0px 20px 0px;

 --borders-none: 0px none var(--site-colors-black);

--borders-none-radius-tl: 0px;
--borders-none-radius-tr: 0px;
--borders-none-radius-bl: 0px;
--borders-none-radius-br: 0px;
--borders-none-border-radius: 0px 0px 0px 0px;

 --borders-primary-button: 1px solid var(--site-colors-button-border);

--borders-primary-button-radius-tl: 12px;
--borders-primary-button-radius-tr: 12px;
--borders-primary-button-radius-bl: 12px;
--borders-primary-button-radius-br: 12px;
--borders-primary-button-border-radius: 12px 12px 12px 12px;

 --borders-none-round-corner: 0px none var(--site-colors-white);

--borders-none-round-corner-radius-tl: 20px;
--borders-none-round-corner-radius-tr: 0px;
--borders-none-round-corner-radius-bl: 20px;
--borders-none-round-corner-radius-br: 0px;
--borders-none-round-corner-border-radius: 20px 0px 20px 0px;

 --borders-dash-grey-round-corner: 1px dashed var();

--borders-dash-grey-round-corner-radius-tl: 16px;
--borders-dash-grey-round-corner-radius-tr: 16px;
--borders-dash-grey-round-corner-radius-bl: 16px;
--borders-dash-grey-round-corner-radius-br: 16px;
--borders-dash-grey-round-corner-border-radius: 16px 16px 16px 16px;

 --borders-solid-lightmustard: 1px solid var(--site-colors-light-mustard);

--borders-solid-lightmustard-radius-tl: 20px;
--borders-solid-lightmustard-radius-tr: 20px;
--borders-solid-lightmustard-radius-bl: 20px;
--borders-solid-lightmustard-radius-br: 20px;
--borders-solid-lightmustard-border-radius: 20px 20px 20px 20px;

 --borders-solid-light-gray: 1px solid var(--site-colors-light-gray);

--borders-solid-light-gray-radius-tl: 20px;
--borders-solid-light-gray-radius-tr: 20px;
--borders-solid-light-gray-radius-bl: 20px;
--borders-solid-light-gray-radius-br: 20px;
--borders-solid-light-gray-border-radius: 20px 20px 20px 20px;

}


/* ========================================
   BUTTON STYLES
   ======================================== */


.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.btn-primary{  
    padding: var(--paddings-button-padding);  
    text-transform: none;
    color: var(--site-colors-white);
    background-color: var(--site-colors-mustard);
    border: var(--borders-primary-button);
    border-radius: var(--borders-primary-button-radius-tl) 
                   var(--borders-primary-button-radius-tr) 
                   var(--borders-primary-button-radius-br) 
                   var(--borders-primary-button-radius-bl);  
}

/* Hover State */
.btn-primary:hover {
    background-color: var(--site-colors-mustard);
    border: var(--borders-primary-button);
    color: var(--site-colors-white);
}

/* Focus State */
.btn-primary:focus {
    background-color: var(--site-colors-mustard);
    border: var(--borders-primary-button);
    color: var(--site-colors-white);    
}

/* Active (Pressed) State */
.btn-primary:active {
    background-color: var(--site-colors-mustard);
    border: var(--borders-primary-button);
    color: var(--site-colors-white);
}

/* Disabled State */
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--site-colors-mustard);
    border: var(--borders-primary-button);
    color: var(--site-colors-white);
}




.btn-secondary{  
    padding: var(--paddings-button-padding);  
    text-transform: none;
    color: var(--site-colors-mustard);
    background-color: var(--site-colors-transparent);
    border: var(--borders-primary-button);
    border-radius: var(--borders-primary-button-radius-tl) 
                   var(--borders-primary-button-radius-tr) 
                   var(--borders-primary-button-radius-br) 
                   var(--borders-primary-button-radius-bl);  
}

/* Hover State */
.btn-secondary:hover {
    background-color: var(--site-colors-transparent);
    border: var(--borders-primary-button);
    color: var(--site-colors-mustard);
}

/* Focus State */
.btn-secondary:focus {
    background-color: var(--site-colors-transparent);
    border: var(--borders-primary-button);
    color: var(--site-colors-mustard);    
}

/* Active (Pressed) State */
.btn-secondary:active {
    background-color: var(--site-colors-transparent);
    border: var(--borders-primary-button);
    color: var(--site-colors-mustard);
}

/* Disabled State */
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--site-colors-transparent);
    border: var(--borders-primary-button);
    color: var(--site-colors-mustard);
}