@charset "UTF-8";

/* ===============================================
    FT :: Foundation Template
    The Unified UX J5+ Foundation Template
    © Nikola Jovic, 2024-
   =============================================== */



/* ========
    NOTES
   ======== */

/*  -----------------------------------------------------------
     Color scheme: https://mycolor.space/?hex=%234C335C&sub=1
    ----------------------------------------------------------- */



/* ========
    COMMON
   ======== */

*, *::before, *::after {box-sizing: border-box}



/* ============
    ANIMATIONS
   ============ */

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes sweep {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}

/* =========================
    TYPEFACE AND TYPOGRAPHY
   ========================= */

/* Default */
    * {
        font-family: var(--font-text);
        font-style: normal;
        line-height: 140%;
        color: var(--color-text);
    }

/* Headings */
    h1 {
        color: var(--color-h1);
        padding: var(--h1-padding);
        margin: var(--h1-margin);
        font-family: var(--font-heading);
    }
    h2 {
        color: var(--color-h2);
        padding: var(--h2-padding);
        margin: var(--h2-margin);
        font-family: var(--font-heading);
    }
    h2:not(.indexed) {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--gutter-half);
        border-bottom: var(--border-h2);
    }
        h2 :where(span.heading-subtitle, span.h2-subtitle) {
            display: block;
            margin-top: 10px;
            color: inherit;
            line-height: 140%;
            text-transform: initial !important;
            font-variation-settings: var(--weight-medium) !important;
            letter-spacing: initial !important;
            margin-bottom: 0 !important;
        }
        h2 > .heading_text {
            font-family: inherit;
            font-size: 1em;
            color: inherit;
            line-height: inherit;
            font-variation-settings: inherit;
            text-transform: inherit;
            padding-bottom: var(--gutter-half);
            border-bottom: var(--border-h2);
        }
    h3 {
        color: var(--color-h3);
        padding: var(--h3-padding);
        margin: var(--h3-margin);
        font-family: var(--font-heading);
    }
        h3 > span:not(.heading_text) {
            display: block;
            font-size: 0.4em;
            color: inherit;
            line-height: 110%;
            margin-bottom: 20px;
            font-variation-settings: var(--weight-light);
            text-transform: inherit;
        }
        h3 > .heading_text,
        h3 em {
            font-family: inherit;
            font-size: 1em;
            color: inherit;
            line-height: inherit;
            font-variation-settings: inherit;
            text-transform: inherit;
        }
            h3 > .heading_text > span {
                display: block;
                font-size: 0.4em;
                color: inherit;
                line-height: 110%;
                margin-bottom: 20px;
                font-variation-settings: var(--weight-medium);
                text-transform: inherit;
            }
            h3 span.heading-subtitle,
            h3 span.h3-subtitle {
                display: block;
                margin-top: 5px;
                color: inherit;
                line-height: 140%;
                text-transform: initial !important;
                font-variation-settings: var(--weight-medium) !important;
                letter-spacing: initial !important;
                margin-bottom: 0 !important;
                font-size: 0.5em;
            }
    h4 {
        color: var(--color-h4);
        padding: var(--h4-padding);
        margin: var(--h4-margin);
        font-family: var(--font-heading);
    }
    h2.special, h3.special, h4.special {
        text-align: center;
        margin-bottom: var(--gutter);
        padding-bottom: var(--gutter);
        border-bottom: var(--border-module-h3);
        letter-spacing: -0.3px;
    }
        h1 a, h2 a, h3 a, h4 a {
            font-family: inherit;
            font-size: 1em;
            font-variation-settings: inherit!important;
            line-height: inherit;
        }
        h2 > em, h3 > em, h4 > em {
            color: inherit;
            font-family: inherit;
            font-size: 1em;
            letter-spacing: inherit;
            font-variation-settings: inherit;
        }

/* Paragraph */
    p {
        margin: var(--p-margin);
    }
    main p {
        text-align: justify;
    }
    p:empty {
        display: none;
    }

/* Links */
    a, a > em, em > a {
        cursor: pointer;
        text-decoration: none;
        color: var(--a-color);
        font-variation-settings: var(--weight-medium);
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0 1px;
        transition: var(--transition-30);
    }
    a.index-link > em {
        font-variation-settings: inherit;
    }
        a > span {
            transition: var(--transition-30);
            color: inherit;
        }
        a > strong {
            color: inherit;
        }
        a:not(.pathway):hover,
        a:not(.pathway):hover > span,
        a:not(.pathway):hover > em {
            border-color: transparent;
            color: var(--a-hover);
        }
        a:hover, a:hover > span, a:hover > em {
            color: var(--a-hover);
            outline: 0;
            background-size: 100% 1px;
        }
        a:focus {
            outline: 0;
        }
        a.index-link > em {
            font-variation-settings: inherit;
        }
        a.noborder:hover, a.noborder:hover > span, a.noborder:hover > em {
            color: var(--a-noborder-hover) !important;
        }

/* Strong/bold, em/italic */
    strong,
    strong > a, a > strong,
    b,
    b > a, a > b {
        font-variation-settings: var(--weight-medium);
        transition: var(--transition-30);
    }
    em {
        font-style: italic;
        font-variation-settings: inherit;
    }
        em > strong, strong > em {
            color: inherit;
            font-style: italic;
            font-variation-settings: var(--weight-medium);
        }



/* ===============================
   VARIABLES, CLASSES AND THEMES
   =============================== */

/* Variables */
:root {
    /* Allow new behavior for the entire page */
    interpolate-size: allow-keywords;
    /* Base colors and shades */
        /* Monochromes */
        --black-base: 0, 0%;
        --black-hsl: var(--black-base), 0%;
        --black: hsl(var(--black-hsl), 0%);
        --black-03: hsla(var(--black-hsl), 3%);
        --black-05: hsla(var(--black-hsl), 5%);
        --black-10: hsla(var(--black-hsl), 10%);
        --black-15: hsla(var(--black-hsl), 15%);
        --black-20: hsla(var(--black-hsl), 20%);
        --black-25: hsla(var(--black-hsl), 25%);
        --black-30: hsla(var(--black-hsl), 30%);
        --black-35: hsla(var(--black-hsl), 35%);
        --black-40: hsla(var(--black-hsl), 40%);
        --black-45: hsla(var(--black-hsl), 45%);
        --black-50: hsla(var(--black-hsl), 50%);
        --black-55: hsla(var(--black-hsl), 55%);
        --black-60: hsla(var(--black-hsl), 60%);
        --black-65: hsla(var(--black-hsl), 65%);
        --black-70: hsla(var(--black-hsl), 70%);
        --black-75: hsla(var(--black-hsl), 75%);
        --black-80: hsla(var(--black-hsl), 80%);
        --black-85: hsla(var(--black-hsl), 85%);
        --black-90: hsla(var(--black-hsl), 90%);
        --black-95: hsla(var(--black-hsl), 95%);
        --white-base: 0, 100%;
        --white-hsl: var(--white-base), 100%;
        --white: hsl(var(--white-hsl));
        --white-05: hsla(var(--white-hsl), 5%);
        --white-10: hsla(var(--white-hsl), 10%);
        --white-15: hsla(var(--white-hsl), 15%);
        --white-20: hsla(var(--white-hsl), 20%);
        --white-25: hsla(var(--white-hsl), 25%);
        --white-30: hsla(var(--white-hsl), 30%);
        --white-35: hsla(var(--white-hsl), 35%);
        --white-40: hsla(var(--white-hsl), 40%);
        --white-45: hsla(var(--white-hsl), 45%);
        --white-50: hsla(var(--white-hsl), 50%);
        --white-55: hsla(var(--white-hsl), 55%);
        --white-60: hsla(var(--white-hsl), 60%);
        --white-65: hsla(var(--white-hsl), 65%);
        --white-70: hsla(var(--white-hsl), 70%);
        --white-75: hsla(var(--white-hsl), 75%);
        --white-80: hsla(var(--white-hsl), 80%);
        --white-85: hsla(var(--white-hsl), 85%);
        --white-90: hsla(var(--white-hsl), 90%);
        --white-95: hsla(var(--white-hsl), 95%);
        --grey-base: 234, 13%;
        --grey-hsl: var(--grey-base), 50%;
        --grey: hsl(var(--grey-hsl));
        --grey-l1: hsl(var(--grey-base), 60%);
        --grey-l2: hsl(var(--grey-base), 70%);
        --grey-d1: hsl(var(--grey-base), 40%);
        --grey-d2: hsl(var(--grey-base), 30%);
        --grey-05: hsla(var(--grey-hsl), 5%);
        --grey-10: hsla(var(--grey-hsl), 10%);
        --grey-15: hsla(var(--grey-hsl), 15%);
        --grey-20: hsla(var(--grey-hsl), 20%);
        --grey-25: hsla(var(--grey-hsl), 25%);
        --grey-30: hsla(var(--grey-hsl), 30%);
        --grey-35: hsla(var(--grey-hsl), 35%);
        --grey-40: hsla(var(--grey-hsl), 40%);
        --grey-45: hsla(var(--grey-hsl), 45%);
        --grey-50: hsla(var(--grey-hsl), 50%);
        --grey-55: hsla(var(--grey-hsl), 55%);
        --grey-60: hsla(var(--grey-hsl), 60%);
        --grey-65: hsla(var(--grey-hsl), 65%);
        --grey-70: hsla(var(--grey-hsl), 70%);
        --grey-75: hsla(var(--grey-hsl), 75%);
        --grey-80: hsla(var(--grey-hsl), 80%);
        --grey-85: hsla(var(--grey-hsl), 85%);
        --grey-90: hsla(var(--grey-hsl), 90%);
        --grey-95: hsla(var(--grey-hsl), 95%);
        /* Colors */
        --pink-base: 342, 100%;
        --pink-hsl: var(--pink-base), 70%;
        --pink: hsl(var(--pink-hsl));
        --pink-l1: hsl(var(--pink-base), 75%);
        --pink-l2: hsl(var(--pink-base), 80%);
        --pink-l3: hsl(var(--pink-base), 85%);
        --pink-l4: hsl(var(--pink-base), 90%);
        --pink-d1: hsl(var(--pink-base), 60%);
        --pink-d2: hsl(var(--pink-base), 50%);
        --pink-d3: hsl(var(--pink-base), 40%);
        --pink-d4: hsl(var(--pink-base), 30%);
        --violet-base: 277, 29%;
        --violet-hsl: var(--violet-base), 28%;
        --violet: hsl(var(--violet-hsl));
        --violet-l1: hsl(var(--violet-base), 38%);
        --violet-l2: hsl(var(--violet-base), 48%);
        --violet-l3: hsl(var(--violet-base), 58%);
        --violet-l4: hsl(var(--violet-base), 68%);
        --violet-d1: hsl(var(--violet-base), 24%);
        --violet-d2: hsl(var(--violet-base), 20%);
        --violet-d3: hsl(var(--violet-base), 16%);
        --violet-d4: hsl(var(--violet-base), 12%);
        --cyan-base: 173, 66%;
        --cyan-hsl: var(--cyan-base), 48%;
        --cyan: hsl(var(--cyan-hsl));
        --cyan-l1: hsl(var(--cyan-base), 56%);
        --cyan-l2: hsl(var(--cyan-base), 64%);
        --cyan-l3: hsl(var(--cyan-base), 72%);
        --cyan-l4: hsl(var(--cyan-base), 80%);
        --cyan-d1: hsl(var(--cyan-base), 42%);
        --cyan-d2: hsl(var(--cyan-base), 36%);
        --cyan-d3: hsl(var(--cyan-base), 30%);
        --cyan-d4: hsl(var(--cyan-base), 24%);
        --orange-base: 35, 100%;
        --orange-hsl: var(--orange-base), 69%;
        --orange: hsl(var(--orange-hsl));
        --orange-l1: hsl(var(--orange-base), 79%);
        --orange-l2: hsl(var(--orange-base), 89%);
        --orange-d1: hsl(var(--orange-base), 59%);
        --orange-d2: hsl(var(--orange-base), 49%);
        --orange-d3: hsl(var(--orange-base), 39%);
        --orange-d4: hsl(var(--orange-base), 29%);
        --red-base: 351, 47%;
        --red-hsl: var(--red-base), 58%;
        --red: hsl(var(--red-hsl));
        --red-l1: hsl(var(--red-base), 68%);
        --red-l2: hsl(var(--red-base), 78%);
        --red-d1: hsl(var(--red-base), 48%);
        --red-d2: hsl(var(--red-base), 38%);
        --red-d3: hsl(var(--red-base), 28%);
        --red-d4: hsl(var(--red-base), 18%);
        --green-base: 173, 100%;
        --green-hsl: var(--green-base), 39%;
        --green: hsl(var(--green-hsl));
        --green-l1: hsl(var(--green-base), 49%);
        --green-l2: hsl(var(--green-base), 59%);
        --green-d1: hsl(var(--green-base), 33%);
        --green-d2: hsl(var(--green-base), 27%);
        --green-d3: hsl(var(--green-base), 21%);
        --green-d4: hsl(var(--green-base), 15%);
        --blue-base: 234, 53%;
        --blue-hsl: var(--blue-base), 28%;
        --blue: hsl(var(--blue-hsl));
        --blue-l1: hsl(var(--blue-base), 38%);
        --blue-l2: hsl(var(--blue-base), 48%);
        --blue-l3: hsl(var(--blue-base), 68%);
        --blue-l4: hsl(var(--blue-base), 78%);
        --blue-d1: hsl(var(--blue-base), 24%);
        --blue-d2: hsl(var(--blue-base), 20%);
        --blue-d3: hsl(var(--blue-base), 16%);
        --blue-d4: hsl(var(--blue-base), 12%);
        --yellow-base: 60, 92%;
        --yellow-hsl: var(--yellow-base), 71%;
        --yellow: hsl(var(--yellow-hsl));
        --yellow-l1: hsl(var(--yellow-base), 81%);
        --yellow-l2: hsl(var(--yellow-base), 91%);
        --yellow-d1: hsl(var(--yellow-base), 61%);
        --yellow-d2: hsl(var(--yellow-base), 51%);
        --yellow-d3: hsl(var(--yellow-base), 41%);
        --yellow-d4: hsl(var(--yellow-base), 31%);
        /* Base colors HSLA transparencies */
        --pink-05: hsla(var(--pink-hsl), 5%);
        --pink-10: hsla(var(--pink-hsl), 10%);
        --pink-15: hsla(var(--pink-hsl), 15%);
        --pink-20: hsla(var(--pink-hsl), 20%);
        --pink-25: hsla(var(--pink-hsl), 25%);
        --pink-30: hsla(var(--pink-hsl), 30%);
        --pink-35: hsla(var(--pink-hsl), 35%);
        --pink-40: hsla(var(--pink-hsl), 40%);
        --pink-45: hsla(var(--pink-hsl), 45%);
        --pink-50: hsla(var(--pink-hsl), 50%);
        --pink-55: hsla(var(--pink-hsl), 55%);
        --pink-60: hsla(var(--pink-hsl), 60%);
        --pink-65: hsla(var(--pink-hsl), 65%);
        --pink-70: hsla(var(--pink-hsl), 70%);
        --pink-75: hsla(var(--pink-hsl), 75%);
        --pink-80: hsla(var(--pink-hsl), 80%);
        --pink-85: hsla(var(--pink-hsl), 85%);
        --pink-90: hsla(var(--pink-hsl), 90%);
        --pink-95: hsla(var(--pink-hsl), 95%);
        --violet-05: hsla(var(--violet-hsl), 5%);
        --violet-10: hsla(var(--violet-hsl), 10%);
        --violet-15: hsla(var(--violet-hsl), 15%);
        --violet-20: hsla(var(--violet-hsl), 20%);
        --violet-25: hsla(var(--violet-hsl), 25%);
        --violet-30: hsla(var(--violet-hsl), 30%);
        --violet-35: hsla(var(--violet-hsl), 35%);
        --violet-40: hsla(var(--violet-hsl), 40%);
        --violet-45: hsla(var(--violet-hsl), 45%);
        --violet-50: hsla(var(--violet-hsl), 50%);
        --violet-55: hsla(var(--violet-hsl), 55%);
        --violet-60: hsla(var(--violet-hsl), 60%);
        --violet-65: hsla(var(--violet-hsl), 65%);
        --violet-70: hsla(var(--violet-hsl), 70%);
        --violet-75: hsla(var(--violet-hsl), 75%);
        --violet-80: hsla(var(--violet-hsl), 80%);
        --violet-85: hsla(var(--violet-hsl), 85%);
        --violet-90: hsla(var(--violet-hsl), 90%);
        --violet-95: hsla(var(--violet-hsl), 95%);
        --cyan-05: hsla(var(--cyan-hsl), 5%);
        --cyan-10: hsla(var(--cyan-hsl), 10%);
        --cyan-15: hsla(var(--cyan-hsl), 15%);
        --cyan-20: hsla(var(--cyan-hsl), 20%);
        --cyan-25: hsla(var(--cyan-hsl), 25%);
        --cyan-30: hsla(var(--cyan-hsl), 30%);
        --cyan-35: hsla(var(--cyan-hsl), 35%);
        --cyan-40: hsla(var(--cyan-hsl), 40%);
        --cyan-45: hsla(var(--cyan-hsl), 45%);
        --cyan-50: hsla(var(--cyan-hsl), 50%);
        --cyan-55: hsla(var(--cyan-hsl), 55%);
        --cyan-60: hsla(var(--cyan-hsl), 60%);
        --cyan-65: hsla(var(--cyan-hsl), 65%);
        --cyan-70: hsla(var(--cyan-hsl), 70%);
        --cyan-75: hsla(var(--cyan-hsl), 75%);
        --cyan-80: hsla(var(--cyan-hsl), 80%);
        --cyan-85: hsla(var(--cyan-hsl), 85%);
        --cyan-90: hsla(var(--cyan-hsl), 90%);
        --cyan-95: hsla(var(--cyan-hsl), 95%);
        --orange-05: hsla(var(--orange-hsl), 5%);
        --orange-10: hsla(var(--orange-hsl), 10%);
        --orange-15: hsla(var(--orange-hsl), 15%);
        --orange-20: hsla(var(--orange-hsl), 20%);
        --orange-25: hsla(var(--orange-hsl), 25%);
        --orange-30: hsla(var(--orange-hsl), 30%);
        --orange-35: hsla(var(--orange-hsl), 35%);
        --orange-40: hsla(var(--orange-hsl), 40%);
        --orange-45: hsla(var(--orange-hsl), 45%);
        --orange-50: hsla(var(--orange-hsl), 50%);
        --orange-55: hsla(var(--orange-hsl), 55%);
        --orange-60: hsla(var(--orange-hsl), 60%);
        --orange-65: hsla(var(--orange-hsl), 65%);
        --orange-70: hsla(var(--orange-hsl), 70%);
        --orange-75: hsla(var(--orange-hsl), 75%);
        --orange-80: hsla(var(--orange-hsl), 80%);
        --orange-85: hsla(var(--orange-hsl), 85%);
        --orange-90: hsla(var(--orange-hsl), 90%);
        --orange-95: hsla(var(--orange-hsl), 95%);
        --red-05: hsla(var(--red-hsl), 5%);
        --red-10: hsla(var(--red-hsl), 10%);
        --red-15: hsla(var(--red-hsl), 15%);
        --red-20: hsla(var(--red-hsl), 20%);
        --red-25: hsla(var(--red-hsl), 25%);
        --red-30: hsla(var(--red-hsl), 30%);
        --red-35: hsla(var(--red-hsl), 35%);
        --red-40: hsla(var(--red-hsl), 40%);
        --red-45: hsla(var(--red-hsl), 45%);
        --red-50: hsla(var(--red-hsl), 50%);
        --red-55: hsla(var(--red-hsl), 55%);
        --red-60: hsla(var(--red-hsl), 60%);
        --red-65: hsla(var(--red-hsl), 65%);
        --red-70: hsla(var(--red-hsl), 70%);
        --red-75: hsla(var(--red-hsl), 75%);
        --red-80: hsla(var(--red-hsl), 80%);
        --red-85: hsla(var(--red-hsl), 85%);
        --red-90: hsla(var(--red-hsl), 90%);
        --red-95: hsla(var(--red-hsl), 95%);
        --green-05: hsla(var(--green-hsl), 5%);
        --green-10: hsla(var(--green-hsl), 10%);
        --green-15: hsla(var(--green-hsl), 15%);
        --green-20: hsla(var(--green-hsl), 20%);
        --green-25: hsla(var(--green-hsl), 25%);
        --green-30: hsla(var(--green-hsl), 30%);
        --green-35: hsla(var(--green-hsl), 35%);
        --green-40: hsla(var(--green-hsl), 40%);
        --green-45: hsla(var(--green-hsl), 45%);
        --green-50: hsla(var(--green-hsl), 50%);
        --green-55: hsla(var(--green-hsl), 55%);
        --green-60: hsla(var(--green-hsl), 60%);
        --green-65: hsla(var(--green-hsl), 65%);
        --green-70: hsla(var(--green-hsl), 70%);
        --green-75: hsla(var(--green-hsl), 75%);
        --green-80: hsla(var(--green-hsl), 80%);
        --green-85: hsla(var(--green-hsl), 85%);
        --green-90: hsla(var(--green-hsl), 90%);
        --green-95: hsla(var(--green-hsl), 95%);
        --blue-05: hsla(var(--blue-hsl), 5%);
        --blue-10: hsla(var(--blue-hsl), 10%);
        --blue-15: hsla(var(--blue-hsl), 15%);
        --blue-20: hsla(var(--blue-hsl), 20%);
        --blue-25: hsla(var(--blue-hsl), 25%);
        --blue-30: hsla(var(--blue-hsl), 30%);
        --blue-35: hsla(var(--blue-hsl), 35%);
        --blue-40: hsla(var(--blue-hsl), 40%);
        --blue-45: hsla(var(--blue-hsl), 45%);
        --blue-50: hsla(var(--blue-hsl), 50%);
        --blue-55: hsla(var(--blue-hsl), 55%);
        --blue-60: hsla(var(--blue-hsl), 60%);
        --blue-65: hsla(var(--blue-hsl), 65%);
        --blue-70: hsla(var(--blue-hsl), 70%);
        --blue-75: hsla(var(--blue-hsl), 75%);
        --blue-80: hsla(var(--blue-hsl), 80%);
        --blue-85: hsla(var(--blue-hsl), 85%);
        --blue-90: hsla(var(--blue-hsl), 90%);
        --blue-95: hsla(var(--blue-hsl), 95%);
        --yellow-05: hsla(var(--yellow-hsl), 5%);
        --yellow-10: hsla(var(--yellow-hsl), 10%);
        --yellow-15: hsla(var(--yellow-hsl), 15%);
        --yellow-20: hsla(var(--yellow-hsl), 20%);
        --yellow-25: hsla(var(--yellow-hsl), 25%);
        --yellow-30: hsla(var(--yellow-hsl), 30%);
        --yellow-35: hsla(var(--yellow-hsl), 35%);
        --yellow-40: hsla(var(--yellow-hsl), 40%);
        --yellow-45: hsla(var(--yellow-hsl), 45%);
        --yellow-50: hsla(var(--yellow-hsl), 50%);
        --yellow-55: hsla(var(--yellow-hsl), 55%);
        --yellow-60: hsla(var(--yellow-hsl), 60%);
        --yellow-65: hsla(var(--yellow-hsl), 65%);
        --yellow-70: hsla(var(--yellow-hsl), 70%);
        --yellow-75: hsla(var(--yellow-hsl), 75%);
        --yellow-80: hsla(var(--yellow-hsl), 80%);
        --yellow-85: hsla(var(--yellow-hsl), 85%);
        --yellow-90: hsla(var(--yellow-hsl), 90%);
        --yellow-95: hsla(var(--yellow-hsl), 95%);
        --transparent: hsla(0, 0%, 0%, 0%);
    /* Typeface and typography */
        /* Font families */
        --font-fa: "Font Awesome";
        --font-fab: "FA Brands";
        /* Font variation settings */
        --weight-300: 'wght' 300;
        --weight-325: 'wght' 325;
        --weight-350: 'wght' 350;
        --weight-375: 'wght' 375;
        --weight-400: 'wght' 400;
        --weight-425: 'wght' 425;
        --weight-450: 'wght' 450;
        --weight-475: 'wght' 475;
        --weight-500: 'wght' 500;
        --weight-525: 'wght' 525;
        --weight-550: 'wght' 550;
        --weight-575: 'wght' 575;
        --weight-600: 'wght' 600;
        --weight-650: 'wght' 650;
        --weight-700: 'wght' 700;
        --weight-750: 'wght' 750;
        --weight-800: 'wght' 800;
        --weight-850: 'wght' 850;
        --weight-900: 'wght' 900;
    /* Shadows */
    --shadow-image:4px 4px 6px 1px var(--black-15);
    --shadow-focus:0 0 5px 1px var(--pink-50);
    --text-shadow-02-10:0 0 2px var(--black-10);
    --text-shadow-02-20:0 0 2px var(--black-20);
    --text-shadow-02-30:0 0 2px var(--black-30);
    --text-shadow-02-40:0 0 2px var(--black-40);
    --text-shadow-02-50:0 0 2px var(--black-50);
    --text-shadow-02-60:0 0 2px var(--black-60);
    --text-shadow-02-70:0 0 2px var(--black-70);
    --text-shadow-02-80:0 0 2px var(--black-80);
    --text-shadow-02-90:0 0 2px var(--black-90);
    --text-shadow-11-10:1px 1px var(--black-10);
    --text-shadow-11-20:1px 1px var(--black-20);
    --text-shadow-11-30:1px 1px var(--black-30);
    --text-shadow-11-40:1px 1px var(--black-40);
    --text-shadow-11-50:1px 1px var(--black-50);
    --text-shadow-11-60:1px 1px var(--black-60);
    --text-shadow-11-70:1px 1px var(--black-70);
    --text-shadow-11-80:1px 1px var(--black-80);
    --text-shadow-11-90:1px 1px var(--black-90);
    --text-shadow-12-10:1px 1px 2px var(--black-10);
    --text-shadow-12-20:1px 1px 2px var(--black-20);
    --text-shadow-12-30:1px 1px 2px var(--black-30);
    --text-shadow-12-40:1px 1px 2px var(--black-40);
    --text-shadow-12-50:1px 1px 2px var(--black-50);
    --text-shadow-12-60:1px 1px 2px var(--black-60);
    --text-shadow-12-70:1px 1px 2px var(--black-70);
    --text-shadow-12-80:1px 1px 2px var(--black-80);
    --text-shadow-12-90:1px 1px 2px var(--black-90);
    --text-shadow-32-60:3px 3px 2px var(--black-60);
    --box-shadow-15-10:0 0 15px var(--black-10);
    --box-shadow-15-20:0 0 15px var(--black-20);
    --box-shadow-15-30:0 0 15px var(--black-30);
    --box-shadow-15-40:0 0 15px var(--black-40);
    --box-shadow-15-50:0 0 15px var(--black-50);
    --box-shadow-15-60:0 0 15px var(--black-60);
    --box-shadow-15-70:0 0 15px var(--black-70);
    --box-shadow-15-80:0 0 15px var(--black-80);
    --box-shadow-15-90:0 0 15px var(--black-90);
    --box-shadow-446-10:4px 4px 6px var(--black-10);
    /* Transitions */
    --transition-15:  all 0.15s ease-in-out;
    --transition-30:  all 0.30s ease-in-out;
    --transition-50:  all 0.40s ease-in-out;
    --transition-75:  all 0.75s ease-in-out;
    --transition-100: all 1.00s ease-in-out;
    --transition-opacity-15:  opacity 0.15s ease-in-out;
    --transition-opacity-30:  opacity 0.30s ease-in-out;
    --transition-opacity-50:  opacity 0.40s ease-in-out;
    --transition-opacity-75:  opacity 0.75s ease-in-out;
    --transition-opacity-100: opacity 1.00s ease-in-out;
    /* Modules */
    --settings-bar-width: 64px;
    /* Common */
    /*--active-slide-bg: linear-gradient(var(--black-65) 0%, var(--black-40) 50%, transparent 100%);*/
    --active-slide-bg: var(--white-65);
    --slide-container-bg: #f00;
    --gutter-double:   calc(2 * var(--gutter));
    --gutter-triple:   calc(3 * var(--gutter));
    --gutter-half:     calc(1/2 * var(--gutter));
    --gutter-third:    calc(1/3 * var(--gutter));
    --gutter-quarter:  calc(1/4 * var(--gutter));
    --gutter-fifth:    calc(1/5 * var(--gutter));
    --gutter-negative: calc(-1 * var(--gutter));
    --gutter-negative-half:    calc(-1/2 * var(--gutter));
    --border-white: 1px solid #bbb;
    --border-white-10: 1px solid rgba(255,255,255,0.10);
    --border-white-20: 1px solid rgba(255,255,255,0.20);
    --border-white-30: 1px solid rgba(255,255,255,0.30);
    --border-white-40: 1px solid rgba(255,255,255,0.40);
    --border-white-50: 1px solid rgba(255,255,255,0.50);
    /* Accessibility */
    --accessibility-heading: var(--blue-d2);
    --accessibility-label: var(--blue);
    --accessibility-icon: var(--white);
    --accessibility-icon-bg: var(--blue-d1);
    --accessibility-icon-shadow: var(--bg-body-66);
    --accessibility-item: var(--blue-l1);
    --accessibility-item-hover: var(--blue-l2);
}
/* Themes */
.theme-default-light {
    /* Background colors */
    --bg-body-hsl: 0, 0%, 95%;
    --bg-body: hsl(var(--bg-body-hsl));
    --bg-body-95: hsla(var(--bg-body-hsl), 95%);
    --bg-body-66: hsla(var(--bg-body-hsl), 66%);
    --bg-header: var(--blue);
    --bg-header-min: var(--white);
    --bg-settings: var(--cyan-d2);
    --bg-qb: var(--blue-d1);
    --bg-qb-field: var(--blue);
    --bg-subfooter: var(--blue-d1);
    --bg-footer: var(--blue-d2);
    --bg-back-top: var(--pink);
    --bg-warning: var(--orange-10);
    --bg-favorites: var(--blue-d2);
    --bg-favorites-hover: var(--blue);
    --bg-nav-heading: var(--black-05);
    --bg-nav-highlight: var(--yellow);
    --bg-nav-admin-heading: var(--orange);
    --bg-tag: var(--cyan-l1);
    --bg-tag-hover: var(--pink);
    --bg-backdrop: rgba(255,255,255,0.8);
    --bg-title: var(--cyan-10);
    --bg-index: var(--cyan-05);
    --bg-fw-title: rgba(255,255,255,0.9);
    --bg-modules: var(--blue-35);
    --bg-h1: var(--cyan);
    --bg-h2: var(--cyan-10);
    --bg-h3: linear-gradient(to right, transparent 0%,rgba(37,61,112,0.05) 100%);
    --bg-alert: var(--pink-10);
    --bg-recommendations: var(--green-05);
    --bg-pagination: var(--blue-25);
    --bg-f3-flexbox: var(--pink-05);
    --bg-formDescription: var(--pink-10);
    --bg-formValidation: var(--pink-d1);
    --bg-rsform-error: var(--pink-20);
    --bg-quick-menu: var(--pink-05);
    --bg-quick-menu-hover: var(--pink-75);
    --bg-rsform-q: var(--pink);
    --gradient-title: linear-gradient(to bottom, hsl(277.3, 29.13%, 75.1%) 0%, hsl(276.67, 28.57%, 75.29%) 8.1%, hsl(277.71, 28.46%, 75.88%) 15.5%, hsl(277.71, 29.41%, 76.67%) 22.5%, hsl(278.18, 29.2%, 77.84%) 29%, hsl(277.5, 30.19%, 79.22%) 35.3%, hsl(279.31, 29.29%, 80.59%) 41.2%, hsl(277.78, 29.67%, 82.16%) 47.1%, hsl(278.4, 30.12%, 83.73%) 52.9%, hsl(278.18, 29.73%, 85.49%) 58.8%, hsl(277.14, 31.34%, 86.86%) 64.7%, hsl(276.67, 30%, 88.24%) 71%, hsl(277.5, 29.63%, 89.41%) 77.5%, hsl(277.5, 32%, 90.2%) 84.5%, hsl(280, 31.91%, 90.78%) 91.9%, hsl(278.57, 30.43%, 90.98%) 100%);
    --gradient-module: linear-gradient(to bottom, var(--blue-05), var(--blue-10));
    --gradient-header: linear-gradient(to bottom, var(--blue-d1) 0%, var(--blue-l1) 100%);
    --gradient-header-min: linear-gradient(180deg, var(--bg-body) 0%, var(--bg-body) 100%);
    /* Borders and outlines */
    --border-company: 1px solid var(--blue-20);
    --border-default: 1px solid #bbb;
    --border-default-05: 1px solid var(--black-05);
    --border-default-10: 1px solid var(--black-10);
    --border-default-20: 1px solid var(--black-20);
    --border-default-30: 1px solid var(--black-30);
    --border-default-40: 1px solid var(--black-40);
    --border-default-50: 1px solid var(--black-50);
    --border-h2: 1px solid var(--blue-20);
    --border-table-outer: 2px solid var(--blue-d2);
    --border-table-inner: 1px solid var(--blue-30);
    --border-double: 3px double #253d70;
    --border-focus: 1px solid var(--pink-50);
    --border-fw: var(--border-default);
    --border-module: 1px solid var(--blue-10);
    --border-module-h3: 1px solid var(--blue-20);
    --border-article-list: 1px solid var(--blue-10);
    --border-article-list-hover: 1px solid var(--pink);
    --border-article-list-hover-outline: var(--pink-50);
    --border-alert-1: 1px solid var(--blue);
    --border-alert-2: 2px solid var(--blue);
    --border-alert-3: 3px solid var(--blue);
    --border-alert-5: 5px solid var(--blue);
    --border-alert-15: 15px solid var(--blue);
    --border-notice-1: 1px solid var(--orange);
    --border-notice-2: 2px solid var(--orange);
    --border-notice-3: 3px solid var(--orange);
    --border-notice-5: 5px solid var(--orange);
    --border-notice-15: 15px solid var(--orange);
    --border-warning-1: 1px solid var(--pink);
    --border-warning-2: 2px solid var(--pink);
    --border-warning-3: 3px solid var(--pink);
    --border-warning-5: 5px solid var(--pink);
    --border-warning-15: 15px solid var(--pink);
    --border-info-1: 1px solid var(--green-l1);
    --border-info-2: 2px solid var(--green-l1);
    --border-info-3: 3px solid var(--green-l1);
    --border-info-5: 5px solid var(--green-l1);
    --border-info-15: 15px solid var(--green-l1);
    --border-oe-rsform-error: 3px solid var(--pink);
    --border-quick-menu: 1px solid var(--pink-10);
    --outline-settings: 1px solid var(--bg-body);
    /* Text and element colors */
    --color-h1: var(--blue);
    --color-h2: var(--blue);
    --color-h3: var(--blue);
    --color-h4: var(--blue);
    --h4-warning: var(--pink);
    --color-text: #333;
    --text-light-color: #777;
    --disabled-color: #aaa;
    --input-color: #333;
    --bullet-color: var(--pink-d2);
    --icon-button-color: #999;
    --company-l1: var(--orange);
    --company-l2: var(--cyan);
    --company-l3: var(--cyan);
    --header-a: var(--white);
    --header-min-a: var(--blue);
    --header-min-a-hover: var(--pink);
    --a-color:var(--pink-d1);
    --a-hover:var(--pink-d2);
    --mark-color: var(--yellow);
    --nav-heading-color: var(--black-60);
    --nav-highlight-color: var(--pink);
    --nav-category: var(--black-80);
    --nav-category-hover: var(--nav-a-hover);
    --footer-text: var(--white);
    --taglist-icon: var(--orange);
    --warning: var(--pink);
    --recommendation: var(--green);
    --glow-hover: #fff7d5;
    --nav-a: var(--black-80);
    --nav-a-hover: var(--a-hover);
    --nav-active: var(--pink-d2);
    --datatable-th: var(--white);
    --datatable-th-hover: var(--white);
    --selection-bg: var(--pink-l1);
    --selection-color: var(--white);
    /* Forms */
    --rsform-warning: var(--pink);
    --option-bg: var(--cyan-10);
    /* Tables */
    --th-bg: var(--blue);
    --td-bg: var(--blue-05);
    --td-shaded-bg: var(--blue-10);
    --td-hover-bg: var(--blue-20);
    --tr-bg: var(--blue-05);
    --tr-shaded-bg: var(--blue-20);
    --tr-hover-bg: var(--blue-40);
    --yui-cal-bg: var(--bg-body);
    --yui-cal-header: var(--bg-header);
    --yui-cal-weekdays: var(--pink-l1);
    /* Other elements */
    --progress-color: var(--pink-l2);
    --progress-outline: var(--pink-l2);
    /* Breadcrumbs */
    --breadcrumb-first: var(--pink-d2);
    --breadcrumb-default: var(--pink-d1);
    --breadcrumb-last: var(--pink-l1);
    --breadcrumb-hover: var(--blue-d1);
    /* Inverted stuff */
    --inverted-text: var(--white);
    --inverted-bg: var(--blue-75);
}
/* Classes */
    /* Common */
    .always-top {z-index: 1000000!important}
    .block {display: block}
    .grid {display: grid !important}
    .gap-gutter {gap: var(--gutter)}
    .collapsed {overflow:hidden!important; height: 0!important; padding:0!important; margin:0!important; font-size: 0!important}
    .top {scroll-margin-top: 100vh}
    .flex {display:flex; flex-wrap: wrap}
    .clear {clear: both}
    .fleft {float: left}
    .fright {float: right}
    .nobg {background: none!important}
    .noselect {user-select: none}
    .noscroll {overflow: hidden}
    .inverted {color: var(--inverted-text); background: var(--inverted-bg)}
    .inverted a, .inverted a span {color: var(--inverted-text)}
    .reset {color: inherit; font-family: inherit; font-size: 1em; letter-spacing: inherit; font-variation-settings: inherit}
    .reset-forced {color: inherit; font-family: inherit; font-size: 1em; letter-spacing: inherit; font-variation-settings: inherit!important}
    .reset-caps {color: inherit; font-family: inherit; font-size: 1em; letter-spacing: inherit; font-variation-settings: inherit; text-transform: initial; line-height: inherit}
    .reset-color {color: initial; font-family: inherit; font-size: 1em; letter-spacing: inherit; font-variation-settings: inherit; text-transform: inherit; line-height: inherit}
    .row {display: flex; width: 100%; justify-content: center; align-items: stretch}
    .column {display: flex; flex: 0 0 50%; height: 100%; flex-direction:column; justify-content: center; align-items: stretch; align-self: center}
    .container {display: flex; flex-wrap: wrap; align-items: center; padding: var(--gutter); flex: 0 0 var(--main-max-width); max-width: min(100vw, var(--main-max-width))}
    .margin-top            {margin-top: var(--gutter)!important}
    .margin-top-double     {margin-top: var(--gutter-double)!important}
    .margin-top-triple     {margin-top: var(--gutter-triple)!important}
    .margin-top-half       {margin-top: var(--gutter-half)!important}
    .margin-top-quarter    {margin-top: var(--gutter-quarter)!important}
    .margin-bottom         {margin-bottom: var(--gutter)!important}
    .margin-bottom-double  {margin-bottom: var(--gutter-double)!important}
    .margin-bottom-triple  {margin-bottom: var(--gutter-triple)!important}
    .margin-bottom-half    {margin-bottom: var(--gutter-half)!important}
    .margin-bottom-quarter {margin-bottom: var(--gutter-quarter)!important}
    .margin-bottom-15      {margin-bottom: 15px!important}
    .margin-left           {margin-left: var(--gutter)!important}
    .margin-left           {margin-left: var(--gutter)!important}
    .margin-left-half      {margin-left: var(--gutter-half)!important}
    .margin-left-quarter   {margin-left: var(--gutter-quarter)!important}
    .margin-right          {margin-right: var(--gutter)!important}
    .margin-right-half     {margin-right: var(--gutter-half)!important}
    .margin-right-quarter  {margin-right: var(--gutter-quarter)!important}
    .margin-all            {margin: var(--gutter)}
    .margin-all-15         {margin: 15px}
    .nomargin              {margin:0!important}
    .nomargin-top          {margin-top: 0!important}
    .nomargin-bottom       {margin-bottom: 0!important}
    .nomargin-left         {margin-left: 0!important}
    .nomargin-right        {margin-right: 0!important}
    .overflow-hidden       {overflow: hidden}
    .padding-top           {padding-top: var(--gutter)!important}
    .padding-top-half      {padding-top: var(--gutter-half)!important}
    .padding-bottom        {padding-bottom: var(--gutter)!important}
    .padding-bottom-half   {padding-bottom: var(--gutter-half)!important}
    .padding-left          {padding-left: var(--gutter)!important}
    .padding-left-half     {padding-left: var(--gutter-half)!important}
    .padding-right         {padding-right: var(--gutter)!important}
    .padding-right-half    {padding-right: var(--gutter-half)!important}
    .padding-all           {padding: var(--gutter)}
    .padding-all-half      {padding: var(--gutter-half)}
    .padding-all-15        {padding: 15px}
    .nopadding             {padding:0!important}
    .nopadding-top         {padding-top: 0!important}
    .nopadding-bottom      {padding-bottom: 0!important}
    .nopadding-left        {padding-left: 0!important}
    .nopadding-right       {padding-right: 0!important}
    .pull-up               {margin-top: calc(-1 * var(--gutter)) !important}
    .pull-up-half          {margin-top: calc(-1 * var(--gutter-half)) !important}
    .pull-up-double        {margin-top: calc(-1 * var(--gutter-double)) !important}
    .max-width-100         {max-width: 100%}
    .lh0   {line-height: 0 !important}
    .lh100 {line-height: 100% !important}
    .lh120 {line-height: 120% !important}
    .lh140 {line-height: 140% !important}
    .width-100 {width:100%}
    .flex-100 {flex:0 0 100%}
    .flex-75  {flex:0 0 75%}
    .flex-50  {flex:0 0 50%}
    .flex-25  {flex:0 0 25%}
    /* Inheritance */
    .inherit {all: inherit}
    .inherit-color {color: inherit !important}
    /* Colors and borders */
    .bordered-image, .border-image {border:var(--border-default);box-shadow:var(--shadow-image)}
    .border-10 {border:var(--border-default-10)}
    .border-20 {border:var(--border-default-20)}
    .border-30 {border:var(--border-default-30)}
    .border-40 {border:var(--border-default-40)}
    .border-50 {border:var(--border-default-50)}
    .border-qm {border:var(--border-quick-menu)}
    .outlined, .outlined:hover {outline:1px solid #fff; outline-offset: 7.5px}
    .transparent {background: transparent!important}
	.color-pink {color: var(--pink) !important}
    /* Shadows */
    .box-shadow-15-10 {box-shadow: var(--box-shadow-15-10)}
    .box-shadow-15-20 {box-shadow: var(--box-shadow-15-20)}
    .box-shadow-15-30 {box-shadow: var(--box-shadow-15-30)}
    .box-shadow-15-40 {box-shadow: var(--box-shadow-15-40)}
    .box-shadow-15-50 {box-shadow: var(--box-shadow-15-50)}
    .box-shadow-15-60 {box-shadow: var(--box-shadow-15-60)}
    .box-shadow-15-70 {box-shadow: var(--box-shadow-15-70)}
    .box-shadow-15-80 {box-shadow: var(--box-shadow-15-80)}
    .box-shadow-15-90 {box-shadow: var(--box-shadow-15-90)}
    /* Typeface, fonts and text */
    .important {color:var(--pink)}
    .size-085 {font-size:0.85em}
    a.size-085 > span {font-size: calc(1em / 0.85)}
    .size-1-forced {font-size:1em!important}
    a.size-1-forced > span {font-size: 1em}
    .size-090 {font-size:0.9em}
    a.size-090 > span {font-size: calc(1em / 0.9)}
    .size-1 {font-size: 1em!important}
    a.size-1 > span {font-size: 1em!important}
    .size-11 {font-size:1.1em}
    a.size-11 > span {font-size: calc(1em / 1.1)}
    .size-125 {font-size:1.25em}
    a.size-125 > span {font-size: calc(1em / 1.25)}
    .size-15 {font-size:1.5em}
    a.size-15 > span {font-size: calc(2/3 * 1em)}
    .size-17 {font-size:1.77778em}
    a.size-17 > span {font-size: calc(1em / 1.77778)}
    .size-20 {font-size:2em}
    a.size-20 > span {font-size: calc(1em / 2)}
    .size-225 {font-size:2.25em}
    a.size-225 > span {font-size: calc(1em / 2.25)}
    .size-25 {font-size:2.5em}
    a.size-25 > span {font-size: calc(1em / 2.5)}
    .size-30 {font-size:3em}
    a.size-30 > span {font-size: calc(1em / 3)}
    .italic {font-style: italic}
    .thin, .w100 {font-variation-settings:'wght' 100!important}
    .extralight, .w200 {font-variation-settings:'wght' 200!important}
    .light, .w300 {font-variation-settings:'wght' 300!important}
    .normal, .w400 {font-variation-settings:'wght' 400!important}
    .bold, .w500 {font-variation-settings:'wght' 500!important}
    .bolder, .w600 {font-variation-settings:'wght' 600!important}
    .fat, .w700 {font-variation-settings:'wght' 700!important}
    .superfat, .w800 {font-variation-settings:'wght' 800!important}
    .obese, .w900 {font-variation-settings:'wght' 900!important}
    .underlined {text-decoration: underline}
    .small-caps {font-variant: small-caps}
    .capitalized {text-transform: uppercase}
    .firstcap::first-letter {text-transform: uppercase}
    .centered {width:100%; text-align:center!important}
    .no-text-transform {text-transform: none!important}
    .dimmed {color: var(--text-light-color)}
    .line-height-100 {line-height: 100%!important}
    .line-height-110 {line-height: 110%!important}
    .line-height-120 {line-height: 120%!important}
	.text-left {text-align: left}
	.text-right {text-align: right}
    .text-color-blue {color: var(--blue)}
    .text-color-green {color: var(--green)}
    .text-color-red {color: var(--pink)}
    /* HTML elements */
    ul.inline, ul.nostyle {margin:0; padding:0; list-style:none}
    ul.nostyle li:before {display:none!important}
    ul.inline li {display: inline-flex}
    ul.flex li {display:flex; align-items: center}
    ul.cols-2 {column-count: 2}
    ul.cols-3 {column-count: 3}
    /* Transitions */
    .transition-15  {transition: var(--transition-15)}
    .transition-30  {transition: var(--transition-30)}
    .transition-50  {transition: var(--transition-50)}
    .transition-75  {transition: var(--transition-75)}
    .transition-100 {transition: var(--transition-100)}
    .transition-opacity-15  {transition: var(--transition-opacity-15)}
    .transition-opacity-30  {transition: var(--transition-opacity-30)}
    .transition-opacity-50  {transition: var(--transition-opacity-50)}
    .transition-opacity-75  {transition: var(--transition-opacity-75)}
    .transition-opacity-100 {transition: var(--transition-opacity-100)}
    /* Transforms */
    .rotate-y {rotate: 180deg}
    /* (In)Visibility */
    .invisible {opacity: 0!important; pointer-events: none !important}
    .visible {opacity: 1!important; pointer-events: all!important}
    .hidden {display: none!important}
    /* Alert Boxes */
    .alert {padding: var(--gutter); margin-bottom: var(--gutter); border: var(--border-alert-2); background: var(--bg-alert)}
    .alert h4 {color: var(--alert-color); border-bottom: var(--border-alert-1)}
    /* Warning Boxes */
    .warning {padding: var(--gutter); margin-bottom: var(--gutter); border: var(--border-warning-2); background: var(--bg-warning)}
    .warning h4 {color: var(--warning); border-bottom: var(--border-warning-1)}
    /* Notice Boxes */
    .notice {color:var(--notice-color) !important; padding: var(--gutter); margin-bottom: var(--gutter); border: var(--border-notice); background: var(--notice-bg)}
    .notice * {color:var(--notice-color) !important}
    .notice h4 {color: var(--warning); border-bottom: var(--border-warning-1)}
    /* Positioning */
    .fixed      {position: fixed}
    .absolute   {position: absolute}
    .relative   {position: relative}
    .pos-left   {left: 0}
    .pos-right  {right: 0}
    .pos-top    {top: 0}
    .pos-top-1  {top: 1px}
    .pos-top-2  {top: 2px}
    .pos-bottom {bottom: 0}
    .z-index-1  {z-index: 1}
    /* Togglers */
    .inactive {opacity:0.33; pointer-events: none}
    .inert    {pointer-events: none}
    /* Flexbox Grid */
    .flex-row, .flexbox {display: flex; flex: 100%; flex-wrap: wrap}
    .flex-1        {flex:0 0 100%}
    .flex-2        {flex:0 0 50%}
    .flex-3        {flex:0 0 calc(1/3 * 100%)}
    .flex-4        {flex:0 0 25%}
    .flex-child    {height: 100%; display: flex}
    .flex-h-start  {display: flex; justify-content: flex-start}
    .flex-h-center {display: flex; justify-content: center}
    .flex-h-end    {display: flex; justify-content: flex-end}
    .flex-v-top    {display: flex; align-items: flex-start}
    .flex-v-center {display: flex; align-items: center}
    .flex-v-bottom {display: flex; align-items: flex-end}



/* ========================
    HTML ELEMENTS
   =======================*/

/* General */
hr {
    display: block;
    width: 100%;
    margin: var(--gutter) 0;
    border-top: var(--border-default);
    border-right: none;
    border-bottom: none;
    border-left: none;
}
mark {
    position: relative;
    font-size: 1em;
    font-weight: inherit;
    font-family: inherit;
    font-variation-settings: inherit;
    color:inherit;
    background:transparent;
}
    mark:before {
        position: absolute;
        content: ' ';
        top: 0;
        left: -3.5px;
        width: calc(100% + 7px);
        height: 100%;
        background:var(--mark-color);
        outline:2px solid var(--mark-color);
        z-index: -1;
    }
    :where(h1, h2, h3, h4, strong) mark {
        font-variation-settings: var(--weight-medium);
    }
font {
    color: inherit;
    font-family: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    text-shadow: inherit;
}
figure {
    position: relative;
    line-height: 0;
}
    figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: var(--gutter-quarter) var(--gutter-quarter) var(--gutter-quarter);
        font-size: 0.75em;
        font-style: italic;
        text-align: center;
        color: #fff;
        background: var(--black-50);
        backdrop-filter: blur(3px);
        pointer-events: none;
        transition: var(--transition-30);
    }
figure.article-image,
figure.category-image {
    margin: 0;
    overflow: hidden;
    width: 100%;
    display: inline-flex;
}
figure.content-image {
    display: inline-block !important;
    line-height: 0;
    overflow: hidden;
}
    figure.article-image:after,
    figure.category-image:after {
        display: block;
        content: ' ';
        aspect-ratio: 16/9;
    }
    figure.article-image img,
    figure.category-image img {
        position: absolute;
        top: 0;
        width: 100%;
        object-fit: cover;
    }
    figure.article-image figcaption,
    figure.category-image figcaption {
        text-align: center;
        margin-top: 5px;
    }
    figure.content-image figcaption {
        border-left: var(--border-default);
        border-right: var(--border-default);
        border-bottom: var(--border-default);
    }
    figure.content-image:hover figcaption {
        border-color: var(--a-hover);
        background: var(--black-85);
        bottom: -55px;
    }
picture {
    display: flex;
    overflow: hidden;
}
details {
    user-select: none;
}
details:not(:last-of-type) {
    margin-bottom: var(--gutter-quarter);
}
details[open] summary ~ * {
    animation: sweep .5s ease;
}
    summary {
        position: relative;
        background: transparent;
        outline: none;
        list-style: none;
        color: var(--a-color);
        font-variation-settings: var(--weight-medium);
        cursor: pointer;
        padding: 0 0 0 15px;
    }
        summary:before {
            position: absolute;
            left: -7px;
            content: '▸';
            color: var(--bullet-color);
            font-size: 1.5em;
            transition: var(--transition-50);
        }
        details[open] > summary:before {
            transform: rotate(90deg);
        }
        summary::marker {

        }
        summary:hover {
            color: var(--a-hover);
        }
        details ul {
            margin: 0;
            padding: 0 0 0 var(--gutter);
        }
        .details-content {
            padding: 5px 0;
        }

/* Pseudo Elements */
::selection {
    background: var(--selection-bg);
    color: var(--selection-color);
}

/* Lists */
ul, ol {
    padding-left: var(--ul-padding);
    margin: var(--ul-margin);
}
    ul li::marker {
        color: var(--bullet-color);
        font-size: 1.2em;
        font-variation-settings: var(--weight-medium);
    }
    ol li::marker {
        font-variation-settings: var(--weight-medium);
    }
    ul ul li::marker {
        font-size: 1em;
    }
    ul ol li::marker {
        font-size: 1em;
    }
/* Warning Boxes */
#system-message-container {
    flex: 0 0 100%;
}
    joomla-alert,
    .alert {
        position: relative;
        width: 100%;
        padding: var(--gutter) !important;
        border-radius: 0 !important;
    }
    joomla-alert[type="info"],
    joomla-alert[type="warning"],
    joomla-alert[type="success"],
    .alert-info,
    .alert-warning,
    .alert-success {
        border-width: 3px;
    }
    joomla-alert[type="danger"],
    .alert-danger {
        border: var(--border-warning-2) !important;
    }
        joomla-alert span.info,
        joomla-alert span.danger,
        joomla-alert span.warning,
        .alert span.info,
        .alert span.danger,
        .alert span.warning {
            display: none
        }
        .joomla-alert--close {
            position: absolute !important;
            top: calc(var(--gutter) - 6px) !important;
            right: var(--gutter) !important;
            padding: 0 !important;
            font-family: inherit !important;
            opacity: 1 !important;
            min-width: 0;

        }
            .joomla-alert--close > span {
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                color: #fff;
                width: 32px;
                height: 32px;
                line-height: 92%;
                font-variation-settings: var(--weight-light);
                z-index: 1;
            }
            .joomla-alert--close > span:after {
                position: absolute;
                top: 3px;
                right: 3px;
                display: block;
                content: ' ';
                width: 25px;
                height: 25px;
                background: var(--warning);
                border-radius: 100%;
                z-index: -1;
            }
        joomla-alert .alert-heading > .visually-hidden {
            display: block;
            font-size: 2em;
            line-height: 100%;
            color: var(--warning);
            border-bottom: var(--border-warning-1);
            padding: 0 0 calc(1/2 * var(--gutter));
            margin: 0 0 calc(1/2 * var(--gutter));
            text-transform: uppercase;
            font-variation-settings: var(--weight-medium);
        }

/* Forms */
form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    /* Legend */
    legend {
        padding:0 10px;
    }
    /* Buttons */
    button, input[type*="button"], input.btn, input[type=file]::file-selector-button {
        font-size: 1em;
        line-height: 120%;
        color: #fff;
        cursor: pointer;
        outline: 0;
        min-width: var(--button-min-width);
        height: var(--button-height);
        margin: 0 0 0 calc(1/4 * var(--gutter));
        padding: 8px 10px 10px;
        border: var(--border-default);
        font-variation-settings: var(--weight-medium);
        transition: var(--transition-30);
    }
    .btn-link {
        line-height: 100%;
        cursor: pointer;
        outline: 0;
        min-width: var(--button-min-width);
        height: var(--button-height);
        padding: 8px 10px 10px;
        color: #fff;
        text-align: center;
        font-variation-settings: var(--weight-medium);
        transition: var(--transition-30);
    }
        .btn-link:hover, .btn-link:hover span {
            color: #fff;
        }
    .btn-primary, .btn-violet {
        background: var(--blue);
    }
        .btn-primary:hover, .btn-violet:hover {
            background: var(--blue-d2) !important;
        }
    .btn-secondary, .btn-red {
        background: var(--pink) !important;
    }
        .btn-secondary:hover, .btn-red:hover {
            background: var(--pink-d2) !important;
        }
    .btn-default, .btn-green {
        background: var(--green) !important;
    }
        .btn-default:hover, .btn-green:hover {
            background: var(--green-d2) !important;
        }
    .btn-danger, .btn-red {
        background: var(--pink) !important;
    }
        .btn-danger:hover, .btn-red:hover {
            background: var(--pink-d2) !important;
        }
    .btn-blue {
        background: var(--blue) !important;
    }
        .btn-blue:hover {
            background: var(--blue-d2) !important;
        }
    .btn-orange {
        background: var(--orange) !important;
    }
        .btn-orange:hover {
            background: var(--orange-d2) !important;
        }
    .btn-transparent, .btn-transparent:hover, .btn-transparent:focus {
        border: none !important;
        background: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .btn-icon {
        min-width: 32px !important; width: 32px !important;
        min-height: 32px !important; height: 32px !important;
        padding: 0 !important;
    }

    /* Inputs */
    input, select {
        background: #fff;
        font-size: 1em;
        line-height: 120%;
        color: var(--input-color);
        padding: 8px 10px;
        outline: 1px solid transparent;
        border: var(--border-default);
        transition: var(--transition-15);
    }
        select option {
            background: var(--option-bg);
            font-family: var(--font-text);
            font-weight: var(--weight-normal);
        }
    textarea {
        background: #fff;
        font-size: 1em;
        line-height: 120%;
        color: var(--input-color);
        padding: 8px 10px;
        outline: 1px solid transparent;
        border: var(--border-default);
        transition: var(--transition-15);
        resize: vertical;
        width: 100%;
    }
        input:focus, select:focus, textarea:focus, button:focus {
			outline-color: var(--pink);
            border: var(--border-focus);
            box-shadow: var(--shadow-focus);
        }
    input[type*="radio"],
    input[type*="checkbox"] {
        cursor: pointer;
        margin: 0 10px 0 0;
    }
    label:has(input[type*="checkbox"]:not(.switch)) {
            display: flex;
            align-items: center;
            margin-bottom: var(--gutter-quarter);
            padding: 2px 0;
            font-size: 0.9em;
            font-variation-settings: var(--weight-light);
            cursor: pointer;
    }
    label:has(input[type*="checkbox"]:disabled),
    input[type*="checkbox"]:disabled {
            color: var(--disabled-color);
            cursor: default !important;
    }
        input[type="checkbox"]:not(.switch) {
                  position: relative;
                  top: 2px;
                  appearance: none;
                  display: grid;
                  place-content: center;
                  cursor: pointer;
                  width: 24px;
                  height: 24px;
                  margin: 0 10px 0 0;
                  font: inherit;
                  color: currentColor;
                  border: var(--border-default);
                  background-color: var(--white);
                  transform: translateY(-0.075em);
        }
        input[type="checkbox"]:not(.switch):focus {
                  box-shadow: none;
        }
        input[type="checkbox"]:not(.switch):disabled {
                  background-color: var(--black-05);
        }
                  input[type="checkbox"]:not(.switch)::before {
                        content: "";
                        width: 1em;
                        height: 1em;
                        transition: 120ms transform ease-in-out;
                        transform-origin: bottom left;
                        transform: scale(0);
                        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
                        box-shadow: inset 1em 1em var(--bullet-color);
                  }
                        input[type="checkbox"]:not(.switch):checked::before {
                                transform: scale(1);
                        }
    input[type*="text"],
    input[type*="password"],
    input[type*="email"],
    select {
        width: 100%;
        height: var(--input-height);
    }
    input.switch {
        position: relative;
        top: 4px;
        appearance: none;
        width: 38px!important;
        height: 22px;
        border: none;
        border-radius: 32px!important;
        background: var(--black-20);
        transition: var(--transition-30);
    }
    input.switch:focus {
        border: 0;
        outline: 0;
    }
        input.switch:checked {
            box-shadow: inset 0 0 0 2em var(--cyan-l1) !important;
            padding-left: 26px;
        }
        input.switch:before {
            display: inline-block;
            height: 14px;
            width: 14px;
            margin: -4px 2px 3px -5px;
            background-color: #fff;
            border-radius: 100%;
            transition: var(--transition-30);
        }
        input.switch:before, input.switch:after {
            content: "";
            display: block;
        }
        input.switch:checked::before {
            position: relative;
            left: -1px;
        }
        input.switch:active::before {
            transition: var(--transition-30);
            margin: -5px -5px 3px 1px!important;
        }
    input[type=file] {
        padding:0;
        border:none;
        box-shadow:none;
        outline:none;
    }
        input[type=file]::file-selector-button {
            background: var(--blue) !important;
            margin: 0 var(--gutter-half) 0 0;
        }
        input[type=file]::-webkit-file-upload-button {
            background: var(--blue) !important;
            margin: 0 var(--gutter-half) 0 0;
        }
            input[type=file]::file-selector-button:hover {
                  background: var(--blue-d2) !important;
            }
            input[type=file]::-webkit-file-upload-button:hover {
                  background: var(--blue-d2) !important;
            }
    /* Labels */
    label[for*="translit"]:hover {
        cursor: pointer;
    }
    /* F3 controls */
        /* F3 Checkbox */
        .f3-checkbox {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 1em;
            user-select: none;
            transition: var(--transition-30);
        }
            .f3-checkbox input {
                  position: absolute;
                  opacity: 0;
                  cursor: pointer;
                  height: 0;
                  width: 0;
            }
            .checkmark {
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 25px;
                  width: 25px;
                  background-color: var(--cyan-l1);
                  transition: var(--transition-30);
            }
            .f3-checkbox:hover input ~ .checkmark {
                  background-color: var(--cyan-d1);
            }
            .f3-checkbox input:checked ~ .checkmark {
                  background-color: var(--cyan-d1);
            }
                  .checkmark:after {
                    content: "";
                    position: absolute;
                    opacity: 0;
                    transition: var(--transition-30);
                  }
                  .f3-checkbox input:checked ~ .checkmark:after {
                    display: block;
                    opacity: 1;
                  }
                  .f3-checkbox .checkmark:after {
                    font-family: var(--font-fa);
                    content: '\f00c';
                    color: #fff;
                    font-size: 20px;
                    top: 1px;
                    left: 3px;
                  }
        /* F3 Radio */
        .f3-radio {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 1em;
            user-select: none;
            transition: var(--transition-30);
        }
            .f3-radio input {
                  position: absolute;
                  opacity: 0;
                  cursor: pointer;
                  height: 0;
                  width: 0;
            }
            .radio-button {
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 25px;
                  width: 25px;
                  background-color: var(--cyan-l1);
                  transition: var(--transition-30);
                  border-radius: 50%;
            }
            .f3-radio:hover input ~ .radio-button {
                  background-color: var(--cyan-d1);
            }
            .f3-radio input:checked ~ .radio-button {
                  background-color: var(--cyan-d1);
            }
                  .radio-button:after {
                    content: "";
                    position: absolute;
                    opacity: 0;
                    transition: var(--transition-30);
                  }
                  .f3-radio input:checked ~ .radio-button:after {
                    display: block;
                    opacity: 1;
                  }
                  .f3-radio .radio-button:after {
                    font-family: var(--font-fa);
                    content: '\efe6';
                    color: #fff;
                    font-size: 7px;
                    top: 0;
                    left: 9px;
                  }
    /* Other custom controls */
    .option-group {
        width: 100%;
        margin-bottom: 3px;
    }
    .option-group:last-of-type {
        margin-bottom: 0;
    }
    /* Joomla Form / RSForm blocks and elements */
    .control-group,
    .rsform-block {
        position: relative;
        margin-bottom: var(--gutter);
    }
    .rsform-block.rsform-type-freetext {
            float: right;
            margin-bottom: var(--gutter-half);
            margin-top: var(--gutter-half);
            padding-bottom: var(--gutter-half);
            border-bottom: var(--border-default);
            align-items: center;
    }
.rsform-block.rsform-type-checkboxgroup + .rsform-block.rsform-type-textarea {
        margin-top: var(--gutter-half);
}
        .rsform-block label > strong {
                  color: inherit;
        }
        .rsform-block.rsform-type-freetext p:last-of-type {
                  margin-bottom: 0;
        }
        .rsform-block.rsform-type-freetext + .rsform-block > :where(label, strong) {
                  color: transparent !important;
        }
        .formContainer {
            border: none;
            padding: 0;
            margin: 0 auto;
            width: 100%;
            max-width: 1020px;
        }
        .control-group,
        .rsform-block,
        .control-label,
        .formControlLabel,
        .controls,
        .formControls,
        .formBody,
        .formValidation {
            float: left;
            width: 100%;
            font-variation-settings: var(--weight-medium);
        }
        .formBody {
            text-align: left;
        }
        .rsform-type-submitbutton :where(.formDescription:empty, .formValidation:empty, .formControlLabel:empty) {
            display: none;
        }
        .rsform-type-submitbutton > .formControlLabel {
            display: initial !important;
        }
            .formBody > label,
            .formBody > div > label { /* checkboxes and radio buttons */
                display: block;
            }
            /* RSForm Upload block */
            .rsform-block-upload > div {
                  position: relative;
            }
            .rsfp-field-multiple-plus-button {
                  position: absolute;
                  top:0;
                  right:0;
            }
            .rsfp-field-multiple-plus {
                  margin-top:var(--gutter-quarter);
            }
            .rsfp-field-multiple-plus:first-of-type {
                  margin-top:0;
            }
            .rsform-block-upload .formDescription {
                  position: absolute;
                  margin: 0;
                  bottom: 0;
            }
            .rsform-upload-box {
                  border: none;
                  background: none;
                  padding-left: 0;
            }
            /* RSForm Submit block */
            .rsform-block-send div {
                  width: 100%;
                  max-width: 100%;
            }
                  input[type*="submit"],
                  input[type*="reset"] {
                    height: 40px;
                    min-width: 150px;
                    margin:0 10px;
                    color: #fff;
                    cursor: pointer;
                    font-variation-settings: var(--weight-medium);
                  }
                  .rsform-submit-button {
                        margin-left: 0 !important;
                  }
                  .rsfp-field-multiple-plus-button {
                    background: var(--pink);
                  }
                    .rsfp-field-multiple-plus-button:hover {
                        background: var(--pink-d2);
                    }
                  .rsform-reset-button {
                    background: var(--pink);
                  }
                    .rsform-reset-button:hover {
                        background: var(--pink-d2);
                    }
            /* RSForm Calendar */
            .rsform-block-date .formControls {
                  position: relative;
            }
                  input.rsform-calendar-box {
                        float:left;
                        width: initial;
                        margin-right: -2px;
                    }
                    input.rsform-calendar-button {
                        background: var(--orange);
                        min-width: inherit;
                        width: 40px;
                        height: 40px;
                        margin: 0;
                        padding: 0;
                        cursor: pointer;
                        font-family: var(--font-fa);
                        font-size: 25px;
                        color: #fff;
                        text-shadow: 0 0 1px #fff, 0 0 1px #fff;
                    }
                    input.rsform-calendar-button:hover {
                        background: var(--orange-d1);
                    }
                  .yui-calendar {
                    border: none !important;
                    padding: 0 !important;
                    background: var(--yui-cal-bg) !important;
                  }
                    .yui-calendar {
                        margin: 0;
                        border-collapse: collapse !important;
                    }
                        .yui-calendar th,
                        .yui-calendar td {
                              transition: var(--transition-30);
                        }
                        .yui-calendar a {
                              font-variation-settings: var(--weight-light) !important;
                              outline: none;
                        }
                        .calhead {
                              border: none !important;
                              background: var(--yui-cal-header) !important;
                        }
                              .calhead .calnav {
                                color: var(--header-a) !important;
                                font-size: 1.25em;
                              }
                              .calhead .calnav:hover {
                                background: none !important;
                                border: none !important;
                                color: var(--header-a) !important;
                              }
                              .calhead .calnavleft,
                              .calhead .calnavright {
                                color: transparent !important;
                                background: none!important;
                                width: 32px!important;
                                height: 32px!important;
                                text-indent: initial!important;
                              }
                              .calhead .calnavleft:before,
                              .calhead .calnavright:before {
                                display: block;
                                position: absolute;
                                top:0;
                                font-family: var(--font-fa);
                                color:#fff;
                              }
                              .calhead .calnavleft:before {
                                left:0;
                                content:'\f100';
                              }
                              .calhead .calnavright:before {
                                right:0;
                                content:'\f101';
                              }
                        .calweekdaycell {
                              background: var(--yui-cal-weekdays);
                              color: #fff !important;
                              border-bottom: var(--border-table-outer);
                              border-right: none !important;
                              font-variation-settings: var(--weight-light) !important;
                        }
                        .yui-calendar tbody td {
                              padding: 5px 10px !important;
                              border: var(--border-table-inner) !important;
                              font-variation-settings: var(--weight-light) !important;
                        }
                              .yui-calendar td.calcell.calcellhover,
                              .yui-calendar td.calcell.selected {
                                color: #fff !important;
                                background: var(--bg-header) !important;
                              }
                              .yui-calendar td.calcell.calcellhover .selector,
                              .yui-calendar td.calcell.selected .selector {
                                color: #fff !important;
                              }
                              .yui-calendar td.calcell.oom {
                                background: var(--yui-cal-bg) !important;
                              }
            /* RSForm Special elements */
            .rsform-q {
                  color: var(--white);
                  display: inline-block;
                  padding: 5px;
                  border-radius: 100%;
                  flex: 0 0 34px;
                  height: 34px;
                  text-align: center !important;
                  font-variation-settings: var(--weight-demi);
                  background: var(--bg-rsform-q);
                  margin: 0 10px 0 0;
            }
            /* RSForm Form Error and Validation */
            div[id^="rsform_error"] {
                  width:100%;
                  border: var(--border-oe-rsform-error);
                  background: var(--bg-rsform-error);
                  padding:var(--gutter);
                  text-align: center;
                  margin-bottom: var(--gutter);
            }
                  div[id^="rsform_error"] p {
                    margin:0;
                    font-variation-settings: var(--weight-medium);
                  }
            .rsform-error {
                  border-width: 3px;
                  border-color: var(--pink);
            }
            .formValidation {
                  margin-top: var(--gutter-quarter);
            }
                  .formDescription {
                    padding: var(--gutter-quarter);
                    margin-top: var(--gutter-quarter);
                    font-size: 0.8em;
                    font-variation-settings: var(--weight-medium);
                    background: var(--bg-formDescription);
                  }
                  .formError {
                    display: block;
                    padding: var(--gutter-quarter);
                    margin-bottom: var(--gutter-quarter);
                    font-size: 0.8em !important;
                    font-variation-settings: var(--weight-medium);
                    color:#fff !important;
                    background: var(--bg-formValidation);
                  }
            /* ReCaptcha v3 */
            .grecaptcha-badge {
                  bottom: 0 !important;
                  left: 0 !important;
                  width:70px !important;
                  box-shadow: none !important;
                  border-radius: 0 !important;
                  border-right: var(--border-default) !important;
                  border-top: var(--border-default) !important;
                  border-bottom: var(--border-default) !important;
                  border-left: none !important;
                  transition: var(--transition-30) !important;
                  opacity:0.7;
                  overflow: hidden !important;
                  z-index: 699;
            }
            .grecaptcha-badge:hover {
                  opacity: 1;
                  width: 256px !important;
            }

/* Tables */
table {
    width:100%;
    margin:var(--gutter) auto;
    border:var(--border-table-outer);
    border-collapse: collapse;
    border-spacing: 0;
}
table.dataTable-table {
    margin:0 auto;
}
    thead, table:not(.dataTable-table):not(.yui-calendar):not(#datatable):not(.directoryTable):not(.category):not(.with-header) > tbody > tr:first-of-type {
        border-bottom: var(--border-table-outer);
    }
        th, table:not(.dataTable-table):not(.yui-calendar):not(#datatable):not(.directoryTable):not(.category):not(.with-header) > tbody > tr:first-of-type > td {
            background:var(--th-bg);
            color:var(--white);
            padding:var(--table-padding-default);
            border-right: 1px solid var(--white-15);
            border-bottom: var(--border-table-inner);
            text-transform: uppercase;
            text-align: center;
            font-variation-settings: var(--weight-medium);
        }
        th, table:not(.dataTable-table):not(.yui-calendar):not(#datatable):not(.directoryTable):not(.category):not(.with-header) > tbody > tr:first-of-type > td p,
        th, table:not(.dataTable-table):not(.yui-calendar):not(#datatable):not(.directoryTable):not(.category):not(.with-header) > tbody > tr:first-of-type > td strong {
            text-align: center;
            font-variation-settings: var(--weight-medium);
        }
        .borderless th, .borderless:not(.dataTable-table):not(.yui-calendar):not(.directoryTable):not(.category):not(.with-header) > tbody > tr:first-of-type > td {
                  border-right: none;
        }
        td {
            background:var(--td-bg);
            padding:calc(1/2 * var(--table-padding-default)) var(--table-padding-default);
            border: var(--border-table-inner);
            text-align: left;
            transition: var(--transition-50);
        }
        tr.sum td {
            background:var(--th-bg);
            font-variation-settings: var(--weight-demi);
            border-top-width: 2px;
        }
        tr.section td {
            font-size: 1.1em;
            padding-top: calc(3/4 * var(--gutter));
            padding-bottom: calc(3/4 * var(--gutter));
        }
        tr.shaded td {
            background:var(--td-shaded-bg);
        }
        td:before {
            display: none;
        }
        .dense td {
            padding:calc(1/4 * var(--table-padding-default)) calc(1/2 * var(--table-padding-default)) !important;
        }
        .borderless td {
            padding:calc(1/2 * var(--table-padding-default)) var(--table-padding-default);
            border:none;
        }
        .borderless tbody tr:first-of-type td {
            padding-top: var(--table-padding-default);
        }
        .borderless tbody tr:last-of-type td {
            padding-bottom: var(--table-padding-default);
        }
        th.tleft, td.tleft {text-align: left}
        th.tright, td.tright {text-align: right}
        th.tcenter, td.tcenter {text-align: center}
        table p {margin:0; padding:0}

/* Responsive DIV table */
.f3-table {
    width: 100%;
    margin: var(--gutter) auto;
    border: var(--border-table-outer);
}
    .f3-caption {
        padding: var(--table-padding-default);
        text-align: center;
        font-variation-settings: var(--weight-demi);
    }
    .f3-thead {
        background-color: var(--th-bg);
    }
        .f3-th {
            padding: var(--table-padding-default);
            border-bottom: var(--border-table-inner);
            font-variation-settings: var(--weight-medium);
        }
    .f3-tbody {
    }
        .f3-tr {
        }
            .f3-td {
                  padding: calc(1/2 * var(--table-padding-default)) var(--table-padding-default);
                  background: var(--td-bg);
            }
            .f3-table .f3-tr:first-of-type .f3-td {
                  padding-top: var(--table-padding-default);
            }



/* =======================================
    TEMPLATE SECTIONS AND COMMON ELEMENTS
   ======================================= */

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    position: relative;
    margin: 0;
    padding: 0;
    background: var(--bg-body);
    overflow-x: hidden;
}
body:has(.wf-mediabox) {
    overflow: hidden;
}
    header {
        position: fixed;
        top: var(--favorites-height);
        width: 100%;
        max-width: 100vw;
        display: flex;
        flex: 0 0 100%;
        height: var(--header-height);
        align-items: center;
        justify-content: center;
        background: var(--bg-body);
        border-bottom: 1px solid var(--blue-l2);
        box-shadow: var(--box-shadow-15-30);
        z-index: 1000;
    }
        #favorites {
            position:fixed;
            top: 0;
            width: 100%;
            height: var(--favorites-height);
            margin-left: 0;
            outline: 1px solid var(--white-05);
            z-index: 500;
        }
        #favorites.invisible {
            margin-left:100%;
        }
            #favorites ul {
                display: flex;
                height: 100%;
                margin: 0;
                padding: 0;
            }
            #favorites li {
                display: inline-flex;
                flex: 1;
            }
                #favorites > ul > li:not(.languages) > a {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    justify-content: center;
                    align-items: center;
                    background: var(--bg-favorites);
                    color: var(--header-a);
                    text-align: center;
                }
                #favorites li:not(.languages) a:hover {
                    background: var(--bg-favorites-hover);
                    text-shadow: var(--text-shadow-12-60);
                }
        header::before {
            display: block;
            position: absolute;
            content: '';
            width: 100%;
            background-image: var(--gradient-header);
            pointer-events: none;
        }
        header:not(.min)::before {
            height: var(--header-height);
            opacity: 1;
        }
            header a {
                display: block;
                color: var(--header-a);
                text-align: center;
                user-select: none;
                & > span {
                    display: block;
                    flex: 0 0 100%;
                    color: var(--header-a);
                    text-align: center;
                    font-variation-settings: var(--weight-medium);
                }
            }
            & .left-aligned {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: var(--gutter-third);
                & span.fa {
                    flex:0 0 32px;
                }
                & span.h-txt {
                    flex:0 0 calc(100% - 32px);
                    padding-left: var(--gutter-half);
                    & span {
                        display: block;
                        text-align: left;
                        white-space: pre-line;
                        line-height: 100%;
                        width: 100%;
                        color: var(--header-a);
                    }
                    & span.h-label {
                        font-size-adjust: 0.42;
                        margin-bottom: 5px;
                        text-transform: uppercase;
                    }
                    & span.h-entry {
                        font-size-adjust: 0.37;
                    }
                }
            }
            header a:hover > span {
                color: var(--header-a) !important;
                background: transparent !important;
            }
            #header-left {
                padding-left: var(--gutter);
                overflow: hidden;
                z-index: 1;
            }
            #header-right {
                padding-right: var(--gutter);
                overflow: hidden;
                z-index: 1;
            }
            :where(#header-left, #header-right) > a {
                display: flex;
                align-content: center;
                justify-content: center;
                flex-wrap: wrap;
                outline: 1px solid transparent;
                aspect-ratio: 5/4;
                margin-left: var(--gutter);
            }
    header.min {
        height: var(--header-min-height);
        background: var(--bg-header-min);
        border-bottom-color: var(--grey-80);
        box-shadow: var(--box-shadow-15-50);
        top: 0;
        & #logo {
            height: 100%;
        }
    }
        header.min::before {
            opacity: 0;
            height: var(--header-min-height);
        }
        header.min a {
            color: var(--header-min-a);
            outline: none !important;
            z-index:1000;
            & > span {
                font-size: 0 !important;
                height: 0 !important;
            }
        }
        #logo {
            display: flex;
            align-items: center;
            background: none;
        }
            #logo img {
                  width: auto;
                  max-width: 100%;
                  height: calc(100% - 30px);
                  filter: brightness(100);
            }
            html:not([class*="dark"]) .min #logo img {
                  filter: initial;
                  transition: none;
            }
                  #logo img:hover {
                        filter: brightness(100) drop-shadow(var(--text-shadow-12-60));
                  }
    #progress {
        position: fixed;
        left: 0;
        top: calc(var(--header-min-height) + 1px);
        width: 0;
        height: 2px;
        background: var(--progress-color);
        outline: 1px solid var(--progress-outline);
        box-shadow:0 0 3px #000;
        z-index:400;
    }
    /* Fullscreen modules */
    #modules-fs {
        position: fixed;
        top: 0; left: 0; bottom: 0; right: 0;
        background: transparent;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        z-index: 900;
    }
        /* General */
        .module-fs {
            position: absolute;
            opacity: 0;
            pointer-events: none;
            z-index: 605;
        }
        .module-fs:not(.more-space) {
            top: calc(var(--header-height) + var(--gutter) + var(--favorites-height));
        }
        .module-fs.more-space {
            top: calc(var(--header-height) + var(--gutter-double)) !important;
        }
        .module-fs.more-space h4 {
            font-size: 2em;
            padding-bottom: 0;
            margin-bottom: var(--gutter-double);
        }
        #backdrop {
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            backdrop-filter: blur(15px);
            background: var(--bg-backdrop);
            z-index: 601;
        }
        /* Phone directory */
        #phone-directory {
            padding: var(--gutter);
        }
            #phone-directory-close {
                  position: absolute;
                  top: 0; right: 0;
                  background: transparent;
                  border: none;
                  box-shadow: none !important;
                  outline: 0 !important;
                  z-index: 1;
            }
            #phone-directory-close::after {
                  position: absolute;
                  display: block;
                  content: '\f057';
                  width: 32px;
                  height: 32px;
                  top: 16px;
                  right: var(--gutter);
                  font-family: var(--font-fa);
                  font-size: 32px;
                  line-height: 100%;
                  transition: var(--transition-50);
                  color: var(--a-color);
            }
            #phone-directory .cell.directory-call:hover {
                  background: var(--bg-quick-menu-hover);
            }
                  #phone-directory .cell.directory-call:hover * {
                    color: #fff;
                  }
                  #phone-directory a span {
                      display: block;
                  }
        /* Navigation */
        #navigation {
            overflow: hidden;
            & h4 {
                display: none; /* idea */
            }
        }

    #settings-bar {
        position: fixed;
        top: calc(var(--header-height) + var(--favorites-height) + var(--gutter-quarter));
        left: -100%;
        line-height: 100%;
        padding: var(--gutter);
        background: var(--bg-settings);
        outline: var(--outline-settings);
        outline-offset: -1px;
        border: 1px solid var(--bg-settings);
        box-shadow: var(--box-shadow-15-50);
        opacity: 0;
        pointer-events: none;
        z-index: 400;
    }
    #settings-bar.visible {
        left: -4px;
    }
    #settings-bar.move-up {
        top: calc(1/2 * var(--header-height) + var(--gutter));
    }
        .settings-group:not(:last-of-type),
        form.settings-group {
            display: block;
            margin-bottom: var(--gutter);
        }
            #settings-bar label {
                  color: var(--header-a);
            }
            .settings-label {
                  display: block;
                  width: 100%;
                  font-variation-settings: var(--weight-medium);
                  padding-bottom: var(--gutter-quarter);
                  margin-bottom: calc(1/4 * var(--gutter));
                  border-bottom: 1px solid var(--white-30);
            }
            .settings-info {
                  color: var(--header-a);
                  font-size: 0.85em;
                  margin-left: 3px;
                  cursor: help;
            }
            :is(.settings-group, .option-group) > a {
                  display: flex;
                  align-items: center;
                  color: var(--header-a);
            }
                  :is(.settings-group, .option-group) > a > span.fa {
                    min-width: 30px;
                    color: inherit;
                  }
                  :is(.settings-group, .option-group) > a > span:not(.fa) {
                    margin-left: var(--gutter-half);
                    color: inherit;
                  }
                  :is(.settings-group, .option-group) > a:hover {
                    color: var(--glow-hover);
                    background: none;
                    text-shadow: var(--text-shadow-12-60);
                  }
            :is(#settings-accessibility, #settings-transliteration) :where(.option-group label, span),
            .theme-link {
                  opacity: 0.4;
            }
            :is(#settings-accessibility, #settings-transliteration) :where(.option-group label.active, span.active),
            .theme-link.active {
                  opacity: 1;
            }
            .translated-ltr #settings-transliteration {
                  display:none
            }
    main {
        position: relative;
        padding-top: var(--gutter);
        padding-bottom: var(--gutter);
        min-width: var(--main-min-width);
        max-width: var(--main-max-width);
        margin: calc(var(--header-height) + var(--favorites-height)) auto 0 auto;
        z-index: 100;
    }
    main:has(.fw-heroimage) {
        padding-top: 0;
    }
    main.with-slideshow {
        margin: var(--gutter) auto 0 auto;
    }
        #breadcrumbs {
            width: 100%;
            text-align: center;
        }
        #content {
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }
        #content:has(#hero-image) {
            position: static;
        }
        #content.fullwidth {
            padding-left:0;
        }
            #content img {
                max-width: 100%;
                height: auto;
            }
            article {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }
                #hero-image {
                    position: absolute;
                    top: 0;
                    left: calc(-1 * (100vw - var(--main-max-width)) / 2);
                    width: 100vw;
                    aspect-ratio: 3/1;
                    margin-bottom: calc(100vw / 3 + var(--gutter-double));
                    z-index: -1;
                    & figure {
                        margin: 0;
                    }
                    & picture {
                        width: 100%;
                    }
                    & img {

                    }
                    & #title {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100vw;
                        background: var(--black-60);
                        backdrop-filter: blur(6px);
                    }
                }
                #title {
                    flex:0 0 100%;
                    text-align: center;
                }
                    .article-update-date {
                        font-variation-settings: var(--weight-demi);
                        color: var(--warning);
                        margin-bottom: 0;
                    }
                    .article-update:last-of-type p:last-of-type {
                        margin-bottom: 0;
                    }
                .cutline {
                    margin-bottom: var(--gutter);
                }
                .cutline p {
                    font-variation-settings: var(--weight-medium);
                    font-size: 1.2rem;
                }
                .cutline p * {
                    font-variation-settings: var(--weight-medium);
                    font-size: 1em;
                }

        /* Homepage Quick Menu */
        #quick-menu, #quick-menu-edu {
            margin-bottom: var(--gutter)
        }
            :is(#quick-menu, #quick-menu-edu) .moduletable {
                  padding: var(--gutter);
                  flex:0 0 calc(1/3 * 100% - calc(2/3 * var(--gutter)));
                  margin:0 var(--gutter) 0 0;
                  border: var(--border-module-h3);
                  background: var(--bg-quick-menu) !important;
            }
        :is(#quick-menu, #quick-menu-edu) .moduletable:nth-of-type(3) {
            margin-right: 0;
        }
        :is(#quick-menu, #quick-menu-edu) .moduletable:hover {
            background: var(--bg-quick-menu-hover) !important;
        }
            :is(#quick-menu, #quick-menu-edu) .moduletable > span {
                  line-height: 100%;
            }
            :is(#quick-menu, #quick-menu-edu) .fa {
                  line-height: 100%;
                  color: var(--orange);
                  text-shadow: var(--text-shadow-11-30);
            }
                  :is(#quick-menu, #quick-menu-edu) .moduletable:hover .fa {
                        text-shadow: var(--text-shadow-32-60);
                  }
            :is(#quick-menu, #quick-menu-edu) p {
                  text-align: center;
                  font-variation-settings: var(--weight-400);
            }
            :is(#quick-menu, #quick-menu-edu) img {
                  filter: brightness(100%) invert(0) drop-shadow(var(--text-shadow-11-30));
                  height: 100%;
            }
            :is(#quick-menu, #quick-menu-edu) .moduletable:hover img {
                  filter: brightness(0%) invert(1) drop-shadow(var(--text-shadow-32-60));
            }
            :is(#quick-menu, #quick-menu-edu) .moduletable:hover * {
                  color: #fff;
            }

        /* Homepage Boxes */
        #box-grid {
            display: grid;
            width: 100%; /* Takes all available space */
            gap: var(--gutter);
            box-sizing: border-box; /* Ensure padding and borders are included in width */
            padding: 0; /* No padding to ensure no gap with the container edges */
        }
            #box-grid .home-box {
                position: relative;
                overflow: hidden;
                outline: 1px solid transparent;
                outline-offset: -1px;
                border: var(--border-module-h3);
                aspect-ratio: 1;
                box-sizing: border-box;
                & img {
                    margin: 0;
                    width: 100% !important;
                    filter: saturate(33%);
                    transition: var(--transition-50);
                }
                & h4 {
                    position: absolute;
                    bottom: 0;
                    margin: 0;
                    width: 100%;
                    color: var(--white);
                    padding: var(--gutter);
                    text-align: center;
                    letter-spacing: -1px;
                    font-variation-settings: var(--weight-300);
                    background: var(--pink-40);
                    backdrop-filter: blur(7px);
                    transition: var(--transition-50);
                }
            }
            #box-grid .home-box:hover {
                & img {
                    filter: saturate(100%);
                }
                & h4 {
                    opacity: 0;
                }
            }
        #modules {
            position: relative;
        }
        #modules.invisible {
            opacity: 0;
            height: 0;
        }
        #modules.collapsed {
            flex: 0;
            padding: 0;
        }
    #modules-am {
        max-width: var(--main-max-width);
        min-width: var(--main-max-width);
        margin: 0 auto;
    }
        #modules-am > .moduletable {
            flex: 0 0 100%;
            border: none;
            padding: 0;
                  box-shadow: none;
        }
        #modules-am > .moduletable h3 {
            text-align: center;
            margin-bottom: var(--gutter);
            padding-bottom: var(--gutter);
            border-bottom: var(--border-module-h3);
        }
    #bottom {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 var(--gutter) var(--gutter);
    }
    #subfooter {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        width: 100%;
        left: 0;
        background: var(--bg-subfooter);
        align-items: center;
        justify-content: center;
        z-index: 99;
    }
        #subfooter img {
            filter: brightness(100);
        }
        #subfooter h3,
        #subfooter p,
        #subfooter li,
        #subfooter span,
        #subfooter strong,
        #subfooter em {
            color: var(--footer-text);
        }
        #subfooter h3 {
            margin-top: 0;
        }
        .subfooter p:first-of-type {
            margin-top: 0;
        }
        .subfooter img {
            max-width: 100%;
        }
        #subfooter a {
            color: var(--footer-text);
        }
        #subfooter a:hover {
            color: var(--footer-text);
        }
        #subfooter a:not(.fat):hover {
            text-shadow: var(--text-shadow-11-30);
        }
        #subfooter .moduletable {
            box-shadow: none;
            align-self: stretch;
        }
    footer {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        width: 100%;
        left: 0;
        padding: var(--gutter);
        background: var(--bg-footer);
        align-items: center;
        justify-content: center;
        z-index: 700;
    }
        footer p {
            flex:0 0 100%;
            margin: 0;
            text-align: center;
            color: var(--footer-text);
        }
        #social-links {
            margin-bottom: var(--gutter-quarter);
        }
            #social-links a {
                  color: var(--header-a);
                  margin:0 5px;
            }
            #social-links .social {
                  position: relative;
                  text-align: center;
                  color: #fff;
                  transition: var(--transition-50);
            }
                  #social-links .social:before {
                    position: absolute;
                    display: block;
                    content: '';
                    top: 0;
                    left: 0;
                    transition: var(--transition-50);
                    transform: scale(0.8);
                    z-index: -1;
                  }
                  #social-links .social:hover {
                    text-shadow: 0 0 5px var(--glow-hover);
                    filter: drop-shadow(0 0 5px var(--glow-hover));
                  }
                    #social-links .social:hover::before {
                        filter: drop-shadow(0 0 15px var(--glow-hover));
                        background: var(--glow-hover);
                    }
            #social-links .sn {
                  padding-top: 5px;
                  padding-bottom: 5px;
                  margin-right: 0;
                  border-left: 1px solid var(--white-20);
            }
    .accessibility-sticky #accessibility {
        bottom: var(--gutter-half) !important;
    }
    /* Back to Top link */
    #back-top {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        line-height: 100%;
        border-radius: 100%;
        pointer-events: none;
        scroll-behavior: smooth;
        z-index: 699;
        opacity: 0;
    }
    #back-top.visible {
        opacity: 0.8 !important;
    }
        #back-top.visible:hover {
            opacity: 1 !important;
        }
        #back-top:after {
            display: block;
            content: ' ';
            position: absolute;
            top:-1%; left:-1%;
            width: 102%;
            height: 102%;
            background: var(--bg-back-top);
            border: 1px solid var(--grey-70);
            filter: drop-shadow(0 0 3px var(--accessibility-icon-shadow));
            border-radius: 100%;
            z-index: -1;
        }



/* =======================
    COMPONENTS, MODULES
   ======================= */

/* COMPONENTS */
	/* com_acym */
		/* Common */
		.acym_module_form {
			display: block;
		}
		.acym-block {
			display: table;
			margin: 0 auto var(--gutter);			
		}
		.acym_lists {
			& .onelist {
				display: block;
				min-height: 15px;
				&:not(:last-of-type) {
					margin-bottom: 15px;	
				}
			}
			& input {
				float: left;
				display: inline-grid !important;
			}
			& label {
				float: left;
			}
		}
		form[id*="formAcym"] {
			& .acym-fields {
				width: 100%;
				& label {
					width: 100%;
					& span {
						display: none;
					}
				}
				& > .onefield {
					float: left;
					& input {
						min-width: 100% !important;
						width: 100% !important;
					}
				}
				& .subbutton {
					min-width: 100% !important;
					width: 100% !important;
					text-transform: uppercase !important;
				}
			}
		}
		/* Newsletter page */
		#substance .acym_module_form {
			margin-top: var(--gutter-half);
		}
		.newsletter-container {
			background: var(--white);
		}
		.newsletter-txt {
			padding: var(--gutter) !important;
		}
		.newsletter-column {
			padding: 0;
			& img {
				margin: 0 !important;
			}
		}
    /* com_content */
        /* Common */
        .article-section {
            width: 100%;
        }
        #substance .article-section:not(:last-of-type) {
            margin-bottom: var(--gutter-double)
        }
            .section-title {
                  padding: var(--gutter-half) var(--gutter-half) calc(3px + var(--gutter-half)) var(--gutter-half);
            }
            .article-section:not(.article-text):not(.category-desc) a {
                  font-variation-settings: var(--weight-light);
            }
            #modules .moduletable {
                    background: var(--black-03);
            }
        /* Category view */
            /* Article filter */
            #article-filter {
                display: grid;
                grid-template-rows: 0fr;
                transition: grid-template-rows 1s;
                width: 100%;
                background: var(--gradient-module);
                border: var(--border-module);
                box-shadow: var(--box-shadow-446-10);
                padding: var(--gutter);
                margin: 0 0 var(--gutter) 0;
                overflow: hidden;
                & h4 {
                    top: var(--gutter);
                    left: var(--gutter);
                }
                & #filter-control-toggle {
                    top: var(--gutter);
                    right: var(--gutter);
                    color: var(--blue);
                    transform-origin: center center;
                    z-index:100;
                }
                & form {
                    min-height: 2em;
                    opacity: 0;
                    transition: var(--transition-30);
                    transition-delay: 0.5s;
                    & .filter-control-section {
                        padding-top: var(--gutter-double);
                    }
                }
            }
            #article-filter[open] {
                height: auto;
                grid-template-rows: 1fr;
                & #filter-control-toggle {
                    transform: rotateZ(180deg);
                }
                & form {
                    opacity: 1;
                }
            }
            /* Common */
            section.category {
                  display: flex;
                  flex-wrap: wrap;
                  width: 100%;
            }
            .category.with-hero-image {
                /* hero image is 100vw x 100vw/3, 40px = breadcrumbs height (always), gutter = breadcrumbs lower margin */
                padding-top: calc(100vw / 3 - 40px - var(--gutter));
            }
                  .category-title {
                    margin-bottom:var(--gutter);
                  }
                  .category #substance {
                    display: flex;
                    flex-wrap: wrap;
                  }
                    .category-desc {
                        text-align: center;
                    }
                        .category-desc h2,
                        .category-desc h3,
                        .category-desc h4,
                        .category-desc ul,
                        .category-desc ol,
                        .category-desc p {
                              text-align: left;
                        }
                    .category-items {
                        display: flex;
                        flex-wrap: wrap;
                    }
                        .category-item img {
                              transition: var(--transition-50);
                              background: none;
                        }
                        .cat-item-content {
                              padding:var(--gutter);
                        }
                              .with-article-info .cat-item-info {
                                top: var(--gutter);
                                left: var(--gutter);
                                padding: var(--gutter-half);
                                border: 1px solid rgba(255,255,255,0.3);
                                background: var(--black-30);
                                backdrop-filter: blur(5px);
                                box-shadow: 0 0 3px var(--black-30);
                                opacity: 1;
                                transition: all 0.5s ease;
                                pointer-events: none;
                              }
                              .with-article-info:hover .cat-item-info {
                                opacity: 0.1;
                              }
                              .with-article-info h3 {
                                width: calc(100% + calc(2 * var(--gutter)));
                                padding: var(--gutter);
                                margin-left: calc(-1 * var(--gutter));
                              }
                                .with-article-info .cat-item-info :where(span, time) {
                color: #fff;
                text-shadow: 1px 1px 2px var(--black-30);
                                }
                              .cat-item-title {
                                font-variation-settings: var(--weight-demi) !important;
                              }
                  /* Blog view */
                  .category-items article {
                    background: var(--white-65);
                    border: 1px solid var(--black-15);
                  }
                  .cat-leading {
                    align-content: baseline;
                    background: transparent;
                    transition: var(--transition-50);
                  }
                  .cat-leading:hover {
                    border: 1px solid var(--black-30);
                    background: var(--white);
                    box-shadow: 0 0 15px 0 var(--black-30);
                  }
                    .cat-leading .item-content {
                        padding:var(--gutter);
                    }
                        .cat-leading .cat-item-image a {
                              line-height: 0;
                              background: none;
                        }
                        .cat-leading h3 a {
                              background: none;
                        }
                        .cat-leading .teaser {
                              margin: var(--gutter) 0 0;
                        }
                  .cat-item-content h3 a {
                      color: var(--color-text);
                  }
                  .cat-intro-container {
                    display:flex;
                    flex-wrap: wrap;
                  }
                    .cat-intro {
                        display: block;
                        border:var(--border-default-30);
                    }
                        .cat-intro .teaser {
                              display: none;
                        }
                  .blog-info strong, .blog-info time {color: var(--grey-85);}
                  /* F3-Flex-Stacked */
                  .view-f3-stacked article {
                    margin-bottom: var(--gutter);
                  }
                    .view-f3-stacked .cat-item-image > a {
                        display: block;
                    }
                    .view-f3-stacked .cat-item-title {
                        line-height: 100%;
                    }
                  /* F3-Flex-Boxes: Directory, Flex-1, Flex-2 */
                    /* Common */
                    .view-ft-directory article,
                    .view-ft-flexbox article,
                    .view-ft-flex-1 article,
                    .view-ft-flex-2 article {
                        transition: var(--transition-30);
                    }
                    .view-ft-flex-1 article:hover {border: 1px solid var(--black-30);
                        background: var(--white);
                        box-shadow: 0 0 15px 0 var(--black-30);
                    }
                    .view-ft-directory article .wrapper,
                    .view-ft-flexbox .wrapper,
                    .view-ft-flex-1 .wrapper,
                    .view-ft-flex-2 .wrapper {
                        display: flex;
                        flex-wrap: wrap;
                        flex:0 0 100%;
                        background: transparent;
                        overflow: hidden;
                    }
                        .view-ft-directory article .block-title,
                        .view-ft-flexbox .block-title,
                        .view-ft-flex-1 .block-title,
                        .view-ft-flex-2 .block-title {
                              width:100%
                        }
                        .view-ft-directory article .etc-row,
                        .view-ft-flexbox .etc-row,
                        .view-ft-flex-1 .etc-row,
                        .view-ft-flex-2 .etc-row {
                              align-items: center;
                        }
                            .view-ft-directory article .etc-row > a,
                            .view-ft-flexbox .etc-row > a,
                            .view-ft-flex-1 .etc-row > a,
                            .view-ft-flex-2 .etc-row > a {
                                font-variation-settings: var(--weight-light);
                            }
                            .view-ft-directory article .desc,
                            .view-ft-flexbox .desc,
                            .view-ft-flex-1 .desc,
                            .view-ft-flex-2 .desc {
                                display: block;
                                line-height: 120%;
                            }
                        .view-ft-directory article .person-etc .fa,
                        .view-ft-flexbox .person-etc .fa,
                        .view-ft-flex-1 .person-etc .fa,
                        .view-ft-flex-2 .person-etc .fa {
                              width:32px;
                              text-align: left;
                              margin-right: 8px;
                              display: block;
                        }
                        /* F3-Flex-Boxes: Directory */
                        .view-ft-directory article .person-name,
                        .view-ft-directory article .person-name span,
                        .view-ft-flexbox .person-name,
                        .view-ft-flexbox .person-name span {
                              line-height: 120%;
                        }
                        .view-ft-directory article .etc-row,
                        .view-ft-flexbox .etc-row {
                              margin-bottom: 5px!important;
                              text-align: left;
                        }
                        .view-ft-directory article .person-job,
                        .view-ft-flexbox .person-job {
                              font-variant: small-caps;
                              text-transform: lowercase;
                        }
                        .view-ft-directory article .person-job strong,
                        .view-ft-flexbox .person-job strong {
                                display: block;
                                line-height: 110%;
                              }
                        .view-ft-directory article .loc,
                        .view-ft-flexbox .loc {
                              display: inline-block;
                              text-transform: capitalize;
                              font-variation-settings: var(--weight-medium);
                        }
                        /* F3-Flex-Boxes: Flex-1 */
                        .view-ft-flex-1 .etc-row.profile {
                              position: absolute;
                              right: var(--gutter);
                              bottom: var(--gutter);
                        }
                        /* F3-Flex-Boxes: Flex-2 */
                        .source-url {
                              font-size: 0.75em;
                        }
                        .view-ft-flex-2 h3 span {
                              display: block;
                              line-height: 120%;
                              margin-top: var(--gutter-quarter);
                        }
                        .view-ft-flex-2 .readmore {
                              position: absolute;
                              right: var(--gutter);
                              bottom: var(--gutter);
                        }
                    /* Directory */
                    .view-ft-directory {
                        display: grid;
                        width: 100%;
                        gap: var(--gutter);
                        box-sizing: border-box;
                        padding: 0;
                        & article {
                            position: relative;
                            overflow: hidden;
                            transition: var(--transition-50);
                            box-sizing: border-box;
                            box-shadow: 5px 5px 25px var(--black-30);
                            &:hover {
                                 box-shadow: 0 0 15px 0 var(--black-50);}
                            & img {
                                margin: 0;
                                width: 100%;
                                transition: var(--transition-50);
                            }
                            & h3 {
                                font-variation-settings: 'wght' 300;
                                font-size: 2.25em;
                                letter-spacing: 0;
                                & a {
                                    color:var(--color-text);
                                }
                                & span.anchor {
                                    margin: 0;
                                }
                            }
                            & .person-job {
                                margin:4px 0 !important;
                                text-align: left;
                            }
                            & .etc-row.desc {
                                margin-bottom: 0 !important;
                            }
                            & .etc-row.desc:empty {
                                display:none;
                            }
                            & .etc-row.email {
                                margin-top: var(--gutter-half) !important;
                                padding-top: var(--gutter-half);
                                border-top: var(--border-default-10);
                            }

                        }
                    }

        /* Article view */
            /* Common */
            .ai-aspect {
                  background-size: cover!important;
                  background-repeat: no-repeat!important;
                  background-position: center center!important;
            }
            .ai-aspect:after {
                  display: block;
                  content:' ';
            }
            .ai-aspect-0:after {
                  padding-top: 0!important;
            }
            .ai-aspect-34:after {
                  padding-top: calc(133.33% - 2px)!important;
            }
            .ai-aspect-43:after {
                  aspect-ratio: 4/3!important;
            }
            .ai-aspect-169:after {
                  aspect-ratio: 16/9!important;
            }
            .ai-aspect-1851:after {
                  aspect-ratio: 1.85/1!important;
            }
            .ai-aspect-11:after {
                  padding-top: 100%!important;
            }
            .ai-aspect-21:after {
                  aspect-ratio: 2/1!important;
            }
            .ai-aspect-31:after {
                  aspect-ratio: 3/1!important;
            }
            .full-width-container {
                  display: flex;
                  position: relative;
                  flex: 0 0 100vw;
                  width: 100vw;
                  margin-left: calc(-1/2 * (100vw - 100%));
                  line-height: 0;
                  justify-content: center;
                  margin-bottom: var(--gutter);
            }
                  .fw-image {
                    width:100%;
                    height:auto;
                  }
                  .fw-title {
                    color: var(--white);
                    position: absolute;
                    bottom: calc(2 * var(--gutter));
                    text-align: center;
                    margin: 0;
                    padding: var(--gutter);
                    max-width: calc(100% - 4 * var(--gutter));
                    font-size: 2.5em
                  }
                  .fw-text {
                    color: var(--white);
                    position: absolute;
                    bottom: calc(4 * var(--gutter));
                    margin: 0;
                    padding: var(--gutter);
                    max-width: calc(100% - 4 * var(--gutter));
                  }
                .fw-title-outside-image {
                    color: var(--white);
                    position: absolute;
                    top: calc(2 * var(--gutter));
                    margin: 0;
                    max-width: calc(100% - 4 * var(--gutter));
                    font-size: 2.5em;
                    font-variation-settings: var(--weight-450);
                    z-index:10;
                }
                .fw-text-outside-image {
                    color: var(--white);
                    position: absolute;
                    top: calc(4 * var(--gutter));
                    margin: 0;
                    padding-top: var(--gutter-half);
                    max-width: calc(100% - 4 * var(--gutter));
                    z-index:10;
                }
            .hero-image {
                & img {
                    object-fit: contain;
                }
                & .hero-info {
                    display: table;
                    margin-inline: auto;
                    width: 100%;
                    bottom: var(--gutter);
                    & span {
                        display: block;
                        color: var(--white);
                    }
                    & .hero-title {
                        margin-bottom: var(--gutter-half);
                    }
                    & .hero-text {
                        text-shadow: var(--text-shadow-11-60);
                    }
                }
            }

            /* Article title */
            .title-block-image {
                  justify-content: center;
            }
                  .h1-img {
                    width: 100%;
                    max-width: 80px!important;
                  }
                  .supertitle {
                    display: block;
                    width: 100%;
                    margin-bottom: 10px;
                    font-size: 1.35em;
                    font-variation-settings: var(--weight-medium);
                    text-transform: uppercase;
                    color: var(--color-h1);
                  }
                    .supertitle.extlink {
                        text-transform: initial;
                        font-size: 1em;
                    }
                  .subtitle {
                    float: left;
                    display: block;
                    width: 100%;
                    font-style: italic;
                    text-transform: none;
                    margin: 5px 0 10px;
                    color:inherit;
                    letter-spacing: -0.75px;
                  }
                  .article-title h4 {
                    margin-top: var(--h4-title-margin-top);
                    padding-bottom: 0;
                  }
                  .blog-entry .article-title h4 {
                    text-transform: none;
                    font-style: italic;
                    font-size: 1.25em;
                    margin-top: calc(-2 / 3 * var(--gutter));
                    font-variation-settings: var(--weight-light) !important;
                  }
                    .article-title h4 time {
                        font-family: inherit;
                        font-size: inherit;
                        font-style: inherit;
                        color: inherit;
                        font-variation-settings: inherit;
                    }
                  .article-links {
                    display: inline-flex;
                    margin-top: calc(1/2 * var(--h4-title-margin-top));
                    background: none;
                    align-items: center;
                  }
                    .article-links > span {
                        margin-right: 10px;
                    }
            /* Article Image */
            .image-wrapper {
                  display: table;
                  margin: 0 auto;
                  text-align: center;
                  width: 100%;
            }
            /* Article text */
            #fulltext {
                  text-align: center;
            }
                  #fulltext :where(h2, h3, h4, ul, ol, p) {
                    text-align: left;
                  }
                  #fulltext :where(h2, h3) {
                      margin-top: var(--gutter);
                  }
            .content-image .user-image {
                  outline: 1px solid transparent;
                  transition: var(--transition-50);
            }
                  .content-image:hover .user-image {
                    border-color: var(--a-hover);
                    outline: 1px solid var(--a-hover);
                  }
            /* Taglist */
            .taglist-icon {
                  color: var(--taglist-icon);
                  pointer-events: none;
            }
            .tag a {
                  font-variation-settings: var(--weight-medium);
            }
            /* Content */
            .article-text {
            }
                    #important {
                        padding: var(--gutter);
                        border: var(--border-warning-2);
                        border-radius: 16px;
                    }
                        #important h2 {
                              position: relative;
                              margin-top: 0;
                              padding-bottom: var(--gutter-half);
                              border-bottom: var(--border-h2);
                        }
                              #important h2 span.fa {
                                position: absolute;
                                right: 0;
                                line-height: 108%;
                                color: inherit;
                                font-size: 1em;
                              }
                        #important h2 .anchor {
                              scroll-margin-top: calc(1.35 * var(--header-min-height) + var(--gutter));
                        }
                        #important ul {
                              padding-left: 9px;
                        }
                              #important li {
                                margin-bottom: 5px;
                              }
                        #important :last-child {
                              margin-bottom: 0;
                        }
                  .article-text img {
                    margin-top: var(--gutter-half);
                    margin-bottom: var(--gutter-half);
                  }
                  .article-text ul {
                    list-style: none;
                  }
                    .article-text li {
                        position: relative;
                        padding-left: 7.5px;
                    }
                    .article-text ul li:before {
                        position: absolute;
                        top: -1px;
                        left: -10px;
                        content: '●';
                        color: var(--bullet-color);
                    }
                    .article-text ul ol li:before {
                        content: none;
                    }
                    #classification {
                    }
                        #classification a {
                              font-variation-settings: var(--weight-light);
                        }
                        .icd10-link > * {
                              background: none !important;
                              color: inherit;
                        }
                        .icd10-link > strong {
                              margin-right:5px;
                        }
                        .icd10-link > em {
                              margin-left:1px;
                              font-variation-settings: var(--weight-light);
                        }
                    #notice {
                        padding: var(--gutter);
                        border: var(--border-notice-2);
                        border-radius: 16px;
                        box-shadow: var(--box-shadow-446-10);
                    }
                        #notice h2 {
                              position: relative;
                              margin-top: 0;
                              border-bottom: var(--border-module);
                        }
                              #notice h2 span.fa {
                                position: absolute;
                                right: 0;
                                line-height: 108%;
                                color: inherit;
                              }
                        #notice h2 .anchor {
                              scroll-margin-top: calc(1.35 * var(--header-min-height) + var(--gutter));
                        }
                        #notice ul {
                              padding-left: 9px;
                        }
                              #notice li {
                                margin-bottom: 5px;
                              }
                        #notice :last-child {
                              margin-bottom: 0;
                        }
                    #recommendations {
                        padding: var(--gutter);
                        border: var(--border-info-2);
                        border-radius: 16px;
                        background: var(--bg-recommendations);
                        box-shadow: var(--box-shadow-446-10);
                    }
                        #recommendations h2 {
                              color: var(--recommendation);
                              position: relative;
                              margin-top: 0;
                              border-bottom: var(--border-module);
                        }
                              #recommendations h2 span.fa {
                                position: absolute;
                                right: 0;
                                line-height: 108%;
                                color: inherit;
                              }
                        #recommendations h2 .anchor {
                              scroll-margin-top: calc(1.35 * var(--header-min-height) + var(--gutter));
                        }
                        #recommendations ul {
                              padding-left: 9px;
                        }
                              #recommendations li {
                                margin-bottom: 5px;
                              }
                        #recommendations :last-child {
                              margin-bottom: 0;
                        }
            /* Related articles - Article Field plugin */
            .article-related a {
                  display:table;
                  margin-bottom:5px;
            }
            /* Attachments */
            #attachments {
                  scroll-margin-top: var(--header-min-height);
            }
            #attachment-files {

            }
                  #attachment-desc {
                    margin-bottom: var(--gutter);
                  }
                  #attachment-files > span {
                    display: flex;
                    align-items: center;
                    margin-bottom: var(--gutter-half);
                  }
                  #attachment-files a {
                    display: inline-flex;
                    background: none!important;
                  }
                  .file-icon {
                    display: inline-flex;
                  }
                    .file-icon:after {
                        font-family: inherit;
                        display: inline-flex;
                        width: 32px;
                        height: 32px;
                        justify-content: center;
                        margin-right: 10px;
                        color: var(--a-color);
                        font-size: 2em;
                        transition: inherit;
                    }
                    #attachment-files > span:hover .file-icon:after {
                        color: var(--a-hover);
                    }
                    .file-jpg:after, .file-png:after, .file-svg:after, .file-webp:after {
                        content: '\f1c5';
                    }
                    .file-doc:after, .file-docx:after, .file-odt:after {
                        content: '\f1c2';
                    }
                    .file-rtf:after {
                        content: '\f15c';
                    }
                    .file-pdf:after {
                        content: '\f1c1';
                    }
                    .file-xls:after, .file-xlsx:after, .file-ods:after {
                        content: '\f1c3';
                    }
                    .file-ppt:after, .file-pptx:after, .file-odp:after {
                        content: '\f1c4';
                    }
                    .file-zip:after, .file-rar:after, .file-7z:after {
                        content: '\f1c6';
                    }
                    .file-csv:after {
                        content: '\f6dd';
                    }
                    .file-mp3:after {
                        content: '\f478';
                    }
            /* External Links */
            .link-icon {
                  margin-right:10px;
            }
            /* Event Location */
            #event-location > div {
                  border: var(--border-default);
            }
        /* Special pages: Locations */
        .ft-location {
            border: var(--border-default);
            width: 100%;
            min-height: 80vh;
        }
        /* Special pages: People */
        #person-image {
            padding-bottom: var(--gutter);
        }
        #person-image figcaption {
            padding: var(--gutter-half);
            font-size: 1em;
        }
        #person-image img {
            height: auto;
        }
        :where(#person-image, #person-bio, #person-book) .action {
            background-color: var(--pink-d2) !important;
            background-image: none !important;
            border: var(--border-module);
            box-shadow: var(--box-shadow-446-10);
            transition: var(--transition-30);
            color: var(--white) !important;
            &:hover {
                background-image: none !important;
                background-color: var(--pink-d1) !important;
                color: var(--white) !important;
            }
            & span {
                color: var(--white) !important;
            }
        }
            :where(#person-image, #person-bio, #person-book) .action :is(a, a:hover) {
                width: 100%;
                justify-content: center;
                color: var(--white);
            }
            :where(#person-image, #person-bio, #person-book) .action a span {
                color: inherit !important;
            }
        /* Special pages: Event (article class: .edu) */
    .edu .article-section > h2.indexed {
        color: var(--inverted-text);
        background: var(--inverted-bg);
        padding: var(--gutter-half);
    }
        .edu .article-section > h2.indexed > span.heading_text {
            padding:0 0 3px;
            border:none;
            background: none;
            line-height: 100%;
        }
        .edu #event-focus {
            margin-bottom: var(--gutter) !important;
        }
        .edu .article-text .rl_quickindex {
            margin-bottom: var(--gutter-double) !important;
        }
        .edu #lecturers .category-item {
            padding-inline: 0;
        }
        .edu #lecturers .wrapper {
            outline: none;
        }
        .edu #lecturers .wrapper:hover {
            border: var(--border-article-list);
        }

    /* com_fields */
        /* ACF gallery */
            /* Thumbnail view */
            .tf-gallery-wrapper {
                  margin-top: var(--gutter);
            }
            .gallery-items a {
                  background:none!important;
            }
                  .gallery-items img {
                    outline:var(--border-default);
                  }
            /* Zoom View */
                  /* Overlay */
                  #glightbox-body > .goverlay {
                    background: #000 !important;
                    opacity: 0.95;
                    backdrop-filter: blur(3px);
                  }
                  /* Navigation buttons */
                  .gcontainer button {
                        position: absolute;
                        width: 48px; height: 48px;
                        min-width: initial;
                        border: none;
                        background: transparent !important;
                        opacity: 1 !important;
                    }
                    .gcontainer button.gbtn.gclose {
                        top: var(--gutter);
                        right: var(--gutter);
                    }
                    .gcontainer button.gbtn.gprev {
                        top: initial;
                        bottom: var(--gutter);
                        left: var(--gutter);
                    }
                    .gcontainer button.gbtn.gnext {
                        top: initial;
                        bottom: var(--gutter);
                        right: var(--gutter);
                    }
                    .gcontainer button:focus { /* clear focus borders */
                        border: none;
                        outline: none;
                        box-shadow: none;
                    }
                    .gcontainer button svg { /* clear SVG icons */
                        display: none !important;
                    }
                        .gcontainer button:after { /* create FA icon pseudo-objects */
                              display: block;
                              content: ' ';
                              position: absolute;
                              width: 48px; height: 48px;
                              top: 0; left: 0;
                              font-family: var(--font-fa);
                              font-size: 48px;
                              line-height: 100%;
                              background-color: var(--cyan-60);
                              border-radius: 100%;
                              transition: var(--transition-50);
                              color: #fff;
                        }
                        .gcontainer button:hover:after {
                              background-color: var(--cyan-d1);
                        }
                        .gcontainer button.gbtn.gclose:after {
                              content:'\f057';
                        }
                        .gcontainer button.gbtn.gprev:after {
                              content:'\f137';
                        }
                        .gcontainer button.gbtn.gnext:after {
                              content:'\f138';
                        }
                    /* Watermark */
                    .gslide-image::after {
                        position: absolute;
                        display: block;
                        content: '';
                        left: var(--gutter);
                        top: var(--gutter);
                        width: calc(100% - var(--gutter-double));
                        height: calc(100% - var(--gutter-double));
                        background: url('../../../../../files/images/site/logo.svg') center center no-repeat;
                        background-size: contain;
                        opacity: 0.05;
                    }
    /* com_finder */
        /* finder form */
        #finder-form {
            width:100%;
            margin: var(--gutter) 0;
        }
        .js-finder-searchform {
            justify-content: center;
        }
            .js-finder-searchform fieldset {
                  border: none;
                  padding: 0;
            }
            .js-finder-searchform legend {
                  display: none;
            }
            #finder-form .input-group {
                  text-align: center;
            }
        /* finder results */
        #search-query-explained {
            font-size: 1.25em;
        }
            #search-query-explained strong a {
                  font-size: 1.25em;
                  font-variation-settings: var(--weight-demi);
            }
        .finder-item:not(:last-of-type) {
            margin-bottom: var(--gutter-half);
            padding-bottom: var(--gutter-half);
            border-bottom: var(--border-default);
        }
        .finder .supertitle {
            margin-bottom: 0;
        }
        .finder-title {
            margin-bottom: 0;
        }
            .finder-url {
                  position: relative;
            }
            .finder-item-title {
                  position: relative;
                  z-index: 100;
                  margin: var(--gutter-quarter) 0;
            }
                  .finder-item-title a {
                    font-family: inherit;
                    font-size: inherit;
                  }
            .finder-item-description:first-letter {
                  text-transform: uppercase;
            }
            .finder-item-type {
                  position: relative;
                  top: -2px;
                  color: inherit;
                  font-size: 0.7em;
                  margin-right: 3px;
            }
        .awesomplete {
            z-index: 120;
        }
            .awesomplete mark {
                  outline: none !important;
                  background:var(--mark-color) !important;
            }

    /* com_rsform */
        /* Common */
        .form h1 {
            margin-bottom: 0;
        }
        .login form fieldset {
            margin: var(--gutter) auto 0;
        }
        /* Field types */
            /* Calendar popup */
            .rsform-block-date.rsform-type-calendar button {
                  position: relative;
                  width: 64px;
                  min-width: 64px;
                  padding: 0;
                  font-family: var(--font-fa);
                  font-size: 28px;
                  color: transparent;
                  background-color: var(--pink) !important;
            }
                  .rsform-block-date.rsform-type-calendar button:after {
                    display: block;
                    position: absolute;
                    top: 4px;
                    left: 21px;
                    width: 28px;
                    height: 28px;
                    content: "";
                    background-image: url('../../fonts/fontawesome/fa6/svgs/solid/calendar-clock.svg');
                    background-repeat: no-repeat;
                    background-position: center center;
                    filter: invert(1);
                  }
            .rsform-block-date.rsform-type-calendar button:hover {
                  background: var(--pink-d2) !important;
            }
        /* Submission Directory */
            /* Full view */
            .rsfp-directory-search {
                  display: flex;
		flex-wrap: wrap;
                  flex: 0 0 100%;
                  justify-content: center;
                  align-items: center;
            }
                  #rsfilter {
                    width: 100%;
		    max-width: 400px;
                    margin:0 var(--margin-default) 0 var(--margin-quarter);
                  }
            .directoryTable {
                  max-width: initial;
                  margin: var(--margin-default) 0 0;
            }
                  .directoryTable th {
                    text-transform: initial;
		    padding: var(--padding-default);
                  }
                  .directoryTable td {
                    text-transform: initial;
		    padding: var(--padding-default);
                  }
                  .directoryTable tr:hover td {
                    background: var(--td-hover-bg);
                  }
			.directoryEntry {
				display: block;
				white-space: pre-wrap;
				max-height: 150px;
				overflow: hidden;
				text-overflow: ellipsis;
			}
                  .directoryActions a {
                    display: inline-block;
                    font-size: 1.5em !important;
                    background: none !important;
		    margin-inline: 5px;
                  }
                    .directoryActions a span {
                        color: var(--a-color);
                    }
                    .directoryActions a:hover span {
                        color: var(--a-hover);
                    }
                  .directoryGrid {

                  }
                    .directoryGrid label {
                        display: none;
                    }
            /* Submission view */
                  .form-actions {
                    display: flex;
                    order: 1;
                    flex: 0 0 100%;
                    justify-content: flex-end;
                    margin-bottom: var(--margin-default);
                    padding-bottom: var(--padding-default);
                    border-bottom: var(--border-default-30);
                  }
                  .rsform-table {
                    order: 2;
                    flex: 0 0 100%;
                    max-width: initial !important;
                  }
                  #directoryEditForm .form-actions {
                    margin-bottom: 0;
                    padding-bottom: 0;
                    border-bottom: none;
                    justify-content: center;
                  }
		.rsform-table :where(.rsform-main-title.rsform-title, .rsform-big-subtitle.rsform-title, .rsform-small-subtitle.rsform-title) {
			display: inline-block !important;
			font-weight: initial !important;
			padding: 0 !important;
			border: none !important;
		}
		.rsform-table .rsform-main-title.rsform-title {
			min-width: 75px;
			font-size: 2em !important;
			font-variation-settings: 'wght' 600 !important;
			font-weight: 600 !important;
			color: #333 !important;
			margin: 0 0 var(--margin-default) !important;
			border: none !important;
		}
		.rsform-table .rsform-big-subtitle.rsform-title {
			font-size: 2em !important;
			font-variation-settings: 'wght' 600 !important;
			font-weight: 600 !important;
			color: #333 !important;
			margin: 0 0 var(--margin-default) !important;
		}
		.rsform-table .rsform-small-subtitle.rsform-title {
			width: 100% !important;
			font-size: 1.1em !important;
			font-variation-settings: 'wght' 350 !important;
			font-weight: 350 !important;
			color: #666 !important;
			margin: 0 0 var(--margin-double) !important;
		}
		.rsfp-table .rsform-table-row {
			background-color: var(--black-05) !important;
			padding: var(--padding-half) !important;
			margin-bottom: var(--margin-half) !important;
		}
			.rsform-table-row .rsform-left-col {
				width: 100% !important;
				font-variation-settings: 'wght' 500 !important;
				font-weight: initial !important;
			}
			.rsform-table-row .rsform-right-col {
				width: 100% !important;
				margin-left: 0 !important;
				color: #666 !important;
			}
            /* Edit View */
            .rsform-dir-edit-container {
		    display: flex;
		    flex-wrap: wrap;
	    }
		.rsform-dir-row {
			flex: 0 0 100%;
		}
			.rsform-dir-input textarea {
				width: 100% !important;
			}

    /* com_tags */
        #tags.tags-top {
            margin-top:var(--gutter);
        }
        #tags.tags-bottom {
            padding-top: var(--gutter);
            margin-top: calc(-1 * var(--gutter));
            border-top: var(--border-h2);
        }
            .tags-title {
                  margin-bottom: var(--gutter);
            }
            .tags-title .supertitle,
            .tags-title h1 {
                  margin: 0;
            }
            .tags-index {
                  float: left;
                  width: 100%;
                  list-style: none;
                  margin: 0;
                  padding: var(--gutter);
                  border: var(--border-default);
            }
                  .tag-index {
                    text-align: center;
                  }
                    .tag-index a {
                        font-variation-settings: var(--weight-normal);
                    }

    /* com_users */
    .com-users {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
        .login-description {
            flex:0 0 100%;
        }
        form.com-users {
            max-width: 640px;
        }
        .com-users .controls {
            position: relative;
        }
        .input-password-toggle {
            display: flex;
            justify-content: center;
            position: absolute;
            top: 0;
            right: 0;
            width: 53px;
            min-width: 40px;
        }
            .show-password {
                  position: relative;
                  line-height: 0;
                  font-size: 0;
            }
            .show-password:after {
                  position: absolute;
                  top: 11px;
                  display: block;
                  font-size: 24px;
                  text-shadow: 0 0 1px #000;
         }
                  .icon-eye:after {
                    left: -13px;
                    content: '\f06e';
                  }
                  .icon-eye-slash:after {
                    left: -14px;
                    content: '\f070';
                  }
            .show-password:hover:after {
                  color: var(--a-hover);
                  text-shadow: 0 0 1px var(--a-hover);
            }

/* MODULES */
    /* Common */
    .moduletable {
        padding: var(--gutter);
        margin-bottom: var(--gutter);
    }
    .moduletable.fw-heroimage {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: var(--gutter);
    }
        .moduletable h3 {
            margin-bottom: var(--gutter-half);
            padding-bottom: var(--gutter-half);
            border-bottom: var(--border-module-h3);
        }
        .moduletable[class*="fa-icon"] h3 {
                  position: relative;
                  padding-right: 50px;
        }
                  .moduletable[class*="fa-icon"] h3:after {
                      position: absolute;
                      right: 0;
                      top: 0;
                      font-family: var(--font-fa);
                      font-size: inherit;
                      font-weight: initial;
                      font-size: 0.85em;
                  }
                  .moduletable.fa-icon-latest h3:after {
                        content: '\f1ea';
                  }
                  .moduletable.fa-icon-schedule h3:after {
                        content: '\e5e2';
                  }
                  .moduletable.fa-icon-call h3:after {
                        content: '\e224';
                  }
                  .moduletable.fa-icon-mostread h3:after {
                        content: '\f7e8';
                  }
                  .moduletable.fa-icon-icd h3:after {
                        content: '\f7fd';
                  }
                  .moduletable.fa-icon-readmore h3:after {
                        content: '\f7e8';
                  }
                  .moduletable.fa-icon-toc h3:after {
                        content: '\e1d2';
                  }
        .moduletable ul {
            padding:0 0 0 15px;
        }
            .moduletable ul li {
                  line-height: 115%;
            }
            .moduletable ul li:last-of-type {
                  margin-bottom: 0;
            }
        .moduletable > div:not(.partner) > *:last-child {
            margin-bottom: 0;
        }
        .moduletable:not(.subfooter) a, .moduletable:not(.subfooter) a > span {
            font-variation-settings: var(--weight-demi);
            background: none;
            line-height: 130%;
            color: var(--a-color);
        }
        .moduletable a:hover, .moduletable a:hover > span {
            color: var(--a-hover);
        }
    /* Common Module types */
        /* Article list, Related list, no image [mod_articles_category, mod_articles_news] */
        .module-type-articles-list .article-group:not(:last-of-type) {
            margin:0 0 var(--gutter);
        }
        .module-type-articles-list h4 {
            padding:0;
            margin:0 0 10px;
        }
        .module-type-articles-list ul {
            list-style: none;
            padding:0;
            margin:0;
            border-left:var(--border-article-list);
        }
        .module-type-articles-list li {
            position: relative;
            width:100%;
            padding-left: var(--gutter-half);
        }
            .module-type-articles-list li:before {
                  position: absolute;
                  left: -1px;
                  top: 0;
                  content: ' ';
                  width: 2px;
                  height: 100%;
                  background-color: transparent;
                  transition: var(--transition-30);
            }
            .module-type-articles-list li:hover:before {
                  background-color:var(--pink-d2);
            }
        .module-type-related-list a {
            display: block;
            position: relative;
            width:100%;
            padding: 3.5px 0 3.5px var(--gutter-half);
        }
            .module-type-related-list a:before {
                  position: absolute;
                  left: -1px;
                  top: 0;
                  content: ' ';
                  width: 2px;
                  height: 100%;
                  background-color: transparent;
                  transition: var(--transition-30);
                  border-left:var(--border-article-list);
            }
            .module-type-related-list a:hover:before {
                  background-color:var(--cyan-50);
            }
        .article-link {
            display: block;
        }
        .article-category {
            display: block;
        }
        .article-date {
            display: block;
            color: var(--text-light-color);
            margin-top: 1px;
        }
        /* Article list, image [mod_articles_news] */
        .module-type-articles-image {
        }
            .module-type-articles-image figure {
            }
                  .module-type-articles-image img {
                    transition: var(--transition-50);
                  }
                  .module-type-articles-image img:hover {
                    transform: scale(1.25);
                  }
            .module-type-articles-image > div:not(:last-of-type) {
                  position: relative;
            }
            .module-type-articles-image > div:not(:last-of-type):after {
                  display: block;
                  content: "";
                  width: 33%;
                  height: 1px;
                  background-color: #ddd;
            }
        /* Common types, hidden date */
        .no-date .article-date {
            display: none;
        }
        /* Navigation modules */
        #mainnav {

        }
            #mainnav h3 {
                margin-bottom: var(--gutter);
                padding-bottom: var(--gutter);
                border-bottom: var(--border-default);
            }
            #nav-input {
                margin-bottom: var(--gutter);
            }
            #nav-filter {
                overflow-y: auto;
            }
                #mainnav ul {
                      list-style: none;
                      margin: 0;
                }
                #mainnav ul.top-level {
                      padding: 0;
                }
                      #mainnav li {
                        margin: var(--gutter-third) 0;
                      }
                      #mainnav li.separator {
                        width: 75%;
                        border-bottom:var(--border-default-30);
                        padding-bottom: 3px;
                      }
                      #mainnav li.space-after {
                        margin-bottom: var(--gutter);
                        padding-bottom: var(--gutter);
                        border-bottom: var(--border-h2);
                      }
                      #mainnav li.space-before {
                        margin-top: var(--gutter);
                        padding-top: var(--gutter);
                        border-top: var(--border-h2);
                      }
                      #mainnav li.active:not(.parent) > a {
                        color: var(--nav-active);
                        font-variation-settings: var(--weight-medium);
                      }
                      #mainnav a {
                        position: relative;
                        color: var(--nav-a);
                        font-variation-settings: var(--weight-light);
                        /*outline: 4px solid transparent;*/
                      }
                      #mainnav a:hover {
                        color: var(--nav-a-hover);
                      }
                        #mainnav .sub-level .filtered {
                            display: none;
                        }
                        #mainnav .sub-level .filtered.block {
                            display: block;
                        }
                            #mainnav a.highlight {
                                  background: var(--bg-nav-highlight);
                                  color: var(--nav-highlight-color);
                            }
                            #mainnav ul:not(.top-level) > li.filtered > a.highlight {
                                  /*outline: 4px solid var(--bg-nav-highlight);*/
                            }
                      #mainnav .top-level > .parent > a {
                        display: block;
                        color: var(--nav-category);
                        text-transform: uppercase;
                        font-variation-settings: var(--weight-demi) !important;
                        background: none;
                        /*outline: 4px solid transparent;*/
                      }
                      #mainnav .top-level > .parent > a.highlight {
                        background: var(--bg-nav-highlight) !important;
                        color: var(--nav-highlight-color) !important;
                        /*outline: 4px solid var(--bg-nav-highlight) !important;*/
                      }
                        #mainnav .top-level > .parent > a:hover {
                            color: var(--nav-category-hover);
                        }
                      .nav-heading:not(.nav-column) {
                        display: block;
                        background: var(--bg-nav-heading);
                        color: var(--nav-heading-color);
                        text-transform: uppercase;
                        font-variation-settings: var(--weight-demi);
                        letter-spacing: 0.75px;
                        cursor: default;
                      }
                      .nav-heading.nav-column {
                        display:block;
                        padding: 3px 0 3px 0;
                        text-transform: uppercase;
                        font-size: 1.3em;
                        width: 100%;
                        font-variation-settings: var(--weight-demi) !important;
                      }
                      #mainnav .admin-link {
                        background: var(--bg-nav-admin-heading)!important;
                        color: #fff!important;
                        text-indent: var(--gutter-quarter);
                      }
        /* A simple ul/li/a list of links */
        .moduletable.module-type-links {

        }
        .moduletable.module-type-calendar {

        }
        .moduletable.module-type-external {

        }
        .moduletable.module-type-events {

        }

    /* mod_custom: ticker */
    .ft-ticker {
        width: 100%;
        height: 80px;
        overflow: hidden;
        white-space: nowrap;
        & .ft-ticker-wrapper {
              display: inline-block;
              /*margin-top: 5px;*/
              will-change: transform;
              animation: marquee 90s linear infinite;
              & .ft-ticker-item {
                    display: inline-block;
                    padding: 0 1rem;
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 600;
              }
        }
    }

    /* mod_f3_popup */
    #ft-popup {
        position: fixed;
        left: 0; top: 0;
        display: flex;
        width: 100%;
        height: 100%;
        background-color: var(--bg-body-95);
        overflow: hidden;
        backdrop-filter: blur(5px);
        z-index: 9999;
    }
        #ft-popup-inner {
            display: inherit;
            position: relative;
            overflow: hidden;
            height: auto;
            align-self: center;
            margin: 0 auto;
            padding: 0 var(--gutter) var(--gutter) var(--gutter);
            background-color: rgba(255,255,255,0.9);
            border: var(--border-default);
            border-radius: 16px;
            box-shadow: var(--box-shadow-15-30);
            z-index: 10000;
        }
            #ft-popup-overlay {
                  background-color:transparent;
                  position:fixed;
                  top:0;
                  left:0;
                  right:0;
                  bottom:0;
                  display:block;
                  z-index: 10000;
            }
            #ft-popup-close {
                  position: absolute;
                  right: var(--gutter);
                  z-index: 10001;
            }
                  #ft-popup-close::after {
                    font-family: var(--font-fa);
                    content: '\f057';
                    color: #fff;
                    cursor: pointer;
                  }
            #ft-popup-content {
                  position: relative;
                  top: 0;
                  left: 0;
                  width: 100%;
                  z-index: 10001;
            }
                  #ft-popup-content h3 {
                    color: var(--white);
                    text-align: center;
                    background: var(--blue);
                    text-transform: uppercase;
                    line-height: 100%;
                  }
                  #ft-popup-content p,
                  #ft-popup-content li,
                  #ft-popup-content strong,
                  #ft-popup-content em {
                    color: var(--grey);
                  }
                  #ft-popup-content a {

                  }
                  #ft-popup-content p:last-child,
                  #ft-popup-content ul:last-child,
                  #ft-popup-content li:last-child {
                    margin-bottom: 0;
                  }
    /* mod_f3_slideshow */
    #f3-slider-container {
        width: 100%;
        margin: calc(var(--header-height) + var(--favorites-height)) auto 0 auto;
        z-index: 100;
    }
    .aspect-0 {
        padding-top: 0!important;
    }
    .aspect-34 {
        padding-top: calc(133.33% - 2px)!important;
    }
    .aspect-43 {
        aspect-ratio: 4/3!important;
    }
    .aspect-169 {
        aspect-ratio: 16/9!important;
    }
    .aspect-1851 {
        aspect-ratio: 1.85/1!important;
    }
    .aspect-11 {
        padding-top: 100%!important;
    }
    .aspect-21 {
        aspect-ratio: 2/1!important;
    }
    .aspect-31 {
        aspect-ratio: 3/1!important;
    }
        .f3-slide {
            width: 100%;
            height: 100%;
            background-size: cover!important;
            opacity: 0;
            pointer-events: none;
            transition: var(--transition-50);
            z-index: 101;
        }
        #active-slide.f3-slide {
            opacity: 1;
            pointer-events: all;
        }
            .f3-special-link {
                position: absolute;
                top: 0; bottom: 0; left: 0; right: 0;
                transition: transform 4s ease-in-out;
                transition-delay: 0.4s;
                background-size: cover!important;
            }
            #active-slide .f3-special-link {
                  transform: scale(1.1);
            }
            .f3-slide-text {
                  width:100%;
                  padding:var(--gutter);
            }
            .f3-slide-nav {
                  display: block;
                  position: absolute;
                  top: calc(50% - 0.4em);
                  line-height: 100%;
                  color: #fff;
                  text-shadow: 2px 2px 2px #000;
                  pointer-events: none;
                  opacity: 0;
                  transition: var(--transition-50);
                  cursor: pointer;
                  z-index: 102;
            }
                  #f3-slider-container:hover .f3-slide-nav {
                    opacity: 1;
                    pointer-events: all;
                  }
                  #f3-slide-prev.f3-slide-nav {
                    left:var(--gutter);
                  }
                  #f3-slide-next.f3-slide-nav {
                    right:var(--gutter);;
                  }
    /* mod_breadcrumbs */
    #breadcrumbs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-table;
        transition: var(--transition-50);
    }
    .theme-default-dark #breadcrumbs ul {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px var(--black-30);
    }
        #breadcrumbs ul li {
            display: inline-flex;
            height: 40px;
            align-items: center;
        }
            #breadcrumbs ul li a,
            #breadcrumbs ul li > span {
                  display: flex;
                  position: relative;
                  align-items: center;
                  background: var(--breadcrumb-default);
                  justify-content: center;
                  margin: 0;
                  text-decoration: none;
            }
            #breadcrumbs ul > li:first-of-type > a:first-of-type > span {
                  position: relative;
                  color: transparent;
            }
            #breadcrumbs ul > li:first-of-type > a:first-of-type > span:before {
                  position: relative;
                  left: 4px;
                  font-family: var(--font-fa);
                  content: '\f015';
                  color: var(--white);
                  padding: 6px;
                  filter: drop-shadow(0 0 1px var(--white-30));
            }
                  #breadcrumbs ul li a span {
                    display: block;
                    padding: 10px 10px 10px 30px;
                    line-height: 99%;
                    color: #fff;
                  }
                  #breadcrumbs ul li a:before {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 18px solid transparent;
                    border-left: 20px solid var(--bg-body);
                    position: absolute;
                    left: 0;
                    top: 0;
                    transition: var(--transition-30);
                  }
                  #breadcrumbs ul li a:after {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 18px solid transparent;
                    border-left: 20px solid var(--breadcrumb-default);
                    position: absolute;
                    right: -20px;
                    top: 0;
                    z-index: 1;
                    transition: var(--transition-30);
                  }
            #breadcrumbs ul li:first-child a {
                  background: var(--breadcrumb-first);
                  border-top-left-radius: 10px;
                  border-bottom-left-radius: 10px;
                  max-height: 38px;
            }
            #breadcrumbs ul li:first-child a:after {
                  border-left-color: var(--breadcrumb-first);
            }
                  #breadcrumbs ul li:first-child a span {
                    padding-left: 20px;
                  }
                  #breadcrumbs ul li:first-child a:before {
                    display: none;
                  }
            #breadcrumbs ul li:last-child a {
                  background: var(--breadcrumb-last);
                  padding: 0 10px 0 0;
                  border-top-right-radius: 10px;
                  border-bottom-right-radius: 10px;
                  pointer-events: none;
            }
            #breadcrumbs ul.last-clickable li:last-child a {
                  pointer-events: all;
            }
                  #breadcrumbs ul li:last-child a:after {
                    display: none;
                  }
            #breadcrumbs ul li:not(:last-child):hover a {
                  background: var(--breadcrumb-hover);
            }
                  #breadcrumbs ul li:not(:last-child):hover a:after {
                    border-left-color: var(--breadcrumb-hover);
                  }
    /* mod_finder */
    #finder {
        padding:var(--gutter);
    }
    #finder p {
        width: 100%;
        text-align: center
    }
    #finder .awesomplete,
    #finder input {
        width: 100%;
    }
    /* mod_languages */
    #language-switcher {
        display: flex;
        flex-wrap: wrap;
        background: var(--bg-favorites);
        outline: 1px solid var(--bg-header);
        overflow: hidden;
        transition: var(--transition-30);
    }
    #language-switcher:hover,
    #language-switcher.active {
        background-color: var(--bg-favorites-hover);
    }
    #language-switcher.active {
        overflow: inherit;
    }
        #language-label {
            display: flex;
            flex:0 0 100%;
            height: 100%;
            outline: 1px solid var(--bg-header);
            justify-content: center;
            align-items: center;
            color: var(--header-a);
            cursor: pointer;
            font-variation-settings: var(--weight-medium);
        }
            #language-label, #language-label > span {
                  transition: var(--transition-30);
            }
            #language-label:hover, #language-label:hover > span, .active #language-label {
                  text-shadow: var(--text-shadow-12-60);
            }
            .lang-icon {
                  color:inherit;
                  margin-left: 10px;
                  font-size: 1.4em;
            }
        #language-list {
            position:relative;
            left:-1px;
            flex:0 0 calc(100% + 2px);
            flex-wrap: wrap;
        }
        #language-switcher:not(.active) #language-list a,
        #navigation.invisible:not(.visible) #language-switcher a {
            pointer-events: none;
        }
            #language-list li {
                  background-color: var(--bg-favorites-hover);
                  border-bottom: 1px solid var(--bg-header);
                  transition: var(--transition-30);
            }
            #language-list li:first-of-type {
                  border-left: 1px solid var(--bg-header);
            }
            #language-list li:hover {
                  background-color: var(--bg-favorites);
            }
            .lang {
                  padding: calc(2 * var(--gutter)) var(--gutter) var(--gutter);
                  flex: 0 0 100%;
                  opacity: 0.33;
                  width: 100%;
                  height: 100%;
                  justify-content: center;
                  align-items: center;
                  color: var(--header-a);
                  text-align: center;
                  font-variation-settings: var(--weight-light);
            }
            .lang:hover,
            .lang-active {
                  opacity: 1;
                  color: var(--header-a) !important;
            }
    /* mod_gtranslate */
        /* Flags */
        .gtranslate_wrapper {width: 100%}
        .gt_switcher {position: relative; transition: var(--transition-50); outline: 1px solid transparent; transition-delay: 0.15s}
        .gt_switcher:has(.gt_option.open) {box-shadow:0 0 15px var(--white-50); outline-color: var(--white-10)}
        .gt_switcher:before {position:absolute; left: var(--gutter-half); width:100%; height:var(--favorites-height); display:flex; align-items:center; font-family: var(--font-fa); font-size:1.5em; color: var(--header-a); content: '\f1ab'; text-indent: var(--gutter-quarter); pointer-events:none; z-index:10000}
        html[class*="translated"] .gt_switcher:before {content: ' '; background: url("../../images/google-translate.svg") center left no-repeat; background-size: 32px; filter:drop-shadow(1px 1px 1px var(--black-30))}
        .gt_switcher a {text-decoration:none; display:block; box-sizing:content-box}
        .gt_switcher a img {position:relative; left:-2.5px; width:32px; height:32px; margin-right:2.5px}
        .gt_switcher .gt_selected {position:relative; z-index:9999}
        .gt_switcher .gt_selected a {height: var(--favorites-height)}
        .gt_switcher .gt_selected > a {display: flex; justify-content: center; align-items: center; background: var(--bg-favorites); color: var(--header-a); text-align: center}
        .gt_switcher .gt_selected > a.open {background: var(--blue)}
        .gt_switcher .gt_selected a:after {display:inline-block; position:absolute; right:10px; width:15px; height:32px; background-position:50%; background-size:32px; background-repeat:no-repeat; content:""!important; transition:all .2s}
        .gt_switcher .gt_selected a.open:after {transform: rotate(-180deg)}
        .gt_switcher .gt_selected a:hover {background: var(--bg-favorites-hover)}
        .gt_switcher .gt_current {display:none}
        .gt_switcher .gt_option {position:relative; display:none; grid-template-columns:1fr 1fr; column-gap:0; height:0; max-height:300px; overflow-y:auto; overflow-x:hidden; transition:var(--transition-50); z-index:9998}
        .gt_switcher .gt_option a {display: flex; align-items: center; padding: 5px 0 5px 10px; background-color: var(--bg-favorites); color: var(--header-a)}
        .gt_switcher .gt_option a:hover {}
        .gt_switcher .gt_option::-webkit-scrollbar-track {background-color:#f5f5f5}
        .gt_switcher .gt_option::-webkit-scrollbar {width:5px}
        .gt_switcher .gt_option::-webkit-scrollbar-thumb {background-color:#888}
        /* Float */
        div.skiptranslate, #google_translate_element2 {display:none !important}
        .gt-current-lang {position: relative}
        .gt-current-lang:before {position:absolute; right: 0; width:100%; height:calc(100% - var(--gutter)); display:flex; justify-content: flex-end; align-items:center; font-family: var(--font-fa); font-size:1.5em; color: var(--header-a); content: '\f1ab'; padding-right: var(--gutter); pointer-events:none; z-index:10000}
        html[class*="translated"] .gt-current-lang:before {top: 8px; right: var(--gutter); content: ' '; background: url("../../images/google-translate.svg") center right no-repeat; background-size: 32px; filter:drop-shadow(1px 1px 1px var(--black-30))}
        .gt_float_switcher {line-height:20px; transition:all .5s cubic-bezier(0.4, 0, 1, 1)}
        .gt_float_switcher img {vertical-align:middle; display:inline-block; width:33px; height:auto; margin:0 5px 0 0; border-radius:3px}
        .gt_float_switcher .gt_options {position:relative; z-index:777; overflow-y:auto; column-count: 2; transform:translateY(-30px); opacity:0; cursor:pointer; transition:all .8s cubic-bezier(.3,1.1,.4,1.1)}
        .gt_float_switcher .gt_options a {display:block; text-decoration:none; padding:3px var(--gutter)}
        .gt_float_switcher .gt-selected {position:relative; z-index:888; background-color:#fff; cursor:pointer; text-transform:uppercase; overflow:hidden}
        .gt_float_switcher .gt_options.gt-open {opacity:1; transform:translateX(0px); padding: calc(var(--gutter) - 6px) 0; background: var(--blue-10)}
        .gt_float_switcher .gt_options a.gt-current {display:none}
        .gt_float_switcher .gt-selected .gt-current-lang {padding:6px var(--gutter); background: var(--blue)}
        .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {position:relative; top:2px; color: var(--white); font-variation-settings: var(--weight-450)}
        .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {display:inline-block; height:24px; width:15px; vertical-align:middle; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23fff'/></svg>"); background-position:50%; background-size:11px; background-repeat:no-repeat; transition:all .3s; transform:rotate(-180deg)}
        .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {transform:rotate(0deg)}
/* mod_login */
    #login-form > fieldset {
        max-width: 480px;
    }
    #login-form .control-label {
        display: none;
    }
        .login-proceed {
            justify-content: center;
        }
            .login-proceed button {
                  margin:0;
            }
    /* mod_acym */
    .acym_lists, .acym_form, .acysubbuttons {
        text-align: center;
    }
    .acym_module_form {
        width: 100%;
    }
        .acym_form {
            position: relative;
            margin-top: var(--gutter);
        }
            .acym_form input {
                text-align: center;
                width: 100%;
            }
    /* mod_banners */
    .partners {
        text-align: center;
    }
        .partner {
            align-self: center;
            margin:0 var(--gutter);
        }

/* Tooltips */
.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    max-width: 276px;
    padding: var(--gutter-half);
    margin-bottom: var(--gutter-quarter) !important;
    text-align: center;
    white-space: normal;
    background-color: #fff;
    border: var(--border-default);
    box-shadow: 0 5px 10px var(--black-20);
    background-clip: padding-box;
    transition: opacity 0.5s ease;
    opacity:0;
}
.tooltip.show {
    opacity:1;
}
    .tooltip-inner {
            font-size: 0.85em;
            line-height: 120%;
    }

/* Popovers */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    max-width: 276px;
    padding: var(--gutter-half);
    text-align: center;
    white-space: normal;
    background-color: #fff;
    border: var(--border-default);
    box-shadow: 0 5px 10px var(--black-20);
    background-clip: padding-box;
    transition: opacity 0.5s ease;
    opacity:0;
}
.popover.show {
    opacity:1;
}
.popover.top {
        margin-top: -10px;
}
.popover.right {
        margin-left: 10px;
}
.popover.bottom {
        margin-top: 10px;
}
.popover.left {
        margin-left: -10px;
}
    .popover-header {
        margin: 0 0 var(--gutter-half);
        font-size: 1.35em;
    }
    .popover-header:empty {
            display: none;
    }
    .popover-body {
            font-size: 0.85em;
            line-height: 120%;
    }
    .popover .arrow,
    .popover .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
    }
    .popover .arrow {
            border-width: 11px;
    }
    .popover .arrow:after {
            border-width: 10px;
            content: "";
    }
    .popover.top .arrow {
            bottom: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-color: #999;
            border-top-color: rgba(0, 0, 0, 0.25);
            border-bottom-width: 0;
    }
    .popover.top .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            border-top-color: #fff;
            border-bottom-width: 0;
    }
    .popover.right .arrow {
            top: 50%;
            left: -11px;
            margin-top: -11px;
            border-right-color: #999;
            border-right-color: rgba(0, 0, 0, 0.25);
            border-left-width: 0;
    }
    .popover.right .arrow:after {
            bottom: -10px;
            left: 1px;
            border-right-color: #fff;
            border-left-width: 0;
    }
    .popover.bottom .arrow {
            top: -11px;
            left: 50%;
            margin-left: -11px;
            border-bottom-color: #999;
            border-bottom-color: rgba(0, 0, 0, 0.25);
            border-top-width: 0;
    }
    .popover.bottom .arrow:after {
            top: 1px;
            margin-left: -10px;
            border-bottom-color: #fff;
            border-top-width: 0;
    }
    .popover.left .arrow {
            top: 50%;
            right: -11px;
            margin-top: -11px;
            border-left-color: #999;
            border-left-color: rgba(0, 0, 0, 0.25);
            border-right-width: 0;
    }
    .popover.left .arrow:after {
            right: 1px;
            bottom: -10px;
            border-left-color: #fff;
            border-right-width: 0;
    }
	
	
	
/* =======================
    SNIPPETS
   ======================= */

	/* general */
	.snippet {
		display: table;
		margin: 0 auto;
		width: 100%;
		max-width: var(--snippet-width);
		background: var(--bg-qb);
		padding: var(--gutter-half);
		border-radius: 8px;
		& a {
			display: flex;
			width: 100%;
			height: 100%;
			align-items: center;
			justify-content: center;
			background: var(--bg-qb-field);
			outline: 1px solid var(--white-30);
			border-radius: 8px;
			& * {
				color: var(--white) !important;
				border: none !important;
			}
			& .snip-icon {
				flex: 0 0 64px;
				padding: var(--gutter-half);
			}
			& .snip-text {
				flex: calc(100% - 64px);
				padding: var(--gutter-half) var(--gutter-half) var(--gutter-half) 5px;
				& .snip-text-line-1 {
					line-height: 120%;
					font-variation-settings: var(--weight-demi);
					font-size: 1.75em;
				}
				& .snip-text-line-2 {
					line-height: 120%;
				}
				
			}
		}
	}

/* Call to Action Button */



/* =======================
    CUSTOM PAGES, PLUGINS
   ======================= */

/* Homepage */
h1.company {
    width: 100%;
    margin: 0;
}
    h1.company span {
        display: block;
        line-height: 120%;
        text-align: center;
        text-transform: uppercase;
        font-family: inherit;
    }
    h1.company .company-name {
        font-size: 1.25em;
        color: var(--company-l2);
        letter-spacing: 1px;
        background: linear-gradient(to bottom, var(--blue-d2) 0%, var(--blue-d2) 25%, var(--blue-d1) 40%, var(--blue-l2) 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-variation-settings: 'wght' 500;
    }
    h1.company .company-prefix {
        font-size: 0.4em;
        color: var(--pink);
        letter-spacing: initial;
    }
/* Sitemap */
.sitemap-container {
    padding-left: var(--gutter);
}
.sitemap-container:not(:last-of-type) {
    margin-bottom: var(--gutter);
    padding-bottom: var(--gutter);
    border-bottom: var(--border-default-20);
}
    .sitemap-container h4 {
        padding-bottom: 0;
        font-size: 2em;
    }
    #sitemap > .sitemap-container > .sitemap-category > h4 {
        margin-bottom: 0;
    }
    .sitemap-container .sitemap-container {
        border:none;
        padding:0;
        margin-top: 0;
        margin-bottom: calc(1/2 * var(--gutter));
    }
        .sitemap-container .sitemap-container h4 {
            font-size: 1.66em;
        }
    .sitemap-container a {
        font-variation-settings: var(--weight-light);
    }
        .sitemap-container .indent {
            padding-top: calc(1/2 * var(--gutter));
            padding-left: var(--gutter);
        }
        .sitemap-items {
            margin-top: var(--gutter-half);
            padding-left: var(--gutter);
        }
        .sitemap-items .filtered:not(.block) {
            height:0;
        }
        .sitemap-items .filtered:not(.block) a {
            font-size:0;
            line-height:0;
        }
        #sitemap .highlight {
            position:relative;
        }
            #sitemap .highlight:before {
                  position: absolute;
                  display: block;
                  content: '';
                  top:0; left: 0;
                  width: 100%;
                  height: 100%;
                  background:#fffbcc;
                  outline:5px solid #fffbcc;
                  z-index: -1;
            }
/* 404 */
.error-404 {

}
    .error-404 li {
        display: flex;
        width: 100%;
        padding: 0;
    }
    .error-404 .fa {
        text-align: center;
        flex: 0 0 30px;
    }
    .error-404 li:before {
        display:none;
    }


/* JCE Media Box */
    /* Thumbs */
    .wf-zoom-image {
        margin: 0 !important;
    }
        .wf-icon-zoom-image {
            opacity:0.1;
            transition: var(--transition-30);
        }
        .content-image:hover .wf-icon-zoom-image {
            opacity: 1;
        }
        .wf-icon-zoom-image::before,
        .wf-icon-zoom-image > svg {
            color: #fff;
            font-size: 24px;
            opacity: 0.9;
            width: 32px;
            height: 40px;
            top: 5px !important;
            right: 15px !important;
            filter: drop-shadow(1px 1px 2px var(--black-60)) drop-shadow(0 0 1px var(--black-80));
        }
    /* Popup */
    .wf-mediabox-show .wf-mediabox-body {
            transform: initial !important;
    }
    .wf-mediabox.wf-mediabox-open {
        backdrop-filter: blur(5px);
    }
        .wf-mediabox-open .wf-mediabox-overlay {
            opacity: 0.95 !important;
            backdrop-filter: blur(3px);
        }
        .wf-mediabox-container {
            position: relative !important;
            display: flex;
            flex-flow: column;
            border: 1px solid #fff !important;
            border-radius: 8px;
            height: 100vh;
            max-height: calc(100vh - var(--gutter-double));
        }
            /* Popup element */
            .wf-mediabox-frame {
                  padding: var(--gutter);
            }
            .wf-mediabox-content {
                  position: relative !important;
                  display: flex !important;
                  cursor: initial !important;
                  z-index: 2 !important;
            }
                  .wf-mediabox-content-item {
                    text-align: center !important;
                    line-height: 0 !important;
                    cursor: initial !important;
                  }
                    .wf-mediabox-content-image img {
                        width: 100%;
                    }
                    .wf-mediabox-content-video video {
                        z-index: 100000;
                    }
                    /* Watermark */
                    .wf-mediabox-content-item::after,
                    .wf-mediabox-content-video::after {
                        position: absolute;
                        display: block;
                        content: '';
                        left: var(--gutter);
                        top: var(--gutter);
                        width: calc(100% - var(--gutter-double));
                        height: calc(100% - var(--gutter-double));
                        background: url('../../../../../files/images/site/logo.svg') center center no-repeat;
                        background-size: contain;
                        opacity: 0.05;
                    }
                    .wf-mediabox-content-video::after {
                        display:none !important;
                    }
            /* Caption and Nav */
            .wf-mediabox-caption {
                  position: absolute !important;
                  top: initial !important;
                  bottom: 0 !important;
                  width: 100% !important;
                  padding: var(--gutter) !important;
                  background: var(--orange) !important;
                  border-top: 1px solid #fff !important;
                  transition: var(--transition-100);
                  transition-delay: 0.35s;
                  opacity: 0.8 !important;
                  z-index: 3 !important;
            }
            .wf-mediabox-content-image:hover + .wf-mediabox-caption,
            .wf-mediabox-caption:hover, .wf-mediabox-caption:active {
                  opacity: 0 !important;
            }
                  .wf-mediabox-caption h4 {
                    font-size: 2em !important;
                    color: #fff !important;
                    text-align: center !important;
                    line-height: 120% !important;
                    margin-bottom: 0 !important;
                    padding-bottom: 0 !important;
                    border-bottom: none !important;
                  }
                  #wf-mediabox-modal-description {
                    color: #fff;
                    text-align: center;
                    font-variation-settings: var(--weight-medium);
                    margin: var(--gutter-half) 0 0;
                    padding-top: var(--gutter-half);
                    border-top: 1px solid var(--white-30);
                  }
            /* Navigation buttons */
            .wf-mediabox-nav {
                  position: fixed !important;
                  top: 0 !important; left: 0 !important;
                  width: 100% !important; height: 100% !important;
                  margin: 0 !important; padding: 0 !important;
                  background: transparent !important;
                  z-index: 1;
            }
                  .wf-mediabox-nav button {
                    position: absolute;
                    width: 48px; height: 48px;
                    min-width: initial;
                    border: none;
                    background: transparent;
                  }
                  .wf-mediabox-nav button:hover {
                    cursor: pointer !important;
                  }
                  .wf-mediabox-close {
                    top: var(--gutter) !important;
                    right: var(--gutter) !important;
                  }
                  .wf-mediabox-prev {
                    top: initial !important;
                    bottom: var(--gutter) !important;
                    left: var(--gutter) !important;
                  }
                  .wf-mediabox-next {
                    top: initial !important;
                    bottom: var(--gutter) !important;
                    right: var(--gutter) !important;
                  }
                  .wf-mediabox-numbers {
                    display: none !important;
                  }
                  button.wf-mediabox-focus,
                  .wf-mediabox-nav button:focus { /* clear focus borders */
                    border: none !important;
                    outline: none !important;
                    box-shadow: none !important;
                  }
                    .wf-mediabox-nav button svg { /* clear SVG icons */
                        display: none !important;
                    }
                    .wf-mediabox-nav button:after { /* create FA icon pseudo-objects */
                        display: block;
                        content: ' ';
                        position: absolute;
                        width: 48px; height: 48px;
                        top: 0; left: 0;
                        font-family: var(--font-fa);
                        font-size: 48px;
                        line-height: 100%;
                        transition: var(--transition-50);
                        background-color: var(--cyan-60);
                        border-radius:100%;
                        color: #fff;
                    }
                    .wf-mediabox-nav button:hover:after {
                        background-color: var(--cyan-d1);
                    }
                    .wf-mediabox-nav button.wf-mediabox-close:after {
                        content:'\f057';
                    }
                    .wf-mediabox-nav button.wf-mediabox-prev:after {
                        content:'\f137';
                    }
                    .wf-mediabox-nav button.wf-mediabox-next:after {
                        content:'\f138';
                    }
/* Quick Index */
    .rl_quickindex {
        padding: var(--gutter);
        margin-bottom: var(--gutter);
        background: var(--black-03);
    }
        .index-header {
            margin: 0 0 var(--gutter);
        }
        ul.index {
            padding:0;
            margin:0;
            list-style: none;
            border-left: var(--border-article-list);
        }
            ul.index li {
                  position: relative;
                  width: 100%;
                  padding-left: var(--gutter-half);
                  margin-bottom: 7px;
                  line-height: 115%;
            }
                  ul.index ul {
                    margin-top: 7px;
                  }
            ul.index li::before {
                  position: absolute;
                  left: -1px;
                  top: 0;
                  content: ' ';
                  width: 2px;
                  height: 100%;
                  background-color: transparent;
                  transition: var(--transition-30);
            }
            ul.index li:hover::before {
                  background-color:var(--pink-d2);
            }
            ul.index a {
                  background: none;
                  line-height: 130%;
            }
            ul.index-level-2 > .index-item > .index-link {
                  font-variation-settings: var(--weight-medium);
            }
            ul.index-level-3 > .index-item > .index-link {
                  font-variation-settings: var(--weight-light);
                  font-size: 0.95em;
            }
        .anchor {
            scroll-margin-top: calc(1.35 * var(--header-min-height));
        }
        .heading_text {
            all: inherit;
            margin: 0;
            padding: 0;
        }
        .rl_quickindex .heading-subtitle,
        .rl_quickindex .h2-subtitle,
        .rl_quickindex .h3-subtitle,
        .rl_quickindex .fa,
        .rl_quickindex br {
            display: none;
        }
/* Filter */
    /* Article checkbox filter */
    #article-filter {
        width: 100%;
    }
        #article-filter h4 {
            margin:0 0 var(--gutter);
        }
    /* Article filtering, TOC */
    #filter-index {

    }
    .filter-l1 {
        margin-top:var(--gutter-half);
    }
    .filter-l2 {
        padding-left:var(--gutter);
    }
        .filter-link {

        }
        .filter-l1-link {
            font-size: 1.25em;
        }
        .filter-l2-link {
            font-variation-settings: var(--weight-light);
        }
/* Datatables, Filters */
.dataTable-wrapper,
.dataTable-wrapper > div,
.filter-form,
.filter-form > div {
    display: table;
    margin:0 auto;
    width: 100%;
}
    .dataTable-top {
        padding-bottom: var(--gutter);
    }
        .dataTable-top .dataTable-pagination {
            float:left;
            width: 100%;
            margin-top: var(--gutter-half);
        }
        .dataTable-table th a {
            position: relative;
            background: none;
            color: var(--datatable-th);
        }
        .dataTable-table th a:hover {
            color: var(--datatable-th-hover);
        }
        .dataTable-table tbody a,
        .dataTable-table tbody a > span {
            color: var(--a-color);
            font-variation-settings: var(--weight-medium);
        }
        .dataTable-table tbody a:hover,
        .dataTable-table tbody a:hover > span {
            color: var(--a-hover);
        }
        .dataTable-table tbody .metadesc {
            font-size: 0.8em;
            color: var(--text-light-color);
        }
        .dataTable-dropdown {
            float: left;
        }
        .dataTable-dropdown label {
            display: ruby;
        }
            .dataTable-selector {
                  margin-right: 5px;
            }
        .dataTable-search {
            float: right;
        }
        .dataTable-table th .dataTable-sorter:after {
            position: absolute;
            top: -2px;
            left: calc(100% + 5px);
            display: block;
        }
        .dataTable-table th.asc .dataTable-sorter:after {
            content: '▴';
        }
        .dataTable-table th.desc .dataTable-sorter:after {
            content: '▾';
        }
    .dataTable-bottom {
        width: 100%;
        padding-top: var(--gutter);
    }
        .dataTable-info {
            text-align: center;
            font-variation-settings: var(--weight-medium);
        }
        .dataTable-pagination {
            display: flex;
            text-align: center;
            list-style: none;
            background: var(--bg-pagination);
            padding: calc(1/2 * var(--gutter));
            margin-top: calc(1/2 * var(--gutter));
            justify-content: center;
        }
        .dataTable-pagination:empty {
            display: none;
        }
            .dataTable-pagination > li {
                  display: inline-flex;
                  margin: 0 7.5px;
                  align-items: center;
            }
            .dataTable-pagination > li.disabled {
                  display: none;
            }
            .dataTable-pagination a,
            .dataTable-pagination span {
                  flex: 0 0 100%;
                  height: 100%;
                  width: 100%;
                  padding: 5px;
                  background: none;
                  font-variation-settings: var(--weight-demi);
            }
            .dataTable-pagination .active a,
            .dataTable-pagination .active span {
                  background:var(--a-color);
                  color:#fff;
            }
            .dataTable-pagination li:not(.active):hover a {
                  color:#fff;
                  background:var(--a-hover);
            }
            /* First, Previous, Next, Last */
            .dataTable-pagination .fa {
                  position: relative;
            }
                  .dataTable-pagination .fa:after {
                    position: absolute;
                    top: 1px;
                    display: block;
                    color: var(--a-color);
                    text-shadow: 0 0 1px var(--a-color);
                    transition: var(--transition-30);
                  }
                  .icon-angle-left:after {
                    content: '\f104';
                  }
                  .icon-angle-double-left:after {
                    content: '\f100';
                    left: -3px;
                  }
                  .icon-angle-right:after {
                    content: '\f105';
                  }
                  .icon-angle-double-right:after {
                    content: '\f101';
                    left: -3px;
                  }
                  .dataTable-pagination li:not(.active):hover .fa:after {
                    color:#fff;
                    text-shadow: 0 0 1px #fff;
                  }
                  .table-striped > tbody > tr:nth-of-type(2n+1) > * {
                      background-color: var(--tr-shaded-bg);
                  }
                  .table-hover > tbody > tr:hover > * {
                      background-color: var(--tr-hover-bg);
                      font-variation-settings: 'wght' 400;
                  }

div#cenovnik-table-klinicki-pregledi_wrapper {max-width:700px;}
div#cenovnik-table-lab-analize_wrapper {max-width:700px;}

/* =======================
    SIZING CHART
   ======================= */

/* === F³ Size "M" === */
@media (max-width:767px) {
    :root {
        --header-height: 70px;
        --header-min-height: 70px;
        --favorites-height: 0;
        --gutter: 15px;
        --h1-padding: 0;
        --h2-padding: 0;
        --h3-padding: 0;
        --h4-padding: 0;
        --h1-margin: 0 0 15px;
        --h2-margin: 0 0 15px;
        --h3-margin: 0 0 15px;
        --h4-margin: 0 0 15px;
        --h4-title-margin-top: -10px;
        --p-margin: 0 0 15px;
        --main-min-width: 100%;
        --main-max-width: 100%;
        --table-max-width: 100%;
        --table-padding-default: 5px;
        --modules-width: 100%;
        --ul-padding: 20px;
        --ul-margin: 15px 0;
        --li-margin: 0 0 8px;
        --button-height: 40px;
        --input-height: 40px;
        --button-min-width: 80px;
        --filter-min-width: 300px;
		--snippet-width: 100%;
    }
    /* Classes */
    .hidden-m {display: none !important}
    .flex-m-100 {flex:0 0 100% !important}
    .flex-m-80    {flex:0 0 80%}
    .flex-m-75    {flex:0 0 75%}
    .flex-m-67    {flex:0 0 calc(2/3 * 100%)}
    .flex-m-60    {flex:0 0 60%}
    .flex-m-55    {flex:0 0 55%}
    .flex-m-50    {flex:0 0 50%}
    .flex-m-45    {flex:0 0 45%}
    .flex-m-40    {flex:0 0 40%}
    .flex-m-33    {flex:0 0 calc(1/3 * 100%)}
    .flex-m-25    {flex:0 0 25%}
    .flex-m-20    {flex:0 0 20%}
    .flex-m-reverse {flex-direction: column-reverse}
    .grid-m-1 {grid-template-columns: repeat(1, 1fr) !important}
    .grid-m-2 {grid-template-columns: repeat(2, 1fr) !important}
    .grid-m-3 {grid-template-columns: repeat(3, 1fr) !important}
    .grid-m-4 {grid-template-columns: repeat(4, 1fr) !important}
    .order-m-1 {order:1}
    .order-m-2 {order:2}
    .order-m-3 {order:3}
    .order-m-4 {order:4}
    .order-m-5 {order:5}
    .padding-top-m {padding-top: var(--gutter)!important}
    .padding-bottom-m {padding-bottom: var(--gutter)!important}
    .padding-left-m {padding-left: var(--gutter)!important}
    .padding-right-m {padding-right: var(--gutter)!important}
    .margin-top-m {margin-top: var(--gutter)!important}
    .margin-bottom-m {margin-bottom: var(--gutter)!important}
    .margin-left-m {margin-left: var(--gutter)!important}
    .margin-right-m {margin-right: var(--gutter)!important}
    /* Typography */
    html    {font-size: 4.25vw}
    /* Additional Typography */
    .heading-subtitle {font-size: 0.5em}
    /* HTML elements */
        /* Tables */
        table {max-width: var(--table-max-width)}
        /* Responsive DIV tables */
        .f3-table {display: block}
            .f3-caption {display: block}
            .f3-thead {display: none}
                  .f3-th {display: none}
            .f3-tbody {display: block; width: 100%}
                  .f3-tr {display: flex; flex-wrap: wrap; width: 100%; border-bottom: var(--border-table-inner)}
                  .f3-tr:last-of-type {border-bottom: none}
                    .f3-mh {flex: 0 0 calc(1/3 * 100%); justify-content: flex-start; padding: 3px 5px !important; font-variation-settings: var(--weight-medium)}
                    .f3-td {flex: 0 0 calc(2/3 * 100%); justify-content: flex-start; padding: 3px 5px !important}
    /* Forms */
        /* General */
        label:has(input[type*="checkbox"]:not(.switch)) {text-align: left}
        /* RSForm */
        .formContainer {border: none; padding: 0; width: 100%}
        .rsform-block {display: flex; flex-wrap: wrap; align-items: center}
        .formControlLabel, .control-label {flex:0 0 100%; text-align: left; padding-bottom: var(--gutter-half)}
        .formControls, .controls {flex:0 0 100%}
        .yui-calcontainer {margin-top:5px}
        .rsform-block-send {justify-content: center}
        .rsform-block-send .formBody input {margin:0; width:48%; min-width: 0}
        .rsform-block-send div {text-align: center}
        .rsform-submit-button {min-width: 150px}
        .rsform-reset-button {float:right}
        .rsform-type-freetext p:last-of-type {flex:0 0 calc(100% - 44px)}
        div[class*="-opcije"] > label {display: none}
        .rsform-type-checkboxgroup {padding-left: 44px}
    /* Template Sections */
        /* Header */
        header {padding:0 var(--gutter)}
        header a {outline: none!important}
        header a span {display: none}
        #header-mid {justify-content: left; padding:0}
        #header-right {justify-content: right; padding:0}
            #toggle-settings {margin-left: 0 !important; outline: none!important}
            #toggle-nav {margin-left: 25px !important; outline: none!important}
            header :where(#header-left a:hover, #header-right a:hover, .toggle.active) {color: var(--header-min-a) !important; outline: none !important; background: none !important; text-shadow: none !important}
        /* Favorites */
        #favorites {display: none}
        /* FS modules */
        #modules-fs h4 {color:var(--color-h4)}
        #modules-fs .module-fs {top: var(--header-min-height); width: 100%; height: 70vh}
        #modules-fs #finder {display: block}
        #modules-fs h4 {margin-bottom: 0}
        #modules-fs #finder {border-bottom: var(--border-default-30); padding-bottom: var(--gutter-double)}
        #modules-fs .mod-finder input {width: 100%; margin: var(--gutter) 0 0}
        #modules-fs .mod-finder .awesomplete {width: 100%}
        #modules-fs nav {margin-top: var(--gutter); padding: 0 var(--gutter) var(--gutter-double) var(--gutter) !important; position: relative; max-height: calc(100vh - var(--header-min-height) - var(--gutter-double) - 145px); height: 100%; overflow-y: scroll; mask: linear-gradient(to bottom, #000 0%, #000 80%, transparent 95%)}
        .submenu-laboratorija {margin-top: calc(1.5 * var(--gutter)) !important; & a {letter-spacing: 0 !important; text-transform: uppercase; &:before {padding-right: 11px !important}}}
        /* Language Switcher */
        .invisible #language-switcher {height: 0}
        .visible #language-switcher {height: 70px}
        #language-list {margin: 0; padding: 0; list-style: none; display: flex}
        #language-list li {display: flex; flex: 0 0 50%; height: 70px}
        .lang {padding: calc(2.75 * var(--gutter)) var(--gutter) var(--gutter); pointer-events: all}
        /* Phone Directory */
        #phone-directory {width: 100%}
        #phone-directory h4.centered {text-align: left!important}
        #phone-directory .cell.directory-call {width: 160px; min-height: 160px; padding: var(--gutter-half)}
        #phone-directory .cell.directory-call span {font-size: 0.4em; font-variation-settings: var(--weight-medium); line-height: 120%; display: block; margin-top: 5px}
        #phone-directory .cell.directory-address p {font-size: 0.9em}
        #phone-directory .cell {width: calc(100% - 100px)}
        /* Settings */
        #settings-bar, #settings-bar.move-up {top: var(--header-height); outline: none; width: 100vw}
        #settings-bar.visible {left:0}
        /* Main */
        .homepage main {margin-top: var(--gutter); padding-top: var(--gutter) !important}
        .homepage #fulltext :where(p:first-of-type, p:last-of-type) {margin: 0}
        main {padding-left: var(--gutter); padding-right: var(--gutter); padding-top: calc(var(--header-min-height) + var(--gutter)) !important}
        main:has(.fw-heroimage) {padding-top: var(--header-min-height) !important}
        main.with-quick-booking {margin: 0 auto}
        main.with-quick-booking #content {display: none}
        h1.company .company-name {font-size: 1.5em}
        h1.company .company-prefix {font-size: 0.75em}
        /* Footer Nav */
        #mobile-footer-nav {bottom: 0; width: 100%; height: 70px; background: var(--bg-header); z-index: 698; justify-content: end; align-items: center; padding:0 var(--gutter); opacity: 1; pointer-events: all; box-shadow: 0 0 15px var(--black-70); border-top: 1px solid var(--white-30)}
            #mobile-footer-nav a {display: block; color: var(--header-a); text-align: center}
            #mobile-footer-nav a.acc {min-width: calc(1/2 * (100% - 70px))}
            #mobile-footer-nav a:not(.acc) {width: 40%}
                  #mobile-footer-nav a > span {display: block; color: var(--header-a); text-align: center}
                  .show-nav #mobile-footer-nav, .show-nav #accessibility {z-index: 1000000!important}
    /* Modules */
        /* Common */
        .moduletable {padding: 0; border: none; background: transparent!important; margin-bottom: var(--gutter-double); box-shadow: none !important}
        .moduletable h3 {color: var(--inverted-text); background: var(--inverted-bg); padding: var(--gutter); margin: var(--h3-margin); border-bottom: none}
        .moduletable ul li {margin-bottom: 7px}
        #modules .moduletable {background: none}
        #modules .moduletable:last-of-type {margin-bottom: var(--gutter)}
        #modules-am {padding:var(--gutter) var(--gutter) 0 var(--gutter)}
        .moduletable[class*="fa-icon"] h3:after {top:var(--gutter); right:var(--gutter)}
        /* Boxes */
        #box-grid, .view-ft-directory {grid-template-columns: 1fr}
        /* Quick Booking / Mobile Fields */
        .quick-booking {margin-top:var(--header-height); justify-content: center; align-content: center; background: var(--bg-qb)}
        .quick-booking-row {position: relative; height: 50%; align-content: center; flex:0 0 calc(100% - 2 * var(--gutter)); background: var(--bg-qb-field); margin:var(--gutter) 0 0; outline: 1px solid var(--white-30); border-radius: 8px}
        #quick-booking-bottom {margin: 0}
        #booking-location {display: flex; flex: 0 0 100%; margin-top: 0}
        .quick-booking-row:last-of-type {margin-bottom:var(--gutter)}
        .quick-booking-row .f3-special-link {background: transparent; border-radius: 8px; box-shadow: var(--box-shadow-446-10)}
        #booking-form {display: flex}
        #booking-call {}
        .quick-booking span {display: block; color: #fff}
        .quick-booking .line-1 {font-variation-settings: var(--weight-demi); font-size: 1.75em}
        .booking-icon {flex: calc(var(--gutter-double) + 32px); align-self:center; justify-content: center; color:#fff; line-height:100%; padding:var(--gutter)}
        .booking-text {flex: calc(100% - var(--gutter-double) - 40px); line-height:100%; padding:var(--gutter-half) var(--gutter) var(--gutter-half) 0}
        #channels {border-radius: 8px; box-shadow: var(--box-shadow-446-10)}
        .channel {display:flex; flex:0 0 calc(100% / 3); justify-content:center; padding:var(--gutter) 0}
        .channel a {text-align: center; position: relative; top: 3px; width:100%; height: 100%}
        .chn {line-height: 100%; margin-bottom: var(--gutter-half)}
        /* Navigation */
        #navigation {width: 100vw; overflow-y: scroll; height: calc(100vh - var(--header-min-height)) !important}
        #nav-maximize {display: none}
        #nav-controls {display: block; width: 100%; margin: var(--gutter) 0}
        #nav-controls label {display:none}
        #nav-controls input {width: 100%; margin:0}
        #nav-filter {width: 100%; margin:0 !important; padding-bottom: calc(2 * var(--gutter-double)) !important}
        .nav-heading {width: 100%; overflow-x: hidden; padding: 2px var(--gutter) 0; font-size: 1.1em; padding-bottom: 3px; letter-spacing: -0.1px; font-variation-settings: var(--weight-normal)}
        .nav-heading.nav-column {margin-left: 0; text-transform: uppercase; letter-spacing: 0}
        #mainnav li {margin: 6px 0}
        #mainnav a {line-height: 100%}
        #mainnav .top-level > .parent > a {font-size: 1.3em; padding: var(--gutter) var(--gutter-half) 6px 0; letter-spacing: 0.15px; color: var(--a-color); font-variation-settings: var(--weight-medium) !important}
        #mainnav .first-item > a {padding-top :0 !important}
        #mainnav ul.sub-level {padding-left:var(--gutter-double)}
        /* Search */
        #navigation input[id*="mod-finder"] {margin: 0}
        /* Article list - grouped by categories [mod_articles_category] */
        .article-date {font-size: 0.9em;}
        /* Article list, image */
        .module-type-articles-image figure {margin-bottom: var(--gutter)}
            .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--gutter)}
            .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--gutter)}
        /* Subfooter */
        .subfooter {border: none; margin-bottom: 0}
        #subfooter .moduletable {padding:var(--gutter)}
        #subfooter img {max-width: 320px}
        #subfooter ul {list-style: none; margin: 0; padding: 0}
        #subfooter li {margin-bottom: 10px!important; text-align: center}
        #subfooter a {line-height: 110%; font-variation-settings: var(--weight-light)}
        .subfooter-1 {text-align: center}
        .subfooter-1 .butler {font-size: 1.5em; line-height: 100%}
        .subfooter-1 .butler br {display: none}
        .subfooter-2 p {text-align: center; justify-content: center}
        .subfooter-3, .subfooter-4 {background: var(--black-10); text-align: center}
        /* mod_breadcrumbs */
        #breadcrumbs {display: none}
        #breadcrumbs ul {padding: 0 0 5px;display: flex; overflow-x: scroll}
            #breadcrumbs ul li {position:relative; display: block ruby; height: auto; margin-right: 22px}
            #breadcrumbs ul li:last-of-type {margin-right: 0}
            #breadcrumbs ul li:after {position: absolute; content: "››"; top: -1px; right: -20px}
            #breadcrumbs ul li:last-of-type:after {display: none}
                  #breadcrumbs ul li a {display: block; background: none!important; margin: 0}
                  #breadcrumbs ul li:last-of-type a {padding: 0}
                  #breadcrumbs ul li a:before, #breadcrumbs ul li a:after {display: none!important}
                    #breadcrumbs ul li a span {display: block; padding: 0!important; margin: 0; color: var(--a-color)}
                    #breadcrumbs ul li:not(.active) a span {font-variation-settings: var(--weight-medium)}
                    .theme-default-dark #breadcrumbs ul > li:first-of-type > a:first-of-type > span:before {color: #fff}
                    .theme-default-light #breadcrumbs ul > li:first-of-type > a:first-of-type > span:before {color: var(--cyan)}
        /* mod_f3_slideshow */
        #f3-slider-container {display: block; padding: 0 var(--gutter); margin-top: var(--gutter)}
        #f3-slide-loader {display: none}
        .mobile-aspect-43     {aspect-ratio: 4/3}
        .mobile-aspect-169    {aspect-ratio: 16/9}
        .mobile-aspect-1851 {aspect-ratio: 1.85/1}
        .mobile-aspect-21     {aspect-ratio: 2/1}
        .mobile-aspect-31     {aspect-ratio: 3/1}
        .f3-slide {position: relative; opacity: 1; margin-top: var(--gutter); border: var(--border-default); pointer-events: all}
        .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
        .f3-slide-text h2 {margin:0; text-align:center}
        .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
        .f3-slide-title:hover {color: #fff}
        .f3-slide-subtitle {margin:0; text-align:center; color:var(--black)}
        /* mod_f3_popup */
        #ft-popup-inner {width: calc(100vw - var(--gutter-double))}
        #ft-popup-close {top: calc(var(--gutter) + 8px)}
        #ft-popup-close::after {font-size: 1.5em}
        #ft-popup-content h3 {margin: 0 0 var(--gutter) var(--gutter-negative); padding: var(--gutter); width: calc(100% + var(--gutter-double))}
        /* mod_acym */
		.acym-fields .onefield {width: 100% !important}
		.acym-fields .subbutton {display: table; margin: 0 auto}
        /* mod_banners */
        html[class*="-dark"] .partners {padding: var(--gutter); background: var(--white-80)}
        .partner img {display: block; max-height: 80px; max-width:300px; margin: var(--gutter-half) 0; width:auto}
        .partner:last-of-type img {margin-bottom: 0}
    /* Components */
		/* com_acym */
			.newsletter-container {padding: var(--gutter) !important}
			.newsletter-txt {flex: 0 0 100%; padding: 0 !important}
			.newsletter-img {flex: 0 0 100%; margin-top: calc(3 / 2 * var(--gutter)) !important}
			.acym_module_form {margin: 0 !important}
			.acym-fields {margin: var(--gutter) auto}
			.acym-fields .onefield {width: 100%; margin: 0 0 var(--gutter) 0 !important}
			.acym-fields .subbutton {margin: var(--gutter) 0 0 0 !important}
        /* com_content */
            /* Common */
                #title {}
                #tags.tags-top {margin-top: calc(-1 * var(--gutter))}
                .subtitle {font-size: 0.5em; margin-top:10px}
                h2 span.heading-subtitle {margin-top: 5px}
                .news-image-wrapper {overflow: hidden!important; line-height: 0}
            /* Hero image */
            .hero-info {left: var(--gutter); max-width: calc(100vw - var(--gutter-double)) !important}
                .hero-info .hero-title {font-size: 2em}
                .hero-info .hero-text {font-size: 0.825em}
                .fw-image {position: relative}
                .fw-image[src*='urologija'] {left:-99%}
                .fw-image[src*='imunologija'] {left:30%}
                .fw-image[src*='interna'] {left:-110%}
                .fw-image[src*='ultrazvuk'] {left:-160%}
                .fw-image[src*='blog'] {height: 300px; left:9%}
            /* Article Filter */
                #article-filter {height: calc(var(--gutter-double) + 1.75em)}
                .filter-control-section label {flex: 0 0 100%}
            /* Tag View */
            /* Category View */
                  /* Blog view */
                  .category-items article {padding: var(--gutter)}
                  .cat-item-content h3 a {color: var(--a-color)}
                  .cat-leading {flex:0 0 100%; padding: 0}
                    .cat-leading .cat-item-image {margin:0 0 var(--gutter); width:100%}
                    .cat-leading .cat-item-content {padding: 0}
                        .cat-leading .cat-item-content h3 {text-align: center}
                  .has-modules .cat-leading {flex: 0 0 100%}
                  .cat-leading {margin:0 0 var(--gutter); border: none}
                  .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--gutter))}
                  .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                  .has-lead .cat-intro-container:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-modules .has-lead .cat-intro-container {flex: 0 0 100%}
                    .has-lead .cat-intro-container article:nth-child(3), .has-lead .cat-intro-container article:nth-child(4) {margin-bottom: 0}
                    .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                        .has-lead .cat-intro {flex:0 0 calc(50% - var(--gutter-half))}
                        .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--gutter) 0}
                        .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter))); margin: 0 var(--gutter) 0 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article:last-of-type {margin: 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n+1) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 var(--gutter) var(--gutter) 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 0 var(--gutter) 0}
                  .no-lead .cat-intro-container {flex:0 0 100%}
                    .no-lead .cat-intro-container article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter)))}
                    .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--gutter) var(--gutter) 0}
                    .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--gutter) 0}
                  /* F3 Flex-1 */
                  .view-ft-flex-1 article {padding: var(--gutter); border-bottom: var(--border-default); outline: none !important; background: none !important}
                    .view-ft-flex-1 .block-image {}
                        .view-ft-flex-1 .block-image img {}
                    .view-ft-flex-1 .block-info {}
                        .view-ft-flex-1 .block-info h3 {}
                        .view-ft-flex-1 .block-info .blog-info {text-align: left}
                        .view-ft-flex-1 .block-info .blog-info:last-of-type {margin-bottom: 0}
                    .view-ft-flex-1 .block-info {}
                    .view-ft-flex-1 .desc {}
                  /* F3 Flex Stacked */
                  .view-f3-stacked .cat-item-image {flex:0 0 100%}
                  .view-f3-stacked .cat-item-content {flex:0 0 100%; padding: var(--gutter) 0}
                  .view-f3-stacked .article-date {margin: calc(-1/2 * var(--gutter)) 0 var(--gutter-half)}
                  /* F3 Flex Boxes (Directory) */
                  .view-ft-directory .wrapper {border-top: none; border-left:none; border-right: none; background: none}
                    .view-ft-directory .block-image {flex:0 0 100%}
                        .view-ft-directory .block-image img {width:100%}
                        .view-ft-directory .block-image a {pointer-events: none}
                        .view-ft-directory a {justify-content: center}
                    .view-ft-directory .block-title {text-align: center}
                        .view-ft-directory h3 {margin-bottom: var(--gutter-half)}
                    .view-ft-directory .block-info {padding:var(--gutter)}
                    .view-ft-directory .person-job, .view-ft-directory .person-job strong {line-height: 120%}
                    .view-ft-directory .person-job {text-align: center}
                    .view-ft-directory .desc {text-align: justify; margin: var(--gutter) 0 !important; padding-bottom: var(--gutter); border-bottom: var(--border-default-10)}
            /* Article View */
            #substance {width:100%; padding-right: 0}
                #substance img.user-image {position: relative; top: 5px; margin: 0 var(--gutter) var(--gutter) 0 !important}
                #substance picture {position: relative; top: 5px; margin: 0 var(--gutter) var(--gutter) 0; & img {margin: 0 !important}}
            #notice h2 span.fa {top:2px}
            #important h2 span.fa {top:2px}
            #fw-image {overflow: hidden}
            .fw-image {min-height: 38vh; width: auto; max-width: initial !important}
            .fw-title {max-width: calc(100% - 2 * var(--gutter)); bottom: var(--gutter); font-size: 2.5em}
            .fw-image[src*="blog"] {height: 300px}
            .supertitle {font-size:1.15em}
            .cutline p {font-size:1.1rem}
            .article-section {margin-bottom: var(--gutter); overflow-x: scroll}
			.itemid-1543 .article-section {overflow-x: initial}
            figure.content-image {margin: 0 7.5px 15px 7.5px !important; max-width: calc(100% / 2 - 18px)}
            figure.content-image figcaption {display: none !important}
            #modules {margin-top: var(--gutter)}
            #person-image {margin: var(--gutter) 0}
            :where(#person-image, #person-bio, #person-book) .action {display:inline-block; float: none; width:225px; &.fleft {margin-bottom: var(--gutter)}}
            /* Link list */
            .link-icon {margin-left: 2px}
            /* Article Classification */
            .article-classification {padding-left: var(--gutter)}
            /* Taglist */
            .taglist-container {padding-left: var(--gutter)}
            .taglist-icon {flex:0 0 48px}
            .taglist {display: flex; flex-wrap: wrap; flex:0 0 calc(100% - 48px)}
            .tag {margin: 3px 0 3px 12px; flex: 0 0 100%}
            .tag a {font-size: 0.9em}
        /* com_finder */
            #finder-form {margin-top: var(--gutter)}
            .awesomplete, #finder-form #q {width:100%}
            #finder-form #Submit {display: table; margin: var(--gutter) auto}
            .finder-item-title a {display: block; line-height: 100%; margin-top: var(--gutter)}
        /* com_tags */
            /* Common */
            .tags-index {column-count: 1 !important}
            .filter-form {display:table; margin:0 auto; max-width:var(--table-max-width)}
            #filter-search {width:100%}
        /* com_users */
            /* Common */
            .login .controls {max-width: 100%}
        /* com_rsform */
            #rsfilter {margin:0 0 10px 0 !important}
	    .rsfp-directory-search button {margin:0 5px 5px 0}
	    .rsform-dir-caption, .rsform-dir-input {padding-top: 0; width: 100% !important}
	    .rsform-dir-edit-container .rsform-dir-tooltiptext {display: none !important}
    /* Plugins */
        /* Datatables */
        .dataTable-wrapper > div {max-width: var(--table-max-width)}
        .dataTable-dropdown {width: 100%;margin-bottom:var(--gutter)}
        .dataTable-dropdown select {width: 80px; min-width: initial}
        .dataTable-search {width: 100%}
        .dataTable-search input {min-width: initial; width: 100% !important}
        .dataTable-search button {width:calc(50% - 8px)}
        .dataTable-search button:nth-child(2) {margin:var(--gutter) 12px 0 0}
        .dataTable-search button:nth-child(3) {margin:var(--gutter) 0}
        /* JCE Mediabox */
        div.wf-mediabox-open::after {position: absolute; top: var(--gutter); left: var(--gutter); display: flex; width: calc(100% - 48px - var(--gutter-triple)) !important; min-height: 48px; align-items: center; justify-content: flex-start; color: var(--white) !important; font-family: var(--font-text) !important; font-size: 14px !important; font-variation-settings: var(--weight-300) !important; white-space: pre-wrap; overflow-y: auto; z-index: 100000}
        .wf-mediabox-img {touch-action: manipulation !important}
        .wf-mediabox-caption {opacity: 0.9 !important; padding: var(--gutter-half) !important}
        .wf-mediabox-caption h4 {position: relative; font-family: var(--font-text); font-variation-settings: var(--weight-demi); font-size: 1em !important; text-align: left !important; padding-right: calc(15px + var(--gutter)) !important}
                  #wf-mediabox-modal-title::after {display: block; font-family: var(--font-fa); font-size: 1.2em; color: var(--white); content: '\f322'; position: absolute; top: 0; right: 4px; height: 100%; width: 15px}
        #wf-mediabox-modal-description {line-height: 120%; font-size: 0.8em; font-variation-settings: var(--weight-350); text-align: left}
        /* Filter */
        #article-filter {margin: calc(-1 * var(--gutter)) 0 var(--gutter); padding: var(--gutter); border: var(--border-module); background: var(--bg-modules); box-shadow: var(--box-shadow-446-10)}
    /* Custom Pages */
        /* Laboratorija */
        ul.lab-list {column-count: 1 !important}
        /* Sitemap */
        .sitemap-container {flex: 0 0 100%; padding-left: 0}
        /* 404 */
        .error-404 li {align-items: flex-start; margin-bottom: 15px}
        /* Cookie Consent */
        #cookie-consent input {width: 40px}
        #cookie-consent label {width: calc(100% - 40px - var(--gutter-half))}
        .consent-buttons {flex-direction: column}
        .consent-buttons button {margin:0 0 var(--gutter); width: 100%}
        .consent-buttons button:last-of-type {margin:0}
    /* Top link */
    #back-top {bottom: 10px; right: calc(50% - 24px); width: 48px; height: 48px; border: 3px solid var(--bg-body)}
    #back-top.visible {opacity: 0.85!important}
    /* Mobile Footer Nav */
    #mobile-footer-nav {transition: var(--transition-50)}
    .scroll-trigger #mobile-footer-nav {opacity: 0!important; pointer-events: none!important}
    /* Recaptcha */
    .grecaptcha-badge {visibility: hidden}
    #recaptcha-branding {padding: 0 var(--gutter) var(--gutter-double) var(--gutter); margin-bottom: 0}
    #recaptcha-branding p {margin-bottom: 0}
}

/* === F³ Size "T1" === */
@media (min-width:768px) and (max-width:991px) {
    :root {
        --header-height: 80px;
        --header-min-height: 80px;
        --favorites-height: 0;
        --gutter: 22.5px;
        --h1-padding: 0;
        --h2-padding: 0;
        --h3-padding: 0;
        --h4-padding: 0;
        --h1-margin: 0 0 15px;
        --h2-margin: 0 0 15px;
        --h3-margin: 0 0 15px;
        --h4-margin: 0 0 15px;
        --h4-title-margin-top: -10px;
        --p-margin: 0 0 15px;
        --main-min-width: 100%;
        --main-max-width: 100%;
        --table-max-width: 100%;
        --table-padding-default: 5px;
        --modules-width: 100%;
        --ul-padding: 40px;
        --ul-margin: 15px 0;
        --li-margin: 0 0 8px;
        --button-height: 40px;
        --input-height: 40px;
        --button-min-width: 80px;
        --filter-min-width: 300px;
		--snippet-width: 480px;
    }
    /* Classes */
    .hidden-t1 {display: none !important}
    .flex-t1-100 {flex:0 0 100% !important}
    .flex-t1-80    {flex:0 0 80%}
    .flex-t1-75    {flex:0 0 75%}
    .flex-t1-67    {flex:0 0 calc(2/3 * 100%)}
    .flex-t1-60    {flex:0 0 60%}
    .flex-t1-50    {flex:0 0 50%}
    .flex-t1-40    {flex:0 0 40%}
    .flex-t1-33    {flex:0 0 calc(1/3 * 100%) !important}
    .flex-t1-25    {flex:0 0 25%}
    .flex-t1-20    {flex:0 0 20%}
    .flex-t1-reverse {flex-direction: column-reverse}
    .grid-t1-1 {grid-template-columns: repeat(1, 1fr) !important}
    .grid-t1-2 {grid-template-columns: repeat(2, 1fr) !important}
    .grid-t1-3 {grid-template-columns: repeat(3, 1fr) !important}
    .grid-t1-4 {grid-template-columns: repeat(4, 1fr) !important}
    .order-t1-1 {order:1}
    .order-t1-2 {order:2}
    .order-t1-3 {order:3}
    .order-t1-4 {order:4}
    .order-t1-5 {order:5}
    .padding-top-t1 {padding-top: var(--gutter)!important}
    .padding-bottom-t1 {padding-bottom: var(--gutter)!important}
    .padding-left-t1 {padding-left: var(--gutter)!important}
    .padding-right-t1 {padding-right: var(--gutter)!important}
    .margin-top-t1 {margin-top: var(--gutter)!important}
    .margin-bottom-t1 {margin-bottom: var(--gutter)!important}
    .margin-left-t1 {margin-left: var(--gutter)!important}
    .margin-right-t1 {margin-right: var(--gutter)!important}
    /* Typography */
    .theme-default-dark :where(h1, h2, h3, h4) {text-shadow: 2px 2px 1px var(--black-30)}
    /* Additional Typography */
    .heading-subtitle {font-size: 0.45em}
    /* HTML elements */
    table {max-width: var(--table-max-width)}
    /* Forms */
        /*RSForm */
        .rsform-block {display: flex; flex-wrap: wrap; align-items: center}
        .formControlLabel, .control-label {flex:0 0 100%; text-align: left; padding-bottom: var(--gutter-half)}
        .formControls, .controls {flex:0 0 100%}
        .yui-calendar {top:-280px; right:0}
        .rsform-type-freetext p:last-of-type {flex:0 0 calc(100% - 44px)}
        div[class*="-opcije"] > label {display: none}
        .rsform-type-checkboxgroup {padding-left: 44px}
    /* Template Sections */
        /* Header */
        header {box-shadow: 0 0 15px var(--black-30)}
        #header-mid {justify-content: left; padding-left: var(--gutter)}
        #header-right {justify-content: right}
        #header-left > a, #header-right > a {min-width: 60px; margin:0 5px}
        header a span {display: none}
        header.min #header-left > a, header.min #header-right > a {min-width: 60px}
        header :where(#header-left a:hover, #header-right a:hover, .toggle.active) {color: var(--header-min-a) !important; outline: none !important; background: none !important; text-shadow: none !important}
        #favorites a {padding: 15px; font-size: 0.9em; line-height: 120%}
        /* Favorites */
        #favorites #language-switcher {display: none}
        /* FS modules */
        #modules-fs h4 {color:var(--color-h4); padding-bottom: 0}
        #modules-fs .module-fs {top: var(--header-height); width: 100%; height: 100vh; overflow-y: scroll; padding-bottom: var(--header-min-height)}
        #modules-fs .mod-finder {margin-top: var(--gutter)}
        #modules-fs .mod-finder .awesomplete {width: 100%}
        #modules-fs nav {position: relative; padding: var(--gutter-double); mask: linear-gradient(to bottom, #000 0%, #000 85%, transparent 95%)}
        #modules-fs #finder input {margin-top: var(--gutter)}
        /* Language Switcher */
        .invisible #language-switcher {height: 0}
        .visible #language-switcher {height: 85px}
        #language-list {display: flex; flex: 0 0 100%; height: 100%; margin: 0; padding: 0; list-style: none; left: initial}
        #language-list li {display: flex; flex: 0 0 50%; height: 100%}
        #language-list li:first-of-type {border:none}
        #language-list a {padding: 50px 15px 15px; background-position: center calc(1.3 * var(--gutter-half)) !important; pointer-events: all !important}
        /* AI Translate */
        .gt-current-lang:before {height: 100%; top: 0!important}
        /* Phone Directory */
        #phone-directory {max-width: 615px}
        #phone-directory .row.margin-bottom {margin-bottom: var(--gutter-double) !important}
        #phone-directory .cell.directory-call {width: 240px; margin-right: var(--gutter-double) !important}
        #phone-directory .cell {width: calc(100% - 240px)}
        #phone-directory * {transition: var(--transition-50)}
        /* Settings */
        #settings-bar, #settings-bar.move-up {top: calc(var(--header-height) + var(--favorites-height) + 2px); outline: none; width: auto}
        #settings-bar.visible {left:0}
        /* Main */
        main {padding: calc(var(--header-min-height) + var(--gutter)) var(--gutter) var(--gutter) var(--gutter)}
        main:has(.fw-heroimage) {padding-top: var(--header-min-height) !important}
    /* Modules */
        /* Common */
        .moduletable {background: none !important; padding: 0 var(--gutter) var(--gutter) var(--gutter); border: none; margin-bottom: var(--gutter)}
        .moduletable h3 {width: calc(100% + var(--gutter-double)); margin-left: var(--gutter-negative) !important; color: var(--inverted-text); background: var(--inverted-bg); padding: var(--gutter); border: none}
        .moduletable ul li {margin-bottom: 7px}
        #modules-am {padding:0 var(--gutter)}
        .moduletable[class*="fa-icon"] h3:after {top:var(--gutter); right:var(--gutter)}
        /* Navigation */
        #navigation {width: 100vw}
        #nav-controls {width: 75vw; display: block; height: 30px; position: absolute; top: 26px; right: var(--gutter-double)}
        #nav-controls label {display:none;}
        #nav-controls input {position: relative; top: 14px; width: 97%; float: right; height: 36px; padding-top: 8px; margin: 0}
        #nav-filter {width: 100%; height: initial; max-height: 80vh; margin-top: 0 !important; overflow-x: hidden; padding-bottom: calc(4 * var(--gutter)) !important}
        .nav-heading {width: 100%; padding: 2px var(--gutter) 0; font-size: 1.05em; padding-bottom: 2px}
        #mainnav li {margin: 6px 0}
        #mainnav a {font-size:1.05em; line-height: 100%}
        #mainnav .top-level > .parent > a {font-size: 1.25em; padding: var(--gutter) var(--gutter-half) 6px 0; letter-spacing: 0.25px; color: var(--a-color)}
        #mainnav ul.sub-level {padding-left:var(--gutter-double)}
        #mainnav li.first-item {margin-top: 0}
        #mainnav li.first-item > a {padding-top: 0 !important}
        .submenu-laboratorija {margin-top: calc(1.5 * var(--gutter)) !important; & a {font-size: 1.25em !important; letter-spacing: 0 !important; text-transform: uppercase; &:before {padding-right: 16px !important}}}
        /* Breadcrumbs */
        #breadcrumbs {margin-bottom: var(--gutter)}
        /* Homepage Quick Menu */
        #quick-menu, #quick-menu-edu {margin-bottom: var(--gutter-double)}
        :is(#quick-menu, #quick-menu-edu) .moduletable {padding: var(--gutter)}
        :is(#quick-menu, #quick-menu-edu) .moduletable > span {height: 64px}
        :is(#quick-menu, #quick-menu-edu) .fa {font-size: 64px}
        :is(#quick-menu, #quick-menu-edu) img {height: 64px}
        :is(#quick-menu, #quick-menu-edu) p {font-size: 0.8em}
        /* Boxes */
        #box-grid, .view-ft-directory {grid-template-columns: 1fr 1fr}
        /* Quick Booking / Mobile Fields */
        .quick-booking {margin-top:var(--header-height); justify-content: center; align-content: center; background: var(--bg-qb)}
        .quick-booking-row {position: relative; height: 50%; align-content: center; flex:0 0 calc(100% - 2 * var(--gutter)); background: var(--bg-qb-field); margin:var(--gutter) 0 0; outline: 1px solid var(--white-30); border-radius: 8px}
        #quick-booking-bottom {margin: 0}
        #booking-location {display: flex; flex: 0 0 100%; margin-top: 0}
        .quick-booking-row:last-of-type {margin-bottom:var(--gutter)}
        .quick-booking-row .f3-special-link {background: transparent; border-radius: 8px; box-shadow: var(--box-shadow-446-10)}
        #booking-form {display: flex}
        #booking-call {}
        .quick-booking span {display: block; color: #fff}
        .quick-booking .line-1 {font-variation-settings: var(--weight-demi); font-size: 1.75em}
        .booking-icon {flex: 0 0 64px; align-self:center; justify-content: center; color:#fff; line-height:100%; padding:var(--gutter)}
        .booking-text {flex: calc(100% - 64px - var(--gutter-double)); line-height:100%; padding:var(--gutter-half) var(--gutter) var(--gutter-half) 0}
        #channels {border-radius: 8px; box-shadow: var(--box-shadow-446-10)}
        .channel {display:flex; flex:0 0 calc(100% / 3); justify-content:center; padding:var(--gutter) 0}
        .channel a {text-align: center; position: relative; top: 3px; width:100%; height: 100%}
        .chn {line-height: 100%; margin-bottom: var(--gutter-half)}
        /* Article list - grouped by categories [mod_articles_category] */
        .article-date {font-size: 0.9em;}
        /* Article list, image */
        .module-type-articles-image figure {margin-bottom: var(--gutter)}
            .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--gutter)}
            .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--gutter)}
        /* Subfooter */
        .subfooter {border: none; margin-bottom: 0}
        #subfooter * {text-align: center}
        #subfooter img {max-width: 320px}
        #subfooter .moduletable {padding:var(--gutter)}
        #subfooter ul {list-style: none; margin: 0; padding: 0}
        #subfooter li {margin-bottom: 10px!important; text-align: center}
        #subfooter a {display: inline-block; line-height: 110%; font-variation-settings: var(--weight-light)}
        .subfooter-3, .subfooter-4 {background: var(--black-10)}
        .subfooter-2 p.flex-v-center {justify-content:center}
        .subfooter-2 .fa {width: 0; visibility: hidden}
        /* mod_f3_slideshow */
        #f3-slider-container {position: relative; overflow: hidden; background: transparent}
        #f3-slide-loader {position: absolute; top: calc(50% - 2em); display: flex; justify-content: center; width: 100%; opacity: 0.4}
        #f3-slide-loader span {display: block; animation: spinner 1.5s linear infinite}
        .desktop-aspect-43     {aspect-ratio: 4/3}
        .desktop-aspect-169    {aspect-ratio: 16/9}
        .desktop-aspect-1851   {aspect-ratio: 1.85/1}
        .desktop-aspect-21     {aspect-ratio: 2/1}
        .desktop-aspect-31     {aspect-ratio: 3/1}
        .f3-slide {position: absolute;top: 0; left: 0}
        .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
        .f3-slide-text h2 {margin:0; text-align:center}
        .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
        .f3-slide-title:hover {color: #fff}
        .f3-slide-subtitle {margin:0; text-align:center; color:#fff; text-shadow: 2px 2px 1px #000}
        /* mod_f3_popup */
        #ft-popup-inner {min-width: 600px; width: 85%}
        #ft-popup-close {top: calc(var(--gutter) + 6px)}
        #ft-popup-close::after {font-size: 1.5em}
        #ft-popup-content h3 {margin: 0 0 var(--gutter) var(--gutter-negative); padding: var(--gutter); width: calc(100% + var(--gutter-double))}
        /* mod_acym */
        .acym_form input {max-width: 400px!important}
        /* mod_banners */
        .partner img {max-height: 80px; max-width:400px; width:auto}
    /* Components */
		/* com_acym */
			.newsletter-txt {flex: 0 0 100%}
			.newsletter-img {flex: 0 0 100%}
			.newsletter-img img {width: 100% !important; object-fit: cover}
			.acym-fields .onefield {width: calc(50% - var(--gutter-half))}
			.acym-fields .onefield:nth-of-type(odd) {margin-right: var(--gutter-half) !important}
			.acym-fields .onefield:nth-of-type(even) {margin-left: var(--gutter-half) !important}
			.acym-fields .subbutton {margin: var(--gutter) 0 0 0 !important}
        /* com_content */
            /* Common */
            #title {margin-bottom: var(--gutter-double)}
            .subtitle {font-size: 0.45em; margin-top: var(--gutter-half)}
            /* Hero image */
            #fw-image {display: block !important; overflow: hidden}
            .fw-image {width: auto !important; min-height: 240px; position: relative}
            .fw-image[src*='urologija'] {left:-110%}
            .fw-image[src*='imunologija'] {left:-80%}
            .fw-image[src*='interna'] {left:-110%}
            .fw-image[src*='ultrazvuk'] {left:-125%}
            .fw-image[src*='blog'] {height: 300px; left:-59%}
            .hero-info {left: var(--gutter); width: calc(100% - var(--gutter-double)) !important}
                .hero-info .hero-title {font-size: 2.25em}
                .hero-info .hero-text {font-size: 0.85em}
            /* Article Filter */
                #article-filter {height: calc(var(--gutter-double) + 2em)}
                .filter-control-section label {flex: 0 0 100%}
            /* Tag View */
            /* Category View */
                  /* Blog view */
                  .cat-leading {flex:0 0 100%; padding: 0}
                    .cat-leading .cat-item-image {margin:0 0 var(--gutter); width:100%}
                  .has-modules .cat-leading {flex: 0 0 100%}
                  .cat-leading {margin:0 0 var(--gutter)}
                  .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--gutter))}
                  .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                  .has-lead .cat-intro-container:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-modules .has-lead .cat-intro-container {flex: 0 0 100%}
                    .has-lead .cat-intro-container article:nth-child(3), .has-lead .cat-intro-container article:nth-child(4) {margin-bottom: 0}
                    .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                        .has-lead .cat-intro {flex:0 0 calc(50% - var(--gutter-half))}
                        .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--gutter) 0}
                        .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter))); margin: 0 var(--gutter) 0 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article:last-of-type {margin: 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n+1) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 var(--gutter) var(--gutter) 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 0 var(--gutter) 0}
                  .no-lead .cat-intro-container {flex:0 0 100%}
                    .no-lead .cat-intro-container article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter)))}
                    .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--gutter) var(--gutter) 0}
                    .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--gutter) 0}
                  /* F3 Flex Stacked */
                  .view-f3-stacked .cat-item-image {flex:0 0 480px}
                  .view-f3-stacked .cat-item-content {flex:0 0 calc(100% - 480px); padding: var(--gutter-half) var(--gutter)}
                  .view-f3-stacked .article-date {margin: 0 0 var(--gutter-half) 0}
                  /* F3 Flex Boxes (Person Directory) */
                  .view-ft-directory article {}
                    .view-ft-directory .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
                    .view-ft-directory .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
                        .view-ft-directory:not(.grid) img {max-height:38vh}
                        .view-ft-directory .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
                        .view-ft-directory .person-job {font-size: 0.95em}
                        .view-ft-directory .desc {font-size: 0.9em; margin: var(--gutter) 0 !important; padding-bottom: var(--gutter); border-bottom: var(--border-default-10)}
                  /* F3 Flex-1 */
                  .view-ft-flex-1 article {padding: var(--gutter); border-bottom: var(--border-default); outline: none !important; background: none !important}
                    .view-ft-flex-1 .block-image {}
                        .view-ft-flex-1 .block-image img {}
                    .view-ft-flex-1 .block-info {}
                        .view-ft-flex-1 .block-info h3 {}
                        .view-ft-flex-1 .block-info .blog-info {text-align: left}
                        .view-ft-flex-1 .block-info .blog-info:last-of-type {margin-bottom: 0}
                    .view-ft-flex-1 .block-info {}
                    .view-ft-flex-1 .desc {}
            /* Article View */
            #substance {width:100%; padding-right: 0}
            #substance img.user-image {position: relative; top: 5px; margin: 0 var(--gutter) var(--gutter) 0 !important}
            #substance picture {position: relative; top: 5px; margin: 0 var(--gutter) var(--gutter) 0; & img {margin: 0 !important}}
            .supertitle {font-size:1.15em}
            .cutline p {font-size:1.1rem}
            .article-section {margin-bottom: calc(2 * var(--gutter))}
            figure.content-image {margin: 0 15px 15px 0 !important; max-width: calc(100% / 2 - 19px)}
            #modules {margin-top: var(--gutter)}
            .person-img-t1 {float:left; width: 320px; margin: 0 var(--gutter-double) var(--gutter-double) 0}
            /* Taglist */
            .taglist-icon {flex:0 0 48px}
            .taglist {flex:0 0 calc(100% - 48px)}
            .tag {margin: 5px}
            .tag a {font-size: 0.9em}
            /* Person Directory */
            :where(#person-image, #person-bio, #person-book) .action {display:inline-block; float: none; width:225px; &.fleft {margin-bottom: var(--gutter)}}
            .view-ft-directory article h3 {font-size: 2em}
            .view-ft-directory article .etc-row.email {border-top: none}
        /* com_finder */
            #finder-form #q {width:500px}
        /* com_fields */
            /* ACF gallery */
            .gallery-items img {opacity:0.7; transition: var(--transition-30)}
            .gallery-items .item:hover img {opacity:1}
            .tf-gallery-wrapper .gallery-items.masonry .item {margin-bottom:calc(-1 * var(--gap))!important}
            /* Vasi Lekari */
            .vas-lekar .block-image {padding: 0!important; & figure{box-shadow: none}}
            .vas-lekar .block-info {padding: var(--gutter) !important}
        /* com_tags */
            /* Common */
            .tags-index {column-count: 1 !important}
            .filter-form {display:table; margin:0 auto; max-width:var(--table-max-width)}
            #filter-search {width:300px}
        /* com_users */
            /* Common */
            .login .controls {max-width: 100%}
    /* Plugins */
        /* Filter */
        #article-filter {border: var(--border-module); padding: var(--gutter); background: var(--blue-05); box-shadow: 4px 4px 6px rgba(0,0,0,.075); margin: calc(-1 * var(--gutter)) 0 var(--gutter)}
        .filter-controls {justify-content: center}
        .filter-controls label {flex: 0 0 50%}
        /* Datatables */
        .dataTable-wrapper > div {max-width: var(--table-max-width)}
        .dataTable-selector {min-width: 100px}
        .dataTable-input {min-width: 400px}
        /* JCE Mediabox */
        div.wf-mediabox-open::after {position: absolute; top: var(--gutter); left: var(--gutter); display: flex; width: calc(100% - 48px - var(--gutter-triple)) !important; min-height: 48px; align-items: center; justify-content: flex-start; color: var(--white) !important; font-family: var(--font-text) !important; font-size: 14px !important; font-variation-settings: var(--weight-300) !important; white-space: pre-wrap; overflow-y: auto; z-index: 100000}
    /* Custom Pages */
        /* Homepage */
        h3.company-category {font-size: 0.975em}
        .homepage #fulltext p {font-size: initial; line-height: 140%; padding-bottom: 0!important; font-variation-settings: var(--weight-normal)}
        h1.company .l2 {line-height: 140%}
        /* Sitemap */
        .sitemap-container {flex: 0 0 100%; padding-left: 0}
        /* 404 */
        .error-404 li {align-items: center; margin-bottom: 10px}
    /* Top link */
        #back-top {bottom: 15px; right: 15px; width: 56px; height: 56px; border: 3px solid var(--bg-body)}
}

/* === F³ Size "T2" === */
@media (min-width:992px) and (max-width:1199px) {
    :root {
        --header-height: 120px;
        --header-min-height: calc(3/5 * var(--header-height));
        --favorites-height: calc(2/5 * var(--header-height));
        --footer-height: 65px;
        --gutter: 25px;
        --h1-padding: 0;
        --h2-padding: 0;
        --h3-padding: 0;
        --h4-padding: 0;
        --h1-margin: 0 0 30px;
        --h2-margin: 25px 0 15px;
        --h3-margin: 25px 0 15px;
        --h4-margin: 25px 0 15px;
        --h4-title-margin-top: -10px;
        --p-margin:0 0 15px;
        --main-min-width: 100%;
        --main-max-width: 100%;
        --table-max-width: 100%;
        --table-padding-default: 15px;
        --modules-width: 380px;
        --ul-padding: 40px;
        --ul-margin: 15px 0;
        --li-margin: 0 0 9px;
        --button-height: 40px;
        --input-height: 40px;
        --button-min-width: 120px;
        --filter-min-width: 300px;
		--snippet-width: 480px;
    }
    /* Classes */
    .hidden-t2 {display: none !important}
    .flex-t2-100 {flex:0 0 100% !important}
    .flex-t2-80    {flex:0 0 80%}
    .flex-t2-75    {flex:0 0 75%}
    .flex-t2-67    {flex:0 0 calc(2/3 * 100%)}
    .flex-t2-60    {flex:0 0 60%}
    .flex-t2-50    {flex:0 0 50%}
    .flex-t2-40    {flex:0 0 40%}
    .flex-t2-33    {flex:0 0 calc(1/3 * 100%) !important}
    .flex-t2-25    {flex:0 0 25%}
    .flex-t2-20    {flex:0 0 20%}
    .flex-t2-reverse {flex-direction: column-reverse}
    .grid-t2-1 {grid-template-columns: repeat(1, 1fr) !important}
    .grid-t2-2 {grid-template-columns: repeat(2, 1fr) !important}
    .grid-t2-3 {grid-template-columns: repeat(3, 1fr) !important}
    .grid-t2-4 {grid-template-columns: repeat(4, 1fr) !important}
    .order-t2-1 {order:1}
    .order-t2-2 {order:2}
    .order-t2-3 {order:3}
    .order-t2-4 {order:4}
    .order-t2-5 {order:5}
    .padding-top-t2 {padding-top: var(--gutter)!important}
    .padding-bottom-t2 {padding-bottom: var(--gutter)!important}
    .padding-left-t2 {padding-left: var(--gutter)!important}
    .padding-right-t2 {padding-right: var(--gutter)!important}
    .margin-top-t2 {margin-top: var(--gutter)!important}
    .margin-bottom-t2 {margin-bottom: var(--gutter)!important}
    .margin-left-t2 {margin-left: var(--gutter)!important}
    .margin-right-t2 {margin-right: var(--gutter)!important}
    /* Typography */
    html    {font-size: 18px}
    .theme-default-dark :where(h1, h2, h3, h4) {text-shadow: 2px 2px 1px var(--black-30)}
    /* Additional Typography */
    .heading-subtitle {font-size: 0.425em}
    /* HTML elements */
    table {max-width: var(--table-max-width)}
    /* Forms */
        /* RSForm */
        .rsform-block {display: flex; align-items: center}
        .formControlLabel, .control-label {max-width: 320px; text-align: right; padding-right: var(--gutter)}
        .formControls, .controls {max-width:calc(100% - 320px)}
        .yui-calendar {top:-343px; right:0}
        .rsform-block.rsform-type-freetext {margin-left: 320px; width: calc(100% - 320px)}
    /* Template Sections */
        /* Header */
        #header-left > a, #header-right > a {min-width: 85px}
        header.min #header-left > a, header.min #header-right > a {min-width: 50px}
        header a > span {font-size: 0.5em !important}
        #header-mid {justify-content: left; padding-left: var(--gutter)}
        #header-right {justify-content: right}
        #favorites a {padding: 15px}
        header:not(.min) :where(#header-left a:hover, #header-right a:hover, .toggle.active) {color: var(--header-a) !important; outline: 1px solid var(--header-a) !important; background: var(--black-30) !important; text-shadow: var(--text-shadow-12-60)}
        header.min :where(#header-left a:hover, #header-right a:hover, .toggle.active) {background: var(--blue-d1) !important; color: var(--white) !important; text-shadow: var(--text-shadow-02-80)}
        /* FS modules */
        #modules-fs .module-fs {top: var(--header-height); width: 100%; height: 100vh; overflow-y: scroll; padding-bottom: var(--header-min-height)}
        /* Phone Directory */
        #phone-directory {max-width: 625px}
        #phone-directory .cell.directory-call {width: 225px; border: var(--border-quick-menu); background: var(--bg-quick-menu)}
        #phone-directory .cell {width: calc(100% - 225px)}
        #phone-directory * {transition: var(--transition-50)}
        /* Main */
        main {padding-left: var(--gutter); padding-right: var(--gutter)}
        /* Subfooter */
        #subfooter img {max-width: 320px}
        #subfooter * {text-align: center}
    /* Modules */
        /* AI Translate */
        .gt-current-lang:before {height: 100%; top: 0!important}
        .gt_float_switcher .gt_options {column-count: 3; background: var(--black-10)}
        /* Common */
        #modules .moduletable h3 {margin-top: -10px}
        .moduletable ul li {margin-bottom: 7px}
        /* Navigation */
        #navigation {width: 100vw; height: 100vh; max-height: calc(100vh - var(--header-height) - var(--favorites-height) - var(--gutter-double))}
        #navigation h4 {margin-left: 10%; width: 80%}
        #nav-input {margin-left: 10%; width: 80%}
        #nav-filter {margin-left: 10% !important; width:80%; height: calc(100vh - var(--header-height) - var(--favorites-height) - var(--gutter-double)); padding: 0}
        #mainnav ul.sub-level {padding-left: calc(2 * var(--gutter))}
        #mainnav .mobile-item {display:none}
        #mainnav a {font-size: 1.25em}
        #mainnav .top-level > .parent > a {width: calc(100% - var(--gutter-half))}
        .nav-heading {width: 100%; /*margin-left: calc(-1 * var(--gutter-half));*/ padding: 2px var(--gutter-half) 0; font-size: 1.15em}
        /* Homepage Quick Menu */
        :is(#quick-menu, #quick-menu-edu) .moduletable > span {height: 96px}
        :is(#quick-menu, #quick-menu-edu) .fa {font-size: 96px}
        :is(#quick-menu, #quick-menu-edu) img {height: 96px}
        :is(#quick-menu, #quick-menu-edu) p {font-size: 0.9em}
        /* Breadcrumbs */
        #breadcrumbs ul li {height: 39px}
        /* Boxes */
        #box-grid, .view-ft-directory {grid-template-columns: 1fr 1fr}
        /* Article list - grouped by categories [mod_articles_category] */
        .article-date {font-size: 0.9em;}
        /* Article list, image */
        .module-type-articles-image figure {margin-bottom: var(--gutter-half)}
            .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--gutter-half)}
            .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--gutter-half)}
        /* Language Picker */
        #navigation #language-switcher {display: none}
        #language-list {flex: 0 0 calc(200% + 2px); left: calc(-100% - 1px)}
        #language-list a {padding: 60px 15px 25px 15px}
        /* Subfooter */
        .subfooter {border: none; margin-bottom: 0}
        .subfooter a {line-height: 110%; font-variation-settings: var(--weight-light)}
        .subfooter ul {list-style: none; margin: 0; padding: 0}
            .subfooter li {margin-bottom: 15px!important}
                  .subfooter li a {display: block;}
        #subfooter .moduletable {padding:var(--gutter) var(--gutter-half)}
        /* mod_f3_slideshow */
        #f3-slider-container {position: relative; overflow: hidden; background: transparent}
        #f3-slide-loader {position: absolute; top: calc(50% - 2em); display: flex; justify-content: center; width: 100%; opacity: 0.4}
        #f3-slide-loader span {display: block; animation: spinner 1.5s linear infinite}
        .desktop-aspect-43     {aspect-ratio: 4/3}
        .desktop-aspect-169    {aspect-ratio: 16/9}
        .desktop-aspect-1851 {aspect-ratio: 1.85/1}
        .desktop-aspect-21     {aspect-ratio: 2/1}
        .desktop-aspect-31     {aspect-ratio: 3/1}
        .f3-slide {position: absolute;top: 0; left: 0}
        .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
        .f3-slide-text h2 {margin:0; text-align:center}
        .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
        .f3-slide-title:hover {color: #fff}
        .f3-slide-subtitle {margin:0; text-align:center; color:#fff; text-shadow: 2px 2px 1px #000}
        /* mod_f3_popup */
        #ft-popup-inner {min-width: 500px; width: 66%}
        #ft-popup-close {top: calc(var(--gutter) + 6px)}
        #ft-popup-close::after {font-size: 2em}
        #ft-popup-content h3 {margin: 0 0 var(--gutter) var(--gutter-negative); padding: var(--gutter); width: calc(100% + var(--gutter-double))}
        /* mod_acym */
        .acym_form input {max-width: 450px!important}
        /* mod_banners */
        .partner img {filter:grayscale(100); opacity: 0.7; transition: var(--transition-50); max-height: 100px; width:auto}
        .partner:hover img {filter:grayscale(0); opacity: 1}
    /* Components */
		/* com_acym */
			.newsletter-txt {flex: 0 0 67%}
			.newsletter-img {flex: 0 0 33%}
			.newsletter-img img {height: 100% !important; object-fit: cover}
			.acym-fields .onefield {width: calc(50% - var(--gutter-half))}
			.acym-fields .onefield:nth-of-type(odd) {margin-right: var(--gutter-half) !important}
			.acym-fields .onefield:nth-of-type(even) {margin-left: var(--gutter-half) !important}
			.acym-fields .subbutton {margin: var(--gutter) 0 0 0 !important}
		/* com_content */
            /* Common */
            #title {padding: var(--gutter);}
            .subtitle {font-size: 0.45em}
            /* Hero image */
            .hero-info {left: calc((100% - var(--main-max-width)) / 2)}
                .hero-info .hero-title {font-size: 2.25em}
                .hero-info .hero-text {font-size: 0.85em}
            /* Article Filter */
            .filter-control-section label {flex: 0 0 50%}
            /* Tag View */
            /* Category View */
                  /* People Directory */
                  .category-items article[itemprop*="Person"] * {text-align: center; justify-content: center}
                  .category-items article[itemprop*="Person"] .wrapper {padding: var(--gutter-half)}
                  .category-items article[itemprop*="Person"] img {max-height: 320px; overflow: hidden; border: var(--border-article-list)}
                  .category-items article[itemprop*="Person"] .block-image {width: 100%; min-height:320px; max-height: 320px; overflow: hidden}
                  .category-items article[itemprop*="Person"] .block-info {align-self: flex-start; padding-left: 0; padding-right: 0}
                  /* Blog view */
                  .cat-leading {flex:0 0 calc(50% - 1/2 * var(--gutter)); padding: 0}
                    .cat-leading .cat-item-image {margin:0; width:100%}
                  .has-modules .cat-leading {flex: 0 0 100%}
                  .cat-leading:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .cat-leading:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--gutter))}
                  .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                  .has-lead .cat-intro-container:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-modules .has-lead .cat-intro-container {flex: 0 0 100%}
                    .has-lead .cat-intro-container article:nth-child(3), .has-lead .cat-intro-container article:nth-child(4) {margin-bottom: 0}
                    .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                        .has-lead .cat-intro {flex:0 0 calc(50% - var(--gutter-half))}
                        .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--gutter) 0}
                        .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter))); margin: 0 var(--gutter) 0 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article:last-of-type {margin: 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n+1) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 var(--gutter) var(--gutter) 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 0 var(--gutter) 0}
                  .no-lead .cat-intro-container {flex:0 0 100%}
                    .no-lead .cat-intro-container article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter)))}
                    .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--gutter) var(--gutter) 0}
                    .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--gutter) 0}
                  /* F3 Flex Stacked */
                  .view-f3-stacked .cat-item-image {flex:0 0 480px}
                  .view-f3-stacked .cat-item-content {flex:0 0 calc(100% - 480px); padding: var(--gutter-half) var(--gutter)}
                  .view-f3-stacked .article-date {margin: 0 0 var(--gutter-half) 0}
                  /* F3 Flex Boxes (Person Directory) */
                  .view-ft-directory article {}
                    .view-ft-directory .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
                    .view-ft-directory .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
                        .view-ft-directory:not(.grid) img {max-height:38vh}
                        .view-ft-directory .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
                        .view-ft-directory .person-job {font-size: 0.95em}
                        .view-ft-directory .desc {font-size: 0.85em; margin: 5px 0 var(--gutter-half) !important; padding-bottom: var(--gutter-half); border-bottom: var(--border-default-10)}
                  /* F3 Flex-1 */
                  .view-ft-flex-1 article {outline: 1px solid transparent; &:hover {outline-color: var(--border-article-list-hover-outline)}}
                    .view-ft-flex-1 .wrapper {padding: var(--gutter)}
                    .view-ft-flex-1 .block-image {}
                        .view-ft-flex-1 .block-image img {}
                    .view-ft-flex-1 .block-info {}
                        .view-ft-flex-1 .block-info h3 {}
                    .view-ft-flex-1 .block-info {}
                    .view-ft-flex-1 .desc {}
            /* Article View */
            #substance {width:100%; padding-right:var(--gutter)}
            #substance:not([class]), #substance[class=""] {padding-right:0}
            .supertitle {font-size:1.3em}
            .article-section {margin-bottom: var(--gutter)}
            figure.content-image {margin: var(--gutter-half) var(--gutter-quarter) 0 var(--gutter-half) !important; max-width: calc(100% / 2 - var(--gutter))}
            /* Taglist */
            #tags {padding:0 var(--gutter)}
            .taglist-icon {flex:0 0 48px}
            .taglist {flex:0 0 calc(100% - 48px)}
            .tag {margin: 5px}
            .tag a {font-size: 0.9em}
            /* Person Directory */
            :where(#person-image, #person-bio, #person-book) .action {display:inline-block; float: none; width:155px; margin-inline: 5px; text-align: right; & span {float:left}}
        /* com_finder */
            #finder-form #q {width:500px}
        /* com_fields */
            /* ACF gallery */
            .gallery-items img {opacity:0.7; transition: var(--transition-30)}
            .gallery-items .item:hover img {opacity:1}
            .tf-gallery-wrapper .gallery-items.masonry .item {margin-bottom:calc(-1 * var(--gap))!important}
        /* com_tags */
            /* Common */
            .filter-form {display:table; margin:0 auto; max-width:var(--table-max-width)}
            #filter-search {width:300px}
        /* com_users */
            /* Common */
            .login .controls {max-width: 100%}
    /* Plugins */
        /* Datatables */
        .dataTable-wrapper > div {max-width: var(--table-max-width)}
        .dataTable-selector {min-width: 100px}
        .dataTable-input {min-width: 400px}
    /* Custom Pages */
        /* Homepage */
        h3.company-category {font-size: 0.975em; word-spacing: 5px; font-variation-settings: var(--weight-medium)}
        .homepage #fulltext p {font-size: 1em; line-height: 140%; font-variation-settings: var(--weight-normal)}
        /* Sitemap */
        .sitemap-container {flex: 0 0 calc(50% - var(--gutter))}
        /* 404 */
        .error-404 li {align-items: center; margin-bottom: 10px}
    /* Top link */
        #back-top {bottom: 15px; right: 15px; width: 56px; height: 56px}
}

/* === F³ Size "D" === */
@media (min-width:1200px) {
    :root {
        --header-height: 140px;
        --header-min-height: calc(1/2 * var(--header-height));
        --favorites-height: calc(1/3 * var(--header-height));
        --footer-height: 65px;
        --gutter: 30px;
        --h1-padding: 0;
        --h2-padding: 0;
        --h3-padding: 0;
        --h4-padding: 0;
        --h1-margin: 0 0 30px;
        --h2-margin: 30px 0 15px;
        --h3-margin: 30px 0 15px;
        --h4-margin: 30px 0 15px;
        --h4-title-margin-top: -10px;
        --p-margin:0 0 15px;
        --main-max-width: 1280px;
        --table-max-width: 1280px;
        --table-padding-default: 15px;
        --modules-width: 380px;
        --ul-padding: 40px;
        --ul-margin: 15px 0;
        --li-margin: 0 0 9px;
        --button-height: 40px;
        --input-height: 40px;
        --button-min-width: 120px;
        --filter-min-width: 300px;
		--snippet-width: 480px;
    }
    /* Classes */
    .hidden-d {display: none !important}
    .flex-d-100 {flex:0 0 100% !important}
    .flex-d-80    {flex:0 0 80%}
    .flex-d-75    {flex:0 0 75%}
    .flex-d-67    {flex:0 0 calc(2/3 * 100%)}
    .flex-d-50    {flex:0 0 50%}
    .flex-d-40    {flex:0 0 40%}
    .flex-d-33    {flex:0 0 calc(1/3 * 100%)}
    .flex-d-25    {flex:0 0 25%}
    .flex-d-20    {flex:0 0 20%}
    .flex-d-reverse {flex-direction: column-reverse}
    .grid-d-1 {grid-template-columns: repeat(1, 1fr) !important}
    .grid-d-2 {grid-template-columns: repeat(2, 1fr) !important}
    .grid-d-3 {grid-template-columns: repeat(3, 1fr) !important}
    .grid-d-4 {grid-template-columns: repeat(4, 1fr) !important}
    .order-d-1 {order:1}
    .order-d-2 {order:2}
    .order-d-3 {order:3}
    .order-d-4 {order:4}
    .order-d-5 {order:5}
    .padding-top-d {padding-top: var(--gutter)!important}
    .padding-bottom-d {padding-bottom: var(--gutter)!important}
    .padding-left-d {padding-left: var(--gutter)!important}
    .padding-right-d {padding-right: var(--gutter)!important}
    .margin-top-d {margin-top: var(--gutter)!important}
    .margin-bottom-d {margin-bottom: var(--gutter)!important}
    .margin-left-d {margin-left: var(--gutter)!important}
    .margin-right-d {margin-right: var(--gutter)!important}
    /* Typography */
    html     {font-size: 18px}
    .theme-default-dark :where(h1, h2, h3, h4) {text-shadow: 2px 2px 1px var(--black-30)}
    /* Additional Typography */
    .heading-subtitle {font-size: 0.425em}
    /* HTML elements */
        /* Tables */
        table {max-width: var(--table-max-width)}
        /* Responsive DIV tables */
        .f3-table {display: table}
            .f3-caption {display: table-caption}
            .f3-thead {display: table-header-group}
                  .f3-th {display: table-cell}
            .f3-tbody {display: table-row-group}
                  .f3-tr {display: table-row}
                    .f3-mh {display: none}
                    .f3-td {display: table-cell}
    /* Forms */
        /* RSForm */
        .rsform-block {display: flex; align-items: flex-start}
        .rsform-block.rsform-type-freetext {padding-left: 3px; max-width: calc(100% - 400px)}
        .rsform-block.rsform-type-checkboxgroup {padding-left: var(--gutter-quarter)}
        .formControlLabel, .control-label {position: relative; top: 6px; max-width: 400px; text-align: right; padding-right: var(--gutter)}
        .formControls, .controls {max-width:calc(100% - 400px)}
        .yui-calcontainer {margin-top: 7px}
    /* Template Sections */
        /* Header */
        #header-left > a, #header-right > a {min-width: 125px; min-height: 85px; max-height: 100px}
        #header-left .left-aligned {height: calc(var(--header-height) - var(--gutter)); max-height: 110px; aspect-ratio:7/4}
        #header-left .left-aligned:first-of-type {margin-left: 0}
        #header-left #schedule {cursor: default}
        header.min #header-left > a, header.min #header-right > a {min-width: 50px}
        header:not(.min) :where(#header-left a:hover, #header-right a:hover, .toggle.active) {color: var(--header-a) !important; outline: 1px solid var(--header-a) !important; background: var(--black-30) !important; text-shadow: var(--text-shadow-12-60)}
        header.min :where(#header-left a:hover, #header-right a:hover, .toggle.active) {background: var(--blue-d1) !important; color: var(--white) !important; text-shadow: var(--text-shadow-02-80)}
        header.min .left-aligned {aspect-ratio: 5/4}
        header.min a:not(#schedule) > span.fa {flex: 100%; font-size:1.77778em !important; color: var(--header-min-a); line-height: 0}
        header.min #schedule {pointer-events: none}
        /* Phone Directory */
        #phone-directory {max-width: 650px}
        #phone-directory .cell {}
        #phone-directory .cell.directory-call {width: 250px; border: var(--border-quick-menu); background: var(--bg-quick-menu)}
        #phone-directory * {transition: var(--transition-50)}
        /* Cookie Consent */
        #cookie-consent .option-group {margin-bottom: var(--gutter-quarter)}
    /* Modules */
        /* Common */
        #modules .moduletable h3 {margin-top: -10px}
        .moduletable ul li {margin-bottom: 7px}
        /* Navigation */
        #navigation {width: 100vw; height: 100vh; max-height: calc(100vh - var(--header-height) - var(--favorites-height) - var(--gutter-double)); padding-inline: var(--gutter-half)}
        #nav-filter {display: block; width: 100%; height: calc(100vh - var(--header-height) - var(--favorites-height) - var(--gutter-double))}
            #nav-filter > li.nav-column {float: left; width: calc(100% / 7); padding-inline: var(--gutter-half); margin-top: 0}
            #nav-filter > li.nav-column.submenu-opsta {width: calc(2 * 100% / 8)}
            #nav-filter > li:not(.nav-column):not(.mobile-item) > a {margin-inline: var(--gutter-half)}
            #nav-filter > li.nav-single-first:not(.mobile-item) {float:left; width: calc(100% / 6); }
            #nav-filter > li.nav-single:not(.mobile-item) {display: block}
        #mainnav ul.sub-level {padding-left: 0}
            #mainnav ul.sub-level > li:not(.heading) {display: block; padding-left: 8px}
        #mainnav .mobile-item {display: none !important;}
        #mainnav a {}
        #mainnav li {margin: var(--gutter-fifth) 0}
        #mainnav .top-level > .parent > a {padding: 3px 0 3px 0; font-size: 1.3em; width:100%}
	    .nav-heading {width: 100%; padding: 3px 8px}
        /* Homepage Quick Menu */
        :is(#quick-menu, #quick-menu-edu) .moduletable > span {height: 96px}
        :is(#quick-menu, #quick-menu-edu) .fa {font-size: 96px}
        :is(#quick-menu, #quick-menu-edu) img {height: 96px}
        :is(#quick-menu, #quick-menu-edu) p {font-size: 0.9em}
        /* Boxes */
        #box-grid {grid-template-columns: 1fr 1fr 1fr}
        .view-ft-directory {grid-template-columns: 1fr 1fr}
        /* Article list - grouped by categories [mod_articles_category] */
        .article-date {font-size: 0.9em}
        /* Article list, image */
        .module-type-articles-image figure {margin-bottom: var(--gutter-half)}
            .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--gutter-half)}
            .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--gutter-half)}
        /* Newsletter, Partners */
        #modules-am > .moduletable {flex:0 0 100%}
        /* Subfooter */
        .subfooter {border: none; margin-bottom: 0}
        .subfooter ul {list-style: none; margin: 0; padding: 0}
        .subfooter li {margin-bottom: 15px!important}
        .subfooter a {line-height: 110%; font-variation-settings: var(--weight-light)}
        .subfooter-1 .butler {display: inline-block; line-height: 120%; font-size: 1.5em; padding: 10px 130px 0 0; border-top: 1px solid #fff}
        .subfooter-2, .subfooter-3 li, .subfooter-4 li {text-align: right}
        /* mod_f3_slideshow */
        #f3-slider-container {position: relative; overflow: hidden; background: transparent}
        #f3-slide-loader {position: absolute; top: calc(50% - 2em); display: flex; justify-content: center; width: 100%; opacity: 0.4}
        #f3-slide-loader span {display: block; animation: spinner 1.5s linear infinite}
        .desktop-aspect-43     {aspect-ratio: 4/3}
        .desktop-aspect-169    {aspect-ratio: 16/9}
        .desktop-aspect-1851 {aspect-ratio: 1.85/1}
        .desktop-aspect-21     {aspect-ratio: 2/1}
        .desktop-aspect-31     {aspect-ratio: 3/1}
        .f3-slide {position: absolute;top: 0; left: 0}
        .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #efefef; backdrop-filter: blur(2px)}
        .f3-slide-text h2 {margin:0; text-align:center; border-bottom: none}
        .f3-slide-title {font-family:inherit; font-size:inherit; color:#333; line-height:100%; color: var(--color-h2); background:none}
        .f3-slide-title:hover {color: #333}
        .f3-slide-subtitle {margin:0; text-align:center; color:#333; font-size:1.4rem}
        /* mod_f3_popup */
        #ft-popup-inner {min-width: 500px; width: 45%}
        #ft-popup-close {top: calc(var(--gutter) + 6px)}
        #ft-popup-close::after {font-size: 2em}
        #ft-popup-content h3 {margin: 0 0 var(--gutter) var(--gutter-negative); padding: var(--gutter); width: calc(100% + var(--gutter-double))}
        /* mod_acym */
        .acym_form {position: relative; display: table; margin: var(--gutter-half) auto; width: 500px}
            .acyfield_text {margin: 0!important}
                  .acyfield_text input {width: 75%; float: left; text-align: left}
            .acysubbuttons {position: absolute; top:0; right: 0; margin: 0}
                  .acysubbuttons input {margin: 0}
        /* mod_banners */
        .partner img {filter:grayscale(100); opacity: 0.7; transition: var(--transition-50); max-height: 125px; width:auto}
        .theme-default-dark .partner img {filter:brightness(0) invert(1)}
        .partner:hover img {filter:grayscale(0); opacity: 1}
        .theme-default-dark .partner:hover img {filter:brightness(100%) invert(0) drop-shadow(0px 0 2px rgba(255,255,255,0.33))}
    /* Components */
		/* com_acym */
			.newsletter-txt {flex: 0 0 67%; padding: var(--padding-double)}
			.newsletter-img {flex: 0 0 33%}
			.newsletter-img img {height: 100% !important; object-fit: cover}
			.acym-fields .onefield {width: calc(50% - var(--gutter-half))}
			.acym-fields .onefield:nth-of-type(odd) {margin-right: var(--gutter-half) !important}
			.acym-fields .onefield:nth-of-type(even) {margin-left: var(--gutter-half) !important}
			.acym-fields .subbutton {margin: var(--gutter) 0 0 0 !important}
		}
        /* com_content */
            /* Common */
                  #title {padding: var(--gutter)}
                  .subtitle {font-size: 0.4em}
            /* Hero image */
            .hero-info {left: calc((100% - var(--main-max-width)) / 2)}
                .hero-info .hero-title {font-size: 2.25em}
                .hero-info .hero-text {font-size: 0.85em}
            /* Article Filter */
            .filter-control-section label {flex: 0 0 calc(100% / 3)}
            /* Tag View */
            /* Category View */
                  /* Blog view */
                  .cat-leading {flex:0 0 calc(50% - 1/2 * var(--gutter)); padding: 0}
                    .cat-leading .cat-item-image {margin:0; width:100%}
                  .has-modules .cat-leading {flex: 0 0 100%}
                  .cat-leading:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .cat-leading:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--gutter))}
                  .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                  .has-lead .cat-intro-container:nth-child(2n) {margin:0 0 var(--gutter) 0}
                  .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                  .has-modules .has-lead .cat-intro-container {flex: 0 0 100%}
                    .has-lead .cat-intro-container article:nth-child(3), .has-lead .cat-intro-container article:nth-child(4) {margin-bottom: 0}
                    .has-lead .cat-intro-container:not(:first-of-type) {flex:0 0 100%}
                        .has-lead .cat-intro {flex:0 0 calc(50% - var(--gutter-half))}
                        .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--gutter) 0}
                        .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--gutter) var(--gutter) 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter))); margin: 0 var(--gutter) 0 0}
                        .has-lead .cat-intro-container:not(:first-of-type) article:last-of-type {margin: 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n+1) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 var(--gutter) var(--gutter) 0}
                        .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--gutter-half)); margin: 0 0 var(--gutter) 0}
                  .no-lead .cat-intro-container {flex:0 0 100%}
                    .no-lead .cat-intro-container article {flex: 0 0 calc(25% - calc(3/4 * var(--gutter)))}
                    .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--gutter) var(--gutter) 0}
                    .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--gutter) 0}
                  /* F3 Flex Stacked */
                  .view-f3-stacked .cat-item-image {flex:0 0 480px}
                  .view-f3-stacked .cat-item-content {flex:0 0 calc(100% - 480px); padding: var(--gutter-half) var(--gutter)}
                  .view-f3-stacked .article-date {margin: 0 0 var(--gutter-half) 0}
                  /* F3 Directory */
                  .view-ft-directory article {}
                    .view-ft-directory .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
                        .view-ft-directory:not(.grid) img {max-height:38vh}
                        .view-ft-directory.grid figure {margin: var(--gutter) 0 0 var(--gutter)}
                        .view-ft-directory:not(.grid) .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
                        .view-ft-directory.grid .block-info {padding:var(--gutter)}
                        .view-ft-directory .person-job {font-size: 0.95em}
                        .view-ft-directory .desc {font-size: 0.85em; margin: 5px 0 var(--gutter-half) !important}
                  /* F3 Flex-1 */
                  .view-ft-flex-1 article {}
                    .view-ft-flex-1 .wrapper {padding: var(--gutter)}
                    .view-ft-flex-1 .block-image {}
                        .view-ft-flex-1 .block-image img {}
                    .view-ft-flex-1 .block-info {}
                        .view-ft-flex-1 .block-info h3 {}
                    .view-ft-flex-1 .block-info {}
                    .view-ft-flex-1 .desc {}
                  /* F3 Flex-2 */
                  .view-ft-flex-2 {padding:var(--gutter)}
                    .view-ft-flex-2 article:not(:last-of-type) {margin-bottom: var(--gutter)}
                        .view-ft-flex-2 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
                        .view-ft-flex-2 .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
                              .view-ft-flex-2:not(.grid) img {max-height:38vh}
                              .view-ft-flex-2 .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
                              .view-ft-flex-2 .desc {font-size: 0.85em; margin: 5px 0 var(--gutter-half) !important; padding-bottom: var(--gutter-half); border-bottom: var(--border-default-10)}
            /* Article View */
            .article-section {margin-bottom: var(--gutter)}
            #substance {width:100%; padding-right:var(--gutter)}
            #substance:not([class]), #substance[class=""] {padding-right:0}
            .supertitle {font-size:1.35em}
            :is(.flex-t2-60, .flex-d-67) figure.article-image {max-width: initial}
            :is(.flex-t2-100, .flex-d-100) figure.article-image {max-width: 990px}
            figure.content-image {margin: var(--gutter-half) var(--gutter-quarter) 0 var(--gutter-half) !important; max-width: calc(100% / 3 - var(--gutter))}
            /* Taglist */
            #tags {padding:0 var(--gutter)}
            .taglist-icon {flex:0 0 64px}
            .taglist {flex:0 0 calc(100% - 64px)}
            .tag {margin: 5px 10px}
            .tag a {font-size: 0.9em}
        /* com_fields */
            /* ACF gallery */
            .gallery-items img {opacity:0.7; transition: var(--transition-30)}
            .gallery-items .item:hover img {opacity:1}
            .tf-gallery-wrapper .gallery-items.masonry .item {margin-bottom:calc(-1 * var(--gap))!important}
        /* com_finder */
            #finder-form #q {width:500px}
        /* com_tags */
            /* Common */
            .filter-form {display:table; margin:var(--gutter) auto 0; max-width:var(--table-max-width)}
            #filter-search {width:300px}
        /* com_users */
            /* Common */
            .login .controls {max-width: 100%}
    /* Plugins */
        /* Datatables */
        .dataTable-wrapper > div {max-width: var(--table-max-width)}
        .dataTable-selector {min-width: 100px}
        .dataTable-input {min-width: 400px}
        /* JCE Mediabox */
        .wf-mediabox-content-image img {width: auto; max-height: 100%}
    /* Custom Pages */
        /* Homepage */
        h3.company-category {font-size: 1.275em; word-spacing: 5px}
        .homepage #fulltext p {font-size: 1.1rem; line-height: 1.75rem}
        /* Sitemap */
        .sitemap-container {flex: 0 0 calc(50% - var(--gutter))}
        /* 404 */
        .error-404 li {align-items: center}
    /* Top link */
        #back-top {bottom: var(--gutter); right: var(--gutter); width: 48px; height: 48px}
}



/* ===========
    FT Tweaks
   =========== */

/* === Mobile (touch) devices === */
@media (hover: none) and (pointer: coarse) {
        :root {
                  --favorites-height: 0;
        }
        html[class*="-dark"] #quick-menu-edu .moduletable {
                  background: var(--black-10) !important;
        }
        header a:hover,
        header .toggle.active {
                  background: transparent !important; 
                  color: var(--header-min-a) !important; 
                  text-shadow: none !important;
        }
}

/* === Desktop devices === */
@media screen and (any-pointer: fine) and (any-hover: hover) {
}

/* Firefox-specific tweaks */
@-moz-document url-prefix() {
    /* Breadcrumbs */
    #breadcrumbs ul li a, #breadcrumbs ul li > span {margin-right:-4px}
}

/* Additional tweaks 1280x720, 1366x768 specific */
@media (min-width:1200px) and (max-width:1366px) and (max-height:768px) {
    /* Header */
    #header-left {padding-left: var(--gutter-half)}
    #header-left .left-aligned {aspect-ratio: 5/4; margin-left: var(--gutter-half)}
    #header-left span.fa {flex: 100%; transition: var(--transition-30)}
    #header-left span.h-txt {flex: 100%; padding: 0}
    #header-left span.h-label {text-align: center}
    #header-left span.h-entry {text-align: center}
    #header-right {padding-right: var(--gutter-half)}
    /* Slideshow */
    .f3-slide-text {padding-top: var(--gutter-half) !important; padding-bottom: var(--gutter-half) !important}
    .f3-slide-text h2 {font-size-adjust: 0.45; line-height: 100%}
    .f3-slide-text .f3-slide-subtitle {font-size-adjust: 0.35; line-height: 100%}
    /* Main */
    main.with-slideshow {padding-top: 0}
    main.with-slideshow #fulltext > p:first-of-type {display: none}
}


/* Additional tweaks for "D" screens 1200 < width < 1366 */
@media (min-width:1200px) and (max-width:1355px) {

    main {padding-left: var(--gutter); padding-right: var(--gutter)}
    #navigation {top: calc(var(--header-height) + var(--favorites-height) + var(--gutter))}
        #navigation h4 {margin-left: 20%; width: 60%}
        #nav-input {margin-left: 20%; width: 60%}
    /* Hero image */
    .hero-info {left: var(--gutter); max-width: calc(var(--main-max-width) - var(--gutter-double))}
        .hero-info .hero-title {font-size: 2.25em}
        .hero-info .hero-text {font-size: 0.85em}
    /* Person Directory */
    :where(#person-image, #person-bio, #person-book) .action {display:inline-block; float: none; width:155px; margin-inline: 5px; text-align: right; & span {float:left}}
}

/* Additional tweaks for "D" screens 1366x768 and 1440x900 (and possibly some resolutions between) */
@media (min-width:1366px) and (max-width:1440px) {
    #navigation {top: calc(var(--header-height) + var(--favorites-height) + var(--gutter))}
        #navigation h4 {margin-left: 25%; width: 50%}
        #nav-input {margin-left: 25%; width: 50%}
    /* Hero image */
    .hero-info {left: var(--gutter); max-width: calc(var(--main-max-width) - var(--gutter-double))}
        .hero-info .hero-title {font-size: 2.25em}
        .hero-info .hero-text {font-size: 0.85em}
    /* Person Directory */
    :where(#person-image, #person-bio, #person-book) .action {width:175px; text-align: right; & span {float:left}}
}

/* Additional tweaks for all "D" screens > 1440 */
@media (min-width:1441px) {
    #quick-menu {padding: 0 calc(2 * var(--gutter-double))}
    #navigation h4 {width: 100%; padding-inline: var(--gutter); text-align: center}
    #nav-input {margin-left: 25%; width: 50%}
}

/* Additional tweaks for all "D" screens >= 1366px */
@media (min-width:1366px) {
    :root {
        --main-max-width: 80%;
        --main-min-width: 1306px;
    }
}

/* Addition tweaks for Boxes */
@media (min-width:1200px) and (max-width:1860px) {
    #boxes .moduletable {padding-top: calc(225px + var(--gutter)); flex:0 0 calc(1/4 * 100% - calc(3/4 * var(--gutter))); margin:0 var(--gutter) var(--gutter) 0}
    #boxes .moduletable:nth-of-type(4), #boxes .moduletable:nth-of-type(8) {margin-right: 0}
    #boxes .moduletable:nth-of-type(5), #boxes .moduletable:nth-of-type(6), #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {margin-bottom: 0}
    #boxes .moduletable::before {height: 225px}
    #boxes h4 {width: 100%; margin: 0 0 var(--gutter); padding: 0; line-height: 120%}
    #boxes .custom {}
    .box-elbow::before {background-position-y: -35px}
    .box-hand::before    {background-position-y: -47px}
    .box-hip::before     {background-position-y: -47px}
    .box-knee::before    {background-position-y: -47px}
    .box-foot::before    {background-position-y: -47px}
}
@media (min-width:1861px) {
    #boxes .moduletable {aspect-ratio: 1; flex:0 0 calc(1/3 * 100% - calc(2/3 * var(--gutter))); margin:0 var(--gutter) var(--gutter) 0}
    #boxes .moduletable:nth-of-type(3), #boxes .moduletable:nth-of-type(6) {margin-right: 0}
    #boxes .moduletable:nth-of-type(4), #boxes .moduletable:nth-of-type(5), #boxes .moduletable:nth-of-type(6) {margin-bottom: 0}
    #boxes .moduletable::before {height: auto}
    #boxes h4 {width: 100%; margin: 0 0 var(--gutter); padding: 0; line-height: 120%}
    #boxes .custom {}
    .box-elbow::before {background-position-y: -20px}
    .box-hand::before    {background-position-y: -32px}
    .box-hip::before     {background-position-y: -40px}
    .box-knee::before    {background-position-y: -40px}
    .box-foot::before    {background-position-y: -49px}
}



/* ==================================
    FRONTEND EDITING: LINKS AND FORM
   ================================== */

/* Frontend article editing */
    /* Link */
    .icons .float-end a {
        color: transparent;
    }
        .icons, .icons div {
            height: 0;
        }
        .icons .float-end a > div {
            display: none;
        }
        .icons .float-end span.icon-edit {
            color: transparent;
            font-size: 0;
        }
            .icons .float-end span.icon-edit:after {
                  position: absolute;
                  top: calc(24px + var(--gutter));
                  right: var(--gutter);
                  font-family: var(--font-fa);
                  content: '\f044';
                  font-size: 48px;
                  color: var(--orange);
            }
    /* Form */
    .edit.item-page {

    }
        .edit.item-page fieldset {
            border: none;
            padding: 0;
        }
        .edit.item-page legend,
        .edit.item-page .visually-hidden {
            display:none;
        }
            /* Button row */
            joomla-tab[view="tabs"] > div[role="tablist"] {
                  flex-wrap: wrap;
                  border-radius: 0!important;
                  box-shadow: none!important;
            }
                  /* Buttons */
                  joomla-tab[view="tabs"] > div[role="tablist"] > button {
                    display: flex;
                    flex-grow: 1;
                    align-items: center;
                    justify-content: center;
                    margin:0;
                    box-shadow: 0 2px 3px -3px rgba(0,0,0,.15),inset 0 -4px 0 rgba(0,0,0,.05),0 0 3px rgba(0,0,0,.04);
                  }
                  joomla-tab[view="tabs"] > div[role="tablist"] > button[aria-expanded="true"] {
                    text-shadow:0 0 1px #000;
                    z-index: 1;
                  }
            /* Common Form Elements */
            .edit.item-page .control-group > div {
                  width: 100%;
            }
            /* Tabs */
            joomla-tab > joomla-tab-element {
                  border-radius: 0!important;
                  padding:var(--gutter)!important;
            }
                  /* Fields */
                    /* Separators */
                    .edit.item-page .field-separator-label {
                              font-variation-settings: var(--weight-demi);
                    }
                    .edit.item-page .field-separator-input {
                              display: none;
                    }
                    .edit.item-page div[id*="jform[com_fields][separator-type"] {
                              font-size:0;
                              color: transparent;
                              margin-top: 1rem;
                              border-bottom:1px solid var(--black-20);
                    }
                  /* Editor */
                  .edit.item-page joomla-tab-element#editor .control-group:last-of-type .controls { /* Editor wrapper */
                    max-width: initial;
                  }
                  .edit.item-page .wf-editor-header,
                  .edit.item-page .editor-xtd-buttons { /* Header and Extended buttons */
                    display: none;
                    pointer-events: none;
                  }
                  .edit.item-page .editor button {
                    min-width: initial;
                  }
                  .edit.item-page .editor .mceBranding {
                    display: none;
                  }

/*** CUSTOM PAGE STYLES ***/
:is(h1.indexed, h2.indexed, h3.indexed, h4.indexed) strong {font-variation-settings: inherit; color: inherit; font-family: inherit}

/***
    SIMPLE IMAGE GALLERY
    sudara se s nekim stilovima, ovo su samo
    redefinicije da se vrati na svoje default postavke
***/

ul.sigFreeClassic li.sigFreeThumb::before {display: none;}
ul.sigFreeClassic li.sigFreeThumb img::before {display: none;}
.fancybox-button svg path {fill:#fff !important;}
.fancybox-navigation .fancybox-button {border:none !important; box-shadow:none !important;}
.fancybox-infobar span {color:#fff !important;}

/*** LABORATORIJA MENU ITEM ***/
li.submenu-laboratorija a {color: var(--nav-category-hover) !important; padding: 3px 0 3px 0; letter-spacing: 1px;
    font-size: 1.4em; width: 100%; font-variation-settings: var(--weight-demi) !important;}
li.submenu-laboratorija a::before {font-family: var(--font-fa); content: '\f610'; padding: 6px; filter: drop-shadow(0 0 1px var(--white-30));}

/*** LABORATORIJA CATEGORY VIEW ***/
.lab-image-title {display: flex; align-items: center; padding: var(--gutter);}
.lab-image-title picture {width:40%;}
.lab-image-title h3 {text-align: center; width: 60%;}
.lab-item-text {float:left; width:100%; padding-top:0;}
ul.lab-list {column-count:3; padding-left:20px;}
ul.lab-list li {page-break-inside: avoid; padding:0 0.5rem 0 0;}

/*** CENOVNIK ***/
div.dt-container {max-width: var(--table-max-width); margin: 0 auto;}
table.cenovnik-table thead th {text-align: center !important}
table.cenovnik-table thead th span.dt-column-title {font-variation-settings: 'wght' 700; color: var(--white) !important}
div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button.disabled,
    div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button.disabled:hover
        {color:var(--black-50) !important; background:none;}
div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button.current,
    div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button.current:hover
        {color:var(--a-color) !important; background:var(--black-05); cursor: initial !important;}
div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button {color:var(--a-color) !important; box-shadow:none !important;}
div#cenovnik-table-klinicki-nalazi_wrapper.dt-container .dt-paging .dt-paging-button:hover {color:var(--white) !important; background:var(--a-color);}

/*** BMI ***/

.bmi-wrapper { display: flex; justify-content: center; padding: 2rem 0; border: 1px solid var(--blue-20); background: var(--black-03); }
.bmi-form-container { min-width: 28%; max-width: 80%; background: #dedede; padding: 1rem 1.5rem;
    border-radius: 0.5rem; border: 1px solid #7e7e7e; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.bmi-form-container form { display: flex; flex-direction: column; gap: 15px; }
.bmi-form-container input[type="number"] { padding: 8px; font-size: 16px; }
.gender { flex: 2; text-align: right; }
.gender label { margin-left: 20px; }
.bmi-form-container button { margin: 0; }
.bmi-form-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bmi-form-row label { flex: 1; white-space: nowrap; text-align: left; }
.bmi-form-row input[type="number"] { flex: 2; }
.bmi-scale-container { margin-left: 30px; }
.bmi-result { margin-top: 20px; padding: 10px; background-color: #fff5f5; border: 1px solid #cfcfcf; font-size: 16px; color: #fff; }
.bmi-result p { margin-bottom: 5px; font-variation-settings: var(--weight-600); }
.bmi-result-value { color: var(--a-color); font-variation-settings: var(--weight-600); }
.bmi-labels { display: flex; flex-direction: column; justify-content: flex-start; font-size: 16px; margin-left: 18px; margin-top: 40px; }
.label-section { position: relative; display: flex; align-items: center; justify-content: center; border-bottom: 1px dotted #1d235e;
    box-sizing: border-box; color: #fff; text-align: center; padding: 0; text-shadow: 1px 1px 5px #000; width: 280px; min-height: 62px; }
.bmi-tooltip-btn { position: absolute; top: 10px; right: 10px; color: #d1d1d1; cursor: pointer; font-size: 1.1rem; transition: color 0.5s ease-in-out; }
.bmi-tooltip-btn:hover { color: #fff; }
.bmi-tooltips { max-width: 520px; margin-left: 45px; }
.tooltip-title { font-size: 18px; font-weight: bold; color: #1d235e; margin-bottom: 10px; text-align: center; }
.tooltip-section { display: none; opacity: 0; transition: opacity 1s ease-in-out; background: #fff5f5; border: 1px solid #aaa;
    padding: 15px; border-radius: 10px; font-size: 14px; line-height: 1.6; color: #000; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; }
.tooltip-section.show { opacity: 1; }
.tooltip-section.fade-out { opacity: 0; }
.bmi-close-tooltip { position: absolute; top: 10px; right: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; color: #c00; }
.formula { font-family: sans-serif; font-size: 1rem; line-height: 1.4; }
.fraction { display: inline-block; vertical-align: middle; text-align: center; margin: 0 0.2em; }
.fraction .numerator, .fraction .denominator { display: block; padding: 0 0.2em; }
.fraction .denominator { border-top: 1px solid #000; margin-top: 0.1em; }
sup { font-size: 0.7em; vertical-align: super; }
.result { font-weight: bold; margin-left: 0.3em; }

/*** NEWSLETTER MODULE ***/

#mlb2-27144412.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary
    {margin:0px; background-color: var(--blue) !important; border-radius:0px !important; font-size: 1em !important;
    font-variation-settings: var(--weight-medium); border: var(--border-default) !important;}

#mlb2-27144412.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:hover
    {background-color: var(--blue-d2) !important;}

#mlb2-27144412.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.form-control {border-radius:0px !important;}

@media (max-width: 1200px) {
    .bmi-wrapper { display: flex; flex-wrap: wrap; gap: 20px; }
    .bmi-form-container { flex: 0 0 auto; }
    .bmi-scale-container { flex: 0 0 auto; }
    .bmi-tooltips { flex-basis: 100%; margin-top: 15px; max-width: 95%; margin-left: 0; }
}

@media (max-width: 768px) {
    .bmi-scale-container { margin-left: 0; }
}

/*** END BMI ***/

@media only print {
    header, footer, aside {display: none !important}
    .hidden-print {display: none}
    .rl_quickindex {display: none}
    img {display: none !important}
}