/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

:root {
    /*-- allow for animating heights --*/
    interpolate-size: allow-keywords;
    /* STANDARDS                        */
    --base-light-bg-color: #F7F7F7;
    --base-light-text: #222;
    --base-dark-bg-color: #1A2029;
    --base-dark-text: #B4B4B4;
    --header-font-family: 'Montserrat', sans-serif;
    --page-header-unit-font-family: 'museo-sans', sans-serif;
    --page-header-site-name-font-family: 'museo-sans', sans-serif;
    --font-family: 'museo-sans', sans-serif;
    --header-font-family: 'museo-sans', sans-serif;
    --font-awesome-family: "font awesome 6 pro";
    --font-awesome-brand-family: "font awesome 6 brands";
    --font-size-body: 16px;
    --font-size: 1rem;
    --font-size-main: clamp(15px, 0.8875rem + 0.5000vw, 1rem);
    --font-size-nested-li: clamp(0.9rem, 0.8250rem + 0.3333vw, 1rem);
    --font-size-navigation: clamp(15px, .82em, 1em);
    --font-size-navigation-lower: clamp(.813rem, .82rem, 1rem);
    --font-size-small-discalimer: 0.75rem;
    --font-size-small-disclaimer: 0.75rem;
    --font-size-unit: 0.95rem;
    --font-size-reduced: 0.9rem;
    --font-size-small-title: 0.75rem;
    --font-size-tiny: 0.6875em;
    --font-size-small: 0.85rem;
    --font-size-medium: 1.05rem;
    --font-size-large: 1.35rem;
    --font-size-larger: 1.65rem;
    --font-size-extra-large: 1.85rem;
    --font-size-app-main-title: 2rem;
    --font-size-super-large: 2.25rem;
    --font-size-blockquote: 1.15rem;
    --font-size-item-name: 1.35rem;
    --font-size-desktop-header-icons: .93rem;
    --font-size-mobile-header-icons: 1.5rem;
    --font-size-ibp-title: 1.25rem;
    --font-size-ibp-subject: .93rem;
    --font-size-portal-small: 12px;
    --font-size-portal-medium: 16px;
    --font-size-portal-large: 20px;
    --font-size-portal-xlarge: 26px;
    --font-size-portal-small-icon: 14px;
    --font-size-portal-medium-icon: 18px;
    --font-size-portal-large-icon: 22px;
    --font-size-portal-xlarge-icon: 28px;
    --font-size-clamp-small: clamp(var(--font-size-small), var(--unitname-font-size), var(--font-size));
    --font-size-clamp: clamp(var(--font-size-small), var(--font-size-reduced), var(--font-size));
    --font-size-clamp-headline: clamp(var(--font-size), var(--font-size-blockquote), var(--font-size-large));
    --font-size-table-caption: .92rem;
    --font-size-large-fact: 2.15em;
    --font-size-large-fact-large: 3.4em;
    --font-size-large-fact-larger: 3.9em;
    --font-size-link-icons: 10px;
    --line-height-tiny: 1.35rem;
    --line-height: 1.65rem;
    --line-height-li: 1.45rem;
    --line-height-label: 1.1rem;
    --line-height-extra-space: 1.85rem;
    --paragraph-spacing: clamp(.25em, .65em, .8em);
    --list-item-spacing: .85rem;
    --button-border-radius: .5rem;
    --pill-border-radius: 25rem;
    --sitename-font-family: var(--header-font-family);
    --sitename-font-weight: 500;
    --sitename-font-size: 1.35rem;
    --sitename-font-size-max: 1.44rem;
    --sitename-font-size-reduced: 1.25rem;
    --sitename-font-size-small: 1.1rem;
    --sitename-font-size-tablet: 1.25rem;
    --sitename-font-size-mobile: 1.15rem;
    --unitname-font-size: .95rem;
    --container-max-width: 3000px;
    --content-max-width: 1500px;
    --content-clamp: clamp(10ch, 150ch, 100%);
    --skip-nav-background: rgba(0,0,0,0.95);
    --gradient-degree: 45deg;
    --start-at: 33%;
    /* MAIN ELEMENT FONT SIZES              */
    --main-h1-font-size: 3em;
    --main-h2-font-size: 2.2em;
    --main-h3-font-size: 1.5em;
    --main-h4-font-size: 1.4em;
    --main-h5-font-size: 1.3em;
    --main-h6-font-size: 1.2em;
    --main-standout-font-size: 1.85em;
    --main-standout-block-font-size: 1.25em;
    --super-title-font-size: 3.55rem;
    --super-title-line-height: .85rem;
    /* TRANSITION TIMES                     */
    --transition-time-fast: 175ms;
    --transition-time: 300ms;
    --transition-time-slow: 500ms;
    --transition-time-ultra-slow: 800ms;
    /* ANIMATION TIMES */
    --animation-time-fast: 500ms;
    --animation-time: 1s;
    --animation-time-slow: 2.5s;
    --animation-delay: 100ms;
    --animation-delay-0: 0ms;
    --animation-delay-1: 250ms;
    --animation-delay-2: 400ms;
    --animation-delay-3: 550ms;
    --animation-delay-4: 700ms;
    --animation-delay-5: 850ms;
    --animation-delay-6: 1000ms;
    --animation-delay-7: 1150ms;
    --animation-delay-8: 1300ms;
    --animation-delay-9: 1450ms;
    --animation-delay-10: 1600ms;
    --animation-delay-11: 1800ms;
    --animation-delay-12: 2000ms;
    --animation-delay-13: 2200ms;
    --animation-delay-14: 2400ms;
    --animation-delay-15: 2600ms;
    --animation-delay-16: 2800ms;
    --animation-delay-17: 3000ms;
    --animation-delay-18: 3200ms;
    --animation-delay-19: 3400ms;
    --animation-delay-20: 3600ms;
    --animation-delay-slow: 400ms;
    /* LINKS                               */
    --default-link-light: #084B8A;
    --default-link-light-hover: #0033F0;
    --default-link-light-hover: #000;
    --default-link-dark: #92BAF2;
    --default-link-dark-hover: #f0f0f0;
    --text-underline-offset: 2px;
    --text-underline-offset-more: 6px;
    --text-underline-offset-headline: 12px;
    --text-decoration-thickness: 2px;
    --text-decoration-thickness-hover: 2px;
    --main-link-hover-text-padding: 2px;
    --main-link-hover-border-radius: 4px;
    --main-link-thickness-hover: 3px;
    --extended-navigation-link-hover: #E9E9E7;
    --extended-navigation-headeline-color: #7A3B00;
    /* BORDERS AND SHADOW                            */
    --border-default: #CCC;
    --border-default-light: #CDCDCD;
    --border-default-light-gray: #CDCDCD;
    --border-default-dark: #AAAAAA;
    --border-default-dark-gray: #AAAAAA;
    --border-default-dark-mode: #4e555e;
    --border-coal: #303136;
    --border-white: #FFFFFF;
    --border-radius-tiny: 4px;
    --border-radius-small: 6px;
    --border-radius-pill: 25px;
    --border-radius-big-pill: 80px;
    --border-radius-chamfer: 10px;
    --border-radius: 20px;
    --border-radius-curved: 40px;
    --border-radius-round: 400px;
    --border-radius-circle: 100%;
    --border-radius-image-pill: 100px;
    --border-radius-image-chamfer: 25px;
    --border-radius-image-round: 50%;
    --border-width: 1px;
    --border-width-thin: 2px;
    --border-width-medium: 4px;
    --border-width-thick: 6px;
    --border-width-heavy: 8px;
    --border-width-ultra: 10px;
    --background-shade-dark: rgba(0,0,0,0.45);
    --background-shade-darker: rgba(0,0,0,0.55);
    --background-shade-darkest: rgba(0,0,0,0.75);
    --background-shade-light: rgba(255,255,255,0.60);
    --background-shade-lighter: rgba(255,255,255,0.75);
    --background-shade-lightest: rgba(255,255,255,0.90);
    --background-overlay: rgba(0, 0, 0, .005);
    --box-shade-background-gradient: rgba(0,0,0,.55);
    --box-shade-background-less: rgba(0,0,0,.05);
    --box-shade-background: rgba(0,0,0,.35);
    --box-shade-background-more: rgba(0,0,0,.65);
    --box-shade-background-most: rgba(0,0,0,.95);
    --box-shade-background-hover: rgba(0,0,0,.85);
    --box-shade-hover-gradient: linear-gradient(0deg, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .15) 88%, rgba(0, 0, 0, .01) 96%, rgba(0, 0, 0, 0) 100%);
    --box-darken-background: rgba(0,0,0,.45);
    --box-shadow-down: rgb(0 0 0 / 25%) 0px 4px 6px -1px, rgb(0 0 0 / 16%) 0px 2px 4px -1px;
    --box-text-shadow: 1px 1px 3px rgba(0,0,0,.75);
    --box-shadow-glow: rgb(0 0 0 / 25%) 0px 4px 6px -1px, rgb(0 0 0 / 16%) 0px 2px 4px -1px, rgba(var(--secondary-rgb), .45) 0px 2px 4px 3px;
    --box-shadow-glow-down: rgba(var(--primary-rgb), .15) 0px 6px 3px 1px, rgba(0, 0, 0, .16) 0px 2px 4px 2px, rgba(var(--secondary-rgb), .45) 0px 2px 4px 3px;
    --box-shadow-glow-dark: rgb(255 255 255 / 25%) 0px 4px 6px -1px, rgb(255 255 255 / 16%) 0px 2px 4px -1px, rgba(var(--secondary-dark-rgb), .45) 0px 2px 4px 3px;
    --box-shadow-item-hover: 0px 10px 13px -7px var(--secondary), 5px 5px 15px 5px rgba(0,0,0,0);
    --box-shadow-item-hover-dark: 0px 10px 13px -7px var(--secondary-dark), 5px 5px 15px 5px rgba(0,0,0,0);
    --box-shadow: 1px 1px 2px rgba(0,0,0,.45);
    --box-shadow-faint: 1px 1px 1px rgba(0,0,0,.10);
    --box-shadow-less: 1px 1px 1px rgba(0,0,0,.25);
    --box-shadow-more: 3px 3px 6px rgba(0,0,0,.65);
    --box-shadow-inset: inset 0px 3px 8px rgba(0,0,0,.35);
    --background-gradient-bottom-up: linear-gradient(0deg, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .15) 88%, rgba(0, 0, 0, .01) 96%, rgba(0, 0, 0, 0) 100%);
    --background-gradient-top-down: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.10) 10%, rgba(0, 0, 0, 0.30) 22%, rgba(0, 0, 0, 0.45) 32%, rgba(0, 0, 0, 0.70) 100%);
    --text-shadow-none: 0 0 0 #555;
    --text-shadow-less: 0px 0px 1px rgba(0,0,0,.75);
    --text-shadow: 1px 1px 2px rgba(0,0,0,.65);
    --text-shadow-dark: 2px 2px 3px rgba(0,0,0,.90);
    --text-shadow-down: 0 .1em .1em #111;
    --text-shadow-image-bg: 0px 0px 10px rgb(0 0 0 / 5%), 0px 2px 2px rgb(0 0 0 / 25%), 0px 2px 2px rgb(0 0 0 / 25%), 0px 2px 2px rgb(0 0 0 / 25%), 0px 2px 2px rgb(0 0 0 / 25%), 0px 0px 1px rgb(0 0 0 / 90%);
    --text-shadow-snapshot: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 1px 1px 2px var(--titan-blue-dark);
    --text-shadow-title: 0px 0px 2px rgba(0,0,0,1), 4px 4px 5px rgba(0,0,0,.5), 7px 5px 11px rgba(0,0,0,.35), 4px 4px 4px rgba(0,0,0,.85);
    /* PADDING AND MARGIN   */
    --header-top-padding: .4rem 25px;
    --header-padding: .8rem 25px;
    --navigation-padding: 0px 15px;
    --padding-top-bottom: .15em;
    --padding-clamp: clamp(.1em, .5em, 1em);
    --padding-overlay-clamp-desktop: clamp(1rem, 1.5rem, 2.5rem);
    --padding-overlay-clamp-tablet: clamp(1rem, 1.2rem, 1.5rem);
    --padding-overlay-clamp-mobile: clamp(8px, 12px, 1rem);
    --padding-width: .3rem;
    --padding-width-thin: .15rem;
    --padding-width-medium: .3rem;
    --padding-width-thick: 1rem;
    --padding-width-heavy: 2rem;
    --padding-width-ultra: 2.5rem;
    --padding-image: clamp(.8em, 1.4em, 1.8em);
    --main-content-padding: .25rem .625rem;
    --tab-content-padding-clamp: 4px 30px;
    --notice-padding-clamp: clamp(15px, 2%, 5%);
    --margin-p-top: clamp(.15em, .25em, .4em);
    --margin-p-bottom: clamp(.22em, .35em, .45em);
    /* FOCUS SETTINGS                    */
    --outline-size-all: 3px;
    --outline-size-one: 5px;
    --outline-size-max: 0.08em;
    --outline-size-page-input: 0.35em;
    --outline-style: dotted;
    --outline-style-search: solid;
    --outline-offset: -.25em;
    --outline-offset-outside: .25em;
    --outline-offset-main: .5em;
    /* BUTTONS                            */
    --button-padding: 0.75rem 1.5rem;
    --button-disabled-background: #E9EBEC;
    --button-disabled-text: #666;
    --button-disabled-border: #D5DBDD;
    /* TABLES                             */
    --caption-padding: .6em;
    /* HEADER ITEMS                       */
    --header-1-font-family: var(--header-font-family);
    --header-1-font-size: 2.25rem;
    --header-margin-h1: 1.45rem;
    --header-sub-font-family: var(--header-font-family);
    --header-2-font-size: 1.6rem;
    --header-margin-h2: 1rem;
    --header-margin-h3: .9rem;
    --header-margin-bottom: .75rem;
    --font-size-headline: 1.15rem;
    --header-transparent: linear-gradient(0deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.20) 15%, rgba(0,0,0,0.40) 52%, rgba(0,0,0,0.65) 100%);
    --header-transparent-text: var(--white);
    --header-transparent-shadow: 1px 1px 2px rgba(0,0,0,.8);
    /* HEIGHTS */
    --full: 100vh;
    --three-quarters: 75vh;
    --two-thirds: 66vh;
    --half: 50vh;
    --third: 33vh;
    --quarter: 25vh;
    --eighth: 12vh;
    --full-mobile: 100svh;
    --three-quarters-mobile: 75svh;
    --two-thirds-mobile: 66svh;
    --half-mobile: 50svh;
    --third-mobile: 33svh;
    --quarter-mobile: 25svh;
    --eighth-mobile: 12svh;
    /* LEFT NAVIGATION                    */
    --left-nav-gray: #F5F5F5;
    --left-nav-text: #fafafa;
    --left-nav-border: #CECCCC;
    --left-nav-background: rgba(0,47,95,.98);
    --navigation-title-size: 1rem;
    --navigation-link-size: .9rem;
    /* CARDS   */
    --card-margin: 25px;
    --card-padding: 15px;
    /* BASIC WASHES */
    --white-wash: rgba(255,255,255,.95);
    --white-wash-text: #222;
    --black-wash: rgba(0,0,0,.95);
    --black-wash-text: #fafafa;
    /* FOOTER ITEMS                       */
    --footer-font-family: var(--font-family);
    --footer-link-text: #CCC;
    --footer-link-hover-text: #FFF;
    --footer-hover: var(--orange);
    --footer-font-size: var(--font-size-small);
    --footer-link-hover-text-padding: 4px;
    --footer-link-hover-border-radius: 8px;
    --footer-decoration-thickness: 1px;
    --footer-underline-offset: 2px;
    /* COLUMN FORMATTING / SIZING OPTIONS*/
    --col-width: 100%;
    --min-col-width: 280px;
    --min-col-width-catalog: 165px;
    --flex-five: 0 0 20.00%;
    --flex-four: 0 0 25.00%;
    --flex-three: 0 0 33.333333%;
    --flex-two: 0 0 50.00%;
    --flex-one: 0 0 100%;
    --flex-default: var(--flex-three);
    /* COLORS w/ TEXT */
    /* COLORS ARE GENERATED USING THE FOLLOWING FORMULA
        BASE COLOR
        BASE COLOR HOVER = BASE COLOR * 25% Lighter
        --
        DARK COLOR = BASE COLOR * 25% Darker
        DARK COLOR HOVER = DARK COLOR * 25% Darker

        BORDER = BASE COLOR * 60% DESATURATION or SATRURATE
        BORDER ALT = BASE COLOR * 60% SATURATION, THEN 40% LIGHTER
    */
    /* TITAN BLUE*/
    --titan-blue: #002F5F;
    --titan-blue-rgb: 0, 47, 95;
    --titan-blue-text: #FFF;
    --titan-blue-hover: #0062C7;
    --titan-blue-hover-rgb: 0, 98, 199;
    --titan-blue-hover-text: #FFF;
    --titan-blue-border: #002F5F;
    --titan-blue-border-alt: #5082b5;
    --titan-blue-dark: #1A2F48;
    --titan-blue-dark-rgb: 0, 35, 71;
    --titan-blue-dark-text: #E0E0E0;
    --titan-blue-dark-hover: #001a35;
    --titan-blue-dark-hover-text: #E0E0E0;
    --titan-blue-dark-border: #1A2F48;
    --titan-blue-dark-border-alt: #6d819a;
    /* SEARCH AREA*/
    --nav-search-blue: #084B8A;
    --nav-search-blue-text: #fff;
    --nav-blue: #084B8A;
    --nav-blue-text: #fff;
    /* MEDIUM BLUE                      */
    --medium-blue: #0F3F8C;
    --medium-blue-rgb: 15, 63, 140;
    --medium-blue-text: #FFF;
    --medium-blue-hover: #1863dc;
    --medium-blue-hover-text: #FFF;
    --medium-blue-border: #0F3F8C;
    --medium-blue-border-alt: #1760d6;
    --medium-blue-dark: #0b2f69;
    --medium-blue-dark-rgb: 11, 47, 105;
    --medium-blue-dark-text: #E0E0E0;
    --medium-blue-dark-hover: #104497;
    --medium-blue-dark-hover-text: #E0E0E0;
    --medium-blue-dark-border: #0b2f69;
    --medium-blue-dark-border-alt: #11479e;
    /* DARK MEDIUM BLUE                 */
    --dark-medium-blue: #00376B;
    --dark-medium-blue-text: #FFF;
    --dark-medium-blue-link-text: #CCC;
    --dark-medium-blue-link-hover-text: #FFF;
    /* EVENT COLORS  */
    --event-white-light: #FFF;
    --event-white-light-text: #444;
    --event-white-light-link: var(--medium-blue);
    --event-white-light-link-hover: var(--medium-blue-hover);
    --event-white-dark: #0e1116;
    --event-white-dark-text: #ABABAB;
    --event-white-dark-link: #5F95EC;
    --event-white-dark-link-hover: #B6CFF6;
    --event-blue-light: #8AAFC7;
    --event-blue-light-text: #000;
    --event-blue-dark: #004489;
    --event-blue-dark-text: #FFF;
    --event-blue-dark-link-text: #FFF;
    --event-gray-light: #F7F9FB;
    --event-gray-light-text: #424242;
    --event-gray-dark: #cbd2ce;
    --event-gray-dark-text: #000;
    --event-beige-light: #E7E3D4;
    --event-beige-light-text: #4D472D;
    --event-beige-dark: #cbd2ce;
    --event-beige-dark-text: #000;
    --event-orange-light: #FFA32C;
    --event-orange-light-text: #121212;
    --event-orange-dark: #d77900;
    --event-orange-dark-text: #000;
    /* LIGHT BLUE*/
    --light-blue: #EBFBFF;
    --light-blue-rgb: 235, 251, 255;
    --light-blue-text: #00376B;
    --light-blue-hover: #0060BC;
    --light-blue-hover: #70e2ff;
    --light-blue-hover-rgb: 0, 96, 188;
    --light-blue-hover-text: #00376B;
    --light-blue-border: #EBFBFF;
    --light-blue-border-alt: #84e6ff;
    --light-blue-dark: #99B3B9;
    --light-blue-dark-rgb: 153, 179, 185;
    --light-blue-dark-text: #333;
    --light-blue-dark-hover: #678d96;
    --light-blue-dark-hover-rgb: 103, 141, 150;
    --light-blue-dark-hover-text: #111;
    --light-blue-dark-border: #99B3B9;
    --light-blue-dark-border-alt: #005e76;
    /* ORANGES */
    /*-- orange --*/
    --orange-icon: #B35600;
    --orange: #FF7900;
    --orange-rgb: 255, 121, 0;
    --orange-text: #000;
    --orange-hover: #ff9b40; /*--25% lighter*/
    --orange-hover: #feb210; /*-- 15 degree change color hue*/
    --orange-hover-rgb: 254, 178, 16;
    --orange-hover-text: #000;
    --orange-border: #FF7900;
    --orange-border-alt: #FEB210;
    --orange-dark: #bf5b00;
    --orange-dark-rgb: 191, 91, 0;
    --orange-dark-text: #000;
    --orange-dark-hover: #8f4400;
    --orange-dark-hover-rgb: 143, 68, 0;
    --orange-dark-hover-text: #FFF;
    --orange-dark-border: #bf5b00;
    --orange-dark-border-alt: #e56d00;
    /*-- light orange --*/
    --light-orange: #DC8218;
    --light-orange-text: #000;
    --light-orange-hover: #eba24b;
    --light-orange-hover-text: #000;
    --dark-orange: #BF5F16;
    --dark-orange-text: #000;
    --burnt-orange: #B75B15;
    --burnt-orange-text: #fff;
    --sunshine: #FEB210;
    --sunshine-text: #222;
    --mustard: #C18D1B;
    --mustard-text: #000;
    /* NUTRALS */
    /*-- cream --*/
    --cream: #f9f7f6;
    --cream-text: #222;
    /*-- beige --*/
    --beige-original: #F8F7F3;
    --beige: #efede3;
    --beige-rgb: 239, 237, 227;
    --beige-text: #3C4148;
    --beige-hover: #e6e2d4;
    --beige-hover-rgb: 230, 226, 212;
    --beige-hover-text: #3C4148;
    --beige-border: #efede3;
    --beige-border-alt: #f7f2db;
    --beige-dark: #C5BD99;
    --beige-dark-rgb: 193, 186, 159;
    --beige-dark-text: #262626;
    --beige-dark-hover: #A59961;
    --beige-dark-hover-rgb: 45, 49, 54;
    --beige-dark-hover-text: #262626;
    --beige-dark-border: #3C4148;
    --beige-dark-border-alt: #ebe9dd;
    /*-- tuape --*/
    --taupe: #CDB99C;
    --taupe-text: #222;
    --brown: #37241E;
    --brown-text: #FFF;
    --dialog: #424242;
    --dialog-text: #D9D9D9;
    --dialog-link: #424242;
    --dialog-link-text: #D1D1D1;
    /* DARK NUTRALS */
    --dark-dialog: #26272b;
    --dark-dialog-text: #B2B2B2;
    --dark-dialog-link: #26272b;
    --dark-dialog-link-text: #D1D1D1;
    /* LIGHT NUTRALS */
    --cloud-gray: #EFEFEF;
    --cloud-gray-text: #222;
    /*-- light-dialog --*/
    --light-dialog: #616161;
    --light-dialog-rgb: 97, 97, 97;
    --light-dialog-text: #FFF;
    --light-dialog-hover: #888;
    --light-dialog-hover-rgb: 136, 136, 136;
    --light-dialog-hover-text: #000;
    --light-dialog-dark: #494949;
    --light-dialog-dark-rgb: 73, 73, 73;
    --light-dialog-dark-text: #FFF;
    --light-dialog-dark-hover: #373737;
    --light-dialog-dark-hover-rgb: 55, 55, 55;
    --light-dialog-dark-hover-text: #FFF;
    /* GRAYS */
    --gray: #ACACAA;
    --gray-text: #333;
    --gray-link-text: #111;
    --gray-link-hover-text: #222;
    --gradient: linear-gradient(to bottom, #f4f5f5 0%,#cfcccc 100%);
    --gradient-text: #000;
    --cool-gray: #677983;
    --cool-gray-text: #fff;
    /* LIGHT GRAYS */
    /*-- light gray--*/
    --light-gray: #EBEDEE;
    --light-gray-rgb: 235, 237, 238;
    --light-gray-text: #222;
    --light-gray-hover: #d1d6d8;
    --light-gray-hover-rgb: 209, 214, 216;
    --light-gray-hover-text: #3D3D3D;
    --light-gray-border: #EBEDEE;
    --light-gray-border-alt: #576166;
    --light-gray-dark: #9a9a9a;
    --light-gray-dark-rgb: 154, 154, 154;
    --light-gray-dark-text: #0A0A0A;
    --light-gray-dark-hover: #636363;
    --light-gray-dark-hover-rgb: 99, 99, 99;
    --light-gray-dark-hover-text: #FFF;
    --light-gray-dark-border: #9a9a9a;
    --light-gray-dark-border-alt: #c8c8c8;
    /*-- light warm gray --*/
    --light-warm-gray: #EAE6E3;
    --light-warm-gray-text: #222;
    --light-cool-gray: #92A1AB;
    --light-cool-gray-text: #222;
    /* DARK GRAYS */
    --dark-gray: #5C5C55;
    --dark-gray-text: #EEE;
    --warm-gray: #AFA9A6;
    --warm-gray-text: #111;
    --warm-gray-hover: #c3bebc;
    --warm-gray-hover-text: #111;
    --dark-warm-gray: #5E514E;
    --dark-warm-gray-text: #FFF;
    --dark-cool-gray: #3E515A;
    --dark-cool-gray-text: #FFFFFF;
    /* COOL GRAY */
    --cool-gray: #3C4148;
    --cool-gray-text: #fff;
    --cool-gray-rgb: 24, 59, 108;
    --cool-gray-hover: #67707c;
    --cool-gray-hover-text: #fff;
    --cool-gray-border: #3C4148;
    --cool-gray-border-alt: #adb2ba;
    --cool-gray-dark: #2d3136;
    --cool-gray-dark-rgb: 45, 49, 54;
    --cool-gray-dark-text: #fff;
    --cool-gray-dark-hover: #5c646e;
    --cool-gray-dark-hover-rgb: 92, 100, 110;
    --cool-gray-dark-hover-text: #fff;
    --cool-gray-dark-border: #2d3136;
    --cool-gray-dark-border-alt: #818b96;
    /* WHITES */
    /*-- white --*/
    --white: #FFF;
    --white-rgb: 255, 255, 255;
    --white-text: #444;
    --white-hover: #f0f0f0;
    --white-hover-rgb: 240, 240, 240;
    --white-hover-text: #222;
    --white-border: #FFF;
    --white-border-alt: #CCC;
    --white-dark: #fBfBfB;
    --white-dark-rgb: 240, 240, 240;
    --white-dark-text: #444;
    --white-dark-hover: #E0E0E0;
    --white-dark-hover-rgb: 199, 199, 199;
    --white-dark-hover-text: #222;
    --white-dark-border: #f0f0f0;
    --white-dark-border-alt: #888;
    /*-- off white --*/
    --off-white: #FDFDFD;
    --off-white-text: #555;
    /* BLACKS */
    /*-- black --*/
    --black: #000;
    --black-rgb: 0, 0, 0;
    --black-text: #fff;
    --black-hover: #404040;
    --black-hover-rgb: 64, 64, 64;
    --black-hover-text: #fff;
    --black-border: #000;
    --black-border-alt: #656565;
    --black-dark: #000;
    --black-dark-rgb: 0, 0, 0;
    --black-dark-text: #FFF;
    --black-dark-hover: #202020;
    --black-dark-hover-rgb: 32, 32, 32;
    --black-dark-hover-text: #B3B3B3;
    --black-dark-border: #000;
    --black-dark-border-alt: #595959;
    /*-- smokey black --*/
    --smoky-black: #100C08;
    --smoky-black-text: #DDD;
    --onyx: #0f0f0f;
    --onyx-text: #fafafa;
    --coal: #36454F;
    --coal-text: #F6F6F6;
    --ash: #727379;
    --ash-text: #FFFFFF;
    --pre-dark: #434343;
    --pre-dark-text: #FFFFFF;
    /*-- slate --*/
    --slate: #41444A;
    --slate-rgb: 65, 68, 74;
    --slate-text: #fff;
    --slate-hover: #313337;
    --slate-hover-rgb: 49, 51, 55;
    --slate-hover-text: #fff;
    --slate-dark: #41444A;
    --slate-dark-rgb: 65, 68, 74;
    --slate-dark-text: #FFF;
    --slate-dark-hover: #646871;
    --slate-dark-hover-rgb: 100, 104, 113;
    --slate-dark-hover-text: #FFF;
    /*-- DARK MODE --*/
    --dark-mode-gray: #252a30;
    --dark-mode-gray-text: #ebebeb;
    --dark-mode-button: #313A46;
    --dark-mode-button-text: #FFF;
    --dark-mode-button-border: #4B5562;
    --dark-mode-medium-blue: #246EE5;
    --dark-mode-medium-blue-headers: #538deb;
    --dark-mode-medium-blue-text: #FFF;
    /* REDS */
    --brick-red: #97321F;
    --brick-red-text: #fff;
    --dark-green: #334F2E;
    --dark-green-text: #fff;
    /* GREEN */
    --green: #516917;
    --green-text: #fff;
    --light-green: #A8AD00;
    --light-green-text: #fff;
    /* MUTED */
    --muted: #606060;
    --muted-dark: #8F8F8F;
    /* ALERTS, WARNING, SUCCESS     */
    --focus-yellow: #F8E89B;
    --alert-red-light: #FCEDEA;
    --alert-red-light-text: #4D4D4D;
    --alert-red-light-link-text: #7D7D7D;
    --alert-red-light-border: #F5C7BD;
    --alert-red-light-icon: #C12806;
    --alert-red-dark: #97321f;
    --alert-red-dark-text: #FEDFDA;
    --alert-red-dark-link-text: #7D7D7D;
    --alert-red-dark-border: #dd482c;
    --warning-light: #FFECB3;
    --warning-light-text: #7a3d0e;
    --warning-light-border: #DFC496;
    --warning-light-icon: #7a3d0e;
    --warning-dark: #7a3d0e;
    --warning-dark-text: #f8dac2;
    --warning-dark-border: #f57e23;
    --warning-dark-icon: #f8dac2;
    --information-light: #E5EFFA;
    --information-light-text: #4D4D4D;
    --information-light-border: #ABCDF1;
    --information-light-icon: #3BB6FF;
    --information-dark: #09335a;
    --information-dark-text: #ccdff1;
    --information-dark-border: #1e5487;
    --information-dark-icon: #0091E6;
    --success-light: #EBF7EE;
    --success-light-text: #4D4D4D;
    --success-light-border: #BEE5C8;
    --success-light-icon: #4D4D4D;
    --success-dark: #334f2e;
    --success-dark-text: #a3c69d;
    --success-dark-border: #a3c69d;
    --success-dark-icon: #a3c69d;
    --titan-blue-link-hover-text: #D6D6D6;
    --pd-alert: #700000;
    --pd-alert-text: #FFF;
    --pd-alert-border: #B00000;
    --pd-clery: #9CBED9;
    --pd-clery-text: #000;
    --pd-clery-border: #6A9EC8;
    --pd-community: #FFD705;
    --pd-community-text: #363636;
    --pd-community-border: #D6B300;
    --pd-safety: #E17000;
    --pd-safety-text: #000;
    --pd-safety-border: #AD5700;
}


/*
--flex-five: 0 0 20.00%;
--flex-four: 0 0 25.00%;
--flex-three: 0 0 33.333333%;
--flex-two: 0 0 50.00%;
--flex-default: var(--flex-three);
    */

/*-- adjusting the default flex based on section space --*/
.full-content.col-5{
    --flex-default: var(--flex-five);
}
.full-content.col-4 {
    --flex-default: var(--flex-four);
}
.full-content.col-3 {
    --flex-default: var(--flex-three);
}
.full-content.col-2 {
    --flex-default: var(--flex-two);
}
.full-content.col-1 {
    --flex-default: var(--flex-one);
}

/*-- 5 column --*/

.full-content.col-5 {
    --flex-default: var(--flex-five);
}

.full-content.col-5 [class*='directory']{
    --min-col-width: 200px;
}

.large-content.col-5 {
    --flex-default: var(--flex-three);
}
.large-content.col-5 [class*='directory'] {
    --min-col-width: 230px;
}

.medium-content.col-5 {
    --flex-default: var(--flex-two);
}

    

/*-- 4 column --*/

.full-content.col-4  {
    --flex-default: var(--flex-four);
}

.large-content.col-4{
    --flex-default: var(--flex-two);
}
.medium-content.col-4 {
    --flex-default: var(--flex-two);
}


/*-- 3 column --*/

.full-content.col-3 {
    --flex-default: var(--flex-three);
}

.large-content.col-3 {
    --flex-default: var(--flex-two);
}

.medium-content.col-3 {
    --flex-default: var(--flex-two);
}



/*-- 2 column --*/

.full-content.col-2 {
    --flex-default: var(--flex-two);
}

.large-content.col-2 {
    --flex-default: var(--flex-two);
}

.medium-content.col-2 {
    --flex-default: var(--flex-two);
}


.mobile, .small-content {
    --min-col-width: 100%;
    --flex-default: var(--flex-one);
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/