/**************************************
Main Menu
**************************************/
#topnav { background:#0F2443;}
#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;}
.multi-column-dropdown li a { display: block; line-height: 1.8; 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: #2F70A8;}
#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: #0F2443;}
    #mainNav .dropdown-header {font-size: 1rem;}
    #mainNav .nav-item {margin-bottom: 0; padding: 0; position: static; flex-grow: 1; display: flex;}
    #mainNav .nav-item .nav-link {flex-grow: 1; padding-top: 1.2rem; color: #fff; margin-right: 0; text-align: center; background-color: #0F2443;}
    #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: #2F70A8;}
    /* 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 button {background-color: #0F2443; border:none;}
    #mainNav .dropdown-item {background-color: #2F70A8; color: #fff; padding-left: 0; font-weight:300;}
	#mainNav .dropdown-item:hover, #mainNav .dropdown-item:focus {text-decoration: underline !important;}
    #mainNav .dropdown-menu {background-color: #2F70A8; 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: #2F70A8; color: #fff;}
    #mainNav .dropdown-header-wrapper {width: fit-content; padding-left: 0.7rem;}
    #mainNav .dropdown-header-wrapper a {font-weight:700;}
}



@media (max-width: 991px) {
    #topnav .navbar-toggler {border: none; color: #fff; font-weight: 700; font-size: 1rem;}
    #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, #topnav .offcanvas-header button {background-color: #fff; opacity: 1;}
    #topnav .offcanvas-header button:hover, #topnav .offcanvas-header button:focus {background-color: #f1f1f1;}
    #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;font-weight:700;}
    #mainNav .nav-item {width: 100%; border-bottom: 1px solid #999; margin: 0;}
    #mainNav .nav-item button, #home-nav, #news-nav, #events-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 {border-bottom: 1px solid #b7b7b7; padding: .5rem 0; font-weight:300;}
   
    #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: #f1f1f1; color:#000}
    #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 button {width: 100%; text-align: left; background: none;}
    #mainNav li.current-page {background: #fff;}

    #mainNav .dropdown-toggle::after {position: absolute; right: 0; top: .575rem; border: none; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");}
    #mainNav .dropdown.contains-current .dropdown-toggle::after {{position: absolute; right: 0; top: .575rem; border: none; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");}}
    /* #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: #000; background-color:#f1f1f1;}
    
}
@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
 }
} */