/*master list of css variables*/

:root {
    /*colors*/
    --universal-blue-hs: 216, 98%;
    --universal-blue: hsla(var(--universal-blue-hs), 52%, 1); /*#0d6efd*/
    --universal-indigo-hs: 263, 90%;
    --universal-indigo: hsla(var(--universal-indigo-hs), 51%, 1); /*#6610f2*/
    --universal-purple-hs: 261, 51%;
    --universal-purple: hsla(var(--universal-purple-hs), 51%, 1); /*#6f42c1*/
    --universal-pink-hs: 330, 67%;
    --universal-pink: hsla(var(--universal-pink-hs), 52%, 1); /*#d63384*/
    --universal-red-hs: 354, 70%;
    --universal-red: hsla(var(--universal-red-hs), 54%, 1); /*#dc3545*/
    --universal-orange-hs: 27, 98%;
    --universal-orange: hsla(var(--universal-orange-hs), 54%, 1); /*#fd7e14*/
    --universal-yellow-hs: 45, 100%;
    --universal-yellow: hsla(var(--universal-yellow-hs), 51%, 1); /*#ffc107*/
    --universal-green-hs: 152, 69%;
    --universal-green: hsla(var(--universal-green-hs), 31%, 1); /*#198754*/
    --universal-teal-hs: 162, 73%;
    --universal-teal: hsla(var(--universal-teal-hs), 46%, 1); /*#20c997*/
    --universal-cyan-hs: 190, 90%;
    --universal-cyan: hsla(var(--universal-cyan-hs), 50%, 1); /*#0dcaf0*/
    --universal-white: #fff;
    --universal-black: #000;
    --bs-info-hs: var(--universal-cyan-hs);
    --bs-info: var(--universal-cyan);
    --bs-success-hs: var(--universal-green-hs);
    --bs-success: var(--universal-green);
    --bs-warning-hs: var(--universal-yellow-hs);
    --bs-warning: var(--universal-yellow);
    --bs-danger-hs: var(--universal-red-hs);
    --bs-danger: var(--universal-red);
    --bs-attention-hs: var(--universal-orange-hs);
    --bs-attention: var(--universal-orange);
    --bs-attention-subtle: hsla(var(--bs-attention-hs), 74%, 1);
    --bs-attention-border-subtle: hsla(var(--bs-attention-hs), 64%, 1);
    --unl-red-hs: 0, 100%;
    --unl-red: hsla(var(--unl-red-hs),82%,1); /*#d00000*/
    --unl-cream-hs: 43, 6%;
    --unl-cream: hsla(var(--unl-cream-hs), 96%, 1); /*#f5f1e7*/
    --unl-gray-hs: 220, 1%;
    --unl-gray: hsla(var(--unl-gray-hs), 79%, 1); /*#c7c8ca*/
    --unl-navy-hs: 212, 100%;
    --unl-navy: hsla(var(--unl-navy-hs), 15%, 1); /*#001226*/
    --unl-cerulean-hs: 191, 80%;
    --unl-cerulean: hsla(var(--unl-cerulean-hs), 71%, 1); /*#249ab5*/
    --unl-green-hs: 66, 79%;
    --unl-green: hsla(var(--unl-green-hs), 80%, 1); /*#bccb2a*/
    --unl-orange-hs: 30, 87%;
    --unl-orange: hsla(var(--unl-orange-hs), 96%, 1); /*#f58a1f*/
    --unl-lapis-hs: 198, 100%;
    --unl-lapis: hsla(var(--unl-lapis-hs), 52%, 1); /*#005d84*/
    --unl-yellow-hs: 46, 69%;
    --unl-yellow: hsla(var(--unl-yellow-hs), 100%, 1); /*#ffd74f*/
    --unl-purple-hs: 311, 79%;
    --unl-purple: hsla(var(--unl-purple-hs), 65%, 1); /*#a5228d*/
    --usdm-primary-web-hs: 12, 86%;
    --usdm-primary-web: hsla(var(--usdm-primary-web-hs), 46%, 1); /*#da3910*/
    --vegdri-primary-web-hs: 155, 88%;
    --vegdri-primary-web: hsla(var(--vegdri-primary-web-hs), 27%, 1); /*#08834f*/
    --qdri-primary-web-hs: 211, 100%;
    --qdri-primary-web: hsla(var(--qdri-primary-web-hs), 45%, 1); /*#006FE6*/
    --ag-primary-web-hs: 150, 94%;
    --ag-primary-web: hsla(var(--ag-primary-web-hs), 20%, 1); /*#036434*/
    --grace-primary-web-hs: 240, 100%;
    --grace-primary-web: hsla(var(--grace-primary-web-hs), 27%, 1); /*#00008b*/
    --atlas-primary-web-hs: 358, 72%;
    --atlas-primary-web: hsla(var(--atlas-primary-web-hs), 44%, 1); /*#c12026*/
    --dir-primary-hs: 150, 94%;
    --dir-primary: hsla(var(--dir-primary-hs), 20%, 1); /*#036434*/
    --dir-secondary-web: #67A284;
    --ndmcit-primary-web: #004d85;
    --ndmcstaff-primary-web-hs: 279, 82%;
    --ndmcstaff-primary-web: hsla(var(--ndmcstaff-primary-web-hs), 35%, 1); /*#7010a3*/
    --blends-primary-web-hs: 240, 64%;
    --blends-primary-web: hsla(var(--blends-primary-web-hs), 27%, 1); /*#191971*/
    --cdi-primary-web-hs: 36, 73%;
    --cdi-primary-web: hsla(var(--cdi-primary-web-hs), 35%, 1); /*#986518*/
    --fordri-primary-web-hs: 126, 54%;
    --fordri-primary-web: hsla(var(--fordri-primary-web-hs), 33%,1); /*#268330*/
    --dc-primary-web-hs: 0, 59%;
    --dc-primary-web: hsla(var(--dc-primary-web-hs), 41%, 1); /*#A52A2A*/
    --ndmc-dark-blue-web-hs: 234, 24%;
    --ndmc-dark-blue-web: hsla(var(--ndmc-dark-blue-web-hs), 23%, 1); /*#2c2f48*/
    --ndmc-light-blue-web-hs: 231, 22%;
    --ndmc-light-blue-web: hsla(var(--ndmc-light-blue-web-hs), 52%, 1); /*#6a72a0*/
    --ndmc-green-web-hs: 101, 37%;
    --ndmc-green-web: hsla(var(--ndmc-green-web-hs), 21%, 1); /*#2f4a22*/
    --ndmc-light-green-web-hs: 98, 32%;
    --ndmc-light-green-web: hsla(var(--ndmc-light-green-web-hs), 36%, 1); /*#54793e*/
    --ndmc-brown-web-hs: 26, 47%;
    --ndmc-brown-web: hsla(var(--ndmc-brown-web-hs), 15%, 1);
    --webtool-gray-950: #1b1a18;
    --webtool-gray-900: #353331;
    --webtool-gray-800: #4C4947;
    --webtool-gray-700: #5c5957;
    --webtool-gray-600: #67625f;
    --webtool-gray-500: #918b88;
    --webtool-gray-400: #D8C9BC;
    --webtool-gray-300: #e6ddd5;
    --webtool-gray-200: #f2ede8;
    --webtool-gray-100: #f6f2ef;
    --ndmc-light-gray-web: #f5f5f4;
    --ndmc-gray-web: #ebebea;
    --ndmc-med-gray-web: #C5C5C5;
    --ndmc-dark-gray-web: #737373;
    --ndmc-gray-900: #262626;
    --ndmc-gray-800: #404040;
    --ndmc-gray-700: #595959;
    --ndmc-gray-600: #737373;
    --ndmc-gray-500: #8c8c8c;
    --ndmc-gray-400: #a6a6a6;
    --ndmc-gray-300: #bfbfbf;
    --ndmc-gray-200: #d9d9d9;
    --ndmc-gray-100: #f2f2f2;
    --swdln-dark-gray-hs: 26, 47%;
    --swdln-dark-gray: #2e2e2e /*hsla(var(--swdln-dark-gray-hs),18%, 1)*/;
    --swdln-teal-hs: 182, 78%;
    --swdln-teal: hsla(var(--swdln-teal-hs), 44%, 1); /*#19c2c8;*/
    --swdln-dark-teal-hs: 182, 81%;
    --swdln-dark-teal: hsla(var(--swdln-dark-teal-hs), 39%, 1); /*#13ADB3*/
    --swdln-light-brown-hs: 33, 56%;
    --swdln-light-brown: hsla(var(--swdln-light-brown-hs), 69%, 1); /*#DCB382*/
    /*fonts*/
    --body-font-fam: Open Sans;
    --heading-font-fam: Oswald;
    --body-font-weight: 400;
    --heading-font-weight: 500;
    --heading-lvl2-font-weight: 400;
    --heading-lvl3-font-weight: 300;
    --title-font-weight: 500;
    --h1-font-size: 2.125rem;
    --h2-font-size: 1.875rem;
    --h3-font-size: 1.5rem;
    --h4-font-size: 1.25rem;
    --h5-font-size: 1.125rem;
    --h6-font-size: 1rem;
    /*footer logo*/
    --logo-width-ndmc: 100px;
    --logo-width-calmit: 190px;
    --logo-width-usgs: 125px;
    --logo-width-usda: 80px;
    --logo-width-nasa: 80px;
    --logo-width-usfs: 80px;
    --logo-width-unl: 80px;
    --logo-width-hprcc: 70px;
    --logo-width-ldas: 70px;
    --logo-width-rma: 125px;
    --logo-width-fsa: 80px;
    --logo-width-noaa: 100px;
    --logo-width-doc: 100px;
    --logo-width-conagua: 200px;
    --logo-height-aafc: 25px;
    --logo-height-eeec: 25px;
    --logo-width-ndmc-sm: 75px;
    --logo-width-calmit-sm: 165px;
    --logo-width-usgs-sm: 110px;
    --logo-width-usda-sm: 70px;
    --logo-width-nasa-sm: 70px;
    --logo-width-unl-sm: 70px;
    --logo-width-hprcc-sm: 60px;
    --logo-width-ldas-sm: 60px;
    --logo-width-rma-sm: 110px;
    --logo-width-fsa-sm: 70px;
    --logo-width-noaa-sm: 75px;
    --logo-width-doc-sm: 75px;
    --logo-width-conagua-sm: 125px;
    --logo-height-aafc-sm: 20px;
    --logo-height-eeec-sm: 20px;
    --logo-margin-left: 10px;
    --logo-margin-right: 10px;
    --logo-padding: 0 !important;
    --logo-line-height: 3em !important;
    /*footer*/
    --footer-top-padding: 30px 0;
    --footer-top-text-align: center;
    --footer-bottom-text-align: center;
    --footer-bottom-padding: 42px 0;
    --footer-bottom-border-top: 2px solid white;
    --footer-bottom-text-size: 13px;
    /*navigation*/
    --title-bar-min-height: 36px;
    --title-bar-padding: 1rem 1rem;
    --title-bar-font: normal 1.375rem/1.5rem 'Open Sans', sans-serif !important;
    --title-bar-font-weight: 400 !important;
    --navbar-link-color: white !important;
    --navbar-link-color-dark: black !important;
    --navbar-border-top: 3px solid #ffffff;
    --navbar-font: 18px/20px 'Oswald',sans-serif;
    --navbar-item-padding: 0.75rem 1.375rem;
    --navbar-item-float: none !important;
    --navbar-item-display: block;
    --navbar-item-text-decoration: none;
    --navbar-item-height: auto !important;
    --navbar-item-z-index: 10;
    --navbar-item-text-align: center;
    --navbar-item-font-weight: 400 !important;
    --navbar-item-text-align: center;
    --navbar-item-font-size: 18px;
    --navbar-list-style: none;
    --navbar-padding: 0 10px;
    --navbar-margin: 0 auto;
    --navbar-third-item-display: none !important;
    --navbar-letter-spacing: 0.1pt !important;
    --nav-border-color: 0,0,0,0.1;
    --breadcrumb-float: right;
    --breadcrumb-margin-right: 1em;
    --dropdown-font-family: 'Open Sans', sans-serif;
    --dropdown-padding-left: 0 !important;
    --dropdown-font-size: 0.875rem !important;
    --dropdown-font-weight: 500 !important;
    --hide-elem-display: none !important;
    --ndmc-toolbar-border-radius: 0.375rem;
    --ndmc-toolbar-padding: 0.375rem 0.75rem;
    --ndmc-toolbar-group-display: inline-block;
    --ndmc-toolbar-group-margin-right: 0.5rem;
    --ndmc-toolbar-group-link-color: white;
    --ndmc-toolbar-group-link-font-weight: normal !important;
    --ndmc-toolbar-group-link-display: block;
    --ndmc-toolbar-group-link-margin: -0.375rem 0;
    --ndmc-toolbar-group-link-padding: 0.375rem 0.5rem;
    --ndmc-toolbar-display-sm: block;
    --ndmc-toolbar-padding-sm: 0.375rem 0.5rem;
    --ndmc-toolbar-margin-sm: 0.375rem 0;
    --ndmc-toolbar-first-child-margin-sm: 0 0 0.375rem 0;
    --ndmc-toolbar-last-child-margin-sm: 0.375rem 0 0 0;
    --ndmc-breadcrumb-font-size: 0.75rem;
    /*body content*/
    --body-link-decoration: none;
    --body-link-weight: 600;
    --bold-font-weight: 600;
    --legend-list-style: none;
    --legend-list-border: 1px solid #ccc;
    --legend-list-width: 1.5rem !important;
    --legend-list-height: 1.25rem !important;
    --legend-list-margin-right: 5px;
    --legend-list-margin-bottom: -5px;
    --legend-list-display: inline-block;
    --font-awesome-margin-right: 8px;
    --webtool-body-text-color: var(--webtool-gray-800);
    --button-font-weight: 500 !important;
}