/** ************************************************************************ ** 
 *   BODY
 ** ************************************************************************ **/
body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.3em; 
    color: var(--wg-color-text);
}
@media screen and (max-width: 575px) {
    body { font-size: 18px; line-height: 1.3em; }
    
}


/** ************************************************************************ **
 *   FONTS 
 ** ************************************************************************ **/

:root {
    --wg-font-standard: 'puffinregular', sans-serif;
    --wg-font-standard-light: 'puffinlight', sans-serif;
    --wg-font-standard-alternative: 'FFMarketProCondensedMedium', sans-serif;
    --wg-font-standard-special: 'puffin_displaybold', sans-serif;

}



/** ************************************************************************ ** 
 *   FONTS
 ** ************************************************************************ **/
 /*
.font-family-standard { font-family: var(--wg-font-standard); }
.font-family-standard-light { font-family: var(--wg-font-standard); }
.font-family-standard-bold { font-family: var(--wg-font-standard); font-weight: bolder; }


.font-family-alternative { font-family: 'antonioregular', serif; }
.font-family-alternative-light { font-family: 'antoniolight', serif; }
.font-family-alternative-bold { font-family: 'antoniobold', serif; }
*/
/** ************************************************************************ ** 
 *   HEADLINE
 ** ************************************************************************ **/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none;}
/* Headlines - Basic (XXL) */
h1, .text-size-h1 { font-size: 70px; line-height: 1em; }
h2, .text-size-h2 { font-size: 60px; line-height: 1em;}
h3, .text-size-h3 { font-size: 48px; line-height: 1em; }
h4, .text-size-h4 { font-size: 30px; line-height: 1em; }
h5, .text-size-h5 { font-size: 26px; line-height: 1em; }
h6, .text-size-h6 { font-size: 20px; line-height: 1em; }
/* BAK 2026-04-09 
h1 { font-size: 85px; line-height: 1em; }
h2 { font-size: 72px; line-height: 1em;}
h3 { font-size: 60px; line-height: 1em; }
h4 { font-size: 48px; line-height: 1em; }
h5 { font-size: 30px; line-height: 1em; }
h6 { font-size: 24px; line-height: 1em; }
*/
/* XL */
@media screen and (max-width: 1900px) {
    h1, .text-size-h1 { font-size: 62px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 50px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 42px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 34px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 24px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 20px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 75px; line-height: 1em; }
    h2 { font-size: 62px; line-height: 1em;}
    h3 { font-size: 50px; line-height: 1em; }
    h4 { font-size: 48px; line-height: 1em; }
    h5 { font-size: 30px; line-height: 1em; }
    h6 { font-size: 22px; line-height: 1em; }
    */
}
/* XL sub breakpoints attacking texts */
@media screen and (max-width: 1600px) {
    h1, .text-size-h1, h2, .text-size-h2, h3, .text-size-h3, h4, .text-size-h4, h5, .text-size-h5, h6, .text-size-h6 {    
        word-break: break-word;
        hyphens: auto;
    }
}
@media screen and (max-width: 1500px) {
    h1, .text-size-h1 { font-size: 56px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 46px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 38px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 30px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 24px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 20px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 65px; line-height: 1em; }
    */
}
/* LG */
@media screen and (max-width: 1200px) {
    h1, .text-size-h1 { font-size: 50px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 42px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 36px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 30px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 24px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 20px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 65px; line-height: 1em; }
    h2 { font-size: 55px; line-height: 1em;}s
    h3 { font-size: 50px; line-height: 1em; }
    h4 { font-size: 48px; line-height: 1em; }
    h5 { font-size: 30px; line-height: 1em; }
    h6 { font-size: 22px; line-height: 1em; }
    h1, h2, h3, h4, h5, h6 {    
        word-break: break-word;
        hyphens: auto;
    }
    */
}
/* MD */
@media screen and (max-width: 991px) {
    h1, .text-size-h1 { font-size: 46px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 38px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 32px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 26px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 24px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 20px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 60px; line-height: 1em; }
    h2 { font-size: 50px; line-height: 1em;}
    h3 { font-size: 40px; line-height: 1em; }
    h4 { font-size: 38px; line-height: 1em; }
    h5 { font-size: 30px; line-height: 1em; }
    h6 { font-size: 22px; line-height: 1em; }
    h1, h2, h3, h4, h5, h6 {    
        word-break: break-word;
        hyphens: auto;
    }
    */
}
/* SM */
@media screen and (max-width: 768px) {
    h1, .text-size-h1 { font-size: 42px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 36px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 30px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 24px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 20px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 18px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 55px; line-height: 1.1em; }
    h2 { font-size: 45px; line-height: 1.1em;}
    h3 { font-size: 35px; line-height: 1.1em; }
    h4 { font-size: 30px; line-height: 1.1em; }
    h5 { font-size: 26px; line-height: 1.1em; }
    h6 { font-size: 22px; line-height: 1.1em; }
    */
}
/* XS */
@media screen and (max-width: 575px) {
    h1, .text-size-h1 { font-size: 40px; line-height: 1em; }
    h2, .text-size-h2 { font-size: 34px; line-height: 1em;}
    h3, .text-size-h3 { font-size: 28px; line-height: 1em; }
    h4, .text-size-h4 { font-size: 24px; line-height: 1em; }
    h5, .text-size-h5 { font-size: 20px; line-height: 1em; }
    h6, .text-size-h6 { font-size: 18px; line-height: 1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 40px; line-height: 1.1em; }
    h2 { font-size: 35px; line-height: 1.1em;}
    h3 { font-size: 30px; line-height: 1.1em; }
    h4 { font-size: 30px; line-height: 1.1em; }
    h5 { font-size: 22px; line-height: 1.1em; }
    h6 { font-size: 22px; line-height: 1.1em; }
    */
}
/* Sub XS */
@media screen and (max-width: 400px) {
    h1, .text-size-h1 { font-size: 35px; line-height: 1.1em; }
    h2, .text-size-h2 { font-size: 30px; line-height: 1.1em;}
    h3, .text-size-h3 { font-size: 25px; line-height: 1.1em; }
    h4, .text-size-h4 { font-size: 22px; line-height: 1.1em; }
    h5, .text-size-h5 { font-size: 18px; line-height: 1.1em; }
    h6, .text-size-h6 { font-size: 16px; line-height: 1.1em; }
    /* BAK 2026-04-09 
    h1 { font-size: 35px; line-height: 1.1em; }
    h2 { font-size: 30px; line-height: 1.1em;}
    h3 { font-size: 25px; line-height: 1.1em; }
    h4 { font-size: 22px; line-height: 1.1em; }
    h5 { font-size: 18px; line-height: 1.1em; }
    h6 { font-size: 18px; line-height: 1.1em; }
    */
}

/** ************************************************************************ ** 
 *   TEXT FORMATTING 
 ** ************************************************************************ **/
/*
b, strong, .text-bold,
.font-weight-bold { font-family: inherit; font-weight: bolder; }
*/
/** Links */
/*
a, a:visited { color: #444; border-bottom: 1px solid dashed; text-decoration: underline; }
a:hover { text-decoration: underline; color: #FF6600; }
*/
/** ************************************************************************ ** 
 *   TEXT COLOR
 ** ************************************************************************ **/
.text-color-light { color: white !important;}
.text-color-dark { color: black !important; }
.text-color-red { color: var(--wg-color-red) !important; }

.text-color-lightgreen { color: var(--wg-color-green-light) !important; }
.text-color-green { color: var(--wg-color-green) !important; }
.text-color-darkgreen, .text-color-green-dark { color: var(--wg-color-green-dark) !important; }


.background-color-red { background-color: var(--wg-color-red) !important; }
.background-color-lightgreen, .background-color-green-light { background-color: var(--wg-color-green-light) !important; }
.background-color-green { background-color: var(--wg-color-green) !important; }
.background-color-darkgreen, .background-color-green-dark { background-color: var(--wg-color-green-dark) !important; }
.background-color-lightblue, .background-color-blue-light { background-color: var(--wg-color-blue-light) !important; }
.background-color-darkblue, .background-color-blue-dark { background-color: var(--wg-color-blue) !important; }

.background-color-mintgreen, .background-color-green-mint { background-color: var(--wg-color-green-mint) !important; }

/** ************************************************************************ ** 
 *   PADDING
 ** ************************************************************************ **/

.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-35 { padding-right: 35px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-45 { padding-right: 45px !important; }
.pr-50 { padding-right: 50px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-35 { padding-left: 35px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-45 { padding-left: 45px !important; }
.pl-50 { padding-left: 50px !important; }