/* ==================================================
	NCI Font Families: Poppins and Open Sans
================================================== */

/*icons */

/* open-sans-regular - 400 */
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../f/open-sans-v36-latin-regular.woff2') format('woff2'); }
/* open-sans-600 - semibold */
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../f/open-sans-v36-latin-600.woff2') format('woff2'); }
/* open-sans-700 - bold */
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../f/open-sans-v36-latin-700.woff2') format('woff2'); }
/* poppins-600 semi-bold*/
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../../f/poppins-v20-latin-600.woff2') format('woff2'); }
/* poppins-400 regular*/
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../../f/poppins-v20-latin-regular.woff2') format('woff2'); }
/* poppins-300 light*/
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../../f/poppins-v20-latin-300.woff2') format('woff2'); }


/* ==================================================
	NCI Color Palette
================================================== */
:root {
    /* Removed nci-accent-warm, redundant w/ nci-warning */
    --nci-link: #01679d;
    --nci-base: #71767a;
    --nci-base-light: #a9aeb1;
    --nci-base-lighter: #dfe1e2;
    --nci-base-lightest: #f0f0f0;
    --nci-base-dark: #565c65;
    --nci-base-darker: #3d4551;
    --nci-base-darkest: #1b1b1b;
    --nci-primary: #007bbd;
    --nci-primary-light: #3395ca;
    --nci-primary-lighter: #99cae4;
    --nci-primary-dark: #004971;
    --nci-primary-darker: #00314b;
    --nci-primary-vivid: #067cbc;
    --nci-secondary: #3c989e;
    --nci-secondary-light: #4bbfc6;
    --nci-secondary-lighter: #beebee;
    --nci-secondary-dark: #226467;
    --nci-secondary-darker: #1e4c4f;
    --nci-secondary-vivid: #338084;
    --nci-accent-cool: #5478ab;
    --nci-accent-cool-light: #92a9c8;
    --nci-accent-cool-lighter: #d7e5f4;
    --nci-accent-cool-dark: #284976;
    --nci-accent-cool-darker: #06162d;
    --nci-disabled: #c9c9c9;
    --nci-disabled-light: #e6e6e6;
    --nci-disabled-dark: #adadad;
    --nci-error: #bb0e3d;
    --nci-error-light: #f1c5d2;
    --nci-error-lighter: #f1c5d2;
    --nci-error-dark: #950b30;
    --nci-error-darker: #700824;
    --nci-info: #077bbd;
    --nci-info-light: #66afd7;
    --nci-info-lighter: #d4e7f2;
    --nci-info-dark: #006297;
    --nci-info-darker: #004971;
    --nci-success: #3c989e;
    --nci-success-light: #93d8dc;
    --nci-success-lighter: #dbf2f3;
    --nci-success-dark: #298085;
    --nci-success-darker: #1e4c4f;
    --nci-warning: #face00;
    --nci-warning-light: #fee685;
    --nci-warning-lighter: #fdf2bf;
    --nci-warning-dark: #ddaa01;
    --nci-warning-darker: #b38c00;

    /*CISNET Override*/

	--nci-link:#2e6ab3;
}


/* ==================================================
	Bootstrap Overwrites/Additions/Fixes
================================================== */
.container { width: 98%; max-width: 1400px; }
.modal-header { padding-bottom: 0; border-bottom: none; }
.breadcrumb { font-size: .875rem; }
.breadcrumb-item+.breadcrumb-item { padding-left: .2rem; }
.breadcrumb-item+.breadcrumb-item::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%2371767a'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    padding-right: .2rem; margin-top: .2rem;
}

.breadcrumb li, .breadcrumb li:nth-last-child(2)::before { display: none; }
.breadcrumb li:nth-last-child(2) { display: inline-block; }
.breadcrumb li:nth-last-child(2) a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2371767a' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; padding-left: 1.5rem; margin-left: -.5rem; }
@media (min-width: 576px) {
    .breadcrumb li:nth-last-child(2) a { margin-left: 0; padding-left: 0; background: none; }
    .breadcrumb li, .breadcrumb li:nth-last-child(2)::before { display: inline-block; } 
}


/* ==================================================
	Misc
================================================== */
body { font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; font-weight: 300; height: 100%; }
img, object, embed, video { max-width: 100%; height: auto; width: auto; } /* responsive media */

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", Verdana, serif; font-weight: 600; text-wrap:pretty; }
h1 { font-size: 1.75rem; }
h2 { font-size: 1.4375rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: 1rem; font-style: italic; }

b, strong { font-weight: 600; }

/* NCI uses a color not in their palette for links, added to variables and used here to overwrite BS primary link color */
/* a {color: var(--nci-link); }
a:hover, a:focus { color: var(--nci-primary-dark); } */

/* .extlink { display: inline-block; margin: -8px 0 0 3px; vertical-align: middle; } */


/* ==================================================
	Header
================================================== */
/*	USA Govt Header */
.usa-banner { margin-bottom: 0; background: var(--nci-base-lightest); }
.usa-banner__header-text { font-size: 12px; font-weight: 400; line-height: 1.2; margin: 0; }
.usa-banner__header-text img { vertical-align: baseline; }

/* NCI Logo (adjust max-width) */
.nciLogo img { max-height: 54px; max-width: 714.px; margin: 23px 0; }

/* Custom Main Nav styling for Bootstrap */
.navbar-custom { padding: 0; font-size: 1rem; line-height: 1.1; }
.navbar-custom .navbar-nav .nav-link { padding: 1.125rem .75rem; transition: background-color .1s linear; }
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { background-color: #ddd; transition: background-color .1s linear; }

.navbar-custom .dropdown-menu { margin: 0; padding: .25rem 0; border-radius: 0 0 .25rem .25rem; border-top: none; }
.navbar-custom .dropdown-item { font-weight: 300; padding: .5rem 2rem; }

.navbar-custom .dropdown-toggle { position: relative; }
.navbar-custom .dropdown-toggle .toggle-icon { display: none; }

.navbar-custom .dropdown-toggle .toggle-icon::before { content:'+' }
.navbar-custom .dropdown-toggle[aria-expanded="true"] .toggle-icon::before { content:'-' }

.navbar-custom .dropdown-toggle .toggle-icon { background: #fff; }
.navbar-custom .dropdown-toggle .toggle-icon:before { color: #333; font-size: 1.3rem; }

@media (max-width: 767px) {
	.navbar-custom .navbar-nav { padding-top: .5rem; }
	.navbar-custom .navbar-nav .nav-link { padding: .875rem .75rem; border-left: 3px solid transparent; }
	.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { background-color: rgba(0,0,0,.05); border-left-color: #ccc; }
	 
	.navbar-custom .dropdown-toggle .toggle-icon { display: inline-block; position:absolute; top:50%; margin-top:-17px; left:auto; right:4px; width: 34px; height: 34px; overflow: hidden; font:bold 16px/34px monospace!important; text-align:center; text-shadow:none; background:#fff; border-radius: 5px; }

	.navbar-custom .dropdown-toggle::after { display: none; }

	.navbar-custom .nav-link.show + .dropdown-menu  { max-height: 100vh; visibility: visible; }
	.navbar-custom .dropdown-menu { background: #ddd; box-shadow: none; border-radius: 0; padding: 0; border: none; display: block; max-height: 0; visibility: hidden; transition: all 0.4s ease-in-out; overflow: hidden; }
	.navbar-custom .dropdown-item { padding: .75rem 1.75rem; border-top: 1px solid rgba(0,0,0,.1); border-left: 3px solid #bbb; }
	.navbar-custom .dropdown-item:first-of-type { font-weight: 300; padding-left: 1.75rem; }
	.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus { background-color: rgba(255,255,255,.25); border-left-color: #333; }
}

/* Mobile Navigation */
.navBar { position: relative; background: #f8f9fa; }
#menu-button, #search-tog { display: none; }
#search-tog { position: absolute; right: 0; top: 0; margin-right: 16px; }
#main-search { max-height: 10em; overflow: hidden; visibility: visible; transition: all .5s ease-in; }
@media (max-width: 767px) {
	.navBar { padding: .5rem 0; z-index: 999; }
	#menu-button, #search-tog { display: block; width: 46.5%; }
	#search-tog { top: .5rem; }
    #main-search.mobileState { max-height: 0; visibility: hidden; overflow: hidden; transition: all .5s ease-out; }
}


/* ==================================================
	Side Navigation
================================================== */
.subNav .heading { display: none; }
.subNav li { position: relative; border-top: 1px solid var(--nci-base-lighter); }
.subNav li a { background: #fff; color: var(--nci-base-dark); display: block; padding: .65rem 2rem; font-size: .938rem; line-height: 1.2; transition: all .1s linear; text-decoration: none; }
.subNav li a:hover, .subNav li a:focus, .subNav li.is-hover > a { background: var(--nci-base-lightest); color: var(--nci-link); text-decoration: none; transition: color .1s linear, background .1s linear, border .1s linear; }
.subNav li a.active { font-weight: 600; color: var(--nci-link); }
.subNav li a.active::after { background-color: var(--nci-link); border-radius: 99rem; bottom: .25rem; content: ""; display: block; left: 0; position: absolute; top: .25rem; width: .25rem; }
.subNav ul { list-style: none; margin: 0; padding: 0; }
.subNav > ul { border-bottom: 1px solid var(--nci-base-lighter); }
.subNav ul ul { display: none; }
.subNav ul ul li a { padding-left: 3.5rem; }
.subNav ul ul ul li a { padding-left: 4.5rem; }
.subNav ul ul ul ul li a {	padding-left: 5.5rem; }
.subNav ul ul ul ul ul li a { padding-left: 6.5rem; }
.subNav a { padding-right: 2rem; }

.subNav > ul > li:first-child a { padding-left: 1rem; color: var(--nci-link); font-size: 1.125rem; font-weight: 600; }

/* toggle button to show side nav on mobile */
.togSubNav { display: none; position: fixed; z-index: 5; bottom: 0; padding: .5em 0; width: 100%; background: #0568fd; color: #fff; border: none; font-size: 1rem; font-weight: 700; }
.togSubNav svg { fill: #fff; height: 20px; width: 26px; margin-right: .3rem; }
	.togSubNav:hover, .togSubNav:focus { cursor: pointer; background: #005fc4; }

.opNav.heading { display: block}

@media (max-width: 991px) {
	/* JS recreates the left navigtaion in an overlay for mobile, so we can hide the original */
	.subNav-wrap .subNav { display: none; }
    .opNav-wrap .opNav { display: none;}
	.togSubNav { display: block; }
}

/* menu toggles for sub-sections +/- */
.subNav .expand { position: absolute; right: 3px; top: 8px; display: block; border: none; background: none; padding: 0; line-height: 0; cursor: pointer; z-index: 999; }
	.subNav .expand:focus { outline: 1px dotted #000; }
.subNav .expand svg { padding: 4px; border-radius: 3px; height: 24px; width: 24px; }
.subNav .expand[aria-expanded="true"] svg { transform: rotate(90deg); }


/* ==================================================
	NCI Footer
================================================== */
footer a { color: #fff; text-decoration: none; }
footer a:hover, footer a:focus { color: #fff; text-decoration: underline; }

.footer-heading { font-size: 1.4375rem; font-family: "Poppins", Verdana, serif; }
.footer-logo-heading { font-size: 1.16rem; line-height: 1.25; }
.footer-logo-heading strong { font-size: 1.563rem; font-family: "Poppins", Verdana, serif; }

.footer-top { background-color: var(--nci-primary-dark); }
.footer-bottom { background-color: var(--nci-primary-darker); }

.ftr-list { border-bottom: 1px solid var(--nci-accent-cool-darker); }
.ftr-list_title { display: none; font-weight: 600; }
.ftr-list_tog { width: 100%; padding: 1rem 0 1rem .75rem; text-align: left; border: none; background: none; color: #fff; font-weight: 700; }
.ftr-list_tog svg { fill: #fff; height: .9rem; width: .9rem; }
    .ftr-list_tog[aria-expanded="true"] svg { transform: rotate(90deg); }
.ftr-list_reveal li { margin: 0 0 .75rem 2rem; }
@media (min-width: 576px) {
    .ftr-list { border: none; padding-left: 0; margin-bottom: 2rem; }
    .ftr-list_tog { display: none; }
    .ftr-list_reveal, .ftr-list_title { display: block !important; }
    .ftr-list_reveal li { margin: .75rem 0 0; }
}

.social-link { border-radius: 100%; display: inline-block; background: var(--nci-warning); margin-right: 1rem; }
.social-link svg { height: 34px; width: 34px; fill: var(--nci-primary-darker); padding: 5px; }

.returntop { position: fixed; right: 0; bottom: 0; z-index: 10; background: var(--nci-primary); height: 75px; width: 75px; border-radius: 100% 0 0 0; display: none; justify-content: flex-end; border-left: 1px solid rgba(255,255,255,.85); border-top: 1px solid rgba(255,255,255,.85); }
.returntop:hover, .returntop:focus { text-decoration: none; }
.returntop svg { fill: #fff; width: 2.35rem; align-self: flex-end; margin: 0 .65rem .65rem 0; }
.returntop span { display: none; }
@media (min-width: 992px) {
    .returntop { border: none; }
}
@media (min-width: 1024px) {
    .returntop span { display: inline-block; align-self: flex-end; text-transform: uppercase; font-size: .75rem; line-height: 1.1; text-align: center; margin: 0 0 .75rem .5rem; font-weight: 600; }
    .returntop svg { display: none; }
}


/* ==================================================
	Toggles
================================================== */
.tog-control { padding: 0; margin: 0; }
.tog-control button { display: table; border: none; width: 100%; font-size: 1rem; margin: .5rem 0 0 0; padding: 0; border-radius: 4px; font-weight: 700; text-align: left; background: #f8f9fa; color: var(--nci-link); transition: all .2s ease-in-out; }
    /* account for toggle on gray background, give white background on elements instead */
    .bg-lightgray .tog-control button, .bg-lightgray .tog-content { background: #fff; }
.tog-control button:hover { cursor: pointer; background: var(--nci-link); color: #fff; transition: all .2s ease-in-out; }

.state { display: table-cell; background: var(--nci-link); border-radius: 3px 0 0 3px; padding: 13px; line-height: 0; width: 41px; }
.state svg { height: 15px; width: 15px; }
.state svg rect { fill: #fff; }

.tog-control button[aria-expanded="true"] { background: var(--nci-link); color: #fff; }
.tog-control button[aria-expanded="true"] .vert { display: none; }

.tog-control .tog-title { display: table-cell; vertical-align: middle; padding: .5rem 1rem; }
.tog-content { display: none; background: #f8f9fa; border: 1px solid #ddd; padding: 1rem; margin: .25rem 0 1rem 0; box-shadow: inset .25rem .25rem 0 #fff, inset -.25rem -.25rem 0 #fff; }
.tog-content > :last-child { padding-bottom: 0; margin-bottom: 0; }


/* ==================================================
	Tabs
================================================== */
.nav-tabs { background: #f8f9fa; border: none; }
.nav-tabs .nav-item { margin: 0; }
.nav-tabs .nav-link { color: var(--nci-link); display: inline-block; overflow: hidden; padding: 0.75rem 2rem; text-decoration: none; font-weight: 400; position: relative; border: 1px solid transparent; border-radius: 0; }
.nav-tabs .nav-link::after { position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--nci-link); content: ''; transition: transform 0.3s; transform: translate3d(0,-150%,0); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background: rgba(255,255,255,.5); color: #222; border-bottom-color: #ccc; }
.nav-tabs .nav-link.active { background: #fff; color: #222; border-color: #ccc; border-bottom-color: #fff; }
.nav-tabs .nav-link.active::after { transform: translate3d(0,0,0); }
.tab-pane { margin: 0 0 2rem 0; padding: 1rem; background: #fff; border: 1px solid #ccc; }
.tab-pane > :first-child { padding-top: 0; margin-top: 0; }

/* tabs with tabs-lg class will go full width at the lg breakpoint */
@media screen and (max-width: 1200px) {
    .nav-tabs.tabs-lg { margin-bottom: 0; background: none; }
	.nav-tabs.tabs-lg .nav-item { display: block; width: 100%; margin-bottom: .35rem; }
	.nav-tabs.tabs-lg .nav-link { display: block; border: none; background: #f2f2f2; padding: .5rem 1rem .5rem 3.5rem; box-shadow: inset 6rem 0 0 -3.5rem var(--nci-link); font-weight: 700; border-radius: 4px; width: 100%; text-align: left; }
    .nav-tabs.tabs-lg .nav-link::after { display: none; }
    .nav-tabs.tabs-lg .nav-link::before { display: block; width: 1rem; height: 1rem; content:""; position: absolute; top: .85rem; left: .75rem; background-image: url("data:image/svg+xml;utf-8,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; }
	.nav-tabs.tabs-lg .nav-link.active, .nav-tabs.tabs-lg .nav-link:focus, .nav-tabs.tabs-lg .nav-link:hover { background: var(--nci-link); color: #fff; }
    .nav-tabs.tabs-lg .nav-link.active::before { background-image: url("data:image/svg+xml;utf,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); }
}

/* tabs with tabs-md class will go full width at this breakpoint */
@media screen and (max-width: 992px) {
	.nav-tabs.tabs-md { margin-bottom: 0; background: none; }
	.nav-tabs.tabs-md .nav-item { display: block; width: 100%; margin-bottom: .35rem; }
	.nav-tabs.tabs-md .nav-link { display: block; border: none; background: #f2f2f2; padding: .5rem 1rem .5rem 3.5rem; box-shadow: inset 6rem 0 0 -3.5rem var(--nci-link); font-weight: 700; border-radius: 4px; width: 100%; text-align: left; }
    .nav-tabs.tabs-md .nav-link::after { display: none; }
    .nav-tabs.tabs-md .nav-link::before { display: block; width: 1rem; height: 1rem; content:""; position: absolute; top: .85rem; left: .75rem; background-image: url("data:image/svg+xml;utf-8,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; }
	.nav-tabs.tabs-md .nav-link.active, .nav-tabs.tabs-md .nav-link:focus, .nav-tabs.tabs-md .nav-link:hover { background: var(--nci-link); color: #fff; }
    .nav-tabs.tabs-md .nav-link.active::before { background-image: url("data:image/svg+xml;utf,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); }
}

/* tabs with tabs-sm class will go full width at this breakpoint */
@media screen and (max-width: 768px) {
	.nav-tabs.tabs-sm { margin-bottom: 0; background: none; }
	.nav-tabs.tabs-sm .nav-item { display: block; width: 100%; margin-bottom: .35rem; }
	.nav-tabs.tabs-sm .nav-link { display: block; border: none; background: #f2f2f2; padding: .5rem 1rem .5rem 3.5rem; box-shadow: inset 6rem 0 0 -3.5rem var(--nci-link); font-weight: 700; border-radius: 4px; width: 100%; text-align: left; }
    .nav-tabs.tabs-sm .nav-link::after { display: none; }
    .nav-tabs.tabs-sm .nav-link::before { display: block; width: 1rem; height: 1rem; content:""; position: absolute; top: .85rem; left: .75rem; background-image: url("data:image/svg+xml;utf-8,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; }
	.nav-tabs.tabs-sm .nav-link.active, .nav-tabs.tabs-sm .nav-link:focus, .nav-tabs.tabs-sm .nav-link:hover { background: var(--nci-link); color: #fff; }
    .nav-tabs.tabs-sm .nav-link.active::before { background-image: url("data:image/svg+xml;utf,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); }
}

/* tabs will go full width at this breakpoint (default) */
@media screen and (max-width: 576px) {
	.nav-tabs { margin-bottom: 0; background: none; }
	.nav-tabs .nav-item { display: block; width: 100%; margin-bottom: .35rem; }
	.nav-tabs .nav-link { display: block; border: none; background: #f2f2f2; padding: .5rem 1rem .5rem 3.5rem; box-shadow: inset 6rem 0 0 -3.5rem var(--nci-link); font-weight: 700; border-radius: 4px; width: 100%; text-align: left; }
    .nav-tabs .nav-link::after { display: none; }
    .nav-tabs .nav-link::before { display: block; width: 1rem; height: 1rem; content:""; position: absolute; top: .85rem; left: .75rem; background-image: url("data:image/svg+xml;utf-8,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; }
	.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background: var(--nci-link); color: #fff; }
    .nav-tabs .nav-link.active::before { background-image: url("data:image/svg+xml;utf,<svg width='1em' height='1em' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z' clip-rule='evenodd'/></svg>"); }
}


/* ==================================================
	Modal Window
================================================== */
.modalItem { display: inline-block; }

/* no JS? no modal trigger shown */
.modalItem-trigger { display: none; }

/* js class on body? we got JS, so show the modal trigger */
.js .modalItem-trigger { display: inline-block; }

/* js class on body? we got JS, so hide the provided content, it will go into a modal now */
.js .modalItem-content { display: none; }

/* style the provided content in case there is no JS */
.modalItem-content { padding: 1rem; border: 1px solid #ccc; background: #f2f2f2; }
.modalItem-title { font-size: 1.25rem; font-weight: bold; border-bottom: 1px dotted #ccc; margin-bottom: 1rem; }


/* ==================================================
	Print Styles
================================================== */
@media print {
	/* you get a dollar if you actually read this and do print CSS */
	@page { margin: 40px 20px 20px 20px; }
	
	/* print URLs from the main element only */
	main a[href]:after { content: " (" attr(href) ")"; }
	/* but don't print internal links */
	main a[href^="#"]:after { display: none; }

	/* stop flex columns in print since it can cause issues */
	[class*="col"] { flex-basis: 100%!important; max-width: 100%!important; width: 100%!important; }

	/* change flexbox to address Firefox printing */
	[class*="d-flex"], [class*="row"] { display: block!important; }
	
	/* show items that are hidden by default (toggled content, modals, etc.) */
	.modalItem-content, .tog-content, .tab-pane { display: block!important; }
	
	/* some things we can hide in print */
	.searchWrap, .navBar, .subNav-wrap, footer, [role="tablist"], .modalItem-trigger, .tog-control .state, .togSubNav { display: none!important; }
}