/* Main site styles, last editted on 11/26/25 -------------------------------------------------------------- */ /* Version: 1.8.3 ----- */ body.responsive #topnav .container { width: 100%; max-width: 1600px !important; } #masthead { background: none; border-bottom: none; } #masthead.site-header { padding: 0px !important; /* height: 120px !important; */ } #masthead.floating, #masthead.floating #topnav .container { } .north-search-icon { display: none !important; position: absolute; } #topnav { background: #fff; width: 100%; min-height: 50px; padding-bottom: 10px; border-bottom: solid 1px #465268; border-top: solid 6px #465268; } #masthead.floating #topnav { background: rgba(255,255,255,0.75); } #masthead.floating .topnav-branding { /* margin-top: -7px; padding-bottom: 7px; */ } #topnav .topnav-branding { display: flex; align-items: center; align-content: center; max-width: 300px; } #topnav .topnav-branding .site-branding { color: #404040; padding-right: 0; margin-bottom: 0px !important; } #topnav .topnav-branding .site-branding a { display: block; } #topnav .topnav-branding .site-branding .custom-logo { width: 200px; height: auto !important; } #topnav .topnav-branding .site-branding .custom-logo-wrapper { width: 200px; padding-top: 9px; } /* #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper { width: 170px; } #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { max-width: 170px; } */ #topnav .topnav-branding .site-description { color: #404040; font-family: "proxima-nova", sans-serif; font-size: 20px; line-height: 1.125em; width: 320px; margin: 9px 0 0 24px; padding: 0 0 0 24px; display: none; visibility: hidden; } #topnav .main-navigation { padding-top: 0px; margin-top: -1px; } #topnav .main-navigation #primary-menu.menu { padding-top: 15px; } #topnav .main-navigation, #topnav .main-navigation #primary-menu.menu, #topnav .main-navigation #primary-menu.menu li, #topnav .main-navigation #primary-menu.menu a { color: #000; font-family: "proxima-nova", sans-serif !important; font-size: 17px; font-weight: 700; text-transform: uppercase; text-align: center; } #topnav .main-navigation > div { display: block; float: right; } #topnav .main-navigation #primary-menu.menu li { padding-right: 0; padding-left: 0; } #topnav .main-navigation #primary-menu.menu li a { color: #000; } #topnav .main-navigation #primary-menu.menu li a:hover { color: #fff; } #topnav .main-navigation #primary-menu.menu li a { padding-right: 15px; padding-left: 15px; display: inline-block; } #topnav .main-navigation #primary-menu.menu li:last-child a { color: #fff; padding-right: 0; } #topnav .main-navigation #primary-menu.menu li:last-child a:hover { color: #CC110D; } #topnav .main-navigation #primary-menu.menu li .sub-menu { min-width: 300px; max-width: 340px; text-align: left; left: -1.0em !important; } #topnav .main-navigation #primary-menu.menu li:last-child .sub-menu { /* left: -320px !important; */ left: calc(-276px + 2.0em) !important; } #topnav .main-navigation #primary-menu.menu li .sub-menu li { display: block; text-align: left; margin-bottom: -4px; } #topnav .main-navigation #primary-menu.menu li .sub-menu li:first-child { margin-top: 0.25em; } #topnav .main-navigation #primary-menu.menu li .sub-menu li:last-child { margin-bottom: 0.25em; } #topnav .main-navigation #primary-menu.menu li .sub-menu li a { display: block; padding: 0.5em 1.0em; text-align: left; } #topnav .main-navigation #primary-menu.menu li#menu-item-449 { display: none; } #topnav .main-navigation .menu-menu-1-container { padding-top: 10px; } /* Hide home link on home page only (desktop and mobile navs) */ .neurohomepage #menu-item-39 { display: none !important; } /* #mobile-navigation -------*/ /* mobile-menu-button and icon */ #topnav .main-navigation a#mobile-menu-button { width: 44px; height: 35px; overflow: hidden; margin: 20px -25px 0 0; background-color: #465268; border-radius: 3px; } #masthead.floating #topnav .main-navigation a#mobile-menu-button { margin: 20px -25px 0 0; } #topnav .main-navigation .icon-menu { display: inline-block; margin-right: 0px; } #masthead.floating #topnav .main-navigation .icon-menu { display: inline-block; margin-right: 0px; } #topnav .main-navigation .icon-menu { width: 30px; } #topnav .main-navigation .icon-menu span { height: 3px; background-color: #fff; } #topnav .main-navigation .to-close .icon-menu { width: 20px; height: 15px; margin-top: 11px; margin-left: 6px; position: relative; transform: rotate(180deg); transition: 0.3s ease-in-out; } #topnav .main-navigation .to-close .icon-menu span:first-child { /* top: -7px; */ } #topnav .main-navigation .to-close .icon-menu span { height: 3px; background-color: #a8d04f; } /* mobile navigation */ #mobile-navigation { border-bottom: 1px solid #43526a; min-width: calc(100% + 2.0em); } #mobile-navigation #primary-menu.menu, #mobile-navigation #primary-menu.menu li, #mobile-navigation #primary-menu.menu li a { color: #fff; font-family: 'proxima-nova', sans-serif !important; font-weight: 700; text-transform: uppercase; text-align: center; font-size: 22px !important; } #mobile-navigation #primary-menu.menu li a:hover { text-decoration: none !important; background-color: #43526a; } #mobile-navigation ul ul li { padding-left: 1.0em; } #mobile-navigation ul li { line-height: 1.375em; position: relative; margin: 0; } #mobile-navigation ul li a { /*padding: 0.5em 2.0em;*/ padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 0.875em; margin-right: -2.0em; margin-left: -2.0em; min-width: calc(100% + 3.125em); } #mobile-navigation ul li .dropdown-toggle { color: #fff; font-size: 30px !important; font-weight: 700; line-height: 3em; /* margin-right: 25px; */ margin-right: 39%; right: 5px; top: -25px; transition: all .2s linear; transform: rotate(90deg); transform-origin: 50% 50%; } #mobile-navigation ul li .dropdown-toggle.toggle-open { transform: rotate(-90deg); right: 0px; } #mobile-navigation ul li ul.sub-menu li a { font-weight: 400 !important; text-transform: none !important; text-align: center; font-size: 19px !important; /* padding: 0.125em 2.0em 0.25em 2.0em; */ padding: 0.125em 2.0em 0.25em 0.375em; } #mobile-navigation ul li ul.sub-menu { margin-top: 0; margin-bottom: 0.375em; } #mobile-navigation .submenu li { } #mobile-navigation .submenu a, #mobile-navigation .submenu li a { } #topnav .main-navigation .menu-menu-1-container { padding-top: 0px; } #mobile-navigation .search-form { display: none; visibility: hidden; position: absolute; top: -500px; } /* ----- Responsive ----------------------------------- */ @media only screen and (max-width: 1320px) { #mobile-navigation ul li .dropdown-toggle { margin-right: 38%; } } @media only screen and (max-width: 1180px) { #topnav .topnav-branding { max-width: 250px; } #mobile-navigation ul li .dropdown-toggle { margin-right: 35%; } } @media only screen and (max-width: 1160px) { #topnav .container { } } @media only screen and (max-width: 1080px) { #mobile-navigation ul li .dropdown-toggle { margin-right: 33%; } } @media only screen and (max-width: 1023px) { #topnav .topnav-branding .site-branding { position: relative; z-index: 10; } #topnav .topnav-branding .site-branding .custom-logo-wrapper { } #masthead.floating #topnav .topnav-branding .site-branding .custom-logo-wrapper { } #mobile-navigation ul li .dropdown-toggle { margin-right: 32%; } } @media only screen and (max-width: 980px) { #mobile-navigation ul li .dropdown-toggle { margin-right: 31%; } } @media only screen and (max-width: 970px) { #topnav .main-navigation #primary-menu.menu li { margin-top: 2px; } #topnav .main-navigation #primary-menu.menu li:last-child { position: absolute; top: 0; right: 35px; } #topnav .main-navigation #primary-menu.menu li:last-child a { padding-right: 0; } } @media only screen and (max-width: 920px) { #topnav .topnav-branding, .topnav-branding .site-branding .custom-logo-wrapper { width: 190px; } .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { max-width: 190px; } #masthead.floating #topnav .main-navigation a#mobile-menu-button { } #topnav .main-navigation #primary-menu.menu a { font-size: 16px; } #topnav .main-navigation #primary-menu.menu li a { padding-right: 10px; padding-left: 10px; } #topnav .main-navigation #primary-menu.menu li:last-child { top: 0; right: 30px; } #topnav .main-navigation #primary-menu.menu li:last-child a { padding-right: 0; } #mobile-navigation ul li .dropdown-toggle { margin-right: 29%; } } /* Mobile Menu @ 780px ---------- --------------------------------------------------*/ @media only screen and (max-width: 780px) { #topnav .topnav-branding, .topnav-branding .site-branding .custom-logo-wrapper { width: 150px; } .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { max-width: 150px; } #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper { width: 135px; } #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { max-width: 135px; } #topnav #site-navigation.main-navigation { } #masthead.floating #topnav .main-navigation #mobile-menu-button { top: -5px; } #mobile-navigation ul li .dropdown-toggle { margin-right: 27.5%; } } @media only screen and (max-width: 680px) { #mobile-navigation ul li .dropdown-toggle { margin-right: 25%; } } @media only screen and (max-width: 650px) { #topnav .topnav-branding, .topnav-branding .site-branding .custom-logo-wrapper, .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { width: 130px; max-width: 130px; } #mobile-navigation ul li .dropdown-toggle { margin-right: 22.5%; } } @media only screen and (max-width: 620px) { #topnav .main-navigation #mobile-menu-button { /* margin-right: -5px; */ } #masthead.floating #topnav .main-navigation #mobile-menu-button { /* margin-right: -5px; */ } #mobile-navigation ul li .dropdown-toggle { margin-right: 20%; } } @media only screen and (max-width: 500px) { #mobile-navigation ul li .dropdown-toggle { margin-right: 25px; } } @media only screen and (max-width: 480px) { #topnav .topnav-branding, .topnav-branding .site-branding .custom-logo-wrapper, .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { width: 125px; max-width: 125px; } #topnav .main-navigation a#mobile-menu-button { margin-right: -20px; } #masthead.floating #topnav .main-navigation a#mobile-menu-button { margin-right: -20px; } #mobile-navigation #primary-menu.menu, #mobile-navigation #primary-menu.menu li, #mobile-navigation #primary-menu.menu li a { font-size: 21px !important; } #mobile-navigation ul li ul.sub-menu li a { font-size: 18px !important; } } @media only screen and (max-width: 360px) { #topnav .main-navigation .icon-menu { margin-right: 0px; } #mobile-navigation ul li .dropdown-toggle { margin-right: 20px; } } @media only screen and (max-width: 359px) { #topnav .topnav-branding .site-branding .custom-logo, #topnav .topnav-branding .site-branding .custom-logo-wrapper, #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper, #masthead.floating .topnav-branding .site-branding .custom-logo-wrapper .custom-logo { } #masthead.floating #topnav .topnav-branding .site-branding .custom-logo-wrapper { } #topnav .topnav-branding .site-branding { } #masthead.floating .topnav-branding .site-branding { } } /* END topnav -------------------------------------------------------------- */