/* ==================================================
	NCI Govt Header
================================================== */
section#usa-banner {margin-bottom: 0; background: #f0f0f0;}
.usa-banner__header-text {font-size: 12px; line-height: 1.2; margin-bottom: 0; margin-top: 0;}
.usa-banner__header-text img {vertical-align: baseline;}
/**************************************
Structure
**************************************/
html { 
    scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	background-color:#f1f1f1 !important;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #000;
}

body, .modal { padding-right: 0!important; }

body.no-crumbs .breadcrumb { display: none; }

section { margin-bottom: 20px; }

.main.full { 
	width: 100%; 
	background-color:#fff;
	padding: 30px;
    box-shadow: 0 0 4px #999;
	margin-left:0;
	margin-right:0;
	margin-top: -30px;
	position:relative;
}
@media screen and (max-width: 992px) {
	.main.full { padding: 15px; margin-top: 0;}
}
@media (max-width: 1200px) {
	.container.body, .container-lg.body {max-width: 98%; margin: auto; padding-bottom: 30px; position: relative;}
}

.container.body, .container-lg.body {
    background: #fff;
    padding: 30px;
    margin-top: -30px;
	box-shadow: 0 1px 6px -2px #999;
	position:relative;
}

header { background-color: #fff; }

.section { padding: 0 0 1em 0; overflow: hidden;}

.navBar { position: relative; background: #142c68; }

.highlighted { background: #dce4ef; padding-bottom: 30px;}
.highlighted .row:not(.row-eq-height) { padding-left: 12px; padding-right: 12px;}

.wide .section .container { width: 95%; max-width: none; }


/**************************************
Images
**************************************/
img { max-width: 100%; height: auto; }

/* body container background */
img.bg-front, img.bg-back {display: none;}
@media (min-width: 993px) {
    img.bg-front { display: block; position: absolute; left: -126px; z-index: -1; width: auto; }
    img.bg-back { display: block; position: absolute; right: -127px; top: 30px; z-index: -1;  width: auto;}
    .bg-back-wrapper {position: relative;}
}

/* feature box image */
.landing .img { margin-bottom: 0; max-height: 130px; overflow: hidden; }
.img.img-dyk, .img.img-fact, .img.img-explore, .img.img-nccr { overflow: auto; background-position: center; background-size: cover; height: 130px; }
.img-dyk { background-image: url("../i/tile-dyk.webp"); }
.img-explore { background-image: url("../i/tile-explore.webp"); }
.img-fact { background-image: url("../i/tile-fact.webp"); }
.img-nccr { background-image: url("../i/tile-nccr.png"); }

svg.inline-icon { height: 15px; display: inline; fill: currentColor;}
svg.download, svg.twitter  {height: 22px; padding-right: 5px;}
svg.search-plus {height: 18px; padding-right: 5px;}

/* archive icons (cobweb) */
img.archived-icon {margin-left: .2rem;}

/**************************************
Landing pages - Equal heights rows
**************************************/
.row-eq-height {display: flex;
    align-items: stretch;}
.row-eq-height > div, .row-eq-height > a.clickable  {
	vertical-align: top;
    display: flex;
    align-items: stretch;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.row-eq-height > div .btn-div .text {padding-bottom: 60px; float:none;}
.row-eq-height > div.column {padding-left: 0px;}
.row-eq-height > div.column .btn-box {margin-left:15px; margin-right:0;}

@media screen and (max-width: 576px) {
    .row-eq-height > div[class^="col-sm-"], .row-eq-height > a.clickable[class^="col-sm-"] {display: grid; margin-bottom: 30px; padding-left: 0; padding-right: 0; width:100%;}
    .row-eq-height > div[class^="col-sm-"] > div.btn-box, .row-eq-height > div.column[class^="col-sm-"] .btn-box, .row-eq-height > div[class^="col-sm-"] .btn-div .text {padding-bottom: 0;}
}
@media screen and (max-width: 768px) { 
    .row-eq-height > div[class^="col-md-"], .row-eq-height > a.clickable[class^="col-md-"] {display: grid; margin-bottom: 30px; padding-left: 0; padding-right: 0; width:100%;}
    .row-eq-height > div[class^="col-md-"] > div.btn-box, .row-eq-height > div.column[class^="col-md-"] .btn-box, .row-eq-height > div[class^="col-md-"] .btn-div .text {padding-bottom: 0; margin-left: 0;}
    /* the only instances of row-eq-height with lg breakpoints are on two.php/2guide.php so md breakpoint fits better*/
    .row-eq-height > div[class^="col-lg-"] > div.btn-box, .row-eq-height > div[class^="col-lg-"] > div.column .btn-box, .row-eq-height > div[class^="col-lg-"] .btn-div .text {padding-bottom: 0px;}
}
@media screen and (max-width: 992px) { 
    .row-eq-height > div[class^="col-lg-"], .row-eq-height > a.clickable[class^="col-lg-"] {display: grid; margin-bottom: 30px; padding-left: 0; padding-right: 0; width:100%;}
    
}
.row-eq-height:not(.arn) > div:not(.btn-box, .column) > div {background: #eee; position: relative; width: 100%;}
.row-eq-height.landing > div > div {padding-bottom: 60px;}
.row-eq-height > div.column > div {background: none; padding-bottom: 0px;} /* data-software button boxes div wrapper */
.row-eq-height .landing { padding-bottom: 0; }

/**************************************
Type
**************************************/
@font-face { font-family: 'Merriweather'; src: url("/fonts/Merriweather-Regular.ttf"); font-display: swap; }
@font-face { font-family: 'Merriweather-bold'; src: url("/fonts/Merriweather-Bold.ttf"); font-weight: bold; font-display: swap;}
@font-face { font-family: 'Source Sans Pro'; src: url("/fonts/SourceSansPro-Regular.ttf"); font-display: swap;}
@font-face { font-family: 'Source Sans Pro-bold'; src: url("/fonts/SourceSansPro-Bold.ttf"); font-weight: bold; font-display: swap;}

p {	margin: 0 0 1.2em 0; }
b, strong { font-family: 'Source Sans Pro-bold'; }
pre { font-size: 1em; border-radius: 0; display: block; padding: 9.5px; margin: 0 0 10px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc;}
hr { padding: 0; margin: 1em 0; border: none; border-top: 1px solid #c1c1c1; opacity: 1;}

ul { list-style: url("/i/bullet.png"); margin: 0 0 1.2em 0 !important; padding-left: 2em; }
ul.menu.nav-menu {
    margin-bottom: 0 !important;
}
.row > ul {padding-left: 2em;}
.row > ol {padding-left: 1.75em;}
ul li { margin-bottom: .4em; }
ul li ol li {list-style: auto;}
ol li { margin-bottom: .6em; }
dl { margin-top: 0; }

blockquote { font-size: 1em; padding: 10px 20px; margin: 0 0 20px; background: #eee; border-left: 5px solid #DCE4EF; } /* used for citations, see last section of a fact sheet */
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {margin-bottom: 0; }

h1, h2, h3, h4, .hero-tagline { font-family: "Merriweather-bold", Georgia, serif; }

h1, .hero-tagline { margin: 0; padding-top: 15px; padding-bottom: 15px; font-size: 30px; line-height: 1.3; clear: both; }
.hero-tagline { margin: 15px; padding-top: 0px; padding-bottom: 0px; font-size: 30px; line-height: 1.3; clear: both; }
h1 .subTitle, .release { font-size: 70%; } /* Release Date (appears under H1) */

h2 { font-size: 26px; line-height: 1.3em; margin: 0 0 20px 0; }
h2 .release { font-size: 80%; font-weight: normal; }
.right-sidebar h2, .sidebar h2 { margin-top: 0; font-size: 18px; text-align: left; }
.right-sidebar h3, .sidebar h3 { font-size: 14px; }
.sublanding.sections h2, .landing h2, .row-eq-height h2, .cardWrap h2 { padding: 10px 20px; border-bottom: none; background-color: #142c68; color: #fff; font-size: 18px; margin-bottom: 0; margin-top: 0; }

h3 { font-size: 20px; line-height: 1.3em; margin: 0 0 10px; width: 100% !important; }
h4 { font-size: 17px; line-height: 1.3em; margin-top: 10px; }
h5 { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: 1.3em; text-transform: uppercase; }
h6 { font-size: 1em; font-weight: bold; }

.highlighted h2 { margin-top: 0; }
.highlighted p { margin-top: 0; }

/* clean up the redundancy on these small text classes */
.highlighted .smaller-text { font-size: 60%; text-transform: initial; }
.highlighted .release { font-size: 50%; text-transform: initial; display: block; margin-top: 5px; }

/* used on Fact Sheets for modal trigger captions */
.smaller { font-size: 96%; color: #666; }

/* no text underline on navigation links */
nav a { text-decoration: none!important; }



/**************************************
Forms
**************************************/
label { display: block;	padding-bottom: .2em; font-weight: 700; }
.form-group {margin-bottom: 15px;}
/* #tosForm li:last-child legend {float:none; } */
.form-text {font-size: 16px;} /* block-level help text */


/**************************************
Footer
**************************************/
.returntop {
	bottom: 3rem;
    position: fixed;
    right: 1rem;
    display: none;
    z-index: 99;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(/i/dccps/up-arrow.svg) center no-repeat;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.returntop span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.returntop:hover, .returntop:focus {
    background: url(/i/dccps/up-arrow-hover.svg) center no-repeat;
}
.footer { padding: 2em 0 0; margin-top: 0; z-index: 1; background-color: #f1f1f1; }
footer h2 { font-size: 1em; color: #fff; margin-bottom: 10px; padding-left: 0 !important;}
footer .row ul { list-style: none; padding: 0; }
.footer-links { background: #142c68; padding: 20px 0; color: #fff; margin-top: 20px; }
.footer-links a, .footer-links a:visited, .footer-links a:hover { color: #fff; }
.footer-links a:hover { text-decoration: underline; }

.social li { display: inline-block; padding: 0 18px 0 0; }
.social li a:hover { opacity: .9; }
.social .icon-exit-notification { display: none; }

.linkList { white-space: inherit; text-align: center; margin: 0 0 1em 0; list-style: none; padding-top: 2em; clear: both; }
.linkList li { display: inline-block; margin: 0 .2em; }
.linkList li::after { content: "|"; padding-left: 0.5em; }
.linkList li.last:after { display: none; }

footer .seer-logo { background: transparent url("../i/seer_logo.png") left center no-repeat; padding-left: 100px; }
@media screen and (max-width: 450px) {
	footer .seer-logo { background-position: top center; padding: 80px 0 0 0; text-align: center; }
}


/**************************************
Helpers
**************************************/
/* .visually-hidden { clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } */

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.extlink { padding-left: .2em; }
a.icon-exit-notification { display: none !important; }

/* Blue Info Box */
.info { display: block; padding: .5em 1em .5em 1.4em; margin: 0 0 2em 1em; border: 1px dashed #142c68; background: #dce4ef; color: #333; position: relative; zoom: 1; flex-shrink: unset;}
.info:before { content: 'i'; height: 25px; width: 20px; position: absolute; top: 6px; left: -9px; background-color: #142c68; padding: 2px 6px; color: #fff; font-style: italic; }

/* Publication Citations */
.pub { padding-left: 1.5em; border-left: 4px solid #dce4ef; position: relative; }
.pub:after { display: block; width: 0; height: 0; position: absolute; top: 50%; left: 0; border: 8px solid transparent; border-left-color: #dce4ef; content: ""; margin-top: -8px; }

del::before, 
del::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

del::before {
  content: " [deletion start] ";
}

del::after {
  content: " [deletion end] ";
}
/**************************************
Tables
**************************************/
table { margin-bottom: 1.2em; width: 100%; caption-side: top;}
th, td { border: 1px solid #ccc; padding: 8px; }
th, thead td, .table th { background: #222; color: #fff; font-weight: normal; }
tbody th, tr.secondary th, tr.subhead td, tr.subhead th { background: #eee; color: #222;}
/* approximate match with #dce4ef on 40% opacity for doublescroll wrapper gradient */
tbody tr:hover { background-color: rgba(166, 186, 218, .4) !important;} 
tr.secthead:hover { background-color: rgba(166, 186, 218, .4) !important; color: #222;} 
tfoot td {
	text-align: left;
}
.table>:not(:first-child) { border-top: 1px solid #fff;}

caption, figcaption, .caption { text-align: left; font-weight: bold; padding: 10px; background: #eee; color: #222; margin-bottom: 0; }
h3.caption { font-size: 1em; }
.caption-join { text-align: left; padding: 0; font-weight: normal; }
.caption-head { background: #555; color: #fff; padding: 8px; border: 1px solid #ccc;}
.caption-body { background: #fff; color: #000; padding: 8px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

thead th a { color: #fff; text-decoration: underline; }
thead th a:hover, thead th a:focus, thead th a:visited { color: #eee; }

.doubleScroll-scroll-wrapper + .table-responsive {
  	margin-bottom: 1em;
    overflow-x: auto;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));
    background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: -ms-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -ms-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
    background-attachment: local, local, scroll, scroll;
}
.table-responsive {padding-left: 0; padding-right: 0;}

/**************************************
Page Elements
**************************************/
/* Clickable box on landing pages */
.clickable > div, .row-eq-height .clickable > div {  background: #dce4ef; border-left: 5px solid #008000; transition: all .2s ease-in-out; color: #000 !important; }

/* ? */
.clickable div { width: 100%; padding: 10px 20px 10px 20px; }
.landing .clickable { border-right: none; min-height: 80px; margin-bottom: 20px; }
.column .clickable { border-right: none !important; }
.column .clickable:first-child >div { margin-bottom: 30px; }

/* ? */
.clickable:hover > div, .clickable:focus > div { border-left: 5px solid #004600; transform: scale(1.02); text-decoration: none; color: #000; }

/* clickable box headers */
.clickable h4, .clickable h3, .clickable h2 { padding: 0; background: none !important; font-size: 18px !important; margin-top: 15px !important; margin-bottom: 10px; color: #000; }

/* ? */
.column { background: none !important; padding-bottom: 0 !important; }
.column .btn-box:first-child { margin-bottom: 30px; }

/* ? */
.btn-box { padding: 0; padding-bottom: 60px; background: #eee; border: 5px solid #dce4ef; position: relative; }
.btn-box h2, .btn-box h3 { background-color: transparent !important; color: #222 !important; padding: 20px 20px 0; font-size: 18px; margin-bottom: 0; }
.btn-box h4 { padding: 10px 20px 0px 20px; }

/* ? */
.right-sidebar { padding-left: 0; padding-right: 0; padding-top: 0; margin-top: 0; border-top: none; }
.right-sidebar img { padding: 10px 0; }
.right-sidebar div { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.right-sidebar div:first-child { margin-top: 0;	padding-top: 0; border-top: none; }

/* ? */
.text {	padding: 20px; }
.text p { padding-left: 0 !important; }

.clickable .text { padding-left: 0; padding-top: 0; float: none; }
.btn-box .text { float: none; }

/* ? */
.text h2 { font-size: 1em; }
.text h3 { font-size: 18px; }

/* ? */
.btn-abs { position: absolute; left: 0; bottom: 0; width: 100%;z-index: 1;}
.btn-abs button, .btn-abs a, .btn-abs input { margin: 20px;	}

/* ? */
.highlighted button { margin-left: 0; }


/**************************************
Links
**************************************/
a, a:not([href]):not([class]), a:not([href]):not([class]):hover { color: #0065A8; }
a:hover, a:visited, a:focus { color: #884488; text-decoration: underline; }
a.button, a.clickable, .feature:not(.non_arn) a, .download-sw, .btn-abs a, a[role="tab"], .footer-links a, h1 a, .breadcrumb a {text-decoration: none;}

a.more-link  {
	display: inline-block;	
	font-weight: bold;
	background: url('/i/caret-right-sm.png') no-repeat right;
	padding-right: 13px;
    background-size: 5px;
	text-decoration: underline;
}

.to_top { text-align: right; font-size: 94%; border-bottom: medium double #d6d6d6; margin-bottom: 2em; }
.to_top a { display: inline-block; padding: 0 0 .25em 1em; text-decoration: none; }


/**************************************
Buttons
**************************************/
.grayBtn {
	background: #fcfcfc url("../i/grad.png") 0 .65em repeat-x;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff;
	color: #333!important;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	padding: .2em 1em;
	text-decoration: none;
	margin: 0;
}
.grayBtn span { padding-right: 1em; background: url("../i/arrow-btn-orange.png") right 55% no-repeat; }
.grayBtn:hover { background: #fcfcfc; color: #333; }

.greenBtn {
	background: #008000;
	border-bottom: 3px solid #004600;
	border-radius: 3px;
	color: #fff!important;
	text-decoration: none;
	margin: 0;
}
.greenBtn span { padding-right: 1em; background: url("../i/arrow-btn-white.png") right 55% no-repeat; }
.greenBtn:hover, .greenBtn:focus { background-color: #004600; color: #fff; }

/* ? */
a.button { margin-left: 0; margin-bottom: 20px; display: inline-block; margin-top: 0; }
main a.button { margin-left: 20px; } 
.sidebar a.button { margin-left: 0; margin-bottom: 0; width: 100%; }

main button, .highlighted button, .btn-abs input, .button, #UserForm input[type="submit"], #UserForm input.ckBtn[value="Check All"], #UserForm input[value="View Statistics"], #UserForm input[value="Page"], #UserForm input[value="Row"], #UserForm input[value="Column"] {
    background-color: #008000;
    border: none;
	border-bottom: 3px solid #004600;
    border-radius: 3px;
    color: #fff !important;
    padding: .5em 2em .5em 1em;
    background-image: url(/i/caret-right-sm-f.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
	background-size: 5px;
	margin-bottom: 20px;
}

:not(.seer-vtr-application) main button:not(.btn-link):hover, :not(.seer-vtr-application) main button:not(.btn-link):focus, .highlighted button:hover, .highlighted button:focus, .btn-abs input:hover, .btn-abs input:focus, :not(.seer-vtr-application) .button:hover, :not(.seer-vtr-application) .button:focus, #UserForm input[type="submit"]:hover, #UserForm input.ckBtn[value="Check All"]:hover, #UserForm input[value="View Statistics"]:hover, #UserForm input[value="Page"]:hover, #UserForm input[value="Row"]:hover, #UserForm input[value="Column"]:hover, #UserForm input[type="submit"]:focus, #UserForm input.ckBtn[value="Check All"]:focus, #UserForm input[value="View Statistics"]:focus, #UserForm input[value="Page"]:focus, #UserForm input[value="Row"]:focus, #UserForm input[value="Column"]:focus {
	background-color: #004600;	
	text-decoration: none;
}
.sidebar .modalItem button:hover {
    background: transparent !important;
}

/* overwrite the green background on hover from styles above for the bootstrap modals close button */
.modal .btn-close:hover, .modal .btn-close:focus { background-color: #f5f5f5; color: #000!important; }

button.gray, input.gray, #UserForm input#goback, #UserForm input[value="Clear"], .button-gray, .seer-vtr-application .btn.btn-secondary {
	color: #222 !important;
    border: 1px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
    box-shadow: inset 0 -1.2em 10px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5);
    background: #ececec;
	background-color: #ececec;
	padding: .5em 1em;
	border-radius: 3px;
}
button.gray:hover, button.gray:focus, .seer-vtr-application button.gray:hover, button.gray:focus, #UserForm input#goback:hover, #UserForm input[value="Clear"]:hover, #UserForm input#goback:focus, #UserForm input[value="Clear"]:focus, .button-gray:hover, .button-gray:focus {
	box-shadow: inset 0 -1.75em 17px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.3);
	background: #ececec;
}


/**************************************
Header
**************************************/
#skip, #skip:hover, #skip:visited { position: absolute; top: -20em; right: 44%; padding: .7em 1.5em; font-weight: bold; border: 2px solid #ccc; border-top: none; border-radius: 0 0 3px 3px; transition: all .2s ease-in-out; }
#skip:active, #skip:focus { position: absolute; top: 0; color: #a90101; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.7); }

.seerLogo { display: inline-block; line-height: 0; max-width: 641px; padding: 23px 0; max-height: 100px; width: 100%; }
.seerLogo > img {max-width: 100%; height: auto;}

/* Search Box */
.search {position: relative;}
.search > form { position: relative; width: 100%; margin-top: 40px; }
.search label { display: block; padding-bottom: 0.2em; position: absolute; text-indent: -5000px; top: -5000px; }
#searchsite { padding: 5px 45px 5px 10px; width: 100%; }
.search .greenBtn { position: absolute; right: 0; top: 0; padding: 10px 9px 8px 9px; }
/* adjust positioning of box as screen gets smaller (add this buttons move) */
@media only screen and (max-width: 1024px) { .search > form { margin-top: 30px; } }
@media only screen and (max-width: 767px) { .search > form { margin-top: 0; margin-bottom: 10px; } }

/* Breadcrumbs */
.crumbs { padding: .6em 0 .3em 0; }
.home .crumbs {display: none;}
.crumbs .home { vertical-align: bottom; }
.crumbs .home img { vertical-align: middle; padding-bottom: 2px; }
.crumbs .arrow { margin: 0 .2em; }
.crumbs a { text-decoration: none; }
.crumbs a:hover, .crumbs a:focus { text-decoration: underline; }
@media (max-width: 991px) {	.crumbs { display: none; } }

/*New breadcrumbs*/
ol.breadcrumb {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: .6em;
    margin-bottom: 0;
}


/**************************************
Toggles
**************************************/
/* only show when JS is available */
.js .tog-control { width: 100%; margin: 0 0 10px 0;	font-size: 1em; padding: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; display: block; }
.tog-control button { width: 100%; text-align: left; background-color: #eee; background-image: url(../i/plus-dark.png); background-size: 15px; color: #222 !important; border: 5px solid #dce4ef; border-radius: 0; margin-bottom: 0; padding-right: 3em; }
.tog-control button[aria-expanded="true"] { background-image: url(../i/minus-dark.png);	}
.tog-control button:hover, .tog-control button:focus { background-color: #dce4ef !important; }
@media (max-width: 576px) {
    .js .tog-content { padding: 0px 20px; }
    .js .tog-content > ul {padding-left: 0; padding-right: 0;}
}
.js .tog-content { padding: 10px 20px; }



/**************************************
Left Navigation
**************************************/
/*	- Hiding the left nav column for the django template. This method allows us to supply django devs with one template to handle one and two column designs.
	- If developer adds "wide" class on body, it means they want full width, so hide the left nav column.
	- The .wide-leftNav class only exists on Django template for this method. */
	.wide .wide-leftNav { display: none; }
/* now widen the content column that is remaining to make up for the left nav column we removed */
	.wide #content { width: 100%; }

/* all list defaults */

@media (min-width:992px) {
	.full .leftNav, .wide .leftNav {
		display: none;
	}
}
.leftNav ul { background: #eee; list-style: none; margin: 0 !important; padding: 0 !important;}
.leftNav li { position: relative; border-bottom: 1px solid #d6d6d6; margin: 0; padding: 0;}

/* target all the children/2nd/3rd/4th lvl */
.leftNav ul ul { background: #fff; }
.leftNav ul ul li a { padding-left: 30px; }
.leftNav ul ul ul li a { padding-left: 45px; }
.leftNav ul ul ul ul li a {	padding-left: 55px; }
.leftNav ul ul ul ul ul li a { padding-left: 75px; }

/* top link, blue bar */
.leftNav strong { background: #006db5; color: #fff; padding: 10px 13px; font-size: 1.1em; display: block; }
.leftNav strong a {color: #fff;}
/* links in lists */
.leftNav li a { text-decoration: none; display: block; padding: 8px 30px 8px 10px; color: #000; border-left: 3px solid transparent; }
	.leftNav li a:hover, .leftNav li a:visited { color: #000; text-decoration: none; }
	.leftNav li a:hover, .leftNav li a:focus { border-left: 3px solid #bb0e3d; }

/* current page */
.leftNav li a.active {	background: #fff; border-left: 3px solid #bb0e3d; }

/* toggle button for sections +/- */
.leftNav-toggle { position: absolute; height: 10px; width: 10px; right: 8px; top: 10px; padding: 10px; display: block; background: transparent url("../i/plus-dark.png") center no-repeat; background-size: 10px; border: none; }
	.leftNav-toggle:focus { outline: 1px dotted #000; }
.leftNav-toggle[aria-expanded="true"] { background: transparent url("../i/minus-dark.png") center no-repeat; background-size: 10px; }

/* show/hide left nav on mobile */
/* hide it by default */
.togLeftNav { display: none; background-image: none !important;}
.togLeftNav span { padding-left: 16px; background: url("/i/caret-down-sm-f.png") left 8px no-repeat; background-size: 10px; }

@media (max-width: 991px) {
	/* Note: to avoid content flash, we are no longer waiting for JS to be present before hiding the left nav on mobile*/
	.leftNav-wrap .leftNav { display: none; }
	
	.togLeftNav { display: block; margin-bottom: 20px; position: relative; padding: .35em 0; width: 100%; background-image: none; z-index: 1001;}
	
	/* limit the height of the modal for the subnav, scroll within modal instead of the actual modal */
	#leftNav .modal-body { max-height: 30em; overflow-y: auto; }
	
	.no-crumbs .togLeftNav { display: none;	}
	
	/* ? */
	main#content { padding-top: 20px; }
}


/**************************************
Modal Window
**************************************/
/* The close button has opacity that makes it fail a contrast check and it has no visual focus cue. Opacity turned off, focus style added. */
.close { opacity: 1; margin: 0; background: none; color: #333!important; padding: 0 5px!important; border: 1px solid transparent!important; }
.close:focus { outline: 1px dotted #000; }
.close:hover, .close:active, .close:focus { background: #ddd; border-color: #ccc!important; }

.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; }

/* improve the trigger a bit */
a[data-bs-toggle] { display: inline-block; }
a[data-bs-toggle]:hover { cursor: pointer; }
a:not([href]):not([class]), a:not([href]):not([class]):hover {text-decoration: underline;}
a:not([href]):not([class]):hover {color: #884488;}

/* 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: 1em; border: 1px solid #ccc; background: #eee; }
.modalItem-title { font-size: 16px; font-weight: bold; border-bottom: 1px dotted #ccc; margin-bottom: 1em; }

/**************************************
Tooltips
**************************************/
/* circular tooltip with question mark */
.tip { background-color: #006db5; background-image: none; padding: 1px 8px; color: #fff; margin-left: 5px; margin-bottom: 0; border-radius: 12px; border: none; font-size: 13px; cursor: pointer; display: inline !important;}
.tip:hover, .tip:focus {background-color: #004d80;}
/* override bootstrap's black background + white text tooltip style. (BS 5.2 adds special customization class for this) */
.tooltip.show {opacity: 1;}
.tooltip > .tooltip-inner {background-color: #fff; color: #000; box-shadow: 0px 5px 5px #AFAFAF;  text-align: left; font-size: 13px; padding: 10px; border: 1px solid #B6B6B6;}
.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #fff;}
.bs-tooltip-top .tooltip-arrow::before {border-top-color: #fff;}
.bs-tooltip-start .tooltip-arrow::before {border-left-color: #fff;}
.bs-tooltip-end .tooltip-arrow::before {border-right-color: #fff;}


/*************************************
Abbr / Abbreviations
*************************************/
abbr[title] {position: relative;}
abbr[title]:focus::after {content: attr(title); position: absolute; left: 0; bottom: -25px; left: -50%; width: auto; white-space: nowrap; background-color: #ffffff; color: #333333; font-size: 13px; padding: 0px 5px; border: 1px solid #000000;}


/**************************************
Tabs
**************************************/
ul[role="tablist"] { padding-left: 0 !important; margin-bottom: 0!important; }
[role="tablist"] li { display: inline-block; list-style: none; margin: 0; }
a[role="tab"], .seer-vtr-application button[role="tab"] { background: #eee !important; color: #222 !important; padding: 0.75em 1em !important; display: inline-block; margin-right: 0.15em !important; font-weight: bold !important; }
[role="tablist"] a[aria-selected], a[role="tab"]:focus, a[role="tab"]:hover, .seer-vtr-application .nav-tabs > .nav-item > button:hover, .seer-vtr-application .nav-tabs >  .nav-item > button:focus, .seer-vtr-application .nav-tabs > .nav-link.active, .seer-vtr-application .nav-tabs > .nav-item > a:hover, .seer-vtr-application .nav-tabs > .nav-item > a:focus { background: #dce4ef !important; color: #222 !important; border-bottom: 0 !important; position: relative !important; }
[role="tabpanel"] { margin-top: 0; padding: 1.5em; border: 5px solid #dce4ef; }
[role="tabpanel"][aria-hidden="true"] { display: none; }
@media screen and (max-width: 576px) {
    [role="tabpanel"] {padding-left: .5em; padding-right: 0.5em;}
}
.tab-interface h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}
	
.tab-interface h3 {
	font-size: 1.1em;
}
	
.tab-interface h4 {
	font-size: 0.9em;
}

/* tabs with tabs-lg class will go full width at this breakpoint */
@media screen and (max-width: 1198px) {
	.tabs-lg [role="tablist"] li, .tabs-lg a[role="tab"] { display: block; }
	.tabs-lg a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	.tabs-lg a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	.tabs-lg a[role="tab"]:hover, .tabs-lg a[role="tab"]:focus { background-color: #dce4ef; }
}

/* tabs with tabs-md class will go full width at this breakpoint */
@media screen and (max-width: 990px) {
	.tabs-md [role="tablist"] li, .tabs-md a[role="tab"] { display: block; }
	.tabs-md a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	.tabs-md a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	.tabs-md a[role="tab"]:hover, .tabs-md a[role="tab"]:focus { background-color: #dce4ef; }
}

/* tabs will go full width at this breakpoint (default) */
@media screen and (max-width: 768px) {
	[role="tablist"] li, a[role="tab"] { display: block; }
	
	[role="tablist"] a[role="tab"] { padding-right: 20px; margin: 0; background: #eee url("../i/plus-dark.png") 98% center no-repeat; background-size: 15px; border: 5px solid #dce4ef; color: #222; font-weight: bold; }
	[role="tablist"] a[aria-selected] { background: #dce4ef url("../i/minus-dark.png") 98% center no-repeat; background-size: 15px; }
	[role="tablist"] a[role="tab"]:hover, [role="tablist"] a[role="tab"]:focus { background-color: #dce4ef; }
}

/*****************************************
Carousels
*****************************************/

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}
/* focus indicator */
.flickity-enabled:focus .flickity-viewport {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;}

/* draggable */
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

/* ---- flickity-button ---- */
.flickity-button {position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;}
.flickity-button:hover {background: white; cursor: pointer;}
.flickity-button:focus {outline: none; box-shadow: 0 0 0 5px #19F;}
.flickity-button:disabled {opacity: 0.3; cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;}
.flickity-button-icon {fill: currentColor;}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); opacity: 1; background: #008000; border-bottom: 3px solid #004600; border-radius: 3px; width: 40px; height: 40px;}
.flickity-prev-next-button.previous {left: 10px;}
.flickity-prev-next-button.next {right: 10px;}
.flickity-prev-next-button .flickity-button-icon {position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;}
.flickity-button-icon {fill: white;}
.flickity-prev-next-button:hover, .flickity-prev-next-button:focus {background-color: #004600;}

/* ---- page dots ---- */
.flickity-page-dots {position: absolute; width: 100%; padding: 1rem 0 0 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-page-dots .dot { display: inline-block; width: 19px; height: 19px; margin: 0 8px;  background: transparent; border: 3px solid #142c68; opacity: 1; border-radius: 50%; cursor: pointer; margin: 0 .5rem;}
.flickity-page-dots .dot.is-selected { opacity: 1; background: #142c68;}
.flickity-page-dots .dot:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;}

/* Clean up Still In Progress Below */

.errorMessage {
	color: #EE5555;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	text-transform: capitalize;
	font-size: 90%;
	padding: 0 .5em;
	margin-left: 10px;
	border: 1px solid #EE5555;
	background: #fdeded;
	border-radius: 3px;
	position: relative;
}
.errorMessage:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	bottom: 50%;
	right: 100%;
	border-right-color: #EE5555;
	margin-bottom: -6px;
}
.errorField {
	background: #fff8ab;
}
.hpField {
	left: -200%;
	position: absolute;
	top: -200%;
}
span.show-on-class {
	display: none;
}
.class-template span.show-on-class {
	display: block;
}




#content.one-column {
	margin-right: 20px;
}
#wrapper {
	text-align: left;
}
#mainTable {
	text-align: left;
	border-collapse: collapse;
	margin: 0 auto;
	border: 1px solid #000033;
	background: #FFFFFF;
}
#mainTable td {
	vertical-align: top;
}
#mainTable #seerLogo {
	position: absolute;
}
td #local_nav {
	margin-top: 3px;
}
td #content {
	border-left: 1px dashed #A90101;
	margin: 3px 0 0 0;
	padding: 0 20px;
}
#footnotes.txtRight {
	text-align: left;
}
#mainTable #search, #mainTable #seerTitle {
	margin-top: 6px;
}
#mainTable #search form {
	margin: 0;
	padding: 0;
}
#mainTable #seerTitle {
	margin-left: 93px;
	display: inline;
}
#mainTable #tabs {
	float: left;
	width: 100%;
	min-width: 0;
	margin-top: 13px;
	padding: 0;
}
#tabs ul.normtab {
	margin-left: 93px;
}
#tabs ul.normtab li {
	float: left;
	margin: 0;
	padding: 0;
}
#tabs ul.regtab li {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}

.dataTable.smallTxt {
	font-size: .9em;
}

.dataTable.smallTxt th, .dataTable.smallTxt td {
	padding: 2px 6px;
}

.dataTable th a {
	color: #FFFFFF;
}
th.subhead a {
    color: #222;
}
th.subhead a:hover, th.subhead a:focus {color: #884488;}
.dataTable th.vertical {
	text-align: left;
}
.dataTable th.indent1 {
	padding-left: 10px;
}

.dataTable th.thirdhead {
	background: #D6E7E9;
	color: #1E414F;
}
.dataTable th.blank {
	background: #FFFFFF;
	border: 0;
}
.dataTable td {
	display: table-cell;
	text-align: right;
	padding: 2px 8px;
}
.dataTable td.txtLeft {
	text-align: left;
}
.dataTable tr.shaded {
	background-color: rgba(230, 238, 240, .3);
}
.dataTable col.divider {
	border-left: 2px solid #ccc;
}
.dataTable col.majordivider {
	border-left: 4px solid #ccc;
}
.dataTable tr.rowgroup {
	border-top: 2px solid #ccc;
}

#footnotes { text-align: left; }

.txtLeft { text-align: left; }

.dataTable th.leftIndent5 { padding-left: 13px; }
.dataTable th.leftIndent10 { padding-left: 18px; }
.dataTable th.leftIndent15 { padding-left: 23px; }
.dataTable th.leftIndent20 { padding-left: 28px; }


/* Tablesorter.js additions */
/* rather than use the entire theme file, I grabbed the CSS for the arrows only */
/* Common Cancer Sites Fact Sheet, New CAses, Deaths, and Survival */ 
.tablesorter .header,
.tablesorter .tablesorter-header {
	padding: .3em 20px .3em .3em;
	cursor: pointer;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	color: #fff;
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
	color: #fff;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}


@media (max-width: 768px) {
    .row-eq-height {display: flex; flex-direction: column;}
	
	.highlighted { padding: 0; }
	.highlighted h1 { font-size: 1.5em; margin-bottom: 15px; }
	.highlighted .smaller-text, .highlighted .release { font-size: 70%; }
	:not(.home) .highlighted img { display: none; }	
	.highlighted .crumbs img { display: inline; }
	
	.feature { margin-bottom: 10px;	}

	.home .landing { float: none; background: #fff; table-layout: auto;}

	.btn-abs { position: relative; margin-bottom: 0!important; }

	.container.body, .container-lg.body { padding: 0 15px 30px 15px; margin-top: -15px; }

	.landing ul { float: none !important; }

	.text { float: left; }
}


/**************************************
Main Menu
**************************************/
#topnav { background:#142c68;}
#topnav .navbar {padding: 0;}
.multi-column-dropdown { list-style: none; margin: 0px; padding: 0px;}
.multi-column-dropdown li:not(.dropdown-header) {margin-bottom: 0; margin: 0; font-size: 15px;}
.multi-column-dropdown li a { display: block; line-height: 1.4; color: #fff; white-space: normal; padding-top: 0; padding-bottom: 0;}
#mainNav a.dropdown-header {padding-bottom: 0; padding-left: 0; margin-right: .5rem;}
#topnav .menu-label-wrapper {display: flex; flex-direction: row; align-items: center;}
#mainNav .nav-item.current-page .nav-link, #mainNav .nav-item.dropdown.contains-current .nav-link {background-color: #006db5;}
#mainNav ul {list-style: none; padding-left: 0;}
#mainNav .offcanvas.show h3.offcanvas-title {background: transparent; border: none;}
@media (min-width: 992px) {
    #topnav .menu-label-wrapper {display: none;}
    #mainNav .navbar-nav {background-color: #142c68;}
    #mainNav .multi-column-dropdown li:not(.dropdown-header) {padding-bottom: 0.7rem;}
	#mainNav .multi-column-dropdown li:not(:first) .dropdown-header {margin-top: 1rem;}
    #mainNav .nav-item {margin-bottom: 0; padding: 0; position: static; flex-grow: 1; display: flex; align-items: stretch;}
    #mainNav .nav-item .nav-link {flex-grow: 1; padding-top: 1.2rem; color: #fff; font-size: 1em; margin-right: 0; text-align: center; background-color: #142c68;}
    #mainNav .nav-link:hover, #mainNav .nav-link:focus-visible, #mainNav button:hover, #mainNav button:focus-visible, #mainNav .nav-item button[aria-expanded="true"].nav-link {background-color: #006db5;}
    /* arrow pointing up when main nav dropdown is expanded on desktop */
    #mainNav button[aria-expanded="true"]::after {border-top: 0; border-bottom: 0.3em solid;}
    #mainNav .nav-item.dropdown > .nav-link {padding: 1.2rem 0; }
    #mainNav .dropdown-item.exit {background-image: url(/i/exit.png); background-size: 14px; background-repeat: no-repeat; background-position: right center; padding-right: 22px; display: block;}

    #mainNav button {background-color: #142c68; border:none;}
    #mainNav .dropdown-item {background-color: #006db5; color: #fff; padding-left: 0;}
	#mainNav .dropdown-item:hover, #mainNav .dropdown-item:focus {text-decoration: underline !important;}
    #mainNav .dropdown-menu {background-color: #006db5; margin-top: 0; border: 0; border-radius: 0; }

    #mainNav .dropdown-menu {position: absolute;}
    #mainNav .dropdown-menu.three-column, .offcanvas#mainNav:not(.show) .dropdown-menu.four-column {min-width: 100vw;}
    #mainNav .dropdown-menu > .container-lg > .row {margin: .8rem 2rem;}
    .multi-column-dropdown {background-color: #006db5; color: #fff;}
    .multi-column-dropdown li a.dropdown-header {line-height: 1.5rem; padding-bottom: 0.2rem;}
    #mainNav li a.dropdown-header.landing-link {font-size: 1.2rem; margin-bottom: .3rem; line-height: 1.6rem; padding-bottom: .4rem; background-size: 6px;}
    #mainNav .dropdown-header {font-weight:bold; font-family: Montserrat,Arial,sans-serif;}
	#mainNav a.dropdown-header {font-size: 17px; }
    #mainNav .dropdown-header-wrapper {width: fit-content; padding-left: 0.7rem;}
}

@media (max-width: 991px) {
    #topnav .navbar-toggler {border: none; color: #fff;}
    #topnav svg {fill: #fff; display: inline; height: 1.8rem; margin-right: .5rem;}
    .addthis_inline_share_toolbox {margin-right: 1rem;}
    /* Offcanvas styling, when collapse icon is clicked */
    #topnav .offcanvas {width: 90%; max-width: 500px;}
    #topnav .offcanvas-header {background-color: #142c68;}
    #topnav .offcanvas, #topnav .offcanvas-header button {background-color: #f1f1f1; opacity: 1;}
    #topnav .offcanvas-header button:hover, #topnav .offcanvas-header button:focus {background-color: #a5a5a5;}
    #topnav .seer-logo {background: transparent url("../i/seer_logo.png") left center no-repeat; padding-left: 1rem; height: 65px; width: 90px;}
    #topnav .offcanvas-body {width: 100%; padding: .5rem 1rem 1rem;}
    #topnav .offcanvas.show button {border:none;}
    #topnav .offcanvas.show button, #topnav .offcanvas.show .nav-link {color: #000;}
    #mainNav .nav-item {font-size: 20px; width: 100%; border-bottom: 1px solid #999; margin: 0;}
    #mainNav .nav-item button, #home-nav, #news-nav {padding: 1rem .5rem;}
    #mainNav .nav-item ul.dropdown-menu  {padding: 0 0 0.5rem 0rem; margin-top: 0;}
	#mainNav ul ul, #mainNav ul ul ul {margin-bottom: 0 !important; padding-right: 0;}
    #mainNav .dropdown-item {font-size: 18px; border-bottom: 1px solid #b7b7b7; padding: .5rem 0;}
    #mainNav .dropdown-item:hover, #mainNav .dropdown-item:focus, #mainNav .dropdown-toggle:hover, #mainNav .dropdown-toggle:focus, #mainNav .nav-link:hover, #mainNav .nav-link:focus {background-color: #c7c9cb;}
    #mainNav .nav-item.dropdown.contains-current .nav-link:hover, #mainNav .nav-item.dropdown.contains-current .nav-link:focus {background-color: #142c68;}
    #mainNav .dropdown-menu div[class^="col-"]:last-child li:last-child:not(:first-child) a:not(#eod-menu-link):not(#residual-menu-link) {border-bottom: none;}
    #mainNav .nav-item:last-of-type {border-bottom: none;}
    #mainNav .nav-item .dropdown-header, #mainNav .navbar-nav > li.nav-item button, #home-nav, #news-nav {font-family: "Source Sans Pro-bold", Helvetica, sans-serif; font-weight: 700;}
	#mainNav .nav-item .dropdown-header {padding: .5rem;}
    #mainNav .nav-item button {width: 100%; text-align: left; background: none;}
    #mainNav li.current-page {background: #fff; border-left: 3px solid #bb0e3d;}

    #mainNav .dropdown-toggle::after {position: absolute; height: 15px; width: 15px; right: 0; top: .5rem; padding: 20px 1.5rem; display: block; background: transparent url(../i/plus-dark.png) center no-repeat; background-size: 15px; border: none;}
    #mainNav .dropdown.contains-current .dropdown-toggle::after {background: transparent url(../i/plus.png) center no-repeat; background-size: 15px;}
    #mainNav .dropdown-toggle.show::after {background: transparent url(../i/minus-dark.png) center no-repeat; background-size: 15px;}
    #mainNav .dropdown.contains-current .dropdown-toggle.show::after {background: transparent url(../i/minus.png) center no-repeat;  background-size: 15px;}
    #mainNav .dropdown-menu {background: none; border: none; box-shadow: none; background: none;}
	#mainNav .dropdown-menu div[class^="col-"] {padding-right: 0;}
    #mainNav .dropdown-item {color: #000; padding-left: 1rem; padding-right: 0;}
    #mainNav .dropdown-item:active {background-color: #aaa;}
    #mainNav a.dropdown-header {background-image: url(/i/caret-right-sm-dark.png); background-position: 98% 50%; background-size: 5px; background-repeat: no-repeat; padding-left: .5rem; }
    #mainNav .dropdown-item.exit {background-image: url(/i/exit-dark.png); background-size: 24px; background-repeat: no-repeat; background-position: 100% 50%;}
    #mainNav .dropdown-header-wrapper li {margin-bottom: 0; }

    #mainNav .nav-item.current-page .nav-link, #mainNav .nav-item.dropdown.contains-current .nav-link {color: #fff;}
}
@media (max-width: 450px) {
    /* save horizontal space in side menu */
    #topnav .offcanvas {width: 100%;}
    #topnav .dropdown-menu div[class^="col-"] {padding-left: 0; padding-right: 0;}
    #topnav .offcanvas-header {flex-direction: column-reverse; padding: 1.5rem 1rem .5rem 1rem;}
    #topnav .menu-label-wrapper {justify-content: flex-start; align-items: center; align-self: flex-start;}
    #topnav .offcanvas button {align-self: flex-end;}
}
@media (min-width: 1400px) {
    #mainNav .dropdown-menu > .container-lg > .row {margin-left: 7rem; margin-right: 7rem;}
}

/* Old styles below related to mnav.js */
@media only screen and (min-width: 1025px) {
 .general-page-body-container .local-navigation {
  margin-top:1.3em;
  padding-left:0;
  padding-right:38px
 }
}
@media only screen and (max-width: 1024px) {
 .main-content .general-page-body-container .local-navigation {
  padding-left:5%;
  padding-right:5%
 }
 #page {
  position:relative;
  left:0;
  -webkit-transition:left 500ms ease;
  -moz-transition:left 500ms ease;
  -o-transition:left 500ms ease;
  transition:left 500ms ease
 }
 .hidden {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden
 }
}
@media only screen and (min-width: 1025px) {
 .cancer-types-border-container>li {
  margin-top:0
 }
 .cancer-types-border-container>li>ul {
  width:31.3333333333%;
  margin-right:-4px
 }
 .cancer-types-border-container>li>ul:first-child {
  margin-right:0px
 }
}
