@charset "UTF-8";

/* ===============================================
    F³ :: Foundation
    The Unified UX J4 Foundation Template
    © DPP, 2022
   =============================================== */



/* ========
    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
   ========================= */

@font-face {
  font-family: "Sofia Sans Condensed";
  font-display: block;
  src: url('https://cdn.filfak.ni.ac.rs/fonts/sofiasanscondensed/woff2/sofiasanscondensed.woff2') format('woff2-variations');
  font-weight: 1 1000;
}
@font-face {
  font-family: "Rubik";
  font-display: block;
  -webkit-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum" 1;
  -ms-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
  src: url('https://cdn.filfak.ni.ac.rs/fonts/rubik/woff2/rubik.woff2') format('woff2-variations');
  font-weight: 300 900;
}
@font-face {
  font-family: "Rubik";
  font-display: block;
  -webkit-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum" 1;
  -ms-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
  src: url('https://cdn.filfak.ni.ac.rs/fonts/rubik/woff2/rubik-italic.woff2') format('woff2-variations');
  font-weight: 300 900;
  font-style: italic;
}
@font-face {
  font-family: "Font Awesome";
  font-display: block;
  src: url('https://cdn.filfak.ni.ac.rs/fonts/fontawesome/fa7/fa-sharp-solid-900.woff2') format('woff2');
  font-weight: 900;
}
@font-face {
  font-family: "FA Brands";
  font-display: block;
  src: url('https://cdn.filfak.ni.ac.rs/fonts/fontawesome/fa7/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
}
* {
  font-family: var(--font-rubik);
  font-style: normal;
  line-height: 140%;
  color: var(--text-color);
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-variation-settings: 'wght' 300;
}
h1 {
  color: var(--h1-color);
  padding: var(--h1-padding);
  margin: var(--h1-margin);
  font-family: var(--font-sofiasans);
  text-transform: uppercase;
  letter-spacing: -1.5px;
  word-spacing: 6px;
  font-variation-settings: 'wght' 500;
}
h2 {
  color: var(--h2-color);
  padding: var(--h2-padding);
  margin: var(--h2-margin);
  font-family: var(--font-sofiasans);
  letter-spacing: -1px;
  font-variation-settings: 'wght' 425;
  text-transform: uppercase;
}
h2.partners-title {
  text-align: center !important;
  padding-bottom: var(--padding-default);
  margin-top: var(--margin-default);
  margin-bottom: var(--margin-default);
  border-bottom: var(--border-default-10);
  font-variation-settings: 'wght' 600;
}
  h2 > span:not(.heading_text) {
    display: block;
    font-size: 0.4em;
    color: inherit;
    line-height: 110%;
    margin-bottom: 20px;
    font-variation-settings: 'wght' 300;
    text-transform: inherit;
  }
  h2 > .heading_text {
    font-family: inherit;
    font-size: 1em;
    color: inherit;
    line-height: inherit;
    font-variation-settings: inherit;
    text-transform: inherit;
    padding-bottom: var(--padding-half);
    border-bottom: var(--border-h2);
  }
  h2 > .anchor {
    margin: 0 !important;
  }
  h2 span.heading-subtitle,
  h2 span.h2-subtitle {
    display: block;
    margin-top: 10px;
    color: inherit;
    line-height: 140%;
    text-transform: initial !important;
    font-variation-settings: 'wght' 400 !important;
    letter-spacing: initial !important;
    margin-bottom: 0 !important;
  }
h3 {
  color: var(--h3-color);
  padding: var(--h3-padding);
  margin: var(--h3-margin);
  font-family: var(--font-sofiasans);
  letter-spacing: -1px;
  font-variation-settings: 'wght' 400;
  text-transform: uppercase;
}
h3.special {
  text-align: center;
  margin-bottom: var(--margin-default);
  padding-bottom: var(--padding-default);
  border-bottom: var(--border-module-h3);
}
  h3 > span:not(.heading_text) {
    display: block;
    font-size: 0.4em;
    color: inherit;
    line-height: 110%;
    margin-bottom: 20px;
    font-variation-settings: 'wght' 400;
    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: 'wght' 400;
      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: 'wght' 400 !important;
    letter-spacing: initial !important;
    margin-bottom: 0 !important;
    font-size: 0.5em;
  }
h4 {
  color: var(--h4-color);
  padding: 0 0 var(--padding-half);
  margin: 0 0 var(--margin-half);
  font-family: var(--font-sofiasans);
  text-transform: uppercase;
  font-variation-settings: 'wght' 400;
}
  h2 > em, h3 > em, h4 > em {
    color: inherit;
    font-family: inherit;
    font-size: 1em;
    letter-spacing: inherit;
    font-variation-settings: inherit;
  }
h2.special, h3.special, h4.special {
  text-align: center;
  margin-bottom: var(--margin-default);
  padding-bottom: var(--padding-default);
  border-bottom: var(--border-module-h3);
  letter-spacing: -0.3px;
}
main p {
  text-align: justify;
}
p:empty {
  display: none;
}
a, a > em {
  cursor: pointer;
  text-decoration: none;
  color: var(--a-color);
  font-variation-settings: 'wght' 450;
  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);
}
a > strong {
  color: inherit;
}
a:hover, a:hover > span, a:hover > em {
  color: var(--a-hover);
  outline: 0;
  background-size: 100% 1px;
}
a:focus {
  outline: 0;
}
h1 a, h2 a, h3 a, h4 a {
  font-family: inherit;
  font-size: 1em;
  font-variation-settings: inherit;
}
strong, b {
  font-variation-settings: 'wght' 500;
  transition: var(--transition-30);
}
  strong > a, a > strong {
    font-variation-settings: 'wght' 500;
  }
em {
  font-style: italic;
  transition: var(--transition-30);
}
  em > strong, strong > em {
    font-style: italic;
    font-variation-settings: 'ital' 1, 'wght' 500;
  }



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

/* Variables */
:root {
  /* Base colors and shades */
  --black: #000;
  --white: #fff;
  --teal: #16685F;
  --teal-darker-1: #06524A;
  --teal-darker-2: #003731;
  --teal-darker-3: #003731;
  --teal-darker-4: #003731;
  --teal-lighter-1: #297A71;
  --teal-lighter-2: #47928A;
  --teal-lighter-3: #47928A;
  --teal-lighter-4: #47928A;
  --orange: #f7941d;
  --orange-darker-1: #CB7105;
  --orange-darker-2: #A05700;
  --orange-lighter-1: #FFAC4A;
  --orange-lighter-2: #FFBF73;
  --red: #F74E1D;
  --red-darker-1: #CB3205;
  --red-darker-2: #A02400;
  --red-lighter-1: #FF734A;
  --red-lighter-2: #FF9273;
  --green: #8DC63F;
  --green-darker-1: #71AB20;
  --green-darker-2: #53880B;
  --green-lighter-1: #AEE366;
  --green-lighter-2: #C9F094;
  --blue: #203C6F;
  --blue-darker-1: #0E2858;
  --blue-darker-2: #04173B;
  --blue-darker-3: #00222C;
  --blue-lighter-1: #345083;
  --blue-lighter-2: #546E9D;
  --yellow: #F9F871;
  /* Base colors RGBA transparencies */
  --teal-05: rgba(22,104,95,0.05);
  --teal-10: rgba(22,104,95,0.10);
  --teal-15: rgba(22,104,95,0.15);
  --teal-20: rgba(22,104,95,0.20);
  --teal-25: rgba(22,104,95,0.25);
  --teal-30: rgba(22,104,95,0.30);
  --teal-40: rgba(22,104,95,0.40);
  --teal-50: rgba(22,104,95,0.40);
  --teal-75: rgba(22,104,95,0.75);
  --orange-05: rgba(247,147,29,0.05);
  --orange-10: rgba(247,147,29,0.10);
  --orange-15: rgba(247,147,29,0.15);
  --orange-20: rgba(247,147,29,0.20);
  --orange-25: rgba(247,147,29,0.25);
  --orange-30: rgba(247,147,29,0.30);
  --orange-40: rgba(247,147,29,0.40);
  --orange-50: rgba(247,147,29,0.40);
  --orange-75: rgba(247,147,29,0.75);
  --red-05: rgba(247,78,29,0.05);
  --red-10: rgba(247,78,29,0.10);
  --red-20: rgba(247,78,29,0.20);
  --red-30: rgba(247,78,29,0.30);
  --red-40: rgba(247,78,29,0.40);
  --red-50: rgba(247,78,29,0.40);
  --red-75: rgba(247,78,29,0.75);
  --green-05: rgba(83,136,11,0.05);
  --green-10: rgba(83,136,11,0.10);
  --green-15: rgba(83,136,11,0.15);
  --green-20: rgba(83,136,11,0.20);
  --green-30: rgba(83,136,11,0.30);
  --green-40: rgba(83,136,11,0.40);
  --green-50: rgba(83,136,11,0.40);
  --green-75: rgba(83,136,11,0.75);
  --blue-05: rgba(32,60,111,0.05);
  --blue-10: rgba(32,60,111,0.10);
  --blue-15: rgba(32,60,111,0.15);
  --blue-20: rgba(32,60,111,0.20);
  --blue-25: rgba(32,60,111,0.25);
  --blue-30: rgba(32,60,111,0.30);
  --blue-40: rgba(32,60,111,0.40);
  --blue-50: rgba(32,60,111,0.40);
  --blue-75: rgba(32,60,111,0.75);
  --yellow-05: rgba(249,248,113,0.05);
  --yellow-10: rgba(249,248,113,0.10);
  --yellow-15: rgba(249,248,113,0.15);
  --yellow-20: rgba(249,248,113,0.20);
  --yellow-25: rgba(249,248,113,0.25);
  --yellow-30: rgba(249,248,113,0.30);
  --yellow-40: rgba(249,248,113,0.40);
  --yellow-50: rgba(249,248,113,0.50);
  --yellow-75: rgba(249,248,113,0.75);
  --black-05: rgba(0,0,0,0.05);
  --black-10: rgba(0,0,0,0.10);
  --black-20: rgba(0,0,0,0.20);
  --black-30: rgba(0,0,0,0.30);
  --black-40: rgba(0,0,0,0.40);
  --black-50: rgba(0,0,0,0.40);
  --black-70: rgba(0,0,0,0.70);
  --white-10: rgba(255,255,255,0.10);
  --white-20: rgba(255,255,255,0.20);
  --white-30: rgba(255,255,255,0.30);
  --white-40: rgba(255,255,255,0.40);
  --white-50: rgba(255,255,255,0.40);
  --white-70: rgba(255,255,255,0.70);
  /* UL colors */
  --ul-orange-1: #f09300;
  --ul-orange-2: #e8581d;
  --ul-green-1: #4eb543;
  --ul-green-2: #1a6837;
  --ul-blue-1: #43abe4;
  --ul-blue-2: #2f76be;
  --ul-gray: #a7a9ac;
  --ul-violet: #8c2791;
  --ul-beige: #c09a68;
  --ul-red: #e3161b;
  /* Fonts */
  --font-sofiasans: "Sofia Sans Condensed";
  --font-rubik: "Rubik";
  --font-fa: "Font Awesome";
  /* Shadows */
  --shadow-image:4px 4px 6px 1px rgba(0,0,0,0.15);
  --shadow-focus:0px 0px 5px 1px var(--orange-50);
  --shadow-15-30:0px 0px 15px var(--black-30);
  /* Transitions */
  --transition-15-cb: all 0.15s cubic-bezier(0.68,0.54,0.35,0.34);
  --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;
  --margin-double:         calc(2 * var(--margin-default));
  --margin-half:           calc(1/2 * var(--margin-default));
  --margin-third:          calc(1/3 * var(--margin-default));
  --margin-quarter:        calc(1/4 * var(--margin-default));
  --margin-negative:       calc(-1 * var(--margin-default));
  --margin-negative-half:  calc(-1/2 * var(--margin-default));
  --padding-double:        calc(2 * var(--padding-default));
  --padding-half:          calc(1/2 * var(--padding-default));
  --padding-third:         calc(1/3 * var(--padding-default));
  --padding-quarter:       calc(1/4 * var(--padding-default));
  --padding-negative:      calc(-1 * var(--padding-default));
  --padding-negative-half: calc(-1/2 * var(--padding-default));
  --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-darker-1);
  --accessibility-label: var(--blue);
  --accessibility-icon: var(--blue);
  --accessibility-item: var(--blue-lighter-1);
  --accessibility-item-hover: var(--blue-lighter-2);
  /* Background colors */
  --alert-bg: var(--blue-10);
  --body-bg: #f4f4f4;
  --body-bg-95: rgba(244,244,244,0.95);
  --header-bg: #fafafa;
  --settings-bg: var(--blue-darker-1);
  --header-min-bg: #fff;
  --qb-bg: var(--blue-darker-1);
  --qb-bg-field: var(--blue);
  --subfooter-bg: var(--blue-darker-1);
  --footer-bg: var(--blue-darker-2);
  --back-top-bg: var(--red-darker-1);
  --notice-bg: var(--red-05);
  --warning-bg: var(--orange-10);
  --favorites-bg: var(--blue-darker-2);
  --favorites-hover: var(--blue-darker-1);
  --nav-heading-bg: var(--blue-05);
  --nav-heading-inverted-bg: var(--blue);
  --nav-admin-heading-bg: var(--orange);
  --tag-bg: var(--blue-lighter-1);
  --tag-hover-bg: var(--red);
  --backdrop-bg: rgba(255,255,255,0.95);
  --title-bg: var(--green-10);
  --index-bg: var(--green-05);
  --fw-title-bg: rgba(255,255,255,0.9);
  --modules-bg: var(--green-05);
  --h1-bg: var(--blue);
  --h2-bg: var(--blue-10);
  --h3-bg: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(37,61,112,0.05) 100%);
  --pagination-bg: var(--blue-10);
  --f3-flexbox-bg: var(--blue-05);
  --formDescription-bg: var(--orange-10);
  --formValidation-bg: var(--red-darker-1);
  --rsform-error-bg: var(--red-20);
  --quick-menu-bg: var(--green-10);
  --quick-menu-hover-bg: var(--green-darker-1);
  --directory-cell-bg: var(--green-20);
  --directory-cell-hover-bg: var(--green-darker-1);
  --filtered-item: var(--orange-75);
  /* Borders */
  --border-company: 1px solid var(--blue-20);
  --border-default: 1px solid #bbb;
  --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(--blue-20);
  --border-table-outer: 2px solid var(--green-darker-2);
  --border-table-inner: 1px solid var(--green-darker-1);
  --border-double: 3px double #253d70;
  --border-focus: 1px solid var(--red-50);
  --border-fw: var(--border-default);
  --border-module: 1px solid var(--blue-10);
  --border-module-h3: 1px solid var(--blue-20);
  --border-article-list: 1px solid var(--blue-10);
  --border-article-list-hover: 1px solid var(--orange);
  --border-article-list-hover-outline: var(--orange-50);
  --border-alert-1: 1px solid var(--blue);
  --border-alert-2: 2px solid var(--blue);
  --border-alert-3: 3px solid var(--blue);
  --border-alert-5: 5px solid var(--blue);
  --border-alert-15: 15px solid var(--blue);
  --border-notice-1: 1px solid var(--red);
  --border-notice-2: 2px solid var(--red);
  --border-notice-3: 3px solid var(--red);
  --border-notice-5: 5px solid var(--red);
  --border-notice-15: 15px solid var(--red);
  --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-oe-rsform-error: 3px solid var(--red);
  --border-quick-menu: 1px solid var(--blue-10);
  /* Text and element colors */
  --h1-color: var(--blue);
  --h2-color: var(--blue);
  --h3-color: var(--blue);
  --h4-color: var(--blue);
  --h4-warning: var(--red);
  --text-color: #333;
  --text-light-color: #777;
  --conf-dates-color: var(--blue-darker-1);
  --input-color: #333;
  --bullet-color: var(--orange);
  --icon-button-color: #999;
  --homepage-l1: var(--blue);
  --homepage-l2: var(--blue-darker-1);
  --homepage-l3: var(--blue-lighter-1);
  --header-a: var(--blue-lighter-2);
  --header-min-a: var(--blue-lighter-1);
  --header-min-a-hover: var(--orange);
  --a-color: var(--blue);
  --a-hover: var(--red-darker-1);
  --mark-color: #fffbcc;
  --nav-heading-color: var(--blue);
  --nav-heading-inverted-color: #fff;
  --nav-category-bg: var(--green);
  --nav-category-color: var(--white);
  --nav-category-hover-bg: var(--green-darker-2);
  --footer-text: #fff;
  --taglist-icon: var(--orange);
  --warning: var(--red);
  --social-hover: #fff7d5;
  --nav-active: var(--orange);
  --datatable-th: var(--blue-darker-2);
  --datatable-th-hover: var(--orange-darker-1);
  /* Forms */
  --rsform-warning: var(--red);
  /* Tables */
  --th-bg: var(--green-30);
  --td-bg: var(--green-10);
  --td-shaded-bg: var(--green-20);
  --td-hover-bg: var(--green-20);
  --yui-cal-bg: var(--body-bg);
  --yui-cal-header: var(--header-bg);
  --yui-cal-weekdays: var(--green-lighter-1);
  /* Breadcrumbs */
  --breadcrumb-first: var(--green-darker-2);
  --breadcrumb-default: var(--green-darker-1);
  --breadcrumb-last: var(--green);
  --breadcrumb-hover: var(--green-lighter-1);
  /* Inverted stuff */
  --inverted-text: #fff;
  --inverted-bg: var(--blue-75);
}


/* Classes */
  /* Common */
  .always-top {z-index: 1000000!important}
  .baseline {align-items: baseline !important}
  .block {display: block}
  .break {flex-basis: 100%; height: 0; margin: 0 !important; padding: 0 !important}
  .collapsed {overflow:hidden!important; height: 0!important; padding:0!important; margin:0!important; font-size: 0!important}
  .top {scroll-margin-top: 100vh}
  .clear {clear: both}
  .fleft {float: left}
  .fright {float: right}
  .nobg {background: none!important}
  .noselect {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none}
  .noscroll {overflow: hidden}
  .inherit {all: inherit}
  .inherit-color {color: inherit}
  .initial-color {color: initial!important}
  .initial-transform {text-transform: initial !important; font-size: inherit !important; font-family: inherit !important; font-variation-settings: inherit !important; display: inline !important}
  .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}
  .row {display: flex; width: 100%; justify-content: center; align-items: stretch}
  .container {display: flex; flex-wrap: wrap; align-items: center; padding: var(--padding-default); flex: 0 0 var(--main-max-width); max-width: var(--main-max-width)}
  .margin-top             {margin-top: var(--margin-default)!important}
  .margin-top-double      {margin-top: var(--margin-double)!important}
  .margin-top-half        {margin-top: var(--margin-half)!important}
  .margin-top-quarter     {margin-top: var(--margin-quarter)!important}
  .margin-bottom          {margin-bottom: var(--margin-default)!important}
  .margin-bottom-double   {margin-bottom: var(--margin-double)!important}
  .margin-bottom-half     {margin-bottom: var(--margin-half)!important}
  .margin-bottom-quarter  {margin-bottom: var(--margin-quarter)!important}
  .margin-bottom-5        {margin-bottom: 5px!important}
  .margin-bottom-6        {margin-bottom: 6px!important}
  .margin-bottom-15       {margin-bottom: 15px!important}
  .margin-bottom-negative {margin-bottom: -15px!important}
  .margin-left            {margin-left: var(--margin-default)!important}
  .margin-left-half       {margin-left: var(--margin-half)!important}
  .margin-left-quarter    {margin-left: var(--margin-quarter)!important}
  .margin-right           {margin-right: var(--margin-default)!important}
  .margin-right-half      {margin-right: var(--margin-half)!important}
  .margin-right-quarter   {margin-right: var(--margin-quarter)!important}
  .margin-all             {margin: var(--margin-default)}
  .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(--padding-default)!important}
  .padding-bottom         {padding-bottom: var(--padding-default)!important}
  .padding-bottom-5       {padding-bottom: 5px!important}
  .padding-left           {padding-left: var(--padding-default)!important}
  .padding-right          {padding-right: var(--padding-default)!important}
  .padding-all            {padding: var(--padding-default)}
  .padding-all-half       {padding: var(--padding-half)!important}
  .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(--margin-default)) !important}
  .e404.pull-up           {margin-top: calc(-1 * var(--header-height)) !important}
  .pull-up-half           {margin-top: calc(-1 * var(--margin-half)) !important}
  .pull-up-double         {margin-top: calc(-1 * var(--margin-double)) !important}
  .lh0   {line-height: 0 !important}
  .lh100 {line-height: 100% !important}
  .lh120 {line-height: 120% !important}
  .lh140 {line-height: 140% !important}
  .width-100 {width:100%}
  /* Colors and borders */
  .bordered-image, .border-image {border:var(--border-default);box-shadow:var(--shadow-image)}
  .border-10 {border:var(--border-default-10)}
  .border-20 {border:var(--border-default-20)}
  .border-30 {border:var(--border-default-30)}
  .border-40 {border:var(--border-default-40)}
  .border-50 {border:var(--border-default-50)}
  .border-qm {border:var(--border-quick-menu)}
  .border-ib {border-bottom:var(--border-white-20)}
  .border-bottom {border-bottom:var(--border-default)}
  .outlined, .outlined:hover {outline:1px solid #fff; outline-offset: 7.5px}
  .transparent {background: transparent!important}
  /* Typeface, fonts and text */
  .mwsans, .butler {font-family: var(--font-sofiasans)}
  .fa  {font-family: "Font Awesome";background: none!important}
  .fab {font-family: "FA Brands";background: none!important}
  .important {color:var(--red)}
  .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-11 {font-size:1.1em}
  a.size-11 > span {font-size: calc(1em / 1.1)}
  .size-125 {font-size:1.25em}
  a.size-125 > span {font-size: calc(1em / 1.25)}
  .size-15 {font-size:1.5em}
  a.size-15 > span {font-size: calc(2/3 * 1em)}
  .size-17 {font-size:1.77778em}
  a.size-17 > span {font-size: calc(1em / 1.77778)}
  .size-20 {font-size:2em}
  a.size-20 > span {font-size: calc(1em / 2)}
  .size-225 {font-size:2.25em}
  a.size-225 > span {font-size: calc(1em / 2.25)}
  .size-25 {font-size:2.5em}
  a.size-25 > span {font-size: calc(1em / 2.5)}
  .size-30 {font-size:3em}
  a.size-30 > span {font-size: calc(1em / 3)}
  .italic {font-style: italic}
  .thin, .w100        {font-variation-settings:'wght' 100!important}
  .extralight, .w200  {font-variation-settings:'wght' 200!important}
  .light, .w300       {font-variation-settings:'wght' 300!important}
  .normal, .w400      {font-variation-settings:'wght' 400!important}
  .bold, .w500        {font-variation-settings:'wght' 500!important}
  .bolder, .w600      {font-variation-settings:'wght' 600!important}
  .fat, .w700         {font-variation-settings:'wght' 700!important}
  .superfat, .w800    {font-variation-settings:'wght' 800!important}
  .obese, .w900       {font-variation-settings:'wght' 900!important}
  .w450               {font-variation-settings:'wght' 450!important}
  .capitalized        {text-transform: uppercase}
  .centered           {width:100%; text-align:center!important}
  .no-text-transform  {text-transform: none!important}
  .dimmed             {color: var(--text-light-color)}
  /* HTML elements */
  ul.inline, ul.nostyle {margin:0; padding:0; list-style:none}
  ul.nostyle li:before {display:none!important}
  ul.inline li {display: inline-flex}
  ul.flex li {display:flex; align-items: center}
  ul.cols-2 {column-count: 2}
  ul.cols-3 {column-count: 3}
  /* Transitions */
  .transition-15  {transition: var(--transition-15)}
  .transition-30  {transition: var(--transition-30)}
  .transition-50  {transition: var(--transition-50)}
  .transition-75  {transition: var(--transition-75)}
  .transition-100 {transition: var(--transition-100)}
  /* (In)Visibility */
  .invisible {opacity: 0!important; pointer-events: none !important}
  .visible {opacity: 1!important; pointer-events: all!important}
  .hidden {display: none!important}
  /* Alert Boxes */
  .alert {padding: var(--padding-default); margin-bottom: var(--margin-default); border: var(--border-alert-2); background: var(--alert-bg)}
  .alert h4 {color: var(--alert-color); border-bottom: var(--border-alert-1)}
  /* Warning Boxes */
  .warning {padding: var(--padding-default); margin-bottom: var(--margin-default); border: var(--border-warning-2); background: var(--warning-bg)}
  .warning h4 {color: var(--warning); border-bottom: var(--border-warning-1)}
  /* Notice Boxes */
  .notice {color:var(--notice-color) !important; padding: var(--padding-default); margin-bottom: var(--margin-default); border: var(--border-notice); background: var(--notice-bg)}
  .notice * {color:var(--notice-color) !important}
  .notice h4 {color: var(--warning); border-bottom: var(--border-warning-1)}
  /* Positioning */
  .fixed      {position: fixed}
  .absolute   {position: absolute}
  .relative   {position: relative}
  .pos-left   {left: 0}
  .pos-right  {right: 0}
  .pos-top    {top: 0}
  .pos-bottom {bottom: 0}
  .z-1        {z-index: 1}
  /* Togglers */
  .inactive {opacity:0.33; pointer-events: none}
  /* Flexbox Grid */
  .flex {display:flex; flex-wrap: wrap}
  .flex-row, .flexbox {display: flex; flex: 100%; flex-wrap: wrap}
  .flex-100 {flex:0 0 100%}
  .flex-75  {flex:0 0 75%}
  .flex-50  {flex:0 0 50%}
  .flex-25  { flex:0 0 25%}
  .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(--margin-default) 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: 'wght' 400;
  }
figure {
  position: relative;
}
  figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--padding-quarter) var(--padding-quarter) var(--padding-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(--margin-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: 'wght' 400;
    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(--margin-default);
    }
    .details-content {
      padding: 5px 0;
    }

/* 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: 'wght' 450;
  }
  ol li::marker {
    font-variation-settings: 'wght' 450;
  }
ul.boxed {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
  ul.boxed li {
    padding: 8px 12px;
    margin: 10px;
    line-height: 100%;
    color: var(--white);
    border-radius: 12px;
    font-variation-settings: 'wght' 400;
  }
ul.colored {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
  ul.colored li {
    padding: 8px 12px;
    margin: 10px;
    line-height: 100%;
    color: var(--white);
    border-radius: 12px;
    font-variation-settings: 'wght' 400;
  }
    ul.boxed li::before, ul.colored li::before {
      display: none;
    }
  li.orange-1  {background: var(--ul-orange-1)}
  li.orange-2  {background: var(--ul-orange-2)}
  li.green-1   {background: var(--ul-green-1)}
  li.green-2   {background: var(--ul-green-2)}
  li.blue-1    {background: var(--ul-blue-1)}
  li.blue-2    {background: var(--ul-blue-2)}
  li.gray      {background: var(--ul-gray)}
  li.violet    {background: var(--ul-violet)}
  li.beige     {background: var(--ul-beige)}
  li.red       {background: var(--ul-red)}

/* Warning Boxes */
#system-message-container {
  flex: 0 0 100%;
}
  joomla-alert,
  .alert {
    position: relative;
    width: 100%;
    padding: var(--padding-default) !important;
    border-radius: 0 !important;
  }
  joomla-alert[type="info"],
  joomla-alert[type="warning"],
  joomla-alert[type="success"],
  .alert-info,
  .alert-warning,
  .alert-succcess {
    border-width: 3px;
  }
  joomla-alert[type="danger"],
  .alert-danger {
    border: var(--border-warning-3) !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(--padding-default) - 6px) !important;
      right: var(--padding-default) !important;
      padding: 0 !important;
      font-family: inherit !important;
      opacity: 1 !important;
      min-width: 0;

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

/* 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(--margin-default));
    padding: 8px 10px 10px;
    border: var(--border-default);
    font-variation-settings: 'wght' 400;
    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: 'wght' 500;
    transition: var(--transition-30);
  }
    .btn-link:hover, .btn-link:hover span {
      color: #fffp;
    }
  .btn-primary, .btn-green {
    background: var(--green);
  }
    .btn-primary:hover, .btn-green:hover {
      background: var(--green-darker-1) !important;
    }
  .btn-secondary, .btn-danger, .btn-red {
    background: var(--red) !important;
  }
    .btn-secondary:hover, .btn-danger:hover, .btn-red:hover {
      background: var(--red-darker-2) !important;
    }
  .btn-default {
    background: var(--blue) !important;
  }
    .btn-default:hover {
      background: var(--blue-darker-2) !important;
    }
  .btn-cyan {
    background: var(--teal) !important;
  }
    .btn-cyan:hover {
      background: var(--teal-darker-2) !important;
    }
  .btn-orange {
    background: var(--orange) !important;
  }
    .btn-orange:hover {
      background: var(--orange-darker-2) !important;
    }
  .btn-blue {
    background: var(--blue) !important;
  }
    .btn-blue:hover {
      background: var(--blue-darker-2) !important;
    }
  .btn-cyan-dark {
    background: var(--teal-darker-1) !important;
  }
    .btn-cyan-dark:hover {
      background: var(--teal-darker-2) !important;
    }

  /* Inputs */
  input, select:not([multiple]) {
    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);
  }
  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%;
  }
    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 5px 0 0;
  }
  input[type*="text"],
  input[type*="password"],
  input[type*="email"],
  select:not([multiple]) {
    width: 100%;
    height: var(--input-height);
  }
  input.switch {
    position: relative;
    top: 4px;
    appearance: none;
    width: 38px!important;
    height: 22px;
    border: none;
    border-radius: 32px!important;
    background: var(--white-10);
    box-shadow: 0 0 2px var(--white-50);
    transition: var(--transition-30);
  }
  input.switch:focus {
    border: 0;
    outline: 0;
  }
    input.switch:checked {
      box-shadow: 0 0 2px var(--white-50), inset 0 0 0 2em var(--white-30) !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(--green) !important;
      margin: 0 var(--margin-half) 0 0;
    }
    input[type=file]::-webkit-file-upload-button {
      background: var(--green) !important;
      margin: 0 var(--margin-half) 0 0;
    }
    input[type=file]::-ms-browse {
      background: var(--green) !important;
      margin:0 var(--margin-half) 0 0;
    }
      input[type=file]::file-selector-button:hover {
        background: var(--green-darker-1) !important;
      }
      input[type=file]::-webkit-file-upload-button:hover {
        background: var(--green-darker-1) !important;
      }
      input[type=file]::-ms-browse:hover {
        background: var(--green-darker-1) !important;
      }
  select[multiple] {
    background: #fff;
    font-size: 0.9em;
    line-height: 120%;
    width: 100%;
    height: calc(7 * var(--input-height));
    color: var(--input-color);
    padding: 10px;
    outline: 0;
    border: var(--border-default);
    transition: var(--transition-15);
  }
    select[multiple] option {
      display: block;
      padding: 5px;
      margin: 2px 0;
    }
    select[multiple] option:first-of-type {
      margin: 0;
    }
  /* 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(--blue-lighter-1);
        transition: var(--transition-30);
      }
      .f3-checkbox:hover input ~ .checkmark {
        background-color: var(--blue-darker-1);
      }
      .f3-checkbox input:checked ~ .checkmark {
        background-color: var(--blue-darker-1);
      }
        .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(--blue-lighter-1);
        transition: var(--transition-30);
        border-radius: 50%;
      }
      .f3-radio:hover input ~ .radio-button {
        background-color: var(--blue-darker-1);
      }
      .f3-radio input:checked ~ .radio-button {
        background-color: var(--blue-darker-1);
      }
        .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: 0px;
          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(--margin-default);
  }
  .rsform-block:nth-last-child(2) {
    margin-bottom: 0 !important;
  }
    .formContainer {
      border: none;
      padding: 0;
      margin: 0 auto;
      width: 100%;
      max-width: 1020px;
    }
    #substance.flex-t2-60.flex-d-67 .formContainer {
      max-width: 100%;
    }
    .control-group,
    .rsform-block,
    .control-label,
    .formControlLabel,
    .controls,
    .formControls,
    .formBody,
    .formValidation {
      float: left;
      width: 100%;
      font-variation-settings: 'wght' 500;
    }
    .formBody {
      text-align: left;
    }
    .formDescription:empty,
    .formValidation:empty,
    .formControlLabel:empty {
      display: none;
    }
      .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(--margin-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: 'wght' 400;
        }
        .rsform-submit-button,
        .rsfp-field-multiple-plus-button {
          background: var(--green);
        }
          .rsform-submit-button:hover,
          .rsfp-field-multiple-plus-button:hover {
            background: var(--green-darker-1);
          }
        .rsform-reset-button {
          background: var(--red);
        }
          .rsform-reset-button:hover {
            background: var(--red-darker-1);
          }
      /* 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-darker-1);
          }
        .yui-calendar {
          border: none !important;
          padding: 0 !important;
          background: var(--yui-cal-bg) !important;
        }
          .yui-calendar {
            margin: 0;
            border-collapse: collapse !important;
          }
            .yui-calendar th,
            .yui-calendar td {
              transition: var(--transition-30);
            }
            .yui-calendar a {
              font-variation-settings: 'wght' 300 !important;
              outline: none;
            }
            .calhead {
              border: none !important;
              background: var(--yui-cal-header) !important;
            }
              .calhead .calnav {
                color: var(--header-a) !important;
                font-size: 1.25em;
              }
              .calhead .calnav:hover {
                background: none !important;
                border: none !important;
                color: var(--header-a) !important;
              }
              .calhead .calnavleft,
              .calhead .calnavright {
                color: transparent !important;
                background: none!important;
                width: 32px!important;
                height: 32px!important;
                text-indent: initial!important;
              }
              .calhead .calnavleft:before,
              .calhead .calnavright:before {
                display: block;
                position: absolute;
                top:0;
                font-family: var(--font-fa);
                color:#fff;
              }
              .calhead .calnavleft:before {
                left:0;
                content:'\f100';
              }
              .calhead .calnavright:before {
                right:0;
                content:'\f101';
              }
            .calweekdaycell {
              background: var(--yui-cal-weekdays);
              color: #fff !important;
              border-bottom: var(--border-table-outer);
              border-right: none !important;
              font-variation-settings: 'wght' 300 !important;
            }
            .yui-calendar tbody td {
              padding: 5px 10px !important;
              border: var(--border-table-inner) !important;
              font-variation-settings: 'wght' 300 !important;
            }
              .yui-calendar td.calcell.calcellhover,
              .yui-calendar td.calcell.selected {
                color: #fff !important;
                background: var(--header-bg) !important;
              }
              .yui-calendar td.calcell.calcellhover .selector,
              .yui-calendar td.calcell.selected .selector {
                color: #fff !important;
              }
              .yui-calendar td.calcell.oom {
                background: var(--yui-cal-bg) !important;
              }
      /* RSForm Form Error and Validation */
      div[id^="rsform_error"] {
        width:100%;
        border: var(--border-oe-rsform-error);
        background: var(--rsform-error-bg);
        padding:var(--padding-default);
        text-align: center;
        margin-bottom: var(--margin-default);
      }
        div[id^="rsform_error"] p {
          margin: 0;
          font-variation-settings: 'wght' 450;
        }
      .rsform-error {
        border-width: 3px;
        border-color: var(--red);
      }
      label.rsform-error, label.rsform-error > strong {
        color: var(--red)!important;
      }
      .formValidation {
        margin-top: var(--margin-quarter);
      }
        .formDescription {
          font-size: 0.8em;
          text-align: left;
          padding: var(--padding-quarter);
          margin-top: var(--margin-quarter);
          font-variation-settings: 'wght' 450;
          background: var(--formDescription-bg);
        }
        .formError {
          display: block;
          padding: var(--padding-quarter);
          margin-bottom: var(--margin-quarter);
          font-size: 0.8em !important;
          font-variation-settings: 'wght' 500;
          color:#fff !important;
          background: var(--formValidation-bg);
        }
      /* ReCaptcha v3 */
      .grecaptcha-badge {
        bottom: 0 !important;
        left: 0 !important;
        width:70px !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border-right: var(--border-default) !important;
        border-top: var(--border-default) !important;
        border-bottom: var(--border-default) !important;
        border-left: none !important;
        transition: var(--transition-30) !important;
        opacity:0.7;
        overflow: hidden !important;
        z-index: 699;
      }
      .grecaptcha-badge:hover {
        opacity: 1;
        width: 256px !important;
      }

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



/* =======================================
    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;
}
  header {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    flex: 0 0 100%;
    height: var(--header-height);
    background-color: var(--header-bg);
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--black-10);
    box-shadow:0 0 15px var(--black-70);
    transition: var(--transition-50);
    z-index: 1000;
  }
  header.min {
    height: var(--header-min-height);
    opacity:0.95;
    backdrop-filter: blur(5px);
  }
    header.min a > span {
      font-size: 0 !important;
      height: 0 !important;
    }
    #header-left {
      padding-left: var(--padding-default);
    }
      #header-left > a {
        margin-right: var(--margin-default);
      }
    #header-right {
      padding-right: var(--padding-default);
    }
      #header-right > a {
        margin-left: var(--margin-default);
      }
      header a {
        transition: var(--transition-30);
        display: block;
        color: var(--header-a);
        text-align: center;
      }
      header.min a {
        color: var(--header-min-a);
        outline-offset: calc(1/6 * var(--margin-default));
      }
        #header-left a, #header-right a {
          outline: 1px solid transparent;
          outline-offset: calc(1 / 4 * var(--margin-default));
        }
        #header-left a:hover, #header-right a:hover, .toggle.active {
          color: var(--header-a);
          outline: 1px solid var(--header-a)!important;
        }
        header.min #header-left a:hover, header.min #header-right a:hover, header.min .toggle.active {
          color: var(--header-min-a-hover);
        }
        header a > span {
          transition: var(--transition-30);
          display: block;
          color: var(--header-a);
          text-align: center;
        }
        header a:hover span {
          color: var(--header-a);
        }
    #logo {
      display: flex;
      height: 100%;
      align-items: center;
      background: none;
    }
      #logo img {
        width: auto;
        max-width: 100%;
        height: calc(100% - 30px);
        transition: var(--transition-30);
      }
      #sitetitle-mobile {
        top: 1px;
        font-size: 0.9em;
        line-height: 110%;
        width: 64px;
      }
  #favorites {
    position:fixed;
    top: var(--header-height);
    width: 100%;
    height: var(--favorites-height);
    margin-left: 0;
    transition: var(--transition-50);
    box-shadow: 0 0 15px var(--oe-black-70);
    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;
      font-variation-settings: 'wght' 300;
      outline: 1px solid var(--header-bg);
    }
    #favorites li:not(.languages) a:hover {
      background: var(--favorites-hover);
    }
  /* 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(--padding-default));
    }
    .module-fs.more-space {
      top: calc(var(--header-height) + var(--padding-double)) !important;
    }
    .module-fs.more-space h4 {
      padding-bottom: 0;
      margin-bottom: var(--margin-double);
    }
    #backdrop {
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
      z-index: 601;
    }
    /* Phone directory */
    #phone-directory {
      padding: var(--padding-default);
    }
      #phone-directory-close {
        position: absolute;
        top: -5px; 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(--padding-default);
        font-family: var(--font-fa);
        font-size: 32px;
        line-height: 100%;
        transition: var(--transition-50);
        color: var(--a-color);
      }
      #phone-directory .cell.directory-call {
        background: var(--directory-cell-bg);
      }
        #phone-directory .cell.directory-call:hover {
          background: var(--directory-cell-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(--margin-quarter));
    left: -100%;
    line-height: 100%;
    padding: var(--padding-default);
    background: var(--settings-bg);
    outline: 1px solid var(--body-bg);
    outline-offset: -1px;
    border: 1px solid var(--settings-bg);
    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(--margin-default));
  }
    .settings-group:not(:last-of-type),
    form.settings-group {
      display: block;
      margin-bottom: var(--margin-default);
    }
      #settings-bar label {
        color: var(--white);
      }
      .settings-label {
        display: block;
        width: 100%;
        font-variation-settings: 'wght' 500;
        padding-bottom: var(--padding-quarter);
        margin-bottom: calc(1/4 * var(--margin-default));
        border-bottom: 1px solid var(--white-30);
      }
      .settings-info {
        color: var(--white-70);
        font-size: 0.85em;
        margin-left: 3px;
        cursor: help;
      }
      .settings-group > a, .option-group > a {
        display: flex;
        align-items: center;
        color: var(--white);
      }
        .settings-group > a > span, .option-group > a > span {
          margin-left: var(--margin-half);
          color: var(--white);
        }
      .theme-link {
        opacity: 0.25;
      }
      .theme-link.active {
        opacity: 1;
      }
  main {
    position: relative;
    min-width: var(--main-min-width);
    max-width: var(--main-max-width);
    min-height: 50vh;
    margin: var(--header-height) auto 0 auto;
    padding-top: var(--padding-default);
    padding-bottom: var(--padding-default);
    z-index: 100;
  }
  main.with-slideshow {
    margin: var(--margin-default) auto 0 auto;
  }
    #breadcrumbs {
      width: 100%;
      text-align: center;
      margin-bottom: var(--margin-default);
    }
    #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;
          border: var(--border-module);
          box-shadow: 4px 4px 6px rgba(0,0,0,0.075);
        }
            .article-update-date {
              font-variation-settings: 'wght' 600;
              color: var(--warning);
              margin-bottom: 0;
            }
            .article-update:last-of-type p:last-of-type {
              margin-bottom: 0;
            }
        .cutline {
          margin-bottom: var(--margin-default);
        }
          .cutline p {
            font-variation-settings: 'wght' 500;
            font-size: 1.2rem;
          }
          .cutline p * {
            font-variation-settings: 'wght' 500;
            font-size: 1em;
          }

    /* Homepage Quick Menu */
    #quick-menu {
      margin-bottom: var(--margin-default)
    }
      #quick-menu .moduletable {
        padding: var(--padding-default);
        flex:0 0 calc(1/3 * 100% - calc(2/3 * var(--margin-default)));
        margin:0 var(--margin-default) 0 0;
        border: var(--border-quick-menu);
        border-radius: 1em;
        background: var(--quick-menu-bg);
      }
    #quick-menu .moduletable:nth-of-type(3) {
      margin-right: 0;
    }
    #quick-menu .moduletable:hover {
      background: var(--quick-menu-hover-bg);
      box-shadow: inset 0 0 10px 7px var(--black-10);
    }
      :is(#quick-menu .moduletable:hover) :is(h4, p) {
        text-shadow: 2px 2px var(--black-20);
      }
      #quick-menu .moduletable > span {
        line-height: 100%;
      }
      #quick-menu .fa {
        line-height: 100%;
        color: var(--blue);
        text-shadow: 3px 3px 3px var(--black-20);
      }
      #quick-menu p {
        text-align: center;
      }
      #quick-menu img {
        filter: brightness(100%) invert(0);
      }
      #quick-menu .moduletable:hover img {
        filter: brightness(0%) invert(1);
      }
      #quick-menu .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-quick-menu);
        border-radius: 1em;
        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 * {
          color: #fff;
        }
          #boxes .custom {
            display: flex;
            flex-wrap: wrap;
            height: 100%;
            align-content: baseline;
          }
            #boxes h4 {
              text-align: center;
            }
            #boxes p {
              width: 100%;
              font-size: 0.9em;
              text-align: center;
            }
            #boxes .fa {
              display: block;
              font-size: 48px;
              width: 100%;
              text-align: center;
              line-height: 100%;
              padding-top: var(--padding-default);
            }
    #modules {
      position: relative;
      overflow: hidden;
      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;
    }
    #modules-am > .moduletable h3 {
      text-align: center;
      margin-bottom: var(--margin-default);
      padding-bottom: var(--padding-default);
      border-bottom: var(--border-module-h3);
    }
  #bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 var(--padding-default) var(--padding-default);
  }
  #subfooter {
    position: relative;
    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 a,
    #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: 200px;
    }
  footer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    width: 100%;
    left: 0;
    padding: var(--padding-default);
    background: var(--footer-bg);
    align-items: center;
    justify-content: center;
    z-index: 700;
  }
    footer p {
      flex:0 0 100%;
      margin: 0;
      text-align: center;
      color: var(--footer-text);
    }
    #social-links {
      margin-bottom: var(--margin-half);
    }
      #social-links a {
        color: #fff;
        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: 5%;
          left: 0;
          width: 100%;
          height: 90%;
          border-radius: 16px;
          transition: var(--transition-50);
          transform: scale(0.8);
          z-index: -1;
        }
        #social-links .social:hover {
          text-shadow: 0 0 5px var(--social-hover);
          filter: drop-shadow(0 0 5px var(--social-hover));
        }
          #social-links .social:hover::before {
            filter: drop-shadow(0 0 15px var(--social-hover));
            background: var(--social-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(--blue-darker-2);
      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(--margin-half);
    }
    #cookie-consent img {
    }
    #cookie-consent h3 {
      width: 100%;
      margin: var(--margin-half) 0 var(--margin-default);
      color: #fff;
    }
    #cookie-consent h4 {
      margin: 0;
      padding: 0;
      color: #fff;
    }
      #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: 'wght' 400;
        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: 'wght' 600;
    }
    #cookie-consent a {
      color: #f2de84;
    }
    #cookie-consent input {
      top: 0;
      margin-right: var(--margin-half);
    }
    #cookie-consent button {
      border-color: var(--white-20);
    }
    /* Cookie Consent: Toggle Switch */
    #toggle-consent {
      position: absolute;
      top: calc(var(--padding-default) - 2px);
      right: var(--padding-default);
      line-height: 100%;
      transition:var(--transition-50);
      transform-origin: 50% calc(50% + 2px);
    }
    #toggle-consent.up {
      transform: rotate(180deg);
      top: calc(var(--padding-default) - 4px);
    }
    /* Cookie Consent Page 1: Intro */
    #cookies-p1 {
      display:block;
    }
      #cookie-consent img {
        width: 64px;
        margin-right: var(--margin-default)
      }
      #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(--padding-default);
        }
          .consent-buttons button {
            margin: 0 var(--margin-default) 0 0;
            min-width: 200px;
          }
          .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;
    bottom: 15px;
    right: 15px;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 100%;
    border-radius: 100%;
    box-shadow: 0 0 2px 2px var(--body-bg);
    opacity: 0;
    z-index: 699;
    pointer-events: none;
    scroll-behavior: smooth;
  }
  #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-radius: 100%;
      z-index: -1;
    }



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

/* COMPONENTS */
  /* com_content */
    /* Common */
    .article-section {
      width: 100%;
    }
    #substance .article-section:not(:last-of-type) {
      margin-bottom: var(--margin-double)
    }
      .section-title {
        padding: var(--padding-half) var(--padding-half) calc(3px + var(--padding-half)) var(--padding-half);
      }
      /*
      .article-section:not(.article-text) a {
        font-variation-settings: 'wght' 300;
      }
      */
      #modules .moduletable {
        background: var(--modules-bg);
      }
    /* Category view */
      /* Common */
      section.category {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
      }
        .category-title {
          margin-bottom:var(--margin-default);
        }
        .category #substance {
          display: flex;
          flex-wrap: wrap;
        }
          .category-desc {
            text-align: center;
          }
            .category-desc h2,
            .category-desc h3,
            .category-desc h4,
            .category-desc ul,
            .category-desc ol,
            .category-desc p {
              text-align: left;
            }
          .category-items {
            display: flex;
            flex-wrap: wrap;
          }
            .category-item img {
              transition: var(--transition-50);
              background: none;
            }
            .cat-item-content {
              padding:var(--padding-default);
            }
              .cat-item-title {
                font-variation-settings: 'wght' 600 !important;
              }
        /* Blog view */
        .cat-leading {
          border:var(--border-default-30);
        }
          .cat-leading .item-content {
            padding:var(--padding-default);
          }
            .cat-leading .cat-item-title {
              font-size: 1.5em;
            }
            .cat-leading .teaser {
              margin-top: var(--margin-default);
            }
        .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(--margin-default);
        }
          .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: 'wght' 400;
              }
              .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: right;
              margin-right: 20px;
              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: var(--margin-half) !important;
            }
            .view-f3-flexbox .person-job {
              text-transform: uppercase;
            }
              .view-f3-flexbox .person-job strong {
                display: block;
                margin-bottom: 10px;
              }
            .view-f3-flexbox .loc {
              display: inline-block;
              font-variation-settings: 'wght' 400;
            }
            .view-f3-flexbox .aff {
              flex: 1;
              text-align: left;
            }
            /* F3-Flex-Boxes: Introtext w/FA icon */
            .faintro {
              border: var(--border-quick-menu);
              background: var(--quick-menu-bg);
            }
            .faintro:last-of-type {
              margin-bottom: 0!important;
            }
              .faintro:hover {
                background: var(--quick-menu-hover-bg);
              }
              .faintro:hover * {
                color: #fff;
              }
              .wintro * {
                transition: var(--transition-50);
              }
              .wintro p:last-of-type {
                margin-bottom:0 !important;
              }
            /* F3-Flex-Boxes: Flex-1 */
            .view-f3-flex-1 .etc-row.profile {
              position: absolute;
              right: var(--padding-default);
              bottom: var(--padding-default);
            }
            /* 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(--margin-quarter);
            }
            .view-f3-flex-2 .readmore {
              position: absolute;
              right: var(--margin-default);
              bottom: var(--margin-default);
            }
        /* F3-Flex-Boxes: Directory - Bio */
        .directory-bio-item {margin-bottom: var(--margin-default); padding-bottom: var(--padding-default)}
        .directory-bio-item:last-of-type {margin-bottom: 0; padding-bottom: 0}
          .directory-bio-image.hidden-m {position: relative; top: 8px}
          .directory-bio-text p:last-of-type {margin-bottom: 0}
    /* 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 {
        aspect-ratio:3/4 !important;
      }
      .ai-aspect-43:after {
        aspect-ratio:4/3 !important;
      }
      .ai-aspect-169:after {
        aspect-ratio:4/3 !important;
      }
      .ai-aspect-1851:after {
        aspect-ratio:1.85/1 !important;
      }
      .ai-aspect-11:after {
        aspect-ratio:1/1 !important;
      }
      .ai-aspect-21:after {
        aspect-ratio:2/1 !important;
      }
      .ai-aspect-31:after {
        aspect-ratio:3/1 !important;
      }
      .full-width-container {
        display: flex;
        position: relative;
        flex: 0 0 100vw;
        width: 100vw;
        margin-left: calc(-1/2 * (100vw - 100%));
        line-height: 0;
        justify-content: center;
        margin-bottom: var(--margin-default);
      }
        .fw-image {
          width:100%;
        }
        .fw-title {
          position: absolute;
          bottom: var(--padding-default);
          text-align: center;
          margin: 0;
          padding: var(--padding-default);
          max-width: calc(100% - 4 * var(--padding-default));
          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: 'wght' 500;
          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: initial;
        }
        .article-title h4 {
          margin-top: var(--h4-title-margin-top);
          padding-bottom: 0;
        }
          .article-title h4 time {
            font-family: inherit;
            font-size: inherit;
            color: inherit;
            font-variation-settings: inherit;
          }
        .article-links {
          display: inline-flex;
          margin-top: calc(1/2 * var(--h4-title-margin-top));
          background: none;
          align-items: center;
        }
          .article-links > span {
            margin-right: 10px;
          }
      /* Article Image */
      .image-wrapper {
        display: table;
        margin: 0 auto;
        text-align: center;
        width: 100%;
      }
      /* Article text */
      #fulltext {
        text-align: center;
      }
        #fulltext h2,
        #fulltext h3,
        #fulltext h4,
        #fulltext ul,
        #fulltext ol {
          text-align: left;
        }
        .homepage #fulltext p {
          text-align: center;
          padding-bottom: var(--padding-default);
          color: var(--conf-dates-color);
        }
      .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: 'wght' 500;
      }
      /* Content */
      .article-text {
      }
          #important {
            padding: var(--padding-default);
            margin-bottom: var(--margin-double) !important;
            border: var(--border-warning-3);
            border-radius: 16px;
          }
            #important h2 {
              position: relative;
              margin-top: 0;
              padding-bottom: var(--padding-half);
              border-bottom: var(--border-h2);
            }
              #important h2 span.fa {
                position: absolute;
                right: 0;
                top: -3px;
                line-height: 108%;
                color: inherit;
                font-size: 1em;
              }
            #important h2 .anchor {
              scroll-margin-top: calc(1.35 * var(--header-min-height) + var(--padding-default));
            }
            #important ul {
              padding-left: 9px;
            }
              #important li {
                margin-bottom: 5px;
              }
            #important :last-child {
              margin-bottom: 0;
            }
        .article-text img {
          margin-top: var(--margin-half);
          margin-bottom: var(--margin-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: 'wght' 300;
            }
            .icd10-link > * {
              background: none !important;
              color: inherit;
            }
            .icd10-link > strong {
              margin-right:5px;
            }
            .icd10-link > em {
              margin-left:1px;
              font-variation-settings: 'wght' 300;
            }
          #notice {
            padding: var(--padding-default);
            border: var(--border-notice-2);
            background: var(--notice-bg);
          }
            #notice h2 {
              position: relative;
              margin-top: 0;
              padding-bottom: var(--padding-half);
              border-bottom: var(--border-notice-1);
            }
              #notice h2 span.fa {
                position: absolute;
                right: 0;
                line-height: 108%;
                color: inherit;
                font-size: inherit;
              }
            #notice h2 .anchor {
              scroll-margin-top: calc(1.35 * var(--header-min-height) + var(--padding-default));
            }
            #notice ul {
              padding-left: 9px;
            }
              #notice li {
                margin-bottom: 5px;
              }
            #notice :last-child {
              margin-bottom: 0;
            }
      /* Related articles - Article Field plugin */
      .article-related a {
        display:table;
        margin-bottom:5px;
      }
      /* Attachments */
      #attachments {
        scroll-margin-top: var(--header-min-height);
      }
      #attachment-files {

      }
        #attachment-desc {
          margin-bottom: var(--margin-default);
        }
        #attachment-files > span {
          display: flex;
          align-items: center;
          margin-bottom: var(--margin-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;
      }
    /* Special pages: Locations */
    .oe-locations {
      border: var(--border-default);
      width: 100%;
      min-height: 80vh;
    }
    /* Special pages: People */
    #person-image figcaption {
      padding: var(--padding-half);
      font-size: 1em;
    }
    #person-image .action {
      background: var(--title-bg);
      border: var(--border-module);
      box-shadow: 4px 4px 6px rgba(0,0,0,0.075);
    }
      #person-image .action a {
        width: 100%;
        justify-content: center;
      }
      #person-image .action a span {
        color: inherit;
      }

  /* com_fields */
    /* ACF gallery */
      /* Thumbnail view */
      .tf-gallery-wrapper {
        margin-top: var(--margin-default);
      }
      .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(--padding-default);
            right: var(--padding-default);
          }
          .gcontainer button.gbtn.gprev {
            top: initial;
            bottom: var(--padding-default);
            left: var(--padding-default);
          }
          .gcontainer button.gbtn.gnext {
            top: initial;
            bottom: var(--padding-default);
            right: var(--padding-default);
          }
          .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%;
              transition: var(--transition-50);
              color: #fff;
            }
            .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(--padding-default);
            top: var(--padding-default);
            width: calc(100% - var(--padding-double));
            height: calc(100% - var(--padding-double));
            background: url('../../../images/_system/logo.svg') center center no-repeat;
            background-size: contain;
            opacity: 0.05;
          }
  /* com_finder */
    /* finder form */
    #finder-form {
      width:100%;
      margin: var(--margin-default) 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: 'wght' 600;
      }
    .finder-item:not(:last-of-type) {
      margin-bottom: var(--margin-half);
      padding-bottom: var(--padding-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(--margin-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(--margin-default) auto 0;
    }
    /* Thankyou Popup */
    .rsfp_thankyou_popup_outer {
      backdrop-filter: blur(5px);
    }
      .rsfp_thankyou_popup_inner {
        padding: var(--padding-default) !important;
      }
      .theme-dark .rsfp_thankyou_popup_inner {
        background: var(--blue-darker-1) !important;
      }
        .rsfp_thankyou_popup_inner .formResponsive {
          padding-top: var(--padding-default);
          margin-top: var(--margin-default);
          border-top: var(--border-default);
          text-align: center;
        }
        .rsfp_thankyou_popup_inner .formResponsive button {
          margin: 0;
        }
        .rsfp_thankou_popup_close_btn {
          top: calc(var(--padding-default) - 3px) !important;
          right: var(--padding-default) !important;
          font-size: 1em !important;
          cursor: pointer;
          line-height: 100% !important;
          border: 2px solid var(--red);
          border-radius: 100%;
          height: 30px !important;
          width: 30px !important;
          text-align: center !important;
          display: flex;
          justify-content: center !important;
          align-items: center;
          background: #fff;
          color: var(--red) !important;
          font-variation-settings: 'wght' 400 !important;
        }
        .theme-dark .rsfp_thankou_popup_close_btn {
          border: 2px solid #fff;
        }
    /* Submission Directory */
      /* Full view */
      .rsfp-directory-search {
        display: flex;
        flex: 0 0 100%;
        justify-content: center;
        align-items: center;
      }
        #rsfilter {
          width: 400px;
          max-width: calc(100vw - calc(2 * var(--padding-default)));
          margin:0 var(--margin-default) 0 var(--margin-quarter);
        }
      .directoryTable {
        max-width: initial;
        margin: var(--margin-default) 0 0;
      }
        .directoryTable tr:hover td {
          background: var(--td-hover-bg);
        }
        .directoryTable th {
          text-transform: initial;
        }
        .directoryActions a {
          display: block;
          font-size: 1.5em;
          background: none !important;
        }
          .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;
        }

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

  /* 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(--padding-default);
    border: var(--border-module);
    margin-bottom: var(--margin-default);
  }
    .moduletable h3 {
      margin-bottom: var(--margin-half);
      padding-bottom: var(--padding-half);
      border-bottom: var(--border-module-h3);
      text-transform: uppercase;
    }
    .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: 'wght' 400;
      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(--margin-default);
    }
    .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(--padding-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(--blue-50);
      }
    .module-type-related-list a {
      display: block;
      position: relative;
      width:100%;
      padding: 3.5px 0 3.5px var(--padding-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(--blue-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(--margin-default);
      padding-bottom: var(--padding-default);
      border-bottom: var(--border-default);
    }
    #nav-input {
      margin-bottom: var(--margin-default);
    }
    #nav-filter {
      overflow-y: auto;
    }
      #mainnav ul {
        list-style: none;
        margin: 0;
      }
      #mainnav ul.top-level {
        padding: 0;
      }
        #mainnav li {
          margin: var(--margin-quarter) 0;
        }
        #mainnav li.separator {
          width: 75%;
          border-bottom:var(--border-default-30);
          padding-bottom: 3px;
        }
        #mainnav li.space-after {
          margin-bottom: var(--margin-default);
          padding-bottom: var(--padding-default);
          border-bottom: var(--border-h2);
        }
        #mainnav li.space-before {
          margin-top: var(--margin-half);
          padding-top: var(--padding-half);
          border-top: var(--border-h2);
        }
        #mainnav li.active:not(.parent) > a {
          color: var(--nav-active);
          font-variation-settings: 'wght' 500;
        }
        #mainnav li.l1-solo-item a {
            text-transform: uppercase;
            font-size: 1.15em;
            font-variation-settings: 'wght' 375;
        }
        #mainnav a {
          position: relative;
          font-variation-settings: 'wght' 300;
        }
          #mainnav .sub-level a {
            text-transform: lowercase;
            font-variant: all-petite-caps;
            font-size: 1.25em;
            outline: 4px solid transparent;
            transition: var(--transition-50);
          }
          #mainnav .sub-level .filtered {
            display: none;
          }
          #mainnav .sub-level .filtered.block {
            display: block;
          }
            #mainnav .sub-level .filtered.block a {
              background: var(--filtered-item);
              outline: 4px solid var(--filtered-item);
              transition: var(--transition-50);
            }
            #mainnav .filtered .sub-level .heading {
              display: none;
            }
            #mainnav .filtered a {
              transition: none;
            }
        #mainnav .top-level > .parent > a,
        #mainnav .top-level > .parent > span.nav-heading {
          display: block;
          color: var(--nav-category-color);
          text-transform: uppercase;
          font-variation-settings: 'wght' 450 !important;
          background: var(--nav-category-bg);
        }
          #mainnav .top-level > .parent > a:hover {
            background: var(--nav-category-hover-bg);
          }
        .sub-level .nav-heading {
          display: block;
          background: var(--nav-heading-bg);
          color: var(--nav-heading-color);
          text-transform: uppercase;
          font-variation-settings: 'wght' 500;
          letter-spacing: 0.75px;
          cursor: default;
        }
        .inverted-heading .nav-heading {
          background: var(--nav-heading-inverted-bg);
          color: var(--nav-heading-inverted-color);
        }
        #mainnav .admin-link {
          background: var(--nav-admin-heading-bg)!important;
          color: #fff!important;
          text-indent: var(--padding-quarter);
        }
    /* A simple ul/li/a list of links */
    .moduletable.module-type-links {

    }
    .moduletable.module-type-calendar {

    }
    .moduletable.module-type-external {

    }
    .moduletable.module-type-events {

    }
  /* mod_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(--padding-default) var(--padding-default) var(--padding-default);
      background-color: rgba(255,255,255,0.9);
      border: var(--border-default);
      border-radius: 16px;
      box-shadow: var(--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(--padding-default);
        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(--blue);
        }
        #f3-popup-content p,
        #f3-popup-content li,
        #f3-popup-content strong,
        #f3-popup-content em {
          color: #333;
        }
        #f3-popup-content a {
          color: var(--blue);
        }
        #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: var(--header-height) auto 0 auto;
    z-index: 100;
  }
  .aspect-0 {
    padding-top: 0!important;
  }
  .aspect-34 {
    aspect-ratio: 3/4;
  }
  .aspect-43 {
    aspect-ratio: 4/3;
  }
  .aspect-169 {
    aspect-ratio: 16/9;
  }
  .aspect-1851 {
    aspect-ratio: 1.85/1;
  }
  .aspect-11 {
    aspect-ratio: 1;
  }
  .aspect-21 {
    aspect-ratio: 2/1;
  }
  .aspect-31 {
    aspect-ratio: 3/1;
  }
    .f3-slide {
      width: 100%;
      height: 100%;
      background-size: cover!important;
      opacity: 0;
      pointer-events: none;
      transition: var(--transition-50);
      z-index: 101;
      & .nolink {
          pointer-events: none !important;
      }
    }
    #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(--padding-default);
      }
      .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(--margin-default);
        }
        #f3-slide-next.f3-slide-nav {
          right:var(--margin-default);;
        }
  /* mod_breadcrumbs */
  #breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-table;
  }
    #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: "Font Awesome";
        content: '\ef94';
        color: #fff;
      }
        #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;
      }
      #breadcrumbs ul li:first-child a:after {
        border-left-color: var(--breadcrumb-first);
      }
        #breadcrumbs ul li:first-child a span {
          padding-left: 20px;
          padding-top:9px;
        }
        #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(--padding-default);
    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 */
    /* Desktop */
    #language, #language:hover {
      color: transparent !important;
      margin-right:0;
    }
    header.min #language {
      margin-right: var(--margin-default);
    }
    header.min #language:hover {
      outline: none !important;
    }
      .flag {
        border: 1px solid var(--header-a);
        transition: var(--transition-15-cb);
      }
      .flag:not(.flag-active) {
        opacity: 0.2;
        z-index: 1;
      }
      .flag-active {
        z-index: 2;
      }
      .flag-lmin {
        left: 0;
      }
      .flag-left {
        left: 13px;
      }
      .flag-right {
        left: 33px;
      }
      .flag-rmin {
        left: 42px;
      }
      .flag-t {
        top: 6px;
      }
      .flag-b {
        top: 13px;
      }
      #language span {
        bottom: 0;
        width: 100%;
        text-align: center;
      }
    /* Mobile */
    #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;
      }
        .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(--padding-default)) var(--padding-default) var(--padding-default);
          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: 'wght' 300;
        }
        .lang:hover,
        .lang-active {
          opacity: 1;
          color: var(--header-a);
        }
          .lang-da {
            background: url('../../../images/_language/dk.webp') center var(--padding-default) no-repeat !important;
          }
          .lang-en {
            background: url('../../../images/_language/gb.webp') center var(--padding-default) no-repeat !important;
          }
          .lang-sr {
            background: url('../../../images/_language/rs.webp') center var(--padding-default) no-repeat !important;
          }
  /* mod_login */
  #login-form > fieldset {
    max-width: 480px;
  }
  #login-form .control-label {
    display: none;
  }
    .login-proceed {
      justify-content: center;
    }
      .login-proceed button {
        margin:0;
      }
  /* mod_acym */
  .acym_lists, .acym_form, .acysubbuttons {
    text-align: center;
  }
  .acym_module_form {
    width:100%;
  }
    .acym_form {
      position: relative;
      margin-top: var(--margin-default);
    }
      #acym-introtext {
        text-align: center;
      }
      .acym_form input {
        text-align: center;
        width: 100%;
      }
  /* mod_banners */
  .partner-box {
      padding: var(--padding-default);
      border: var(--border-default);
  }
  .golden.partner-box {
      background: var(--yellow-20);
  }
  .silver.partner-box {
      background: var(--black-05);
  }
      .partners {
        text-align: center;
      }
        .partner {
          align-self: center;
          margin:0 var(--margin-default) var(--margin-default) var(--margin-default);
        }
        .partner:hover a {
          background: none;
        }

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

/* Popovers */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  max-width: 276px;
  padding: var(--padding-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(--margin-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.event-category {
  margin: 0 0 var(--margin-half);
  font-family: var(--font-rubik);
  color: var(--homepage-l1);
  letter-spacing: initial;
  font-variation-settings: 'wght' 400;
}
h1.event {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto var(--margin-default);
}
  h1.event span {
    display:block;
    line-height: 100%;
    text-align: center;
  }
  h1.event .l1 {
    color: var(--homepage-l2);
    margin-bottom: var(--margin-default);
    font-variation-settings: 'wght' 700;
    font-size: 1.25em;
  }
  h1.event .l2 {
    font-size: 0.4em;
    color: var(--homepage-l3);
    letter-spacing: initial;
    padding: 0 0 var(--padding-default);
    border-bottom: var(--border-company);
    line-height: 120%;
  }
/* Sitemap */
.sitemap-container {
  padding-left: var(--padding-default);
}
.sitemap-container:not(:last-of-type) {
  margin-bottom: var(--margin-default);
  padding-bottom: var(--padding-default);
  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: 0;
  }
    .sitemap-container .sitemap-container h4 {
      font-family: var(--font-rubik);
      font-size: 1em;
      text-transform: none;
      margin-bottom: 0;
    }
  .sitemap-container a {
    font-variation-settings: 'wght' 300;
  }
    .sitemap-container .indent {
      padding-left: var(--padding-default);
    }
    .sitemap-items {
      margin-top: var(--margin-half);
      padding-left: var(--padding-default);
    }
    .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 */
.e404 {
}
  .e404 .fw-title {
    bottom: var(--padding-default) !important
  }


/* 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-open .wf-mediabox-overlay {
    opacity: 0.95 !important;
    backdrop-filter: blur(3px);
  }
  .wf-mediabox-container {
    display: flex;
    flex-flow: column;
    position: relative;
    border: 1px solid #fff;
    border-radius: 8px;
    max-height: calc(100vh - var(--padding-double));
  }
    /* Popup element */
    .wf-mediabox-frame {
      padding: var(--padding-default);
    }
    .wf-mediabox-content {
      position: relative;
      display: flex !important;
    }
      .wf-mediabox-content-item {
        text-align: center;
        line-height: 0;
      }
        .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(--padding-default);
          top: var(--padding-default);
          width: calc(100% - var(--padding-double));
          height: calc(100% - var(--padding-double));
          background: url('../../../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 {
      padding: var(--padding-default);
      width: 100%;
      border-top: 1px solid #fff;
      background: var(--orange);
    }
      .wf-mediabox-caption h4 {
        font-size: 2em;
        color: #fff;
        text-align: center;
        line-height: 120%;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
      }
      #wf-mediabox-modal-description {
        color: #fff;
        text-align: center;
        font-variation-settings: 'wght' 400;
        margin: var(--margin-half) 0 0;
        padding-top: var(--padding-half);
        border-top: 1px solid var(--white-30);
      }
      .wf-mediabox-numbers {
        display:none;
      }
    /* Navigation buttons */
    .wf-mediabox-nav {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      margin: 0; padding: 0;
      z-index: 10000;
    }
      .wf-mediabox-nav button {
        position: absolute;
        width: 48px; height: 48px;
        min-width: initial;
        border: none;
        background: transparent;
      }
      .wf-mediabox-close {
        top: var(--padding-default);
        right: var(--padding-default);
      }
      .wf-mediabox-prev {
        bottom: var(--padding-default);
        left: var(--padding-default);
      }
      .wf-mediabox-next {
        bottom: var(--padding-default);
        right: var(--padding-default);
      }
      button.wf-mediabox-focus,
      .wf-mediabox-nav button:focus { /* clear focus borders */
        border: none;
        outline: none;
        box-shadow: none;
      }
        .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);
          color: #fff;
        }
        .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 {
    width: 100%;
    padding: var(--padding-default);
    margin-bottom: var(--margin-default);
    background: var(--index-bg);
  }
    .rl_quickindex h4 {
      display: none;
    }
    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(--padding-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(--blue-50);
      }
      ul.index a {
        background: none;
        line-height: 130%;
      }
      ul.index-level-2 > .index-item > .index-link {
        font-variation-settings: 'wght' 400;
      }
      ul.index-level-3 > .index-item > .index-link {
        font-variation-settings: 'wght' 300;
        font-size: 0.95em;
      }
    .anchor {
      scroll-margin-top: calc(1.35 * var(--header-min-height));
    }
    .heading_text {
      all: inherit;
      margin: 0;
      padding: 0;
    }
    .rl_quickindex .heading-subtitle,
    .rl_quickindex .h2-subtitle,
    .rl_quickindex .h3-subtitle,
    .rl_quickindex .fa,
    .rl_quickindex br {
      display: none;
    }
/* Filter */
  /* Article checkbox filter */
  #article-filter {
    width: 100%;
  }
  /* Article filtering, TOC */
  #filter-index {

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

    }
    .filter-l1-link {
      font-size: 1.25em;
    }
    .filter-l2-link {
      font-variation-settings: 'wght' 300;
    }
/* Datatables, Filters */
.dataTable-wrapper,
.dataTable-wrapper > div,
.filter-form,
.filter-form > div {
  display: table;
  margin:0 auto;
  width: 100%;
}
  .dataTable-top {
    padding-bottom: var(--padding-default);
  }
    .dataTable-top .dataTable-pagination {
      float:left;
      width: 100%;
      margin-top: var(--margin-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: 'wght' 500;
    }
    .dataTable-table tbody a:hover,
    .dataTable-table tbody a:hover > span {
      color: var(--a-hover);
    }
    .dataTable-table tbody .metadesc {
      font-size: 0.8em;
      color: var(--text-light-color);
    }
    .dataTable-dropdown {
      float: left;
    }
    .dataTable-dropdown label {
      display: ruby;
    }
      .dataTable-selector {
        margin-right: 5px;
      }
    .dataTable-search {
      float: right;
    }
    .dataTable-table th .dataTable-sorter:after {
      position: absolute;
      top: -2px;
      left: calc(100% + 5px);
      display: block;
    }
    .dataTable-table th.asc .dataTable-sorter:after {
      content: '▴';
    }
    .dataTable-table th.desc .dataTable-sorter:after {
      content: '▾';
    }
  .dataTable-bottom {
    width: 100%;
    padding-top: var(--padding-default);
  }
    .dataTable-info {
      text-align: center;
      font-variation-settings: 'wght' 500;
    }
    .dataTable-pagination {
      display: flex;
      text-align: center;
      list-style: none;
      background: var(--pagination-bg);
      padding: calc(1/2 * var(--margin-default));
      margin-top: calc(1/2 * var(--margin-default));
      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: 'wght' 600;
      }
      .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) {
  :root {
    --header-height: 70px;
    --header-min-height: 70px;
    --favorites-height: 0px;
    --margin-default: 15px;
    --padding-default: 15px;
    --h1-padding: 0;
    --h2-padding: 0;
    --h3-padding: 0;
    --h1-margin: 0 0 15px;
    --h2-margin: 0 0 15px;
    --h3-margin: 0 0 15px;
    --h4-title-margin-top: -10px;
    --p-margin: 0 0 15px;
    --main-min-width: 100%;
    --main-max-width: 100%;
    --table-max-width: 100%;
    --table-padding-default: 5px;
    --modules-width: 100%;
    --ul-padding: 20px;
    --ul-margin: 15px 0;
    --li-margin: 0 0 8px;
    --button-height: 40px;
    --input-height: 40px;
    --button-min-width: 80px;
    --filter-min-width: 300px;
  }
  /* Classes */
  .hidden-m {display: none !important}
  .flex-m-100 {flex:0 0 100%}
  .flex-m-90  {flex:0 0 90%}
  .flex-m-80  {flex:0 0 80%}
  .flex-m-75  {flex:0 0 75%}
  .flex-m-67  {flex:0 0 calc(2/3 * 100%)}
  .flex-m-50  {flex:0 0 50%}
  .flex-m-40  {flex:0 0 40%}
  .flex-m-33  {flex:0 0 calc(1/3 * 100%)}
  .flex-m-25  {flex:0 0 25%}
  .flex-m-20  {flex:0 0 20%}
  .flex-m-10  {flex:0 0 10%}
  .flex-m-reverse {flex-direction: column-reverse}
  .order-m-1 {order:1}
  .order-m-2 {order:2}
  .order-m-3 {order:3}
  .order-m-4 {order:4}
  .order-m-5 {order:5}
  .padding-top-m {padding-top: var(--padding-default)!important}
  .padding-bottom-m {padding-bottom: var(--padding-default)!important}
  .padding-left-m {padding-left: var(--padding-default)!important}
  .padding-right-m {padding-right: var(--padding-default)!important}
  /* Typography */
  html  {font-size: 4.25vw}
  h1    {font-size: 2.5em; line-height: 100%}
  h2    {font-size: 2.2em; line-height: 100%}
  h3    {font-size: 1.9em; line-height: 100%}
  h4    {font-size: 1.7em; line-height: 100%}
  p     {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.5em}
  /* HTML elements */
  table {max-width: var(--table-max-width)}
  /* Forms */
    /* RSForm */
    .formContainer {border: none; padding: 0; width: 100%}
    .rsform-block {display: flex; flex-wrap: wrap; align-items: center}
    .formControlLabel, .control-label {flex:0 0 100%; text-align: left; padding-bottom: var(--padding-half)}
    .formControls, .controls {flex:0 0 100%}
    .yui-calcontainer {margin-top:5px}
    .rsform-block-send {justify-content: center}
    .rsform-block-send .formBody input {margin:0; width:48%; min-width: 0}
    .rsform-block-send div {text-align: center}
    .rsform-submit-button {min-width: 150px}
    .rsform-reset-button {float:right}
  /* Template Sections */
    /* Header */
    header {padding:0 var(--padding-default)}
    header a {outline: none!important}
    header a span {display: none}
    #header-mid {justify-content: left; padding:0}
    #header-right {justify-content: right; padding:0}
      #toggle-settings {margin-left: 0 !important; outline: none!important}
      #toggle-nav {margin-left: 25px !important; outline: none!important}
    /* Footer */
    footer p {line-height: 140%}
    /* Favorites */
    #favorites {display: none}
    /* FS modules */
    #modules-fs h4 {color:var(--h4-color)}
    #modules-fs .module-fs {top: calc(var(--header-height) + var(--favorites-height)); width: 100%; height: 100vh; overflow-y: scroll; padding-bottom: var(--header-min-height)}
    #modules-fs .mod-finder {margin-top: var(--margin-default)}
    #modules-fs .mod-finder .awesomplete {width: 100%}
    #modules-fs nav {margin-top: var(--margin-default); padding: var(--padding-double) var(--padding-default) var(--padding-default) var(--padding-default); border-top: var(--border-default-30);position: relative;}
    #modules-fs #finder {position: relative}
    #modules-fs #finder .mod-finder, #modules-fs #finder h4 {margin:0; padding:0}
    #modules-fs #finder .awesomplete {position: initial}
    #modules-fs #finder input {width: calc(100vw - 150px); position: absolute; top: calc(var(--padding-half) - 1px); right: var(--padding-default); font-size: 0.9em}
    #modules-fs #finder .awesomplete > ul {min-width: calc(100vw - var(--padding-double)); width:calc(100vw - var(--padding-double)); left: var(--padding-default); margin-top: 24px}
    #modules-fs #finder .awesomplete > ul:before {left: initial; right: 1em}
    /* Language Switcher */
    .invisible #language-switcher {height: 0}
    .visible #language-switcher {height: 70px}
    #language-list {margin: 0; padding: 0; list-style: none; display: flex}
    #language-list li {display: flex; flex: 0 0 50%; height: 70px}
    .lang {padding: calc(2.75 * var(--padding-default)) var(--padding-default) var(--padding-default); pointer-events: all}
    /* Phone Directory */
    #phone-directory {width: 100%}
    #phone-directory h4.centered {text-align: left!important}
    #phone-directory .cell.directory-call {width: 100px; padding: var(--padding-half)}
    #phone-directory .cell.directory-call span {font-size: 0.4em; font-variation-settings: 'wght' 500; line-height: 120%; display: block; margin-top: 5px}
    #phone-directory .cell.directory-address p {font-size: 0.9em}
    #phone-directory .cell {width: calc(100% - 100px)}
    #phone-directory .cell.directory-call {background: var(--directory-cell-hover-bg) !important}
    /* Settings */
    #settings-bar, #settings-bar.move-up {top: var(--header-height); outline: none; width: 100vw}
    #settings-bar.visible {left:0}
    /* Main */
    main {padding-left: var(--padding-default); padding-right: var(--padding-default)}
    main.with-quick-booking {margin: 0 auto}
    .event-category {font-size: 1em; font-variation-settings: 'wght' 400}
    h1.event .l1 {font-size: 1.4em; line-height: 105%}
    h1.event .l2 {font-variation-settings: 'wght' 400}
      h1.event .l2 img {max-height: 100px}
    /* Footer Nav */
    #mobile-footer-nav {bottom: 0; width: 100%; height: 70px; background: var(--header-bg); z-index: 698; justify-content: end; align-items: center; padding:0 var(--padding-default); opacity: 1; pointer-events: all; box-shadow: 0 0 15px var(--black-70); border-top: 1px solid var(--white-30)}
      #mobile-footer-nav a {display: block; color: var(--header-a); text-align: center}
      #mobile-footer-nav a.acc {min-width: calc(1/2 * (100% - 70px))}
      #mobile-footer-nav a:not(.acc) {width: 50%}
        #mobile-footer-nav a > span {display: block; color: var(--header-a); text-align: center}
        .show-nav #mobile-footer-nav, .show-nav #accessibility {z-index: 1000000!important}
  /* Modules */
    /* Common */
    .moduletable {padding: 0; border: none; background: transparent!important; margin-bottom: var(--margin-double)}
    .moduletable h3 {color: var(--inverted-text); background: var(--inverted-bg); padding: var(--padding-default); margin: var(--h3-margin); border-bottom: none}
    .moduletable ul li {margin-bottom: 7px}
    #modules .moduletable:last-of-type {margin-bottom: var(--margin-default)}
    #modules-am {padding:0 var(--padding-default)}
    /* Boxes */
    #boxes {margin-bottom: var(--margin-default)}
    #boxes h2 {display: none}
    #boxes .moduletable {flex:0 0 calc(50% - var(--margin-half)); margin:0 var(--margin-default) var(--margin-default) 0; padding: var(--padding-default) 0; min-height: 95px}
    #boxes .moduletable:nth-of-type(even) {margin-right: 0}
    #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {margin-bottom: 0}
    #boxes h4 {position: absolute; bottom: var(--padding-default); left: 0; width: 100%; font-family: var(--font-rubik); font-size: 14px; letter-spacing:-0.25px; text-align: center; margin: 0; padding: 0; line-height: 100%; font-variation-settings: 'wght' 350; z-index: 1}
    #boxes .fa {font-size: 36px}
    #boxes .f3-special-link {z-index: 2;}
    #boxes .custom {position: initial}
    /* Quick Booking / Mobile Fields */
    #quick-booking {margin-top:var(--header-height); justify-content: center; align-content: center; background: var(--qb-bg)}
    .quick-booking-row {position: relative; height: 50%; align-content: center; flex:0 0 calc(100% - 2 * var(--padding-default)); background: var(--qb-bg-field); margin:var(--margin-default) 0 0;outline: 1px solid var(--white-30);}
    .quick-booking-row:last-of-type {margin-bottom:var(--margin-default)}
    .quick-booking-row .f3-special-link {background: transparent}
    #booking-form {}
    #booking-call {}
    #quick-booking span {display: block; color: #fff}
    #quick-booking .line-1 {font-size: 1.75em}
    .booking-icon {display:flex; align-self:center; color:#fff; line-height:100%; padding:var(--padding-default)}
    .booking-text {line-height:100%; padding:var(--padding-half) var(--padding-default)}
    /* Navigation */
    #navigation {width: 100vw}
    #nav-controls {width: calc(100vw - 2 * var(--padding-default)); display: block;  height: 30px;position: absolute;top: 26px;}
    #nav-controls label {display:none;}
    #nav-controls input {position: relative; top: -4px; width: calc(100vw - 150px);float: right;padding-top: 8px;margin: 0;font-size: 0.9em}
    #nav-filter {width: 100%; height: initial}
    .sub-level .nav-heading {width: calc(100% + var(--padding-default)); margin-left: calc(-1 * var(--padding-default)); padding: 2px var(--padding-default) 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, #mainnav .top-level > .parent > span.nav-heading {font-size: 1.25em; padding: var(--padding-default) 8px; letter-spacing: 0.25px; color: var(--a-color)}
    #mainnav ul.sub-level {padding-left:var(--padding-double);}
    /* 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(--margin-default)}
      .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--padding-default)}
      .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--margin-default)}
    /* Subfooter */
    #subfooter {border: none; margin-bottom: 0; padding: var(--padding-default) 0}
    #subfooter .moduletable {padding:var(--padding-default); margin-bottom: var(--margin-default)}
    #subfooter ul {list-style: none; margin: 0; padding: 0}
    #subfooter li {margin-bottom: 10px!important; text-align: center}
    #subfooter a {line-height: 110%; font-variation-settings: 'wght' 300}
    .subfooter-1 {text-align: center}
    .subfooter-1 .butler {font-size: 1.5em; line-height: 100%}
    .subfooter-1 .butler br {display: none}
    .subfooter-2 p {text-align: center}
    .subfooter-3, .subfooter-4 {background: rgba(0,0,0,0.1)}
    /* mod_breadcrumbs */
    #breadcrumbs {display: none}
    #breadcrumbs ul {padding: 0 0 5px;display: flex; overflow-x: scroll}
      #breadcrumbs ul li {position:relative; display: block ruby; height: auto; margin-right: 22px}
      #breadcrumbs ul li:last-of-type {margin-right: 0}
      #breadcrumbs ul li:after {position: absolute; content: "››"; top: -1px; right: -20px}
      #breadcrumbs ul li:last-of-type:after {display: none}
        #breadcrumbs ul li a {display: block; background: none!important; margin: 0}
        #breadcrumbs ul li:last-of-type a {padding: 0}
        #breadcrumbs ul li a:before, #breadcrumbs ul li a:after {display: none!important}
          #breadcrumbs ul li a span {display: block; padding: 0!important; margin: 0; color: var(--a-color)}
          #breadcrumbs ul li:not(.active) a span {font-variation-settings: 'wght' 500}
          .theme-dark #breadcrumbs ul > li:first-of-type > a:first-of-type > span:before {color: #fff}
          .theme-light #breadcrumbs ul > li:first-of-type > a:first-of-type > span:before {color: var(--blue)}
    /* mod_f3_slideshow */
    #f3-slider-container {display: block; padding: 0 var(--padding-default); margin-top: calc(var(--header-height) + var(--favorites-height) + var(--padding-default))}
    #f3-slide-loader {display: none}
    .mobile-aspect-43   {aspect-ratio:4/3}
    .mobile-aspect-169  {aspect-ratio:16/9}
    .mobile-aspect-1851 {aspect-ratio:1.85/1}
    .mobile-aspect-21   {aspect-ratio:2/1}
    .mobile-aspect-31   {aspect-ratio:3/1}
    .f3-slide {position: relative; opacity: 1; margin-top: var(--margin-default); border: var(--border-default); pointer-events: all}
    .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
    .f3-slide-text h2 {margin:0; text-align:center}
    .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
    .f3-slide-title:hover {color: #fff}
    .f3-slide-subtitle {display: none; margin:0; text-align:center; color:#fff; text-shadow: 2px 2px 1px #000}
    /* mod_f3_popup */
    #f3-popup-inner {width: calc(100vw - var(--padding-double))}
    #f3-popup-close {top: calc(var(--padding-default) + 8px)}
    #f3-popup-close::after {font-size: 1.5em}
    #f3-popup-content h3 {margin: 0 0 var(--padding-default) var(--padding-negative); padding: var(--padding-default); width: calc(100% + var(--padding-double))}
    /* mod_acym */
    .acym_form input {max-width: 360px!important}
    .acym_form input[type*="button"] {display: table; width: 150px; margin:0 auto; line-height: 140%}
    .acym_lists .onelist {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: var(--margin-half)}
    .acym_lists .onelist input {flex: 0 0 30px; margin: 4px 0 0}
    .acym_lists .onelist label {flex: 0 0 calc(100% - 30px); text-align: left}
    /* mod_banners */
    .partner img {display: block; max-height: 80px; max-width:300px; margin: var(--margin-half) 0}
    .partner:last-of-type img {margin-bottom: 0}
  /* Components */
    /* com_content */
      /* Common */
        #title {padding: var(--padding-default); background: var(--title-bg); margin-bottom: var(--margin-double)}
        #tags.tags-top {margin-top: calc(-1 * var(--margin-default))}
        .subtitle {font-size: 0.45em; margin-top:10px}
        h2 span.heading-subtitle {margin-top: 5px}
      /* Tag View */
      /* Category View */
        /* Blog view */
        .cat-leading {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .has-modules .cat-leading {flex: 0 0 100%}
        .cat-leading:nth-child(2n) {margin:0 0 var(--margin-default) 0}
        .cat-leading:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
        .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .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(--margin-default) 0}
        .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 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(--margin-half))}
            .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--margin-default) 0}
            .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
            .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--margin-default))); margin: 0 var(--margin-default) 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(--margin-half)); margin: 0 var(--margin-default) var(--margin-default) 0}
            .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--margin-half)); margin: 0 0 var(--margin-default) 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(--margin-default)))}
          .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--margin-default) var(--margin-default) 0}
          .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--margin-default) 0}
        /* F3 Flex Stacked */
        .view-f3-stacked .cat-item-image {flex:0 0 100%}
        .view-f3-stacked .cat-item-content {flex:0 0 100%; padding: var(--padding-default) 0}
        .view-f3-stacked .article-date {margin: calc(-1/2 * var(--margin-default)) 0 var(--margin-half)}
        /* F3 Flex Boxes (Directory) */
        .view-f3-flexbox article:not(:last-of-type) {margin-bottom:var(--margin-double)}
        .view-f3-flexbox .wrapper {border-top: none; border-left:none; border-right: none; background: none}
          .view-f3-flexbox .block-image {flex:0 0 100%}
            .view-f3-flexbox .block-image img {width:100%}
            .view-f3-flexbox .block-image a {pointer-events: none}
            .view-f3-flexbox a {justify-content: center}
          .view-f3-flexbox .block-title {text-align: center}
          .view-f3-flexbox .block-info {padding:var(--padding-default)}
          .view-f3-flexbox .person-job, .view-f3-flexbox .person-job strong {line-height: 120%; text-align: center}
          .view-f3-flexbox .desc {text-align: justify; margin: var(--margin-default) 0 !important; border-bottom: var(--border-default-10)}
        /* F3-Flex-Boxes: Introtext w/FA icon */
        .faintro {padding: var(--padding-default) 0}
        .faintro h2 {text-align: center}
      /* Article View */
      #substance {width:100%; padding-right: 0}
      #notice h2 span.fa {top:2px}
      #important h2 span.fa {top:2px}
      #fw-image {height: 300px}
      article.e404 #fw-image {height: 430px}
      .fw-image {height: 300px; width: auto; max-width: initial !important}
      .fw-title {max-width: calc(100% - 2 * var(--padding-default)); bottom: var(--padding-default); font-size: 2.5em}
      .supertitle {font-size:1.15em}
      .cutline p {font-size:1.1rem}
      .article-section {margin-bottom: var(--margin-default); overflow-x: scroll}
      figure.content-image {margin: 0 7.5px 15px 7.5px !important; max-width: calc(100% / 2 - 18px)}
      figure.content-image figcaption {display: none !important}
      #modules {margin-top: var(--margin-default)}
      /* Link list */
      .link-icon {margin-left: 2px}
      /* Article Classification */
      .article-classification {padding-left: var(--padding-default)}
      /* Taglist */
      .taglist-container {padding-left: var(--padding-default)}
      .taglist-icon {flex:0 0 48px}
      .taglist {display: flex; flex-wrap: wrap; flex:0 0 calc(100% - 48px)}
      .tag {margin: 3px 0 3px 12px; flex: 0 0 100%}
      .tag a {font-size: 0.9em}
    /* com_finder */
      #finder-form {margin-top: var(--margin-default)}
      .awesomplete, #finder-form #q {width:100%}
      #finder-form #Submit {display: table; margin: var(--margin-default) auto}
      .finder-item-title a {display: block; line-height: 100%; margin-top: var(--margin-default)}
    /* com_tags */
      /* Common */
      .tags-index {column-count: 1 !important}
      .filter-form {display:table; margin:0 auto; max-width:var(--table-max-width)}
      #filter-search {width:100%}
    /* com_users */
      /* Common */
      .login .controls {max-width: 100%}
  /* Plugins */
    /* Datatables */
    .dataTable-wrapper > div {max-width: var(--table-max-width)}
    .dataTable-dropdown {width: 100%;margin-bottom:var(--margin-default)}
    .dataTable-dropdown select {width: 80px; min-width: initial}
    .dataTable-search {width: 100%}
    .dataTable-search input {min-width: initial; width: 100% !important}
    .dataTable-search button {width:calc(50% - 8px)}
    .dataTable-search button:nth-child(2) {margin:var(--margin-default) 12px 0 0}
    .dataTable-search button:nth-child(3) {margin:var(--margin-default) 0}
    /* JCE Mediabox */
    .wf-mediabox-img {touch-action: manipulation !important}
    .wf-mediabox-caption h4 {font-size: 1.65em}
    #wf-mediabox-modal-description {line-height: 120%; font-size: 0.925em}
  /* Custom Pages */
    /* Homepage */
    h3.event-category {font-size: 0.975em}
    .homepage #fulltext p {font-size: 1.5em; font-variation-settings: 'wght' 500; line-height: 125%}
    /* Sitemap */
    .sitemap-container {flex: 0 0 100%; padding-left: 0}
    /* 404 */
    .error-404 li {align-items: flex-start; margin-bottom: 15px}
    /* Cookie Consent */
    #cookie-consent input {width: 40px}
    #cookie-consent label {width: calc(100% - 40px - var(--margin-half))}
    .consent-buttons {flex-direction: column}
    .consent-buttons button {margin:0 0 var(--margin-default); width: 100%}
    .consent-buttons button:last-of-type {margin:0}
  /* Top link */
  #back-top.visible {opacity: 0.85!important}
  /* Mobile Footer Nav */
  #mobile-footer-nav {transition: var(--transition-50)}
  .scroll-trigger #mobile-footer-nav {opacity: 0!important; pointer-events: none!important}
  /* Recaptcha */
  .grecaptcha-badge {visibility: hidden}
  #recaptcha-branding {padding: var(--padding-default); padding-top:0; margin-bottom: 0}
  #recaptcha-branding p {margin-bottom: 0}
}

/* === F³ Size "T1" === */
@media (min-width:768px) and (max-width:991px) {
  :root {
    --header-height: 100px;
    --header-min-height: 80px;
    --favorites-height: 50px;
    --margin-default: 30px;
    --padding-default: 30px;
    --h1-padding: 0;
    --h2-padding: 0;
    --h3-padding: 0;
    --h1-margin: 0 0 15px;
    --h2-margin: 0 0 15px;
    --h3-margin: 0 0 15px;
    --h4-title-margin-top: -10px;
    --p-margin: 0 0 15px;
    --main-min-width: 100%;
    --main-max-width: 100%;
    --table-max-width: 100%;
    --table-padding-default: 5px;
    --modules-width: 100%;
    --ul-padding: 40px;
    --ul-margin: 15px 0;
    --li-margin: 0 0 8px;
    --button-height: 40px;
    --input-height: 40px;
    --button-min-width: 80px;
    --filter-min-width: 300px;
  }
  /* Classes */
  .hidden-t1 {display: none !important}
  .flex-t1-100 {flex:0 0 100%}
  .flex-t1-90  {flex:0 0 90%}
  .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-50  {flex:0 0 50%}
  .flex-t1-40  {flex:0 0 40%}
  .flex-t1-33  {flex:0 0 calc(1/3 * 100%)}
  .flex-t1-25  {flex:0 0 25%}
  .flex-t1-20  {flex:0 0 20%}
  .flex-t1-10  {flex:0 0 10%}
  .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(--padding-default)!important}
  .padding-bottom-t1 {padding-bottom: var(--padding-default)!important}
  .padding-left-t1 {padding-left: var(--padding-default)!important}
  .padding-right-t1 {padding-right: var(--padding-default)!important}
  /* Typography */
  html  {font-size: 18px}
  h1    {font-size: 3em; line-height: 100%}
  h2    {font-size: 2.5em; line-height: 100%}
  h3    {font-size: 2.25em; line-height: 100%}
  h4    {font-size: 1.75em; line-height: 100%}
  p     {margin: var(--p-margin)}
  /* 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(--padding-half)}
    .formControls, .controls {flex:0 0 100%}
    .yui-calendar {top:-280px; right:0}
  /* Template Sections */
    /* Header */
    header {box-shadow: 0 0 15px var(--black-70)}
    #header-left {justify-content: left}
    #header-right {justify-content: right}
    #header-left > a, #header-right > a {min-width: 55px; margin:0 5px}
    header a span {display: none}
    header.min #header-left > a, header.min #header-right > a {min-width: 50px}
    header #language {position: relative; left: -31px}
    header.min #language {left: -6px}
    #favorites a {padding: 15px; font-size: 0.9em}
    /* Favorites */
    #favorites {box-shadow: 0 0 15px var(--black-70)}
    #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(--margin-default)}
    #modules-fs .mod-finder .awesomplete {width: 100%}
    #modules-fs nav {position: relative; padding: var(--padding-double)}
    #modules-fs #finder input {margin-top: var(--margin-default)}
    /* 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(--padding-half)) !important; pointer-events: all !important}
    .lang {padding: calc(2.75 * var(--padding-default)) var(--padding-default) var(--padding-default); pointer-events: all}
    /* Phone Directory */
    #phone-directory {max-width: 600px}
    #phone-directory .row.margin-bottom {margin-bottom: var(--margin-double) !important}
    #phone-directory .cell.directory-call {width: 240px; margin-right: var(--margin-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(--padding-default); padding-right: var(--padding-default)}
  /* Modules */
    /* Common */
    .moduletable {padding: 0; border: none; margin-bottom: var(--margin-double)}
    .moduletable h3 {color: var(--inverted-text); background: var(--inverted-bg); padding: var(--padding-default); margin: var(--h3-margin); border: none}
    .moduletable ul li {margin-bottom: 7px}
    #modules .moduletable {padding-bottom: var(--padding-half); margin-bottom: var(--margin-default)}
    #modules-am {padding:0 var(--padding-default)}
    /* Navigation */
    #navigation {width: 100vw}
    #nav-controls {width: 68vw; display: block; height: 30px; position: absolute; top: calc(var(--padding-double) - 4px); right: var(--padding-double)}
    #nav-controls label {display:none;}
    #nav-controls input {position: relative; top: 1px; width: 100%; float: right; height: 36px; padding-top: 8px; margin: 0}
    #nav-filter {width: 100%; height: initial; max-height: 68vh}
    .sub-level .nav-heading {width: calc(100% + var(--padding-default)); margin-left: calc(-1 * var(--padding-default)); padding: 2px var(--padding-default) 0; font-size: 1.05em; padding-bottom: 2px}
    #mainnav li {margin: 10px 0}
    #mainnav a {font-size:1.4em!important; line-height: 100%}
    #mainnav .top-level > .parent > a, #mainnav .top-level > .parent > span.nav-heading {padding: 8px; letter-spacing: 0.25px}
    #mainnav ul.sub-level {padding-left:var(--padding-double)}
    #mainnav li.first-item {margin-top: 0}
    .mod-finder {padding: var(--padding-default) var(--padding-double) 0}
    .mod-finder > h4 {flex:0 0 30%; align-self: center; margin: 0}
    .mod-finder > .awesomplete {flex:0 0 70%}
    /* Homepage Quick Menu */
    #quick-menu {margin-bottom: var(--margin-double)}
    #quick-menu .moduletable {padding: var(--padding-default)}
    #quick-menu .moduletable > span {height: 64px}
    #quick-menu .fa {font-size: 64px}
    #quick-menu img {height: 64px}
    #quick-menu p {font-size: 0.8em}
    /* Boxes */
    #boxes {margin-bottom: var(--margin-double)}
    #boxes .moduletable {padding-top: calc(70px + var(--padding-default)); flex:0 0 calc(50% - calc(1/2 * var(--margin-default))); margin:0 var(--margin-default) var(--margin-default) 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(--margin-default); padding: 0; line-height: 120%}
    #boxes .custom {padding: 0 var(--padding-default) var(--padding-default) var(--padding-default)}
    /* 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(--margin-default)}
      .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--padding-default)}
      .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--margin-default)}
    /* Subfooter */
    .subfooter {border: none; margin-bottom: 0}
    #subfooter * {text-align: center}
    #subfooter .moduletable {padding:var(--padding-default)}
    #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: 'wght' 300}
    .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   {aspect-ratio:4/3}
    .desktop-aspect-169  {aspect-ratio:16/9}
    .desktop-aspect-1851 {aspect-ratio:1.85/1}
    .desktop-aspect-21   {aspect-ratio:2/1}
    .desktop-aspect-31   {aspect-ratio:3/1}
    .f3-slide {position: absolute;top: 0; left: 0}
    .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
    .f3-slide-text h2 {margin:0; text-align:center}
    .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
    .f3-slide-title:hover {color: #fff}
    .f3-slide-subtitle {margin:0; text-align:center; color:#fff; text-shadow: 2px 2px 1px #000}
    /* mod_f3_popup */
    #f3-popup-inner {min-width: 600px; width: 85%}
    #f3-popup-close {top: calc(var(--padding-default) + 6px)}
    #f3-popup-close::after {font-size: 1.5em}
    #f3-popup-content h3 {margin: 0 0 var(--padding-default) var(--padding-negative); padding: var(--padding-default); width: calc(100% + var(--padding-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(--padding-default); background: var(--title-bg); margin-bottom: var(--margin-double)}
      .subtitle {font-size: 0.35em; margin-top: var(--margin-half)}
      /* Tag View */
      /* Category View */
        /* Blog view */
        .cat-leading {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .has-modules .cat-leading {flex: 0 0 100%}
        .cat-leading:nth-child(2n) {margin:0 0 var(--margin-default) 0}
        .cat-leading:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
        .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .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(--margin-default) 0}
        .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 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(--margin-half))}
            .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--margin-default) 0}
            .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
            .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--margin-default))); margin: 0 var(--margin-default) 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(--margin-half)); margin: 0 var(--margin-default) var(--margin-default) 0}
            .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--margin-half)); margin: 0 0 var(--margin-default) 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(--margin-default)))}
          .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--margin-default) var(--margin-default) 0}
          .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--margin-default) 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(--padding-half) var(--padding-default)}
        .view-f3-stacked .article-date {margin: 0 0 var(--margin-half) 0}
        /* F3 Flex Boxes (Person Directory) */
        .view-f3-flexbox article:not(:last-of-type) {margin-bottom:var(--margin-default)}
          .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
            .view-f3-flexbox img {max-height:38vh}
            .view-f3-flexbox .block-info {padding:var(--padding-half) var(--padding-default) 0; flex: 1}
            .view-f3-flexbox .person-job {font-size: 0.95em}
            .view-f3-flexbox .desc {font-size: 0.9em; margin: var(--margin-default) 0 !important; padding-bottom: var(--margin-default); border-bottom: var(--border-default-10)}
      /* Article View */
      #substance {width:100%; padding-right: 0}
      .supertitle {font-size:1.15em}
      .cutline p {font-size:1.1rem}
      article.e404 #fw-image {height: 430px; margin-bottom: 0}
      .fw-image {height: 300px; width: auto; max-width: initial !important}
      .fw-title {max-width: calc(100% - 2 * var(--padding-default)); bottom: var(--padding-default); font-size: 2.5em}
      .article-section {margin-bottom: calc(2 * var(--margin-default))}
      figure.content-image {margin: 0 15px 15px 0 !important; max-width: calc(100% / 2 - 19px)}
      #modules {margin-top: var(--margin-default)}
      .person-img-t1 {float:left; width: 320px; margin: 0 var(--margin-double) var(--margin-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 */
    /* Datatables */
    .dataTable-wrapper > div {max-width: var(--table-max-width)}
    .dataTable-selector {min-width: 100px}
    .dataTable-input {min-width: 400px}
    /* Quick Index */
    .category-items.view-f3-flexbox > .rl_quickindex ul {display: block; width: 100%; column-count: 2; column-gap: 0}
    .category-items.view-f3-flexbox > .rl_quickindex ul li {flex: 0 0 25%}
  /* Custom Pages */
    /* Homepage */
    h3.event-category {font-size: 0.975em; margin:0 0 var(--margin-half)}
    .homepage #fulltext p {font-size: 1.5em; font-variation-settings: 'wght' 500; line-height: 125%}
    .homepage .article-section {margin-bottom: 0}
    /* Sitemap */
    .sitemap-container {flex: 0 0 100%; padding-left: 0}
    /* 404 */
    .error-404 li {align-items: center; margin-bottom: 10px}
}

/* === F³ Size "T2" === */
@media (min-width:992px) and (max-width:1199px) {
  :root {
    --header-height: 120px;
    --header-min-height: calc(3/5 * var(--header-height));
    --favorites-height: calc(2/5 * var(--header-height));
    --footer-height: 65px;
    --padding-default: 30px;
    --margin-default: 30px;
    --h1-padding: 0;
    --h2-padding: 0;
    --h3-padding: 0;
    --h1-margin: 0 0 30px;
    --h2-margin: 30px 0 15px;
    --h3-margin: 30px 0 15px;
    --h4-title-margin-top: -10px;
    --p-margin:0 0 15px;
    --main-min-width: 100%;
    --main-max-width: 100%;
    --table-max-width: 100%;
    --table-padding-default: 15px;
    --modules-width: 380px;
    --ul-padding: 40px;
    --ul-margin: 15px 0;
    --li-margin: 0 0 9px;
    --button-height: 40px;
    --input-height: 40px;
    --button-min-width: 120px;
    --filter-min-width: 300px;
  }
  /* Classes */
  .hidden-t2 {display: none}
  .flex-t2-100 {flex:0 0 100%}
  .flex-t2-90  {flex:0 0 90%}
  .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%)}
  .flex-t2-25  {flex:0 0 25%}
  .flex-t2-20  {flex:0 0 20%}
  .flex-t2-10  {flex:0 0 10%}
  .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(--padding-default)!important}
  .padding-bottom-t2 {padding-bottom: var(--padding-default)!important}
  .padding-left-t2 {padding-left: var(--padding-default)!important}
  .padding-right-t2 {padding-right: var(--padding-default)!important}
  /* Typography */
  html  {font-size: 18px}
  h1    {font-size: 4em; line-height: 120%}
  h2    {font-size: 3em; line-height: 100%}
  h3    {font-size: 2.25em; line-height: 100%}
  h4    {font-size: 2em; line-height: 100%}
  p     {margin: var(--p-margin)}
  /* Additional Typography */
  .heading-subtitle {font-size: 0.425em}
  /* HTML elements */
  /* Template sections */
    /* Favorites */
    #favorites a {font-size: 0.95em; line-height: 112%}
  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(--padding-default)}
    .formControls, .controls {max-width:calc(100% - 320px)}
    .yui-calendar {top:-343px; right:0}
  /* 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}
    #favorites a {padding: 15px}
    /* FS modules */
    #modules-fs .module-fs {top: calc(var(--header-height) + var(--padding-default)); 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}
    #phone-directory .cell {width: calc(100% - 225px)}
    #phone-directory * {transition: var(--transition-50)}
    /* Main */
    main {padding-left: var(--padding-default); padding-right: var(--padding-default)}
    /* Subfooter */
    #subfooter * {text-align: center}
  /* Modules */
    /* Common */
    #modules-am {padding-inline: var(--padding-default)}
    #modules .moduletable h3 {margin-top: -10px}
    .moduletable ul li {margin-bottom: 7px}
    /* Navigation */
    #navigation {width: 100vw}
    #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(--padding-default))); padding: 0}
    #mainnav ul.sub-level {padding-left: calc(2 * var(--padding-default))}
    #mainnav .mobile-item {display:none}
    #mainnav a {font-size: 1.25em}
    #mainnav .top-level > .parent > a, #mainnav .top-level > .parent > span.nav-heading {width: 100%; padding: 6px var(--padding-half)}
    .sub-level .nav-heading {width: 100%; margin-left: calc(-1 * var(--padding-half)); padding: 2px var(--padding-half) 0; font-size: 1.15em}
    .mod-finder {margin-inline: auto; width:80%; margin-bottom: var(--margin-default)}
    .mod-finder > h4 {flex:0 0 30%; margin: 0; padding: 0; align-self: center}
    .mod-finder > .awesomplete {flex:0 0 70%}
    /* Homepage Quick Menu */
    #quick-menu .moduletable > span {height: 96px}
    #quick-menu .fa {font-size: 96px}
    #quick-menu img {height: 96px}
    #quick-menu p {font-size: 0.9em}
    /* Boxes */
    #boxes .moduletable {padding-top: calc(50px + var(--padding-default)); flex:0 0 calc(50% - calc(1/2 * var(--margin-default))); ; margin:0 var(--margin-default) var(--margin-default) 0}
    #boxes .moduletable:nth-of-type(2), #boxes .moduletable:nth-of-type(4) {margin-right: 0}
    #boxes .moduletable:nth-of-type(3), #boxes .moduletable:nth-of-type(4) {margin-bottom: 0}
    #boxes .moduletable::before {height: 250px}
    #boxes h4 {width: 100%; margin: 0 0 var(--margin-default); padding: 0; line-height: 120%}
    /* 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(--margin-half)}
      .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--padding-half)}
      .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--margin-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 ul {list-style: none; margin: 0; padding: 0}
    .subfooter li {margin-bottom: 15px!important}
    .subfooter a {display: block; line-height: 110%; font-variation-settings: 'wght' 300}
    #subfooter .moduletable {padding:var(--padding-default) var(--padding-half)}
    /* mod_f3_slideshow */
    #f3-slider-container {position: relative; overflow: hidden; background: transparent}
    #f3-slide-loader {position: absolute; top: calc(50% - 2em); display: flex; justify-content: center; width: 100%; opacity: 0.4}
    #f3-slide-loader span {display: block; animation: spinner 1.5s linear infinite}
    .desktop-aspect-43   {aspect-ratio:4/3}
    .desktop-aspect-169  {aspect-ratio:16/9}
    .desktop-aspect-1851 {aspect-ratio:1.85/1}
    .desktop-aspect-21   {aspect-ratio:2/1}
    .desktop-aspect-31   {aspect-ratio:3/1}
    .f3-slide {position: absolute;top: 0; left: 0}
    .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #000; backdrop-filter: blur(3px)}
    .f3-slide-text h2 {margin:0; text-align:center}
    .f3-slide-title {font-family:inherit; font-size:inherit; text-transform:uppercase; color:#fff; line-height:100%; text-shadow:2px 2px 1px #000; background:none}
    .f3-slide-title:hover {color: #fff}
    .f3-slide-subtitle {margin:0; text-align:center; color:#fff; text-shadow: 2px 2px 1px #000}
    /* mod_f3_popup */
    #f3-popup-inner {min-width: 500px; width: 66%}
    #f3-popup-close {top: calc(var(--padding-default) + 6px)}
    #f3-popup-close::after {font-size: 2em}
    #f3-popup-content h3 {margin: 0 0 var(--padding-default) var(--padding-negative); padding: var(--padding-default); width: calc(100% + var(--padding-double))}
    /* mod_acym */
    .acym_form input {max-width: 450px!important}
    /* mod_banners */
    .partner img {filter:grayscale(0.7); opacity: 0.7; transition: var(--transition-50); max-height: 100px!important; max-width: 320px!important}
    .partner:hover img {filter:grayscale(0) drop-shadow(0 0 2px var(--blue-30)); opacity: 1}
  /* Components */
    /* com_content */
      /* Common */
      #title {padding: var(--padding-default); background: var(--title-bg)}
      .subtitle {font-size: 0.35em}
      /* Article Filter */
        .filter-control-section {width: 100%; background: var(--title-bg); border: var(--border-module); box-shadow: 4px 4px 6px rgba(0,0,0,0.075); padding: var(--padding-default); margin: var(--margin-half)}
      /* Tag View */
      /* Category View */
        /* People Directory */
        .category-items article[itemprop*="Person"] * {text-align: left; justify-content: left}
        .category-items article[itemprop*="Person"] .wrapper {padding: var(--padding-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: 240px; 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; padding-top: 0}
        /* Blog view */
        .cat-leading {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .has-modules .cat-leading {flex: 0 0 100%}
        .cat-leading:nth-child(2n) {margin:0 0 var(--margin-default) 0}
        .cat-leading:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
        .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .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(--margin-default) 0}
        .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 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(--margin-half))}
            .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--margin-default) 0}
            .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
            .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--margin-default))); margin: 0 var(--margin-default) 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(--margin-half)); margin: 0 var(--margin-default) var(--margin-default) 0}
            .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--margin-half)); margin: 0 0 var(--margin-default) 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(--margin-default)))}
          .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--margin-default) var(--margin-default) 0}
          .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--margin-default) 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(--padding-half) var(--padding-default)}
        .view-f3-stacked .article-date {margin: 0 0 var(--margin-half) 0}
        /* F3 Flex Boxes (Person Directory) */
        .view-f3-flexbox article {padding: 0; margin-bottom: var(--margin-default)}
          .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
            .view-f3-flexbox img {max-height:38vh}
            .view-f3-flexbox .block-info {padding:var(--padding-default) var(--padding-default) 0; flex: 1}
            .view-f3-flexbox .person-job {font-size: 0.95em}
            .view-f3-flexbox .desc {font-size: 0.85em; margin: 5px 0 var(--margin-half) !important; padding-bottom: var(--margin-half); border-bottom: var(--border-default-10)}
      /* Article View */
      #substance {width:100%; padding-right:var(--padding-default)}
      #substance:not([class]), #substance[class=""] {padding-right:0}
      .supertitle {font-size:1.3em}
      .fw-image {height: 300px; width: auto; max-width: auto}
      article.e404 #fw-image {width: 100%; height: calc(1 / 3 * 100vw + 30px); margin-bottom: 0}
      article.e404 .fw-image {width: 100%; height: calc(1 / 4 * 100vw); margin-bottom: 0}
      .article-section {margin-bottom: var(--margin-default)}
      figure.content-image {margin: var(--margin-half) var(--margin-quarter) 0 var(--margin-half) !important; max-width: calc(100% / 2 - var(--margin-default))}
      /* Taglist */
      #tags {padding:0 var(--padding-default)}
      .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 {max-width: var(--table-max-width)}
    .dataTable-selector {min-width: 100px}
    .dataTable-input {min-width: 400px}
    /* Quick Index */
    .category-items.view-f3-flexbox > .rl_quickindex ul {display: block; width: 100%; column-count: 3; column-gap: 0}
    .category-items.view-f3-flexbox > .rl_quickindex ul li {flex: 0 0 25%}
  /* Custom Pages */
    /* Homepage */
    h3.event-category {font-size: 1.75em; word-spacing: 5px}
    .homepage #fulltext p {font-size: 1.75em}
    .l2 img {margin: 0 var(--margin-half); max-height: 120px}
    /* Sitemap */
    .sitemap-container {flex: 0 0 calc(50% - var(--padding-default))}
    /* 404 */
    .error-404 li {align-items: center; margin-bottom: 10px}
}

/* === F³ Size "D" === */
@media (min-width:1200px) {
  :root {
    --header-height: 140px;
    --header-min-height: calc(1/2 * var(--header-height));
    --favorites-height: calc(1/3 * var(--header-height));
    --footer-height: 65px;
    --padding-default: 30px;
    --margin-default: 30px;
    --h1-padding: 0;
    --h2-padding: 0;
    --h3-padding: 0;
    --h1-margin: 0 0 30px;
    --h2-margin: 30px 0 15px;
    --h3-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}
  .flex-d-100 {flex:0 0 100%}
  .flex-d-90  {flex:0 0 90%}
  .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-10  {flex:0 0 10%}
  .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(--padding-default)!important}
  .padding-bottom-d {padding-bottom: var(--padding-default)!important}
  .padding-left-d {padding-left: var(--padding-default)!important}
  .padding-right-d {padding-right: var(--padding-default)!important}
  /* Typography */
  html   {font-size: 18px}
  h1     {font-size: 4.5em; line-height: 120%}
  h2     {font-size: 3.5em; line-height: 100%}
  h3     {font-size: 2.75em; line-height: 100%}
  h4     {font-size: 2.25em; line-height: 100%}
  p      {margin: var(--p-margin)}
  /* 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: flex-start}
    .formControlLabel, .control-label {position: relative; top: 6px; max-width: 400px; text-align: right; padding-right: var(--padding-default)}
    .formControls, .controls {max-width:calc(100% - 400px)}
    .yui-calcontainer {margin-top: 7px}
  /* 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}
    /* Phone Directory */
    #phone-directory {max-width: 650px}
    #phone-directory .cell {width: calc(100% - 250px)}
    #phone-directory .cell.directory-call {width: 250px}
    #phone-directory * {transition: var(--transition-50)}
    /* Cookie Consent */
    #cookie-consent .option-group {margin-bottom: var(--margin-quarter)}
  /* Modules */
    /* Common */
    #modules .moduletable h3 {margin-top: -10px}
    .moduletable ul li {margin-bottom: 7px}
    /* Navigation */
    #navigation {width: 100vw}
    #nav-filter {padding: 0}
    #mainnav ul.sub-level {padding-left: calc(2 * var(--padding-default))}
    #mainnav .mobile-item {display:none}
    #mainnav a {font-size: 1.15em;}
    #mainnav .top-level > .parent > a, #mainnav .top-level > .parent > span.nav-heading {width: 100%; padding: 3px 8px; letter-spacing: 1px;font-size: 1.4em}
	.sub-level .nav-heading {width: 100%; margin-left: calc(-1 * var(--padding-half)); padding: 4px var(--padding-half) 2px; font-size: 1.2em;}
    /* Homepage Quick Menu */
    #quick-menu .moduletable > span {height: 96px}
    #quick-menu .fa {font-size: 96px}
    #quick-menu img {height: 96px}
    #quick-menu p {font-size: 0.9em}
    /* Boxes */
    #boxes .moduletable {padding-top: calc(48px + 3/2 * var(--padding-default)); flex:0 0 calc(1/4 * 100% - calc(3/4 * var(--margin-default))); margin:0 var(--margin-default) var(--margin-default) 0}
    #boxes .moduletable:nth-of-type(4), #boxes .moduletable:nth-of-type(8) {margin-right: 0}
    #boxes .moduletable:nth-of-type(5), #boxes .moduletable:nth-of-type(6), #boxes .moduletable:nth-of-type(7), #boxes .moduletable:nth-of-type(8) {margin-bottom: 0}
    #boxes h4 {width: 100%; margin: 0 0 var(--margin-default); padding: 0; line-height: 120%}
    /* 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(--margin-half)}
      .module-type-articles-image > div:not(:last-of-type) {padding-bottom: var(--padding-half)}
      .module-type-articles-image > div:not(:last-of-type):after {margin-top: var(--margin-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: 'wght' 300}
    .subfooter-1 .butler {display: inline-block; line-height: 120%; font-size: 1.5em; padding: 10px 130px 0 0; border-top: 1px solid #fff}
    .subfooter-2, .subfooter-3 li, .subfooter-4 li {text-align: right}
    /* mod_f3_slideshow */
    #f3-slider-container {position: relative; overflow: hidden; background: transparent}
    #f3-slide-loader {position: absolute; top: calc(50% - 2em); display: flex; justify-content: center; width: 100%; opacity: 0.4}
    #f3-slide-loader span {display: block; animation: spinner 1.5s linear infinite}
    .desktop-aspect-43   {aspect-ratio:4/3}
    .desktop-aspect-169  {aspect-ratio:16/9}
    .desktop-aspect-1851 {aspect-ratio:1.85/1}
    .desktop-aspect-21   {aspect-ratio:2/1}
    .desktop-aspect-31   {aspect-ratio:3/1}
    .f3-slide {position: absolute;top: 0; left: 0}
    .f3-slide-text {position:absolute; bottom:0; background:var(--active-slide-bg); outline:1px solid #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(--padding-default) + 6px)}
    #f3-popup-close::after {font-size: 2em}
    #f3-popup-content h3 {margin: 0 0 var(--padding-default) var(--padding-negative); padding: var(--padding-default); width: calc(100% + var(--padding-double))}
    /* mod_acym */
    .acym_form {position: relative; display: table; margin: var(--margin-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(0.7); opacity: 0.7; transition: var(--transition-50); max-height: 125px!important; max-width: 400px!important}
    .partner:hover img {filter:grayscale(0) drop-shadow(0 0 2px var(--blue-30)); opacity: 1}
  /* Components */
    /* com_content */
      /* Common */
        #title {padding: var(--padding-default); background: var(--title-bg)}
        .subtitle {font-size: 0.4em}
      /* Article Filter */
        .filter-control-section {width: 100%; background: var(--title-bg); border: var(--border-module); box-shadow: 4px 4px 6px rgba(0,0,0,0.075); padding: var(--padding-default); margin: var(--margin-half)}
      /* Tag View */
      /* Category View */
        /* Blog view */
        .cat-leading {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .has-modules .cat-leading {flex: 0 0 100%}
        .cat-leading:nth-child(2n) {margin:0 0 var(--margin-default) 0}
        .cat-leading:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
        .has-lead .cat-intro-container:first-of-type {flex:0 0 calc(50% - 1/2 * var(--margin-default))}
        .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(--margin-default) 0}
        .has-lead .cat-intro-container:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 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(--margin-half))}
            .has-lead .cat-intro:nth-child(2n) {margin:0 0 var(--margin-default) 0}
            .has-lead .cat-intro:nth-child(2n+1) {margin:0 var(--margin-default) var(--margin-default) 0}
            .has-lead .cat-intro-container:not(:first-of-type) article {flex: 0 0 calc(25% - calc(3/4 * var(--margin-default))); margin: 0 var(--margin-default) 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(--margin-half)); margin: 0 var(--margin-default) var(--margin-default) 0}
            .has-modules .has-lead .cat-intro-container article:nth-child(2n) {flex: 0 0 calc(50% - var(--margin-half)); margin: 0 0 var(--margin-default) 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(--margin-default)))}
          .no-lead .cat-intro-container article:not(:last-of-type) {margin:0 var(--margin-default) var(--margin-default) 0}
          .no-lead .cat-intro-container article:last-of-type {margin:0 0 var(--margin-default) 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(--padding-half) var(--padding-default)}
        .view-f3-stacked .article-date {margin: 0 0 var(--margin-half) 0}
        /* F3 Directory */
        .view-f3-flexbox article {padding:var(--padding-half)}
          .view-f3-flexbox .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
            .view-f3-flexbox img {max-height:38vh}
            .view-f3-flexbox .block-info {padding:var(--padding-default) var(--padding-default) 0; flex: 1}
            .view-f3-flexbox .person-job {font-size: 0.95em}
            .view-f3-flexbox .desc {font-size: 0.85em; margin: 5px 0 var(--margin-half) !important; padding-bottom: var(--margin-half); border-bottom: var(--border-default-10)}
        /* F3 Flex-1 */
        .view-f3-flex-1 article:nth-child(odd) {padding:var(--padding-half) var(--padding-half) var(--padding-half) var(--padding-default)}
        .view-f3-flex-1 article:nth-child(even) {padding:var(--padding-half) var(--padding-default) var(--padding-half) var(--padding-half)}
          .view-f3-flex-1 article:not(:last-of-type) {margin-bottom: var(--margin-default)}
            .view-f3-flex-1 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
              .view-f3-flex-1 img {max-height:25vh}
              .view-f3-flex-1 .block-info {padding:var(--padding-default) var(--padding-default) 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(--padding-default)}
          .view-f3-flex-2 article:not(:last-of-type) {margin-bottom: var(--margin-default)}
            .view-f3-flex-2 .wrapper {outline:3px solid transparent; outline-offset:-2px; transition: var(--transition-50)}
              .view-f3-flex-2 img {max-height:38vh}
              .view-f3-flex-2 .block-info {padding:var(--padding-default) var(--padding-default) 0; flex: 1}
              .view-f3-flex-2 .desc {font-size: 0.85em; margin: 5px 0 var(--margin-half) !important; padding-bottom: var(--margin-half); border-bottom: var(--border-default-10)}
      /* Article View */
      .article-section {margin-bottom: var(--margin-default)}
      #substance {width:100%; padding-right:var(--padding-default)}
      #substance:not([class]), #substance[class=""] {padding-right:0}
      .supertitle {font-size:1.35em}
      figure.article-image {max-width: 990px}
      figure.content-image {margin: var(--margin-half) var(--margin-quarter) 0 var(--margin-half) !important; max-width: calc(100% / 3 - var(--margin-default))}
      /* Taglist */
      #tags {padding:0 var(--padding-default)}
      .taglist-icon {flex:0 0 64px}
      .taglist {flex:0 0 calc(100% - 64px)}
      .tag {margin: 5px 10px}
      .tag a {font-size: 0.9em}
      /* Homepage */
      h1.event .l2 {padding-inline: 250px}
    /* 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(--margin-default) auto 0; max-width:var(--table-max-width)}
      #filter-search {width:300px}
    /* com_users */
      /* Common */
      .login .controls {max-width: 100%}
  /* Plugins */
    /* Datatables */
    .dataTable-wrapper > div {max-width: var(--table-max-width)}
    .dataTable-selector {min-width: 100px}
    .dataTable-input {min-width: 400px}
    /* JCE Mediabox */
    .wf-mediabox-content-image img {width: auto; max-height: 100%}
    /* Quick Index */
    .category-items.view-f3-flexbox > .rl_quickindex ul {display: block; width: 100%; column-count: 4; column-gap: 0}
    .category-items.view-f3-flexbox > .rl_quickindex ul li {flex: 0 0 25%}
  /* Custom Pages */
    /* Homepage */
    h3.event-category {font-size: 1.75em; word-spacing: 5px}
    .homepage #fulltext p {font-size: 1.75em}
    .l2 img {margin: 0 var(--margin-half); max-height: 120px}
    /* Sitemap */
    .sitemap-container {flex: 0 0 calc(100% / 3); border: none !important; margin: 0 !important}
    /* 404 */
    .error-404 li {align-items: center}
}



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

/* Backdrop-filter support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #modules-fs {
    backdrop-filter: blur(8px);
  }
  #backdrop {
    background: rgba(255,255,255,0.875);
  }
}
@supports (not (-webkit-backdrop-filter: none)) and (not (backdrop-filter: none)) {
  #backdrop {
    background: rgba(255,255,255,0.95);
  }
}

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

/* Additional tweaks for "D" screens 1200 < width < 1366 */
@media (min-width:1200px) and (max-width:1355px) {
  main {padding-left: var(--padding-default); padding-right: var(--padding-default)}
  #navigation {top: calc(var(--header-height) + var(--padding-default))}
    #navigation h4 {margin-left: 20%; width: 60%}
    #nav-input {margin-left: 20%; width: 60%}
    #nav-filter {margin-left: 20% !important; width:60%; height: calc(100vh - var(--header-height) - 1.75em - var(--input-height) - calc(4 * var(--padding-default)))}
}

/* 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(--padding-default))}
    #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(--padding-default)))}
}

/* Additional tweaks for all "D" screens > 1440 */
@media (min-width:1441px) {
    #quick-menu {padding: 0 calc(2 * var(--padding-double))}
    #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(--padding-default)))}
    .mod-finder {margin-left: 25% !important; width:50%}
    .mod-finder > h4 {flex:0 0 30%}
    .mod-finder > .awesomplete {flex:0 0 70%}
}

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

/* Responsive/scrollable tables for smaller displays and portrait ipad devices */
@media only screen and (max-width: 768px), /* general, mobile devices */
screen and (min-device-width: 768px) and  (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1),  /* iPad 1, 2, Mini, Air portrait */
screen and (min-device-width: 768px)  and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),  /* iPad 3, 4, Pro 9.7" portrait */
screen and (min-device-width: 834px)  and (max-device-width: 834px)  and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),  /* iPad Pro 10.5" portrait */
screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { /* iPad Pro 12.9" portrait */
  .table-wrapper {
    position: relative;
    overflow-x: scroll;
    max-width: 100%;
  }
  .user-table td,
  .user-table td:before,
  .user-table p {
    font-size: 0.925em;
  }
  .user-table th,
  .user-table th:before {
    font-size: 0.825em;
  }
  div:not(.table-wrapper) table:not(.yui-calendar),
  div:not(.table-wrapper) table:not(.yui-calendar) thead,
  div:not(.table-wrapper) table:not(.yui-calendar) tbody,
  div:not(.table-wrapper) table:not(.yui-calendar) th,
  div:not(.table-wrapper) table:not(.yui-calendar) td,
  div:not(.table-wrapper) table:not(.yui-calendar) tr,
  section#fulltext > table:not(.yui-calendar),
  section#fulltext > table:not(.yui-calendar) thead,
  section#fulltext > table:not(.yui-calendar) tbody,
  section#fulltext > table:not(.yui-calendar) th,
  section#fulltext > table:not(.yui-calendar) td,
  section#fulltext > table:not(.yui-calendar) tr {
    display:block;
    max-width: calc(100vw - calc(2 * var(--padding-default)));
    margin-left: 0;
    margin-right: 0;
  }
    div:not(.table-wrapper) table:not(.yui-calendar) thead,
    section#fulltext > table:not(.yui-calendar) thead {
      border:none !important;
    }
    div:not(.table-wrapper) table:not(.yui-calendar) thead tr,
    section#fulltext > table:not(.yui-calendar) thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    div:not(.table-wrapper) table:not(.yui-calendar) tr,
    section#fulltext > table:not(.yui-calendar) tr {
      border-bottom: var(--border-table-inner);
    }
      div:not(.table-wrapper) table:not(.yui-calendar) tr:nth-of-type(odd),
      section#fulltext > table:not(.yui-calendar) tr:nth-of-type(odd) {
        background: var(--td-bg);
      }
      div:not(.table-wrapper) table:not(.yui-calendar) tr:last-of-type,
      section#fulltext > table:not(.yui-calendar) tr:last-of-type {
        border-bottom: none;
      }
      div:not(.table-wrapper) table:not(.yui-calendar) td,
      section#fulltext > table:not(.yui-calendar) td {
        background: transparent!important;
        position: relative!important;
        border: none!important;
        border-bottom: 1px solid var(--border-table-inner)!important;
        padding-left: 50%!important;
        padding-top: var(--padding-quarter)!important;
        padding-bottom: var(--padding-quarter)!important;
        text-align: left!important;
      }
      div:not(.table-wrapper) table:not(.yui-calendar) td:before,
      section#fulltext > table:not(.yui-calendar) td:before {
        display: block;
        position: absolute;
        top: var(--padding-quarter);
        left: var(--padding-quarter);
        width: 45%;
        padding-right: var(--padding-quarter);
        white-space: nowrap;
        font-variation-settings: 'wght' 500;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      section#fulltext > table:not(.yui-calendar) tr.section > td {
          padding-inline: var(--padding-quarter) !important;
          text-align: center !important;
      }
        section#fulltext > table:not(.yui-calendar) tr.section td:before {
            display:none !important;
        }
      div:not(.table-wrapper) table.user-table:not(.with-header) tr:first-of-type,
      section#fulltext > table.user-table:not(.with-header) tr:first-of-type {
        display: none;
      }
      div:not(.table-wrapper) table.user-table td:before,
      section#fulltext > table.user-table td:before {
        content: attr(data-before);
      }
}



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

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

  }
    .edit.item-page fieldset {
      border: none;
      padding: 0;
    }
    .edit.item-page legend,
    .edit.item-page .visually-hidden {
      display:none;
    }
      /* Button row */
      joomla-tab[view="tabs"] > div[role="tablist"] {
        flex-wrap: wrap;
        border-radius: 0!important;
        box-shadow: none!important;
      }
        /* Buttons */
        joomla-tab[view="tabs"] > div[role="tablist"] > button {
          display: flex;
          flex-grow: 1;
          align-items: center;
          justify-content: center;
          margin:0;
          box-shadow: 0 2px 3px -3px rgba(0,0,0,.15),inset 0 -4px 0 rgba(0,0,0,.05),0 0 3px rgba(0,0,0,.04);
        }
        joomla-tab[view="tabs"] > div[role="tablist"] > button[aria-expanded="true"] {
          text-shadow:0 0 1px #000;
          z-index: 1;
        }
      /* Common Form Elements */
      .edit.item-page .control-group > div {
        width: 100%;
      }
      /* Tabs */
      joomla-tab > joomla-tab-element {
        border-radius: 0!important;
        padding:var(--padding-default)!important;
      }
        /* Fields */
          /* Separators */
          .edit.item-page .field-separator-label {
              font-variation-settings: 'wght' 600;
          }
          .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;
        }


/* ===========
    F³ Temp
   =========== */

#language , .mobile-language {
  display: none !important;
}