:root {
    /* breakpoints */
    --bp-small: 37.5;
    --bp-medium: 48;
    --bp-large: 62;
    --bp-xlarge: 75;

    /* font settigns */
    --root-font-size: 16px;
    --body-font-size: 1;
    --font-wght: 400;
    --body-lh: 1.575em;
    --h-lh-min: 1.4;
    --h-lh-mid: 1.6;
    --h-lh-max: 1.8;
    --h-font-wght: 500;
    --p-size-min: 0.875;
    --p-size-mid: 1;
    --p-size-max: 1.125;
    --p-lh-min: 1.6;
    --p-lh-mid: 1.7;
    --p-lh-max: 1.8;
    --p-margin-bot: 0.8333em;
}
html {
    --focus-outline-color: #004A8D;
    --orange-color: #f78243;
    --uh-blue: #004A8D;
    --sic-green: #4B8D4B;
    --bg-color: #ffffff;
    --bg-color-alt: #f8f8f8;
    --font-color: #919191;
    --font-color-alt: #6a6a6a;
    --heading-color: #353535;
    --heading-blue: #004A8D;
    --list-blue: #004A8D;
    --link-color: #337ab7;
    --link-color-active: #23527c;
    --header-bg-color: #ffffff;
    --border-color: #e3e3e3;
    --section-bg-color: #eeeeee;
    --section-heading-color: #353535;
    --head-font-color: #919191;
    --head-logo-bg-active: #f1f1f1;
    --nav-font-color: #353535;
    --nav-font-color-active: #f78243;
    --nav-bg-color-hover: #f1f1f1;
    --nav-bg-color-active: #ffffff;
    --subnav-bg-color: #ffffff;
    --subnav-bg-color-hover: #f78243;
    --subnav-bg-color-active: #ffffff;
    --subnav-font-color-active: #f78243;
    --nav-border-color: #efefef;
    --subnav-font-color: #3a3a3a;
    --subnav-border-color: #f78243;
    --off-canvas-font-color: #c2c2c2;
    --off-canvas-font-color-hover: #ffffff;
    --off-canvas-bg-color: #272729;
    --off-canvas-bg-color-hover: #121417;
    --off-canvas-bg-color-active: #0e0f12;
    --off-canvas-border-color: #333333;
    --sec-card-border-color: #dddddd;
    --sec-card-font-color: #555555;
    --footer-text: #ffffff;
    --footer-grad-top: #eeeeee;
    --footer-grad-bottom: #ffffff;
    --footer-top-border: #dddddd;
    --footer-upper-bg-color: #3d3f42;
    --footer-brand-bg: initial;
    --footer-btm-text: #bbbbbb;
    --footer-btm-bg-color: #494c50;
    --footer-link-color: #2591ff;
    --footer-link-color-active: #f78243;
    --card-bg-color: #fafafa;
    --card-border-color: #cccccc;
    --card-grad-top: #e4e4e4;
    --card-grad-bottom: #fafafa;
    --card-pill-border-color: #dddddd;
    --parlx-bg-color: rgba(255,255,255,0.95);
    --parlx-font-color: #353535;
    --news-bg-color: #ffffff;
    --news-border-color: #eeeeee;
    --blockquote-border-color: #eeeeee;
    --blue-theme-color: #2591ff;
    --green-btn: #4CAF50;
    --word-spacing: normal;
    --letter-spacing: normal;
    --panel-bg-color: #ffffff;
    --panel-bg-color-alt: #f1f1f1;
    --panel-border-color: #dddddd;
    --panel-head-bg-color: #f5f5f5;
    --panel-head-bg-color-alt: #eeeeee;
    --panel-head-bg-active: #e0e0e0;
    --panel-head-font-color: #333333;
    --form-bg-color: #ffffff;
    --form-bg-color-alt: #ffffff;
    --form-bg-color-disabled: #eeeeee;
    --form-border-color: #cccccc;
    --form-placeholder-text: #999999;
    --form-font-color: #333333;
    --bounce-btn-bg-color: #222a33;
    --alert-danger-bg-color: #f2dede;
    --alert-danger-font-color: #a94442;
    --alert-danger-border-color: #ebccd1;
    --alert-success-bg-color: #dff0d8;
    --alert-success-font-color: #3c763d;
    --alert-success-border-color: #d6e9c6;
    --alert-warning-bg-color: #fcf8e3;
    --alert-warning-font-color: #8a6d3b;
    --alert-warning-border-color: #faebcc;
    --alert-link-color: #337ab7;
    --dropdown-bg-color: #ffffff;
    --dropdown-bg-color-hover: #f5f5f5;
    --dropdown-bg-color-active: #337ab7;
    --dropdown-border-color: rgba(0, 0, 0, 0.15);
    --dropdown-item-border-color: #efefef;
    --dropdown-font-color: #333333;
    --dropdown-font-color-hover: #262626;
    --btn-def-bg-color: #ffffff;
    --btn-def-bg-color-hover: #e6e6e6;
    --btn-def-border-color: #cccccc;
    --btn-def-border-color-hover: #adadad;
    --btn-def-font-color: #333333;
    --btn-primary-bg-color: #337ab7;
    --btn-primary-bg-color-hover: #286090;
    --btn-primary-border-color: #2e6da4;
    --btn-primary-border-color-hover: #204d74;
    --btn-info-bg-color: #5bc0de;
    --btn-info-bg-color-hover: #31b0d5;
    --btn-info-border-color: #46b8da;
    --btn-info-border-color-hover: #269abc;
    --btn-success-bg-color: #5cb85c;
    --btn-success-bg-color-hover: #449d44;
    --btn-success-border-color: #4cae4c;
    --btn-success-border-color-hover: #398439;
    --well-bg-color: #f5f5f5;
    --well-border-color: #e3e3e3;
    --well-sdw-color: rgba(0, 0, 0, .05);
    --modal-bg-color: #ffffff;
    --modal-border-color: #999999;
    --modal-hdft-border-color: #e5e5e5;
    --table-striped-bg: #f9f9f9;
    --table-border-color: #dddddd;
    --text-danger-color: #a94442;
    --text-danger-color-hover: #843534;
    --text-success-color: #3c763d;
    --text-success-color-hover: #2b542c;
    --text-warning-color: #8a6d3b;
    --text-warning-color-hover: #66512c;
    --text-info-color: #31708f;
    --text-info-color-hover: #245269;
    --text-primary-color: #337ab7;
    --text-primary-color-hover: #286090;
    --banner-box-bg-color: rgba(0, 74, 141, 0.3);
}
html.medium-contrast {
    --orange-color: #bb4100;
    --font-color: #6b6b6b;
    --head-font-color: #707070;
    --off-canvas-font-color: #ffffff;
    --nav-font-color-active: #bb4100;
    --subnav-font-color-active: #bb4100;
    --link-color: #0762b1;
    --blue-theme-color: #096dd1;
    --footer-btm-text: #ffffff;
    --footer-link-color: #51b9ff;
    --footer-link-color-active: #fdaa7d;
    --sec-card-font-color: #555555;
    --parlx-font-color: #353535;
    --green-btn: #027e06;
    --letter-spacing: 0.01em;
    --btn-info-bg-color: #167e9e;
    --btn-success-bg-color: #248524;
    --banner-box-bg-color: rgba(51, 122, 183, 0.8);
    --alert-link-color: #0762b1;
}
html.dark-mode {
    --focus-outline-color: #f78243;
    --uh-blue: #196fc0;
    --bg-color: rgb(46,47,50);
    --bg-color-alt: rgb(41,42,43);
    --font-color: #c2c2c2;
    --font-color-alt: #c2c2c2;
    --heading-color: #e2e2e2;
    --heading-blue: #ffffff;
    --list-blue: #c2c2c2;
    --link-color: #337ab7;
    --link-color-active: #3e8cd1;
    --header-bg-color: #191c20;
    --border-color: #272727;
    --section-bg-color: #202022;
    --section-heading-color: #ffffff;
    --head-font-color: #c2c2c2;
    --head-logo-bg-active: #e0e0e0;
    --nav-font-color: #a3a3a3;
    --nav-bg-color-hover: #121417;
    --nav-bg-color-active: #0e0f12;
    --nav-font-color-active: #ffffff;
    --subnav-bg-color: #272729;
    --subnav-bg-color-hover: #121417;
    --subnav-bg-color-active: #0e0f12;
    --subnav-font-color-active: #ffffff;
    --nav-border-color: #333333;
    --subnav-font-color: #a3a3a3;
    --subnav-border-color: #333333;
    --sec-card-border-color: #4e4e4e;
    --sec-card-font-color: #c2c2c2;
    --footer-text: #c2c2c2;
    --footer-grad-top: rgb(54,55,56);
    --footer-grad-bottom: rgb(50,51,52);
    --footer-top-border: rgb(68,69,70);
    --footer-upper-bg-color: rgb(58,59,60);
    --footer-brand-bg: #ffffff;
    --footer-btm-text: #c2c2c2;
    --footer-btm-bg-color: rgb(42,43,44);
    --footer-link-color-active: #f78243;
    --card-bg-color: #272729;
    --card-border-color: #444444;
    --card-grad-top: #303031;
    --card-grad-bottom: #272729;
    --card-pill-border-color: rgba(255,255,255,0.1);
    --parlx-bg-color: rgba(0,0,0,0.75);
    --parlx-font-color: #c2c2c2;
    --news-bg-color: #757575;
    --news-border-color: #444444;
    --blockquote-border-color: #444444;
    --blue-theme-color: #2591ff;
    --panel-bg-color: rgb(26,30,31);
    --panel-bg-color-alt: rgb(26,30,31);
    --panel-border-color: rgb(26,30,31);
    --panel-head-bg-color: rgb(42,44,45);
    --panel-head-bg-color-alt: rgb(50,51,52);
    --panel-head-bg-active: rgb(50,53,54);
    --panel-head-font-color: #ffffff;
    --form-bg-color: rgb(30,33,34);
    --form-bg-color-alt: rgb(27,29,28);
    --form-bg-color-disabled: rgb(24,25,22);
    --form-border-color: #444444;
    --form-placeholder-text: #555555;
    --form-font-color: #c2c2c2;
    --bounce-btn-bg-color: #7a7a7a;
    --alert-danger-bg-color: #a94442;
    --alert-danger-font-color: #f2dede;
    --alert-danger-border-color: #861c1a;
    --alert-success-bg-color: #47a447;
    --alert-success-font-color: #ffffff;
    --alert-success-border-color: #47a447;
    --alert-warning-bg-color: #db8711;
    --alert-warning-font-color: #ffffff;
    --alert-warning-border-color: #db8711;
    --alert-link-color: #107ad6;
    --dropdown-bg-color: #272729;
    --dropdown-bg-color-hover: #121417;
    --dropdown-bg-color-active: #0e0f12;
    --dropdown-border-color: #333333;
    --dropdown-item-border-color: #333333;
    --dropdown-font-color: #a3a3a3;
    --dropdown-font-color-hover: #ffffff;
    --btn-def-bg-color: rgba(228, 234, 236, 0.2);
    --btn-def-bg-color-hover: rgba(228, 234, 236, 0.1);
    --btn-def-border-color: rgba(228, 234, 236, 0);
    --btn-def-border-color-hover: rgba(228, 234, 236, 0);
    --btn-def-font-color: #e4eaec;
    --btn-primary-bg-color: #0b74dd;
    --btn-primary-bg-color-hover: #0361be;
    --btn-primary-border-color: #0361be;
    --btn-primary-border-color-hover: #0352a1;
    --btn-info-bg-color: #5bc0de;
    --btn-info-bg-color-hover: #3bb4d8;
    --btn-info-border-color: #5bc0de;
    --btn-info-border-color-hover: #31b0d5;
    --btn-success-bg-color: #47a447;
    --btn-success-bg-color-hover: #3b893b;
    --btn-success-border-color: #47a447;
    --btn-success-border-color-hover: #3b893b;
    --well-bg-color: rgb(26,30,31);
    --well-border-color: rgb(26,30,31);
    --well-sdw-color: rgba(0, 0, 0, 0.3);
    --modal-bg-color: #0d0d0d;
    --modal-border-color: rgba(255, 255, 255, 0.1);
    --modal-hdft-border-color: rgba(255, 255, 255, 0.1);
    --table-striped-bg: #2e2f32;
    --table-border-color: rgba(255, 255, 255, 0.1);
    --text-danger-color: #d53f3a;
    --text-danger-color-hover: #a02622;
    --text-success-color: #47a447;
    --text-success-color-hover: #306f30;
    --text-warning-color: #ed9c28;
    --text-warning-color-hover: #b9730f;
    --text-info-color: #5bc0de;
    --text-info-color-hover: #28a1c5;
    --text-primary-color: #0088cc;
    --text-primary-color-hover: #005580;
    --banner-box-bg-color: rgba(51, 122, 183, 0.8);
}
html.medium-contrast.dark-mode {
    --bg-color: rgb(41,42,43);
    --bg-color-alt: rgb(36,37,36);
    --font-color: #ffffff;
    --font-color-alt: #ffffff;
    --heading-color: #ffffff;
    --list-blue: #ffffff;
    --head-font-color: #ffffff;
    --nav-font-color: #ffffff;
    --subnav-font-color: #ffffff;
    --sec-card-font-color: #ffffff;
    --footer-text: #ffffff;
    --footer-btm-text: #ffffff;
    --parlx-font-color: #ffffff;
    --form-font-color: #ffffff;
    --uh-blue: #51b9ff;
    --orange-color: #f78243;
    --link-color: #7ac1ff;
    --blue-theme-color: #0b74dd;
    --bounce-btn-bg-color: #202020;
    --form-placeholder-text: #777777;
    --btn-info-bg-color: #167e9e;
    --btn-success-bg-color: #248524;
    --text-danger-color: #ec5b56;
    --text-danger-color-hover: #dd443f;
    --alert-warning-bg-color: #925601;
    --alert-warning-border-color: #925601;
    --alert-link-color: #dae7f8;
}
@media (prefers-color-scheme: dark) {
    html {
        --focus-outline-color: #f78243;
        --uh-blue: #196fc0;
        --bg-color: rgb(46,47,50);
        --bg-color-alt: rgb(41,42,43);
        --font-color: #c2c2c2;
        --font-color-alt: #c2c2c2;
        --heading-color: #e2e2e2;
        --heading-blue: #ffffff;
        --list-blue: #c2c2c2;
        --link-color: #337ab7;
        --link-color-active: #3e8cd1;
        --header-bg-color: #191c20;
        --border-color: #272727;
        --section-bg-color: #202022;
        --section-heading-color: #ffffff;
        --head-font-color: #c2c2c2;
        --head-logo-bg-active: #e0e0e0;
        --nav-font-color: #a3a3a3;
        --nav-bg-color-hover: #121417;
        --nav-bg-color-active: #0e0f12;
        --nav-font-color-active: #ffffff;
        --subnav-bg-color: #272729;
        --subnav-bg-color-hover: #121417;
        --subnav-bg-color-active: #0e0f12;
        --subnav-font-color-active: #ffffff;
        --nav-border-color: #333333;
        --subnav-font-color: #a3a3a3;
        --subnav-border-color: #333333;
        --sec-card-border-color: #4e4e4e;
        --sec-card-font-color: #c2c2c2;
        --footer-text: #c2c2c2;
        --footer-grad-top: rgb(54,55,56);
        --footer-grad-bottom: rgb(50,51,52);
        --footer-top-border: rgb(68,69,70);
        --footer-upper-bg-color: rgb(58,59,60);
        --footer-brand-bg: #ffffff;
        --footer-btm-text: #c2c2c2;
        --footer-btm-bg-color: rgb(42,43,44);
        --footer-link-color-active: #f78243;
        --card-bg-color: #272729;
        --card-border-color: #444444;
        --card-grad-top: #303031;
        --card-grad-bottom: #272729;
        --card-pill-border-color: rgba(255,255,255,0.1);
        --parlx-bg-color: rgba(0,0,0,0.75);
        --parlx-font-color: #c2c2c2;
        --news-bg-color: #757575;
        --news-border-color: #444444;
        --blockquote-border-color: #444444;
        --blue-theme-color: #2591ff;
        --panel-bg-color: rgb(26,30,31);
        --panel-bg-color-alt: rgb(26,30,31);
        --panel-border-color: rgb(26,30,31);
        --panel-head-bg-color: rgb(42,44,45);
        --panel-head-bg-color-alt: rgb(50,51,52);
        --panel-head-bg-active: rgb(50,53,54);
        --panel-head-font-color: #ffffff;
        --form-bg-color: rgb(30,33,34);
        --form-bg-color-alt: rgb(27,29,28);
        --form-bg-color-disabled: rgb(24,25,22);
        --form-border-color: #444444;
        --form-placeholder-text: #555555;
        --form-font-color: #c2c2c2;
        --bounce-btn-bg-color: #7a7a7a;
        --alert-danger-bg-color: #a94442;
        --alert-danger-font-color: #f2dede;
        --alert-danger-border-color: #861c1a;
        --alert-success-bg-color: #47a447;
        --alert-success-font-color: #ffffff;
        --alert-success-border-color: #47a447;
        --alert-warning-bg-color: #db8711;
        --alert-warning-font-color: #ffffff;
        --alert-warning-border-color: #db8711;
        --alert-link-color: #107ad6;
        --dropdown-bg-color: #272729;
        --dropdown-bg-color-hover: #121417;
        --dropdown-bg-color-active: #0e0f12;
        --dropdown-border-color: #333333;
        --dropdown-item-border-color: #333333;
        --dropdown-font-color: #a3a3a3;
        --dropdown-font-color-hover: #ffffff;
        --btn-primary-bg-color: #0b74dd;
        --btn-primary-bg-color-hover: #0361be;
        --btn-primary-border-color: #0361be;
        --btn-primary-border-color-hover: #0352a1;
        --btn-info-bg-color: #5bc0de;
        --btn-info-bg-color-hover: #3bb4d8;
        --btn-info-border-color: #5bc0de;
        --btn-info-border-color-hover: #31b0d5;
        --btn-success-bg-color: #47a447;
        --btn-success-bg-color-hover: #3b893b;
        --btn-success-border-color: #47a447;
        --btn-success-border-color-hover: #3b893b;
        --well-bg-color: rgb(26,30,31);
        --well-border-color: rgb(26,30,31);
        --well-sdw-color: rgba(0, 0, 0, 0.3);
        --modal-bg-color: #0d0d0d;
        --modal-border-color: rgba(255, 255, 255, 0.1);
        --modal-hdft-border-color: rgba(255, 255, 255, 0.1);
        --table-striped-bg: #2e2f32;
        --table-border-color: rgba(255, 255, 255, 0.1);
        --text-danger-color: #d53f3a;
        --text-danger-color-hover: #a02622;
        --text-success-color: #47a447;
        --text-success-color-hover: #306f30;
        --text-warning-color: #ed9c28;
        --text-warning-color-hover: #b9730f;
        --text-info-color: #5bc0de;
        --text-info-color-hover: #28a1c5;
        --text-primary-color: #0088cc;
        --text-primary-color-hover: #005580;
        --banner-box-bg-color: rgba(51, 122, 183, 0.8);
    }
    html.medium-contrast {
        --bg-color: rgb(41,42,43);
        --bg-color-alt: rgb(36,37,36);
        --font-color: #ffffff;
        --font-color-alt: #ffffff;
        --heading-color: #ffffff;
        --list-blue: #ffffff;
        --head-font-color: #ffffff;
        --nav-font-color: #ffffff;
        --nav-font-color-active: #ffffff;
        --subnav-font-color: #ffffff;
        --subnav-font-color-active: #ffffff;
        --sec-card-font-color: #ffffff;
        --footer-text: #ffffff;
        --footer-btm-text: #ffffff;
        --footer-link-color-active: #f78243;
        --parlx-font-color: #ffffff;
        --form-font-color: #ffffff;
        --uh-blue: #51b9ff;
        --orange-color: #f78243;
        --link-color: #7ac1ff;
        --blue-theme-color: #0b74dd;
        --bounce-btn-bg-color: #202020;
        --form-placeholder-text: #777777;
        --btn-info-bg-color: #167e9e;
        --btn-success-bg-color: #248524;
        --text-danger-color: #ec5b56;
        --text-danger-color-hover: #dd443f;
        --banner-box-bg-color: rgba(51, 122, 183, 0.8);
        --alert-warning-bg-color: #925601;
        --alert-warning-border-color: #925601;
        --alert-link-color: #dae7f8;
    }
}
html.medium-font {
    --body-font-size: 1.5;
}
html.large-font {
    --body-font-size: 2;
}
html.large-spacing {
    --p-lh-min: 1.6;
    --p-lh-mid: 1.8;
    --p-lh-max: 2.0;
    --h-lh-min: 1.8;
    --h-lh-mid: 2;
    --h-lh-max: 2.2;
    --p-margin-bot: 2em;
    --word-spacing: 0.16em;
    --letter-spacing: 0.12em;
}