@charset "UTF-8";

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



/* ========
    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);
    }
}



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

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

/* Headings */
h1 {
    color: var(--h1-color);
    padding: var(--h1-padding);
    margin: var(--h1-margin);
    text-shadow: var(--h1-shadow);
    font-family: var(--font-heading);
    text-transform: uppercase;
}
h2 {
    color: var(--h2-color);
    padding: var(--h2-padding);
    margin: var(--h2-margin);
    text-shadow: var(--h2-shadow);
    font-family: var(--font-heading);
    text-transform: uppercase;
}
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(--h3-color);
    padding: var(--h3-padding);
    margin: var(--h3-margin);
    text-shadow: var(--h3-shadow);
    font-family: var(--font-heading);
    text-transform: uppercase;
}
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(--h4-color);
    padding: var(--h4-padding);
    margin: var(--h4-margin);
    text-shadow: var(--h4-shadow);
    font-family: var(--font-heading);
    text-transform: uppercase;
}
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;
    transition: var(--transition-30);
}
em > strong, strong > em {
    color: inherit;
    font-style: italic;
    font-variation-settings: var(--weight-medium);
}



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

/* Variables */
:root {
    /* Base colors and shades */
    /* Monochromes */
    --black-base: 0, 0%;
    --black-hsl: var(--black-base), 0%;
    --black: hsl(var(--black-hsl), 0%);
    --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 */
    --cyan-base: 179, 47%;
    --cyan-hsl: var(--cyan-base), 50%;
    --cyan: hsl(var(--cyan-hsl));
    --cyan-l1: hsl(var(--cyan-base), 60%);
    --cyan-l2: hsl(var(--cyan-base), 67%);
    --cyan-l3: hsl(var(--cyan-base), 75%);
    --cyan-l4: hsl(var(--cyan-base), 82%);
    --cyan-d1: hsl(var(--cyan-base), 45%);
    --cyan-d2: hsl(var(--cyan-base), 36%);
    --cyan-d3: hsl(var(--cyan-base), 30%);
    --cyan-d4: hsl(var(--cyan-base), 25%);
    --orange-base: 25, 91%;
    --orange-hsl: var(--orange-base), 55%;
    --orange: hsl(var(--orange-hsl));
    --orange-l1: hsl(var(--orange-base), 62%);
    --orange-l2: hsl(var(--orange-base), 70%);
    --orange-d1: hsl(var(--orange-base), 48%);
    --orange-d2: hsl(var(--orange-base), 40%);
    --red-base: 0, 100%;
    --red-hsl: var(--red-base), 37%;
    --red: hsl(var(--red-hsl));
    --red-l1: hsl(var(--red-base), 47%);
    --red-l2: hsl(var(--red-base), 57%);
    --red-d1: hsl(var(--red-base), 30%);
    --red-d2: hsl(var(--red-base), 23%);
    --green-base: 98, 85%;
    --green-hsl: var(--green-base), 29%;
    --green: hsl(var(--green-hsl));
    --green-l1: hsl(var(--green-base), 37%);
    --green-l2: hsl(var(--green-base), 45%);
    --green-d1: hsl(var(--green-base), 22%);
    --green-d2: hsl(var(--green-base), 15%);
    --blue-base: 221, 76%;
    --blue-hsl: var(--blue-base), 36%;
    --blue: hsl(var(--blue-hsl));
    --blue-l1: hsl(var(--blue-base), 46%);
    --blue-l2: hsl(var(--blue-base), 56%);
    --blue-d1: hsl(var(--blue-base), 30%);
    --blue-d2: hsl(var(--blue-base), 24%);
    --yellow-base: 38, 100%;
    --yellow-hsl: var(--yellow-base), 73%;
    --yellow: hsl(var(--yellow-hsl));
    --yellow-l1: hsl(var(--yellow-base), 83%);
    --yellow-l2: hsl(var(--yellow-base), 93%);
    --yellow-d1: hsl(var(--yellow-base), 63%);
    --yellow-d2: hsl(var(--yellow-base), 53%);
    /* Base colors HSLA transparencies */
    --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 rgba(0,0,0,0.15);
    --shadow-hover:0 0 5px 1px var(--orange-20);
    --shadow-focus:0 0 5px 1px var(--orange-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-226-30:2px 2px 6px var(--black-30);
    --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.0s ease-in-out;
    /* Modules */
    --settings-bar-width: 64px;
    /* Common */
    --active-slide-bg: linear-gradient(rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
    --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-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(--body-bg-66);
    --accessibility-item:         var(--blue-l1);
    --accessibility-item-hover:   var(--blue-l2);
}
/* Themes */
.theme-default-light {
    /* Background colors */
    --body-bg: hsl(0, 0%, 96%);
    --body-bg-95: hsla(0, 0%, 96%, 95%);
    --body-bg-66: hsla(0, 0%, 96%, 66%);
    --header-bg: var(--cyan);
    --header-min-bg: var(--white);
    --header-gradient: linear-gradient(180deg, hsl(179deg 46% 30%) 0%, hsl(179deg 46% 32%) 11%, hsl(179deg 46% 34%) 22%, hsl(179deg 46% 36%) 33%, hsl(179deg 47% 39%) 44%, hsl(179deg 47% 41%) 56%, hsl(179deg 47% 43%) 67%, hsl(179deg 47% 45%) 78%, hsl(179deg 47% 48%) 89%, hsl(179deg 47% 50%) 100%);
    --header-min-gradient: linear-gradient(180deg, var(--body-bg) 0%, var(--body-bg) 100%);
    --settings-bg: var(--cyan-d2);
    --qb-bg: var(--cyan-d1);
    --qb-bg-field: var(--cyan);
    --subfooter-bg: var(--cyan-d1);
    --footer-bg: var(--cyan-d2);
    --back-top-bg: var(--orange);
    --warning-bg: hsl(0, 58%, 94%); /* var(--red-10) against #ffffff */
    --danger-bg: hsl(0, 58%, 94%); /* var(--red-10) against #ffffff */
    --alert-bg: hsl(26, 91%, 95%); /*var(--orange-10) against #ffffff */
    --notice-bg: hsl(219, 41%, 93%); /* var(--blue-10) against #ffffff */
    --info-bg: hsl(97, 35%, 93%); /* var(--green-10) against #ffffff */
    --success-bg: hsl(97, 35%, 93%); /* var(--green-10) against #ffffff */
    --favorites-bg: var(--cyan-d2);
    --favorites-hover: var(--cyan-d1);
    --nav-heading-bg: var(--cyan-20);
    --nav-highlight-bg: var(--yellow-l2);
    --nav-admin-heading-bg: var(--orange);
    --tag-bg: var(--cyan-l1);
    --tag-hover-bg: var(--red);
    --backdrop-bg: rgba(255,255,255,0.975);
    --title-bg: var(--cyan-10);
    --title-gradient: linear-gradient(180deg, hsl(180deg 38% 82%) 0%, hsl(180deg 38% 83%) 11%, hsl(180deg 37% 84%) 22%, hsl(180deg 36% 85%) 33%, hsl(180deg 35% 86%) 44%, hsl(180deg 34% 87%) 56%, hsl(180deg 32% 88%) 67%, hsl(180deg 30% 89%) 78%, hsl(180deg 29% 90%) 89%, hsl(180deg 26% 91%) 100%);
    --module-gradient: linear-gradient(180deg, hsl(170deg 21% 89%) 0%, hsl(169deg 21% 90%) 11%, hsl(169deg 22% 90%) 22%, hsl(168deg 21% 91%) 33%, hsl(168deg 22% 91%) 44%, hsl(173deg 21% 92%) 56%, hsl(173deg 22% 92%) 67%, hsl(173deg 21% 93%) 78%, hsl(173deg 22% 93%) 89%, hsl(171deg 21% 94%) 100%);
    --index-bg: var(--cyan-05);
    --fw-title-bg: rgba(255,255,255,0.9);
    --modules-bg: var(--cyan-05);
    --h1-bg: var(--cyan);
    --h2-bg: var(--cyan-10);
    --h3-bg: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(37,61,112,0.05) 100%);
    --recommendations-bg: var(--green-05);
    --pagination-bg: var(--cyan-10);
    --f3-flexbox-bg: var(--cyan-05);
    --formDescription-bg: var(--orange-10);
    --formValidation-bg: var(--red-d1);
    --rsform-error-bg: var(--red-20);
    --quick-menu-bg: var(--cyan-05);
    --quick-menu-hover-bg: var(--cyan-75);
    --rsform-q-bg: var(--cyan);
    --alert-success-bg: var(--green-10);
    /* Borders and outlines */
    --border-company: 1px solid var(--cyan-20);
    --border-default: 1px solid #bbb;
    --border-default-05: 1px solid rgba(0,0,0,0.05);
    --border-default-10: 1px solid rgba(0,0,0,0.10);
    --border-default-20: 1px solid rgba(0,0,0,0.20);
    --border-default-30: 1px solid rgba(0,0,0,0.30);
    --border-default-40: 1px solid rgba(0,0,0,0.40);
    --border-default-50: 1px solid rgba(0,0,0,0.50);
    --border-h2: 1px solid var(--cyan-20);
    --border-table-outer: 2px solid var(--cyan-d2);
    --border-table-inner: 1px solid var(--cyan-d1);
    --border-double: 3px double #253d70;
    --border-hover: 1px solid var(--red-20);
    --border-focus: 1px solid var(--red-50);
    --border-fw: var(--border-default);
    --border-module: 1px solid var(--cyan-10);
    --border-module-h3: 1px solid var(--cyan-20);
    --border-article-list: 1px solid var(--cyan-10);
    --border-article-list-hover: 1px solid var(--orange);
    --border-article-list-hover-outline: var(--orange-50);
    --border-warning-1: 1px solid var(--red);
    --border-warning-2: 2px solid var(--red);
    --border-warning-3: 3px solid var(--red);
    --border-warning-5: 5px solid var(--red);
    --border-warning-15: 15px solid var(--red);
    --border-warning-h4: 1px solid var(--red-30);
    --border-danger-1: 1px solid var(--red);
    --border-danger-2: 2px solid var(--red);
    --border-danger-3: 3px solid var(--red);
    --border-danger-5: 5px solid var(--red);
    --border-danger-15: 15px solid var(--red);
    --border-danger-h4: 1px solid var(--red-30);
    --border-alert-1: 1px solid var(--orange);
    --border-alert-2: 2px solid var(--orange);
    --border-alert-3: 3px solid var(--orange);
    --border-alert-5: 5px solid var(--orange);
    --border-alert-15: 15px solid var(--orange);
    --border-alert-h4: 1px solid var(--orange-50);
    --border-notice-1: 1px solid var(--blue);
    --border-notice-2: 2px solid var(--blue);
    --border-notice-3: 3px solid var(--blue);
    --border-notice-5: 5px solid var(--blue);
    --border-notice-15: 15px solid var(--blue);
    --border-notice-h4: 1px solid var(--blue-30);
    --border-info-1: 1px solid var(--green);
    --border-info-2: 2px solid var(--green);
    --border-info-3: 3px solid var(--green);
    --border-info-5: 5px solid var(--green);
    --border-info-15: 15px solid var(--green);
    --border-info-h4: 1px solid var(--green-30);
    --border-success-1: 1px solid var(--green);
    --border-success-2: 2px solid var(--green);
    --border-success-3: 3px solid var(--green);
    --border-success-5: 5px solid var(--green);
    --border-success-15: 15px solid var(--green);
    --border-success-h4: 1px solid var(--green-30);
    --border-oe-rsform-error: 3px solid var(--red);
    --border-quick-menu: 1px solid var(--cyan-10);
    --outline-settings: 1px solid var(--body-bg);
    /* Text and element colors */
    --h1-color: var(--orange);
    --h2-color: var(--orange);
    --h3-color: var(--orange);
    --h4-color: var(--orange);
    --h4-warning: var(--red-d1);
    --h4-alert: var(--orange);
    --h4-notice: var(--blue);
    --h4-info: var(--green);
    --text-color: #333;
    --text-light-color: #777;
    --disabled-color: #aaa;
    --input-color: #333;
    --bullet-color: var(--orange);
    --icon-button-color: #999;
    --company-l1: var(--orange);
    --company-l2: var(--cyan);
    --company-l3: var(--cyan);
    --header-a: #fff;
    --header-min-a: var(--cyan);
    --header-min-a-hover: var(--orange);
    --a-color:var(--cyan-d1);
    --a-hover:var(--orange-d1);
    --mark-color: #fffbcc;
    --nav-heading-color: var(--cyan-d1);
    --nav-highlight-color: var(--red);
    --nav-category: var(--cyan-d2);
    --nav-category-hover: var(--orange);
    --footer-text: var(--white);
    --taglist-icon: var(--orange);
    --warning: var(--red);
    --recommendation: var(--green);
    --glow-hover: #fff7d5;
    --nav-a: var(--a-color);
    --nav-a-hover: var(--a-hover);
    --nav-active: var(--orange);
    --datatable-th: var(--cyan-d2);
    --datatable-th-hover: var(--orange-d1);
    --selection-bg: var(--cyan-50);
    --selection-color: var(--white);
    /* Forms */
    --rsform-warning: var(--red);
    --option-bg: var(--cyan-10);
    /* Tables */
    --th-bg: var(--cyan-30);
    --td-bg: var(--cyan-10);
    --td-shaded-bg: var(--cyan-15);
    --td-hover-bg: var(--cyan-20);
    --yui-cal-bg: var(--body-bg);
    --yui-cal-header: var(--header-bg);
    --yui-cal-weekdays: var(--cyan-l1);
    /* Other elements */
    --progress-color: var(--cyan-l2);
    --progress-outline: var(--cyan-l2);
    /* Breadcrumbs */
    --breadcrumb-first: var(--cyan-d2);
    --breadcrumb-default: var(--cyan-d1);
    --breadcrumb-last: var(--cyan-l1);
    --breadcrumb-hover: var(--orange-d1);
    /* Inverted stuff */
    --inverted-text: #fff;
    --inverted-bg: var(--cyan-75);
}
/* Classes */
/* Common */
.always-top {z-index: 1000000!important}
.block {display: block}
.grid {display: grid}
.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}
.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-half       {margin-left: var(--gutter-half)!important}
.margin-left-quarter    {margin-left: var(--gutter-quarter)!important}
.margin-left-auto       {margin-left: auto!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-right-auto      {margin-right: auto!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}
.padding-top            {padding-top: var(--gutter)!important}
.padding-bottom         {padding-bottom: var(--gutter)!important}
.padding-left           {padding-left: var(--gutter)!important}
.padding-right          {padding-right: var(--gutter)!important}
.padding-all            {padding: var(--gutter)}
.padding-all-half       {padding: var(--gutter-half)}
.padding-all-5          {padding: 5px}
.padding-all-10         {padding: 10px}
.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%}
.nomax-w   {max-width: initial!important}
.flex-100  {flex:0 0 100% !important}
.flex-75   {flex:0 0 75%  !important}
.flex-50   {flex:0 0 50%  !important}
.flex-25   {flex:0 0 25%  !important}
/* 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-bottom-10 {border-bottom:var(--border-default-10)}
.border-bottom-20 {border-bottom:var(--border-default-20)}
.border-bottom-30 {border-bottom:var(--border-default-30)}
.border-bottom-40 {border-bottom:var(--border-default-40)}
.border-bottom-50 {border-bottom: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}
/* 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 */
.butler {font-family: "Butler Stencil"}
.fa  {font-family: var(--font-fa); background: none!important; font-weight: normal !important}
.fab {font-family: var(--font-fab); background: none!important; font-weight: normal !important}
.important {color:var(--red)}
.size-080 {font-size:0.8em}
a.size-080 > span {font-size: calc(1em / 0.8)}
.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}
.w450 {font-variation-settings:'wght' 450!important}
.w475 {font-variation-settings:'wght' 475!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-color-white {color: var(--white)}
.text-color-black {color: var(--black)}
.text-color-blue {color: var(--blue)}
.text-color-green {color: var(--green)}
.text-color-red {color: var(--red)}
.text-align-left {text-align: left !important}
.text-align-center {text-align: center !important}
.text-align-right {text-align: right !important}
/* HTML elements */
ul.inline, ul.nostyle {margin:0 !important; padding:0 !important; 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)}
/* 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}
/* Info Boxes */
.info-box {padding: var(--gutter); margin-bottom: var(--gutter)}
.info-box h4 {margin-top: 0; margin-bottom: var(--gutter-half); padding-bottom: var(--gutter-half); border-bottom: 1px solid}
/* Alert boxes */
.info-box.alert {border: var(--border-alert-2); background: var(--alert-bg)}
.info-box.alert h4 {color: var(--h4-alert); border-bottom: var(--border-alert-h4)}
/* Warning Boxes */
.info-box.warning {border: var(--border-warning-3); background: var(--warning-bg)}
.info-box.warning h4 {color: var(--h4-warning); border-bottom: var(--border-warning-h4)}
/* Notice Boxes */
.info-box.notice {border: var(--border-notice-3); background: var(--notice-bg)}
.info-box.notice h4 {color: var(--h4-notice); border-bottom: var(--border-notice-h4)}
/* Info Boxes */
.info-box.info {border: var(--border-info-3); background: var(--info-bg)}
.info-box.info h4 {color: var(--h4-info); border-bottom: var(--border-info-h4)}
/* 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;
}
h1 mark, h2 mark, h3 mark, h4 mark, 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: rgba(0,0,0,0.5);
    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: ' ';
    padding-top: 56.25%;
}
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: rgba(0,0,0,0.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);
}

/* Warning Boxes */
#system-message-container {
    flex: 0 0 100%;
}
joomla-alert,
.alert {
    position: relative;
    width: 100%;
    padding: var(--gutter) !important;
    border-radius: 0 !important;
    z-index: 1001;
    &.j-auto-dismiss {
        opacity: 1;
        overflow: hidden;
        transition: opacity 1s ease, height 0.5s ease, margin 0.5s ease, padding 0.5s ease, border-width 0.5s ease;
    }
    &.j-auto-dismiss.is-fading {
        opacity: 0;
    }
    &.j-auto-dismiss.is-collapsing {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        height: 0 !important;
    }
}
joomla-alert[type="info"],
joomla-alert[type="warning"],
joomla-alert[type="success"],
joomla-alert[type="danger"],
.alert-info,
.alert-warning,
.alert-success,
.alert-danger {
    border-width: 3px;
}
joomla-alert[type="info"],
.alert-danger {
    background-color: var(--info-bg) !important;
    border: var(--border-info-3) !important;
}
joomla-alert[type="warning"],
.alert-danger {
    background-color: var(--warning-bg) !important;
    border: var(--border-warning-3) !important;
}
joomla-alert[type="success"],
.alert-success {
    background-color: var(--success-bg) !important;
    border: var(--border-success-3) !important;
}
joomla-alert[type="danger"],
.alert-danger {
    background-color: var(--danger-bg) !important;
    border: var(--border-danger-3) !important;
}
joomla-alert[type="danger"] .alert-heading .visually-hidden,
.alert-danger .alert-heading .visually-hidden {
    font-family: var(--font-heading) !important;
    color: var(--h1-color) !important;
    padding: var(--h1-padding) !important;
    margin: var(--h1-margin) !important;
    text-transform: uppercase !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 {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--white);
    width: 32px;
    height: 29px;
    align-items: center;
    justify-content: center;
    font-variation-settings: var(--weight-light);
    z-index: 1;
}
.joomla-alert--close > span:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: ' ';
    width: 32px;
    height: 32px;
    background-color: var(--warning);
    border-radius: 100%;
    z-index: -1;
}
joomla-alert .alert-heading > .visually-hidden {
    display: block;
    font-size: 2em;
    line-height: 100%;
    padding: 0 0 calc(1/2 * var(--gutter));
    margin: 0 0 calc(1/2 * var(--gutter));
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-variation-settings: var(--weight-medium);
}
joomla-alert[type="info"] .alert-heading > .visually-hidden {
    color: var(--green);
    border-bottom: var(--border-info-1);
}
joomla-alert[type="warning"] .alert-heading > .visually-hidden {
    color: var(--red);
    border-bottom: var(--border-warning-1);
}
joomla-alert[type="success"] .alert-heading > .visually-hidden {
    color: var(--green);
    border-bottom: var(--border-success-1);
}
joomla-alert[type="danger"] .alert-heading > .visually-hidden {
    color: var(--red);
    border-bottom: var(--border-danger-1);
}

/* 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-green {
    background: var(--green-l1) !important;
}
.btn-primary:hover, .btn-green:hover {
    background: var(--green-d2) !important;
}
.btn-secondary, .btn-orange {
    background: var(--orange) !important;
}
.btn-secondary:hover, .btn-orange:hover {
    background: var(--orange-d2) !important;
}
.btn-default, .btn-cyan {
    background: var(--cyan) !important;
}
.btn-default:hover, .btn-cyan:hover {
    background: var(--cyan-d2) !important;
}
.btn-danger, .btn-red {
    background: var(--red) !important;
}
.btn-danger:hover, .btn-red:hover {
    background: var(--red-d2) !important;
}
.btn-blue {
    background: var(--blue) !important;
}
.btn-blue:hover {
    background: var(--blue-d2) !important;
}
.btn-cyan-dark {
    background: var(--cyan-d1) !important;
}
.btn-cyan-dark:hover {
    background: var(--cyan-d2) !important;
}
.btn-square {
    aspect-ratio: 1 / 1;
    min-width: initial;
}

/* Inputs */
input, select {
    background: #fff;
    font-size: 1em;
    line-height: 120%;
    color: var(--input-color);
    padding: 8px 10px;
    outline: 0;
    border: var(--border-default);
    transition: var(--transition-15);
}
select option {
    background: var(--option-bg);
    font-family: var(--font-text);
    font-size: 0.9em;
    font-weight: 300;
    &:hover {
      background: var(--blue-d2) !important;
      color: var(--white) !important;
    }
}
textarea {
    background: #fff;
    font-size: 1em;
    line-height: 120%;
    color: var(--input-color);
    padding: 8px 10px;
    outline: 0;
    border: var(--border-default);
    transition: var(--transition-15);
    resize: vertical;
    width: 100%;
    min-height: 135px;
}
input:focus, select:focus, textarea:focus, button:focus {
    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);
}
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(--cyan);
}
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);
    background-color: var(--white);
}
input[type="date"] {
    cursor:pointer;
}
select[multiple] {
    width: 100%;
    height: auto;
    min-height: 100px;
    background-color: var(--white);
}
select[multiple] option {
    background: var(--white);
    padding: 5px;
}
select[multiple] option:is(:checked, :focus, :active) {
    color: var(--white);
    background-color: var(--cyan);
    font-variation-settings: var(--weight-demi);
}
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(--orange) !important;
    margin: 0 var(--gutter-half) 0 0;
}
input[type=file]::-webkit-file-upload-button {
    background: var(--orange) !important;
    margin: 0 var(--gutter-half) 0 0;
}
input[type=file]::file-selector-button:hover {
    background: var(--orange-d2) !important;
}
input[type=file]::-webkit-file-upload-button:hover {
    background: var(--orange-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 > :is(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;
}
:is(.rsform-type-submitbutton) :is(.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;
}
.rsform-submit-button,
.rsfp-field-multiple-plus-button {
    background: var(--green);
}
.rsform-submit-button:hover,
.rsfp-field-multiple-plus-button:hover {
    background: var(--green-d2);
}
.rsform-reset-button {
    background: var(--red);
}
.rsform-reset-button:hover {
    background: var(--red-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);
}
    /* Calendar modal */
    .yui-calcontainer {
        padding: var(--gutter-half) !important;
        background: var(--white) !important;
        box-shadow: 0 3px 10px var(--black-70);
        width: clamp(10%, 347px, 500px) !important;
        border: none !important;
        overflow: visible !important;
        & .yui-calendar {
            margin: 0;
            border: 3px solid var(--white) !important;
            border-collapse: collapse;
            & :where(th, td) {
                transition: var(--transition-30);
                min-width: 45px !important;
            }
            & a {
                font-variation-settings: var(--weight-light) !important;
                outline: none;
                line-height: 0;
                color: var(--text-color) !important;
                &:hover {
                    background: none !important;
                }
            }
            & .calhead {
                border: none !important;
                background: var(--red-d1) !important;
                color: var(--white) !important;
                padding: 0;
                & .calheader {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    height: 40px;
                }
                & :where(.calnavleft, .calnavright) {
                    position: relative;
                    color: transparent !important;
                    background: none !important;
                    width: 14.285714286% !important;
                    min-width: 45px !important;
                    height: 40px !important;
                    text-indent: initial !important;
                    font-size: 0;
                    transition: none !important;
                    &::before {
                        position: absolute;
                        inset: 0;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        font-family: var(--font-fa);
                        color: var(--white);
                        font-size: 20px !important;
                    }
                }
                & .calnavleft {
                    left: 0;
                    top: 0;
                    align-self: flex-start;
                    margin-right: auto;
                    border-right: 3px solid var(--white);
                    &::before {
                        left:0;
                        content:'\f100';
                    }
                }
                & .calnavright {
                    right: 0;
                    top: 0;
                    align-self: flex-end;
                    margin-left: auto;
                    border-left: 3px solid var(--white);
                    &::before {
                        right:0;
                        content:'\f101';
                    }
                }
                & a:hover {
                    background: none !important;
                    color: var(--white) !important;
                }
            }
            & .calnav {
                color: var(--white) !important;
                font-size: 22px;
                text-transform: uppercase;
                font-variation-settings: var(--weight-demi) !important;
                &:hover {
                    background: none !important;
                    border: none !important;
                    color: var(--white) !important;
                }
            }
            & .calweekdaycell {
                font-variation-settings: var(--weight-500) !important;
                background: var(--blue-30) !important;
                text-transform: uppercase;
                padding: 10px 0 !important;
                font-size: 0.7rem;
                color: #000;
                text-align: center;
                line-height: 100%;
                border: 3px solid var(--white) !important;
            }
            & tbody td {
                padding: 8px 10px 10px;
                border: 3px solid var(--white) !important;
                font-variation-settings: var(--weight-light) !important;
                font-size: 14px;
                line-height: 100%;
                background: var(--blue-10);
                color: var(--text-color);
                &:where(.calcell.calcellhover, .calcell.selected) {
                    color: var(--white) !important;
                    background: var(--red-d1) !important;
                    & .selector {
                        color: var(--white) !important;
                    }
                }
                &.calcell.oom {
                    background: transparent;
                    color: transparent;
                }
            }
            & tbody tr:not(:has(td.selectable)) {
                display: none !important;
            }
        }
        /* Year / Month modal picker */
        & .yui-cal-nav-mask {
            opacity: 1 !important;
            background-color: var(--white-80) !important;
        }
        & .yui-cal-nav {
            padding: var(--gutter-quarter) !important;
            border: var(--border-default) !important;
            box-shadow: var(--box-shadow-15-40);
            top: calc(var(--gutter-half) + 3px) !important;
            & .yui-cal-nav-m {
                width: 100% !important;
                padding: 0 !important;
                margin-bottom: var(--gutter-half) !important;
                & label {
                    margin-bottom: 5px;
                    font-variation-settings: var(--weight-medium);
                }
            }
            & .yui-cal-nav-y {
                width: 100% !important;
                padding: 0 !important;
                margin-bottom: var(--gutter-half) !important;
                & label {
                    margin-bottom: 5px;
                    font-variation-settings: var(--weight-medium);
                }
                & input {
                    width: 100% !important;
                }
            }
            & .yui-cal-nav-b {
                width: 100% !important;
                padding: 0 !important;
                margin-bottom: 0 !important;
                & span {
                    display: block;
                    width: 100%;
                }
                & button {
                    display: block;
                    width: 100%;
                    padding: 8px 10px 10px !important;
                    font-size: 1em !important;
                    line-height: 120%;
                    border: var(--border-default) !important;
                    font-variation-settings: var(--weight-medium) !important;
                    transition: var(--transition-30);
                }
                & button[id*="submit"] {
                    margin-bottom: 5px !important;
                    background: var(--green) !important;
                }
                & button[id*="submit"]:hover {
                    background: var(--green-d2) !important;;
                }
                & button[id*="cancel"] {
                    background: var(--red) !important;;
                }
                & button[id*="cancel"]:hover {
                    background: var(--red-d2) !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(--rsform-q-bg);
    margin: 0 10px 0 0;
}
/* RSForm Form Error and Validation */
div[id^="rsform_error"] {
    width:100%;
    border: var(--border-oe-rsform-error);
    background: var(--rsform-error-bg);
    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(--red);
}
.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(--formDescription-bg);
}
.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(--formValidation-bg);
}
/* RSForm Thank You Message */
.rsfp_thankyou_popup_outer {
    backdrop-filter: blur(5px);
}
#rsfp_thankyou_popup_inner {
    padding:var(--gutter);
}
#rsfp_thankyou_popup_inner p {
    text-align: center !important;
    width: 100% !important;
    padding-inline: var(--gutter-double) !important;
}
#rsfp_thankyou_popup_inner p:last-of-type {
    margin-bottom: 0 !important;
}
#rsfp_thankyou_popup_inner .formResponsive {
    margin-top:var(--gutter) !important;
    text-align: center;
}
#rsfp_thankyou_popup_inner button {

}
#rsfp_thankyou_popup_inner .rsfp_thankou_popup_close_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 26px !important;
    right: 26px !important;
    cursor: pointer;
    line-height: 100% !important;
    width: 32px;
    height: 32px;
    color: var(--white) !important;
    background: var(--red) !important;
    border-radius: 100%;
}
/* 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:0 auto;
    border: var(--border-table-outer);
    border-spacing: 0;
    /* DataTable */
    &#datatable {
        & thead {
            border-bottom: var(--border-table-outer);
            & tr {
                & th {
                    background:var(--th-bg);
                    padding:var(--table-padding-default);
                    border-bottom: var(--border-table-inner);
                    text-transform: uppercase;
                    text-align: center;
                    font-variation-settings: var(--weight-medium);
                }
                & td {
                    padding:var(--table-padding-default);
                }
            }
        }
        & tbody {
            transition: filter 1s ease;
            & td {
                padding:calc(1/2 * var(--table-padding-default)) var(--table-padding-default);
                text-align: left;
                transition: var(--transition-50);
            }
        }
        & tr:has(td.kp-imeprez a.checkin):not(:has(td.kp-napomene p)) td {
            vertical-align: middle !important;
        }
    }
    /* YUI-Calendar */
}




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

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    position: relative;
    margin: 0;
    padding: 0;
    background: var(--body-bg);
    overflow-x: hidden;
}
body:has(.wf-mediabox) {
    overflow: hidden;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    flex: 0 0 100%;
    height: var(--header-height);
    align-items: center;
    justify-content: center;
    transition: var(--transition-50);
    background: var(--body-bg);
    border-bottom: 1px solid transparent;
    z-index: 1000;
}
html[class*="-dark"] header {
    outline: 1px solid var(--white-20) !important;
    border-bottom: none !important;
}
header::before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    transition: var(--transition-50);
    background-image: var(--header-gradient);
    pointer-events: none;
}
header:not(.min)::before {
    height: var(--header-height);
    opacity: 1;
}
header a {
    transition: var(--transition-30);
    display: block;
    color: var(--header-a);
    text-align: center;
    user-select: none;
}
header a > span {
    display: block;
    flex: 0 0 100%;
    color: var(--header-a);
    text-align: center;
    font-variation-settings: var(--weight-medium);
    transition: var(--transition-30);
}
header a:hover > span {
    color: var(--header-a) !important;
    background: transparent !important;
}
#header-left {
    padding-left: var(--gutter);
    overflow: hidden;
    z-index: 1;
}
#header-left > a {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    outline: 1px solid transparent;
    aspect-ratio: 5/4;
    margin-right: var(--gutter);
}
#header-right {
    padding-right: var(--gutter);
    overflow: hidden;
    z-index: 1;
}
#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(--header-min-bg);
    border-bottom: 1px solid var(--grey-80);
    box-shadow: var(--box-shadow-15-50);
}
header.min:before {
    opacity: 0;
    height: var(--header-min-height);
}
header.min a {
    color: var(--header-min-a);
    outline-offset: calc(1/6 * var(--gutter));
    z-index:1000;
}
header.min a > span {
    font-size: 0 !important;
    height: 0 !important;
}
#logo {
    display: flex;
    height: 100%;
    align-items: center;
    background: none;
}
#logo img {
    width: auto;
    max-width: 100%;
    height: calc(100% - 30px);
    filter: brightness(100);
    transition: var(--transition-50);
}
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;
}
#favorites {
    position:fixed;
    top: var(--header-height);
    width: 100%;
    height: var(--favorites-height);
    margin-left: 0;
    transition: var(--transition-50);
    box-shadow: var(--box-shadow-15-50);
    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(--favorites-bg);
    color: var(--header-a);
    text-align: center;
    outline: 1px solid var(--header-bg);
}
#favorites li:not(.languages) a:hover {
    background: var(--favorites-hover);
    text-shadow: var(--text-shadow-12-60);
}
#favorites > ul > li:not(.languages) > a.favs-red {
    background: var(--red-d2);
}
#favorites > ul > li:not(.languages) > a.favs-red:hover {
    background: var(--red);
}
#favorites > ul > li:not(.languages) > a.favs-green {
    background: var(--green-d2);
}
#favorites > ul > li:not(.languages) > a.favs-green:hover {
    background: var(--green);
}
#favorites > ul > li:not(.languages) > a.favs-cyan {
    background: var(--cyan-d2);
}
#favorites > ul > li:not(.languages) > a.favs-cyan:hover {
    background: var(--cyan);
}
/* Fullscreen modules */
#modules-fs {
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    background: transparent;
    justify-content: center;
    transition: var(--transition-75);
    opacity: 0;
    pointer-events: none;
    z-index: 900;
}
/* General */
.module-fs {
    position: absolute;
    transition: var(--transition-100);
    opacity: 0;
    pointer-events: none;
    z-index: 605;
}
.module-fs:not(.more-space) {
    top: calc(var(--header-height) + var(--gutter));
}
.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(3px);
    background: var(--backdrop-bg);
    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;
}
#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(--quick-menu-hover-bg);
}
#phone-directory .cell.directory-call:hover * {
    color: #fff;
}
/* Navigation */
#navigation {

}
#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(--settings-bg);
    outline: var(--outline-settings);
    outline-offset: -1px;
    border: 1px solid var(--settings-bg);
    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(--gutter-double)) auto calc(var(--footer-height) + var(--gutter-double)) auto;
    z-index: 100;
}
main.with-slideshow {
    margin: var(--gutter) auto 0 auto;
}
#breadcrumbs {
    width: 100%;
    text-align: center;
    margin-bottom: var(--gutter);
}
#content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    transition: var(--transition-50);
}
#content.fullwidth {
    padding-left:0;
}
#content img {
    max-width: 100%;
}
article {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#title {
    flex:0 0 100%;
    text-align: center;
    box-shadow: var(--box-shadow-446-10);
}
.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(--quick-menu-bg) !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(--quick-menu-hover-bg) !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 */
#boxes {
}
#boxes * {
    transition: var(--transition-50);
}
#boxes .moduletable {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--quick-menu-bg) !important;
    overflow: hidden;
    outline: 1px solid transparent;
    outline-offset: -1px;
    border: var(--border-module-h3);
    transition: var(--transition-50);
}
#boxes .moduletable::before {
    content: "";
    position: absolute;
    top:0; left: 0;
    width: 100%;
    border-bottom: var(--border-default-10);
    background-size: 100%;
    background-repeat: no-repeat;
    filter:saturate(15%);
    transition: var(--transition-50);
}
#boxes .moduletable:hover {
    outline-color: var(--quick-menu-hover-bg) !important;
    background-color: var(--quick-menu-hover-bg) !important;
}
#boxes .moduletable:hover::before {
    filter:saturate(100%);
}
#boxes .moduletable:hover * {
    color: #fff;
}
#boxes .custom {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: baseline;
}
.home-box h4 {
    text-align: center;
    font-variation-settings: var(--weight-350);
    margin:var(--gutter) 0;
}
#boxes p {
    font-variation-settings: var(--weight-normal);
    font-size: 0.9em;
    text-align: center;
}
#modules {
    position: relative;
    transition: var(--transition-75);
}
#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: fixed;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    width: 100%;
    left: 0;
    background: var(--subfooter-bg);
    align-items: center;
    justify-content: center;
    z-index: 99;
}
#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);
    outline: 2px solid transparent;
}
#subfooter a:hover {
    background: var(--white);
    outline: 2px solid var(--white);
    color: var(--subfooter-bg);
}
#subfooter a:not(.fat):hover {
    text-shadow: var(--text-shadow-11-30);
}
#subfooter .moduletable {
    box-shadow: none;
    align-self: stretch;
}
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    width: 100%;
    padding: var(--gutter-half) var(--gutter);
    background: var(--footer-bg);
    align-items: center;
    justify-content: center;
    z-index: 700;
}
.frontend-fs footer {
    bottom: calc(-2.5 * var(--footer-height)) !important;
}
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);
}
/* Cookie Consent */
/* Main container */
#cookie-consent {
    position: fixed;
    background: transparent;
    transition: var(--transition-50);
    background: var(--cyan-d4);
    border-top: 1px solid var(--body-bg);
    box-shadow: 0 0 15px var(--black-70);
    z-index: 1001;
}
#cookie-consent:not(.down) {
    bottom:0!important;
}
/* Cookie Consent: Common */
#cookie-consent .option-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--gutter-half);
}
#cookie-consent h3 {
    width: 100%;
    margin: var(--gutter-half) 0 var(--gutter);
    color: var(--cyan-l4);
}
#cookie-consent h4 {
    margin: 0;
    padding: 0;
    color: var(--cyan-l4);
}
#cookie-consent h4 span {
    display: block;
    font-size: 0.6em;
    letter-spacing: 0.3px;
    text-transform: none;
    margin: 5px 0 0 1px;
    color: #f2de84;
    font-variation-settings: var(--weight-demi);
    cursor: pointer;
    transition: var(--transition-50);
}
#cookie-consent p,
#cookie-consent strong,
#cookie-consent em,
#cookie-consent label {
    color: #fff;
}
#cookie-consent p,
#cookie-consent label {
    font-size: 0.9em
}
#cookie-consent strong {
    font-variation-settings: var(--weight-demi);
}
#cookie-consent a {
    color: #f2de84;
}
#cookie-consent input {
    top: 0;
    margin-right: var(--gutter-half);
}
#cookie-consent button {
    border-color: var(--white-20);
}
/* Cookie Consent: Toggle Switch */
#toggle-consent {
    position: absolute;
    top: calc(var(--gutter) - 2px);
    right: var(--gutter);
    line-height: 100%;
    transition:var(--transition-50);
    transform-origin: 50% calc(50% + 2px);
}
#toggle-consent.up {
    transform: rotate(180deg);
    top: calc(var(--gutter) - 4px);
}
/* Cookie Consent Page 1: Intro */
#cookies-p1 {
    display:block;
}
#cookie-consent img {
    width: 64px;
    margin-right: var(--gutter)
}
#cookie-compliance-txt {
    margin: 15px 0;
    width: 100%;
}
#cookie-accept-all-mob {
    text-transform: lowercase;
}
#cookies-exp {
    margin-top: auto;
}
.consent-buttons {
    justify-content: flex-start;
    padding-top: var(--gutter);
}
.consent-buttons button {
    margin: 0 var(--gutter) 0 0;
    min-width: 200px;
    border-radius: 8px;
}
.consent-buttons button:last-of-type {
    margin: 0 0 0 auto !important;
}
/* Cookie Consent Page 2: Settings */
#cookies-p2 h3 {
    width: 100%;
    margin-top: 0;
}
/* 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(--back-top-bg);
    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_content */
/* Common */
.article-section {
    width: 100%;
}
#cms .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(--module-gradient);
}
/* Category view */
/* Common */
section.category {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.category-title {
    margin-bottom:var(--gutter);
}
.category #cms {
    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:0 var(--gutter) 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: rgba(0,0,0,0.3);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    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 rgba(0,0,0,0.3);
}
.cat-item-title {
    font-variation-settings: var(--weight-demi) !important;
}
/* Blog view */
.cat-leading {
    align-content: baseline;
    background: transparent;
    border:var(--border-article-list);
    outline: 3px solid transparent;
    outline-offset: -2px;
    transition: var(--transition-50);
}
.cat-leading:hover {
    border: var(--border-article-list-hover);
    outline-color: var(--border-article-list-hover-outline);
    background: var(--f3-flexbox-bg);
}
.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-intro-container {
    display:flex;
    flex-wrap: wrap;
}
.cat-intro {
    display: block;
    border:var(--border-default-30);
}
.cat-intro .teaser {
    display: none;
}
/* 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-f3-flexbox .wrapper,
.view-f3-flex-1 .wrapper,
.view-f3-flex-2 .wrapper {
    display: flex;
    flex-wrap: wrap;
    flex:0 0 100%;
    border:var(--border-article-list);
    background:var(--f3-flexbox-bg);
    overflow: hidden;
}
.view-f3-flexbox .block-title,
.view-f3-flex-1 .block-title,
.view-f3-flex-2 .block-title {
    width:100%
}
.view-f3-flexbox .etc-row,
.view-f3-flex-1 .etc-row,
.view-f3-flex-2 .etc-row {
    align-items: center;
}
.view-f3-flexbox .etc-row > a,
.view-f3-flex-1 .etc-row > a,
.view-f3-flex-2 .etc-row > a {
    font-variation-settings: var(--weight-light);
}
.theme-default-dark :where(.view-f3-flexbox .etc-row > a, .view-f3-flex-1 .etc-row > a, .view-f3-flex-2 .etc-row > a) {
    color: #fff;
}
.theme-default-dark :where(.view-f3-flexbox .etc-row > a, .view-f3-flex-1 .etc-row > a, .view-f3-flex-2 .etc-row > a):hover {
    color: var(--a-hover);
}
.view-f3-flexbox .desc,
.view-f3-flex-1 .desc,
.view-f3-flex-2 .desc {
    display: block;
    line-height: 120%;
}
.view-f3-flexbox .person-etc .fa,
.view-f3-flex-1 .person-etc .fa,
.view-f3-flex-2 .person-etc .fa {
    width:32px;
    text-align: left;
    margin-right: var(--gutter-half);
    display: block;
}
/* F3-Flex-Boxes: Directory */
.view-f3-flexbox .person-name,
.view-f3-flexbox .person-name span {
    line-height: 120%;
}
.view-f3-flexbox .etc-row {
    margin-bottom: 5px!important;
    text-align: left;
}
.view-f3-flexbox .person-job {
    font-variant: small-caps;
    text-transform: lowercase;
}
.view-f3-flexbox .person-job strong {
    display: block;
    margin-bottom: 10px;
}
.view-f3-flexbox .loc {
    display: inline-block;
    text-transform: capitalize;
    font-variation-settings: var(--weight-medium);
}
/* F3-Flex-Boxes: Flex-1 */
.view-f3-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-f3-flex-2 h3 span {
    display: block;
    line-height: 120%;
    margin-top: var(--gutter-quarter);
}
.view-f3-flex-2 .readmore {
    position: absolute;
    right: var(--gutter);
    bottom: var(--gutter);
}

/* 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 {
    padding-top: 75%!important;
}
.ai-aspect-169:after {
    padding-top: 56.25%!important;
}
.ai-aspect-1851:after {
    padding-top: 54.05%!important;
}
.ai-aspect-11:after {
    padding-top: 100%!important;
}
.ai-aspect-21:after {
    padding-top: 50%!important;
}
.ai-aspect-31:after {
    padding-top: 33.33%!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%;
}
.fw-title {
    position: absolute;
    bottom: calc(2 * var(--gutter));
    text-align: center;
    margin: 0;
    padding: var(--gutter);
    max-width: calc(100% - 4 * var(--gutter));
    background: var(--fw-title-bg);
    border: var(--border-fw);
}
/* 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(--h1-color);
}
.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 {
    font-family: var(--font-Rubik);
    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;
    justify-content: center;
    margin-top: var(--gutter-quarter) !important;
    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 h2,
#fulltext h3,
#fulltext h4,
#fulltext ul,
#fulltext ol,
#fulltext p {
    text-align: left;
}
.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);
}
#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(--recommendations-bg);
    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 */
#prilozi {
    scroll-margin-top: var(--gutter);
}
#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 */
.oe-locations {
    border: var(--border-default);
    width: 100%;
    min-height: 80vh;
}
/* Special pages: People */
#person-image figcaption {
    padding: var(--gutter-half);
    font-size: 1em;
}
#person-image .action {
    background: var(--title-bg);
    border: var(--border-module);
    box-shadow: var(--box-shadow-446-10);
}
#person-image .action a {
    width: 100%;
    justify-content: center;
}
#person-image .action a span {
    color: inherit;
}
/* 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('https://assets.orthoexpert.rs/images/_system/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(--orange) !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(--orange-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: rgba(0,0,0,0.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);
    box-shadow: var(--box-shadow-446-10);
}
.moduletable h3 {
    margin-top: 0;
    margin-bottom: var(--gutter-half);
    padding-bottom: var(--gutter-half);
    border-bottom: var(--border-module-h3);
    text-transform: uppercase;
}
.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;
}
.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-normal);
    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(--cyan-50);
}
.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 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-half);
    padding-bottom: var(--gutter-half);
    border-bottom: var(--border-default-10);
}
#mainnav li.space-before {
    margin-top: var(--gutter-half);
    padding-top: var(--gutter-half);
    border-top: var(--border-default-10);
}
#mainnav li.section-space-after {
    padding-bottom: var(--gutter-half);
}
#mainnav li.section-space-before {
    padding-top: var(--gutter-half);
}
#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(--nav-highlight-bg);
    color: var(--nav-highlight-color);
}
#mainnav ul:not(.top-level) > li.filtered > a.highlight {
    outline: 4px solid var(--nav-highlight-bg);
}
#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(--nav-highlight-bg) !important;
    color: var(--nav-highlight-color) !important;
    outline: 4px solid var(--nav-highlight-bg) !important;
}
#mainnav .top-level > .parent > a:hover {
    color: var(--nav-category-hover);
}
.nav-heading {
    display: block;
    background: var(--nav-heading-bg);
    margin-bottom: calc(var(--gutter-third) + 5px);
    color: var(--nav-heading-color);
    text-transform: uppercase;
    font-variation-settings: var(--weight-demi);
    letter-spacing: 0.75px;
    cursor: default;
}
#mainnav .admin-link {
    background: var(--nav-admin-heading-bg)!important;
    color: #fff !important;
    text-indent: var(--gutter-quarter);
}
#mainnav .medium a {
    font-variation-settings: var(--weight-medium);
}
#mainnav .bold a {
    font-variation-settings: var(--weight-bold);
}
#mainnav .nobg a {
    background: none !important;
}
#mainnav .uppercase a {
    text-transform: uppercase !important;
}
#mainnav .nav-icon a {
    position: relative;
    padding-left: var(--gutter-double);
}
#mainnav .nav-icon a::before {
    position: absolute;
    top: -2px;
    left: calc(3/4 * var(--gutter-half));
    font-family: var(--font-fa);
    font-size: 28px;
    color: var(--a-color);
    transition: var(--transition-30);
}
#mainnav .nav-icon a:hover::before {
    color: var(--a-hover);
}
#mainnav .nav-icon-logout a::before {
    content:'\f502';
}
/* 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_f3_popup */
#f3-popup {
    position: fixed;
    left: 0; top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: var(--body-bg-95);
    overflow: hidden;
    backdrop-filter: blur(5px);
    z-index: 9999;
}
#f3-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;
}
#f3-popup-overlay {
    background-color:transparent;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    z-index: 10000;
}
#f3-popup-close {
    position: absolute;
    right: var(--gutter);
    z-index: 10001;
}
#f3-popup-close::after {
    font-family: var(--font-fa);
    content: '\f057';
    color: #fff;
    cursor: pointer;
}
#f3-popup-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
}
#f3-popup-content h3 {
    color: #fff;
    text-align: center;
    background: var(--cyan);
}
#f3-popup-content p,
#f3-popup-content li,
#f3-popup-content strong,
#f3-popup-content em {
    color: #333;
}
#f3-popup-content a {
    color: var(--cyan);
}
#f3-popup-content p:last-child,
#f3-popup-content ul:last-child,
#f3-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 {
    padding-top: 75%!important;
}
.aspect-169 {
    padding-top: 56.25%!important;
}
.aspect-1851 {
    padding-top: 54.05%!important;
}
.aspect-11 {
    padding-top: 100%!important;
}
.aspect-21 {
    padding-top: 50%!important;
}
.aspect-31 {
    padding-top: 33.33%!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: transparent;
    background: url('https://assets.orthoexpert.rs/images/_system/logo-white.svg') center center no-repeat;
    background-size: 26px;
    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(--body-bg);
    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);
    transition: var(--transition-30);
}
#finder h4 {
    transition: var(--transition-30);
}
#finder p {
    width: 100%;
    text-align: center
}
#finder .awesomplete,
#finder input {
    width: 100%;
}
/* mod_languages */
#language-switcher {
    display: flex;
    flex-wrap: wrap;
    background: var(--favorites-bg);
    outline: 1px solid var(--header-bg);
    overflow: hidden;
    transition: var(--transition-30);
}
#language-switcher:hover,
#language-switcher.active {
    background-color: var(--favorites-hover);
}
#language-switcher.active {
    overflow: inherit;
}
#language-label {
    display: flex;
    flex:0 0 100%;
    height: 100%;
    outline: 1px solid var(--header-bg);
    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(--favorites-hover);
    border-bottom: 1px solid var(--header-bg);
    transition: var(--transition-30);
}
#language-list li:first-of-type {
    border-left: 1px solid var(--header-bg);
}
#language-list li:hover {
    background-color: var(--favorites-bg);
}
.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;
}
.lang-da {
    background: url('https://assets.orthoexpert.rs/images/_language/dk.webp') center var(--gutter) no-repeat !important;
}
.lang-en {
    background: url('https://assets.orthoexpert.rs/images/_language/gb.webp') center var(--gutter) no-repeat !important;
}
.lang-sr {
    background: url('https://assets.orthoexpert.rs/images/_language/rs.webp') center var(--gutter) no-repeat !important;
}
/* mod_gtranslate */
/* Flags */
.gtranslate_wrapper {width: 100%; outline: 1px solid var(--header-bg)}
.gt_switcher {position: relative}
.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("https://assets.orthoexpert.rs/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(--favorites-bg); color: var(--header-a); text-align: center}
.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(--favorites-hover)}
.gt_switcher .gt_current {display:none}
.gt_switcher .gt_option {position:relative; display:none; column-count:2; 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(--favorites-bg); 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("https://assets.orthoexpert.rs/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}
.gt_float_switcher .gt_options a.gt-current {display:none}
.gt_float_switcher .gt-selected .gt-current-lang {padding:6px var(--gutter); background: var(--cyan-d2)}
.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_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 */
/* Default */
.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%;
}
/* FT Tooltips */
.ft-tooltip {
    position: relative;
}
.ft-tooltip::after {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    min-width: 300px;
    min-height: 75px;
    padding: var(--gutter-half);
    font-family: var(--font-text);
    color: var(--white);
    font-size: 12px;
    font-variation-settings: var(--weight-light);
    line-height: 140%;
    content: attr(data-tooltip);
    background-color: var(--blue-d2);
    box-shadow: var(--box-shadow-226-30);
    border-radius: 10px;
    transition: var(--transition-30);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    white-space: pre-wrap;
}
.ft-tooltip::before {
    display: block;
    position: absolute;
    font-family: var(--font-text);
    color: var(--blue-d1);
    font-size: 18px;
    transition: var(--transition-30);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
}
.ft-tooltip:hover::before,
.ft-tooltip:hover::after {
    opacity:1;
}
.ft-tooltip.ft-pos-top::before {
    content: '▼';
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% + 8px));
}
.ft-tooltip.ft-pos-top::after {
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 22px));
}
.ft-tooltip.ft-pos-right::before {
    content: '◀';
    top: 50%;
    right: 0;
    transform: translate(calc(100% + 7px), -50%);
}
.ft-tooltip.ft-pos-right::after {
    top: -12.5px;
    right: 0;
    transform: translateX(calc(100% + 21px));
}
.ft-tooltip.ft-pos-bottom::before {
    content: '▲';
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}
.ft-tooltip.ft-pos-bottom::after {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, calc(100% + 15px));
}
.ft-tooltip.ft-pos-left::before {
    content: '▶';
    top: 50%;
    left: 0;
    transform: translate(calc(-100% + -11px), -50%);
}
.ft-tooltip.ft-pos-left::after {
    top: -12.5px;
    left: 0;
    transform: translateX(calc(-100% - 24px));
}
.ft-tooltip.ft-white::before {
    color: var(--white) !important;
    z-index: 1000;
}
.ft-tooltip.ft-white::after {
    top: -24px !important;
    border: 2px solid var(--white) !important;
    box-shadow: 0 0 3px var(--black-50) !important;
}
.ft-tooltip.ft-red {
    &::before {
        top: calc(3 / 2 * var(--table-padding-default) + 5px) !important;
        color: var(--red-d2) !important;
        z-index: 1000;
    }
    &::after {
        top: calc(1 / 2 * var(--table-padding-default)) !important;
        border: 2px solid var(--red-d2) !important;
        background: var(--red-d2) !important;
        color: var(--white) !important;
        box-shadow: 0 0 3px var(--black-50) !important;
    }
    &.ft-pos-bottom {
        &::before {
            transform: translate(-50%, calc(100% - 11px + var(--table-padding-default)));
        }
    }
    &.ft-pos-right {
        &::before {
            
        }
        &::after {
            
        }
    }
}
.ft-tooltip.ft-abs {
    position: absolute !important;
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

/* 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;
}



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

/* Homepage */
h3.company-category {
    margin: var(--gutter) 0 var(--gutter-quarter);
    font-family: var(--font-Rubik);
    color: var(--company-l1);
    letter-spacing: initial;
}
h1.company {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto var(--gutter);
}
h1.company span {
    display:block;
    line-height: 100%;
    text-align: center;
    text-transform: none;
}
h1.company .l1 {
    font-size: 1.75em;
    color: var(--company-l2);
    margin-bottom: var(--gutter-half);
    padding-bottom: var(--gutter-half);
    letter-spacing: 1px;
}
html:not(.theme-default-dark) h1.company .l1 {
    background: linear-gradient(to bottom, var(--cyan-d2) 0%, var(--cyan-d2) 25%, var(--cyan-d1) 40%, var(--cyan) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(1px 1px 1px var(--black-50));
}
h1.company .l2 {
    font-size: 0.4em;
    color: var(--company-l3);
    letter-spacing: initial;
    padding: 0 0 var(--gutter);
    border-bottom: var(--border-company);
    text-transform: uppercase;
}
/* 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 rgba(0,0,0,0.6)) drop-shadow(0 0 1px rgba(0,0,0,0.8));
}
/* 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('https://assets.orthoexpert.rs/images/_system/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-image: var(--module-gradient);
}
.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(--cyan-50);
}
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 */
/* Category checkbox filter */
#category-filter {
    width: 100%;
}
#category-filter h3 {
    padding-bottom: var(--gutter);
}
/* Article checkbox filter */
#article-filter {
    width: 100%;
}
#article-filter h4 {
    margin:0 0 var(--gutter);
}
#article-filter .filter-control-section .f3-checkbox:last-of-type {
    margin-bottom: 0;
}
/* 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 {
}
.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(--pagination-bg);
    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;
}



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

/* === F³ Size "M" === */
@media (max-width:767px) {
}

/* === F³ Size "T1" === */
@media (min-width:768px) and (max-width:991px) {
    :root {
        --header-height: 80px;
        --header-min-height: 80px;
        --favorites-height: 0px;
        --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: 100vw;
        --main-max-width: 100vw;
        --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;
    }
    /* 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}
    .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(--h4-color); 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)}
    #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-left: var(--gutter); padding-right: var(--gutter)}
    /* Modules */
    /* Common */
    .moduletable {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); margin: var(--h3-margin); 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: 68vh; margin-top: var(--gutter-double) !important}
    .nav-heading {width: calc(100% + var(--gutter)); margin-left: calc(-1 * var(--gutter)); 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}
    /* 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 */
    #boxes {margin-bottom: var(--gutter-double)}
    #boxes .moduletable {padding-top: calc(250px + var(--gutter)); flex:0 0 calc(50% - calc(1/2 * var(--gutter))); margin:0 var(--gutter) var(--gutter) 0}
    #boxes .moduletable:nth-of-type(2n) {margin-right: 0}
    #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {margin-bottom: 0}
    #boxes .moduletable::before {height: 250px; filter: none}
    #boxes h4 {width: 100%; margin: 0 0 var(--gutter); padding: 0; line-height: 120%}
    #boxes .custom {padding: 0 var(--gutter) var(--gutter) var(--gutter)}
    .box-elbow::before {background-position-y: -20px}
    .box-hand::before  {background-position-y: -17px}
    .box-hip::before   {background-position-y: -40px}
    .box-knee::before  {background-position-y: -40px}
    .box-foot::before  {background-position-y: -40px}
    /* 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: rgba(0,0,0,0.1)}
    /* 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   {padding-top: 75%}
    .desktop-aspect-169  {padding-top: 56.25%}
    .desktop-aspect-1851 {padding-top: 54.05%}
    .desktop-aspect-21   {padding-top: 50%}
    .desktop-aspect-31   {padding-top: 33.33%}
    .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 */
    #f3-popup-inner {min-width: 600px; width: 85%}
    #f3-popup-close {top: calc(var(--gutter) + 6px)}
    #f3-popup-close::after {font-size: 1.5em}
    #f3-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}
    /* Components */
    /* com_content */
    /* Common */
    #title {padding: var(--gutter); background: var(--title-bg); margin-bottom: var(--gutter-double); border: var(--border-module)}
    .subtitle {font-size: 0.45em; margin-top: var(--gutter-half)}
    /* 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-f3-flexbox article:not(:last-of-type) {margin-bottom:var(--gutter)}
    .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flexbox .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flexbox img {max-height:38vh}
    .view-f3-flexbox .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-flexbox .person-job {font-size: 0.95em}
    .view-f3-flexbox .desc {font-size: 0.9em; margin: var(--gutter) 0 !important; padding-bottom: var(--gutter); border-bottom: var(--border-default-10)}
    /* F3 Flex-1 */
    .view-f3-flex-1 article:not(:last-of-type) {margin-bottom: var(--gutter)}
    .view-f3-flex-1 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flex-1 .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flex-1 img {max-height:25vh}
    .view-f3-flex-1 .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-flex-1 .desc {font-size: 0.85em; margin: 5px 0!important}
    /* Article View */
    #cms {width:100%; padding-right: 0}
    .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}
    /* 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 */
    .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(--f3-flexbox-bg); 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:last-of-type {border-left: var(--border-module)}
    /* 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(--body-bg)}
}

/* === F³ Size "T2" === */
@media (min-width:992px) and (max-width:1199px) {
    :root {
        --header-height: 120px;
        --header-min-height: 72px;
        --favorites-height: 48px;
        --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: 100vw;
        --main-max-width: 100vw;
        --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;
    }
    /* 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}
    .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-10) !important; text-shadow: var(--text-shadow-12-60)}
    header.min :where(#header-left a:hover, #header-right a:hover, .toggle.active) {background: var(--cyan-80) !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(--quick-menu-bg)}
    #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}
    #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) - 1.75em - var(--input-height) - calc(6 * var(--gutter))); 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 */
    #boxes .moduletable {padding-top: calc(250px + var(--gutter)); flex:0 0 calc(1/3 * 100% - calc(2/3 * var(--gutter))); margin:0 var(--gutter) var(--gutter) 0}
    #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {flex:0 0 calc(50% - calc(1/2 * var(--gutter)))}
    #boxes .moduletable:nth-of-type(3), #boxes .moduletable:nth-of-type(6), #boxes .moduletable:nth-of-type(8) {margin-right: 0}
    #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {margin-bottom: 0}
    #boxes .moduletable::before {height: 250px}
    #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: -17px}
    .box-hip::before   {background-position-y: -40px}
    .box-knee::before  {background-position-y: -40px}
    .box-foot::before  {background-position-y: -40px}
    /* 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   {padding-top: 75%}
    .desktop-aspect-169  {padding-top: 56.25%}
    .desktop-aspect-1851 {padding-top: 54.05%}
    .desktop-aspect-21   {padding-top: 50%}
    .desktop-aspect-31   {padding-top: 33.33%}
    .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 */
    #f3-popup-inner {min-width: 500px; width: 66%}
    #f3-popup-close {top: calc(var(--gutter) + 6px)}
    #f3-popup-close::after {font-size: 2em}
    #f3-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}
    .partner:hover img {filter:grayscale(0); opacity: 1}
    /* Components */
    /* com_content */
    /* Common */
    #title {padding: var(--gutter); background: var(--title-bg)}
    .subtitle {font-size: 0.45em}
    /* Article Filter */
    .filter-control-section {width: 100%; background: var(--title-bg); border: var(--border-module); box-shadow: var(--box-shadow-446-10); padding: var(--gutter); margin: var(--gutter-half)}
    .filter-block {margin-bottom:var(--gutter); padding-bottom:var(--gutter); border-bottom: var(--border-default-05)}
    /* 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-f3-flexbox article:nth-child(odd) {padding:var(--gutter-half) var(--gutter-half) var(--gutter-half) var(--gutter)}
    .view-f3-flexbox article:nth-child(even) {padding:var(--gutter-half) var(--gutter) var(--gutter-half) var(--gutter-half)}
    .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flexbox .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flexbox img {max-height:38vh}
    .view-f3-flexbox .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-flexbox .person-job {font-size: 0.95em}
    .view-f3-flexbox .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 */
    #cms {width:100%; padding-right:var(--gutter)}
    #cms:not([class]), #cms[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}
    /* 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 {}
    .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: 70px;
        --favorites-height: 47px;
        --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;
    }
    /* 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}
    .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: 7px; 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.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-10) !important; text-shadow: var(--text-shadow-12-60)}
    header.min :where(#header-left a:hover, #header-right a:hover, .toggle.active) {background: var(--cyan-80) !important; color: var(--white) !important; text-shadow: var(--text-shadow-02-80)}
    /* Phone Directory */
    #phone-directory {max-width: 650px}
    #phone-directory .cell {width: calc(100% - 250px)}
    #phone-directory .cell.directory-call {width: 250px; border: var(--border-quick-menu); background: var(--quick-menu-bg)}
    #phone-directory * {transition: var(--transition-50)}
    /* Cookie Consent */
    #cookie-consent .option-group {margin-bottom: var(--gutter-quarter)}
    /* Modules */
    /* Common */
    .moduletable ul li {margin-bottom: 7px}
    /* Navigation */
    #navigation {width: 100vw}
    #nav-filter {padding: 0}
    #mainnav ul.sub-level {padding-left: calc(2 * var(--gutter))}
    #mainnav .mobile-item {display:none}
    #mainnav a {font-size: 1.15em;}
    #mainnav .top-level > .parent > a {width: calc(100% - var(--gutter-half)); padding: 3px var(--gutter-half) 3px 0; letter-spacing: 1px;font-size: 1.4em}
    .nav-heading {width: 100%; margin-left: calc(-1 * var(--gutter-half)); padding: 3px var(--gutter-half) 3px; font-size: 1.4em; text-indent: calc(3/4 * var(--gutter-half))}
    /* 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}
    /* 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   {padding-top: 75%}
    .desktop-aspect-169  {padding-top: 56.25%}
    .desktop-aspect-1851 {padding-top: 54.05%}
    .desktop-aspect-21   {padding-top: 50%}
    .desktop-aspect-31   {padding-top: 33.33%}
    .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 */
    #f3-popup-inner {min-width: 500px; width: 45%}
    #f3-popup-close {top: calc(var(--gutter) + 6px)}
    #f3-popup-close::after {font-size: 2em}
    #f3-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}
    .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 0px 2px rgba(255,255,255,0.33))}
    /* Components */
    /* com_content */
    /* Common */
    #title {padding: var(--gutter); background-image: var(--title-gradient)}
    .subtitle {font-size: 0.4em}
    /* Article Filter */
    .filter-control-section {width: 100%; background: var(--module-gradient); border: var(--border-module); box-shadow: var(--box-shadow-446-10); padding: var(--gutter)}
    .filter-block {display: flex; margin-bottom:var(--gutter-half); padding-bottom:var(--gutter-half); border-bottom: var(--border-default-05)}
    .filter-block:last-of-type {margin-bottom:0; padding-bottom:0; border-bottom:none}
    .filter-title {writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; margin-right: var(--gutter-half); padding: 5px; background: var(--cyan-10)}
    .filter-block > form > label:last-of-type {margin-bottom: 0}
    #filter-kartoni label {flex: 0 0 calc(100% / 5); margin:0 var(--gutter) var(--gutter-half) 0 !important}

    /* 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-f3-flexbox article {padding:var(--gutter-half)}
    .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flexbox .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flexbox img {max-height:38vh}
    .view-f3-flexbox .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-flexbox .person-job {font-size: 0.95em}
    .view-f3-flexbox .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-f3-flex-1 article:nth-child(odd) {padding:var(--gutter-half) var(--gutter-half) var(--gutter-half) var(--gutter)}
    .view-f3-flex-1 article:nth-child(even) {padding:var(--gutter-half) var(--gutter) var(--gutter-half) var(--gutter-half)}
    .view-f3-flex-1 article:not(:last-of-type) {margin-bottom: var(--gutter)}
    .view-f3-flex-1 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flex-1 .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flex-1 img {max-height:25vh}
    .view-f3-flex-1 .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-flex-1 .desc {font-size: 0.85em; margin: 5px 0!important}
    /* F3 Flex-2 */
    .view-f3-flex-2 {padding:var(--gutter)}
    .view-f3-flex-2 article:not(:last-of-type) {margin-bottom: var(--gutter)}
    .view-f3-flex-2 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
    .view-f3-flex-2 .wrapper:hover {border:var(--border-article-list-hover); outline-color:var(--border-article-list-hover-outline)}
    .view-f3-flex-2 img {max-height:38vh}
    .view-f3-flex-2 .block-info {padding:var(--gutter) var(--gutter) 0; flex: 1}
    .view-f3-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)}
    #cms {width:100%}
    #cms:not([class]), #cms[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 {}
    .dataTable-Top > div {width: 50%}
    .dataTable-selector {width: 100px}
    .dataTable-input {min-width: 600px}
    /* 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: calc(4 * var(--gutter)); right: var(--gutter); width: 64px; height: 64px}
}



/* ===========
    F³ Tweaks
   =========== */

/* === Mobile (touch) devices === */
@media (hover: none) and (pointer: coarse) {
    :root {
        --favorites-height: 0px;
    }
    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) {
  .homepage > main {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - calc(4 * var(--gutter)));
    & #login-form {
      padding-top: var(--gutter);
    }
  }
  .com-users {
    &.title-block-image img {
      display: none;
    }
  }
}

/* Firefox-specific tweaks */
@-moz-document url-prefix() {
}

/* Additional tweaks for "D" screens 1200 < width < 1366 */
@media (min-width:1200px) and (max-width:1355px) {
    :root {
        --main-max-width: calc(100vw - var(--gutter-double));
    }
}

/* Additional tweaks for all "D" screens 1366px <= W < 1920px */
@media (min-width:1366px) and (max-width:1919px) {
    :root {
        --main-max-width: 80vw;
        --main-min-width: 1306px;
    }
}

/* 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(--gutter))}
    #navigation h4 {margin-left: 25%; width: 50%}
    #nav-input {margin-left: 25%; width: 50%}
    #nav-filter {margin-left: 25% !important; width:50%; height: calc(100vh - var(--header-height) - 1.75em - var(--input-height) - calc(4 * var(--gutter)))}
    .kp-pregled-datum span {font-size: 13px}
}

/* Additional tweaks for all "D" screens > 1440 */
@media (min-width:1441px) {
    #quick-menu, #quick-menu-edu {padding: 0 calc(2 * var(--gutter-double))}
    #navigation h4 {margin-left: 25%; width: 50%}
    #nav-input {margin-left: 25%; width: 50%}
    #nav-filter {margin-left: 25% !important; width:50%; height: calc(100vh - var(--header-height) - calc(2 * var(--favorites-height)) - 1.75em - var(--input-height) - calc(4 * var(--gutter)))}
}

/* Additional tweaks for all "D" screens > 1440 */
@media (min-width:1920px) {
    :root {
        --main-max-width: 90vw;
        --main-min-width: 1306px;
    }
}



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

/* Frontend article editing */
/* FT custom link (articles and categories) */
.frontend-edit {
    position: absolute;
    top: var(--gutter);
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 48px;
    line-height: 100%;
    color: var(--orange);
}
/* Joomla default 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);
    transition: var(--transition-30);
}
.icons .float-end span.icon-edit:hover::after {
    color: var(--a-hover);
}
/* 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;
}