:root {
--nsu-blue: #003893;
--mid-blue: #006ecc;
--lt-blue: #66a9e4;
--dk-blue: #001749;
--text-gray: #202121;
--mid-gray: #76828a;
--dk-gray: #54616b;
--lt-gray: #ededed;
--hib-orange: #bb5235;
--dk-hib: #8e3e28;
--sunrise-gold: #efa300;
--dk-gold: #d69303;
--palm-green: #737c33;
--dk-palm: #535a24;
--trop-teal: #15818F;
--dk-teal: #0D606A;
--twi-purple: #92278F;
--dk-purple: #6E1D6B;
}
body{
font-family: "Montserrat", sans-serif;
}
h1 {
font-size: 2.5rem;
}
h3 {
font-size: 1.75rem;
}
/*hide breadcrumbs*/
#s-lib-bc {
display: none;
}
/*hide sys generated footer*/
#s-lib-footer-public {
display: none;
}
/*AZ list*/
#az-search-col-1>nav {
background-color: var(--lt-gray);
}
/*header top*/
/*logo*/
.custom-header .navbar-expand-lg {
padding: 0;
}
.custom-header .navbar-brand {
height: auto;
padding: 20px;
}
.custom-header .navbar-brand img {
padding: 0;
}
.custom-header .navbar-brand span{
padding: 10px 0 5px;
}
.header-lib-name {
color: var(--nsu-blue);
}
.header-link-back {
position: relative;
padding-left: 28px;
}
.header-link-back:before {
content: url(https://d2jv02qf7xgjwx.cloudfront.net/sites/25899/include/icon-back-circle-blue.svg);
position: absolute;
left: 0;
top: 4px;
}
.top-buttons > a.header-btn{
text-transform: uppercase;
font-weight: 600;
margin-left: 10px;
border: 2px solid;
padding: 15px 20px;
text-decoration: none;
}
.top-buttons > a.header-give {
color: var(--nsu-blue);
border-color: var(--nsu-blue);
}
.top-buttons > a.header-card {
background-color: var(--nsu-blue);
color: white;
border-color: var(--nsu-blue);
}
.top-buttons > a.header-login {
background-color: var(--dk-blue);
color: white;
border-color: var(--dk-blue);
}
.top-buttons > a.header-btn:hover {
background-color: var(--mid-blue);
border-color: var(--mid-blue);
color: white;
}
@media (min-width: 992px) {
.navbar-top-content {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: flex-end;
height: 100%;
}
.custom-header .navbar-brand {
padding-top: 35px;
}
#nav-top {
margin-bottom: 20px;
}
}
/*navbar*/
#nav-bottom {
color: white;
background-color: var(--nsu-blue);
width: 100%;
}
.custom-header .nova-navbar .mega-dropdown .nav-link.dropdown-toggle{
color: white;
padding: 15px;
}
.custom-header .nova-navbar .mega-dropdown .nav-link.dropdown-toggle.show {
background-color: var(--dk-blue);
}
.navbar .mega-dropdown {
position: static !important;
}
.navbar .mega-dropdown .dropdown-menu {
background-color: var(--dk-blue);
border-color: var(--dk-blue);
width: 100%;
border-radius: 0;
}
.navbar .mega-dropdown .dropdown-menu a {
color: white;
font-size: 15px;
position: relative;
padding-left: 20px;
}
.navbar .mega-dropdown .dropdown-items a:before {
color: var(--mid-gray);
font-family: FontAwesome;
content: '\f054';
margin-right: 6px;
font-size: 11px;
}
.navbar .mega-dropdown .dropdown-menu a:hover {
background-color: transparent;
}
.mega-dropdown .dropdown-items {
list-style: none;
}
.mega-dropdown .dropdown-items li {
margin-bottom: 10px;
}
.mega-dropdown .dropdown-items a {
text-decoration: none;
font-weight: 600;
}
.nav-indent {
margin-left: 30px;
}
.mobile-give,
.mobile-card,
.mobile-login {
text-align: center;
background-color: var(--mid-blue);
margin: 10px 0;
color: white;
}
 a.mobile-link-back {
text-align: center;
color: white;
}
@media (max-width: 991px) {
#nav-bottom {
background-color: var(--dk-blue);
}
#nav-bottom li.dropdown.mega-dropdown>a{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
}
li.dropdown.mega-dropdown {
border-bottom: 1px solid #6caae4;
}
}
@media (min-width: 992px) {
.navbar .mega-dropdown .dropdown-menu {
padding: 30px 0;
border-bottom: 5px solid var(--nsu-blue);
}
.mega-dropdown .dropdown-items.container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 290px;
}
}
/*search bar*/
.header-search {
background-color: var(--dk-blue);
padding: 10px;
}
[x-cloak] {
display: none; 
}
#names {
height: 200px;
overflow: auto;
}
#names a,
#database_subjects a {
color: white;
}
#names>div,
#database_subjects>div {
float: right;
padding-right: 15px;
}
#database_subjects {
height: 200px;
overflow: auto;
}
.search-form {
border: none;
display: flex;
}
.search-form select {
flex: 1 1 20%;
color: var(--nsu-blue);
background-color: #dbdbdb;
border: none;
height: auto;
border-radius: 4px 0 0 4px;
padding: 16px;
text-align: center;
}
.search-form input {
flex: 1 1 70%;
border: none;
padding: 16px;
color: var(--dk-gray);
}
.search-form button {
border: none;
background-color: white;
color: var(--nsu-blue);
border-radius: 0 4px 4px 0;
padding: 16px;
flex: 1 1 60px;
}
.search-form button.deactivated {
color: #ccc;
}
@media (max-width: 767px){
.search-form {
flex-wrap: wrap;
}
.search-form select  {
border-radius: 4px;
}
.search-form input {
border-radius: 4px 0 0 4px;
}
}
@media (min-width: 768px){
.search-form {
border-radius: 4px;
box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
}
.custom-header {
margin-bottom: 60px; 
}
}
/*footer*/
/*teal stripe*/
.footer-top{
height: 100px;
background-color: var(--trop-teal);
color: white;
position: relative;
}
/*navy stripe*/
/*general styles*/
.footer-bottom {
background-color: var(--dk-blue);
color: white;
padding: 20px 0;
}
.footer-bottom h2, 
.footer-bottom h3 {
color: white;
}
@media (min-width: 992px){
.footer-bottom {
background-image: url(https://d2jv02qf7xgjwx.cloudfront.net/customers/134/images/LIBRARY_Website_Footer_Background_Image.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
ul.footer-links {
list-style: none;
padding-inline-start: 0;
}
.footer-links a {
color: white;
}
.footer-links a:hover, .footer-links a:active, .footer-links a:focus {
color: white;
text-decoration: underline;
}
.footer-content {
gap: 10px;
}
@media (max-width: 767px){
.footer-content {
padding: 10px;
}
}

/*left side*/
.footer-left {
flex: 0 1 30%;

}
.footer-nsu-logo {
width: 200px;
margin: 20px 0;
}
.footer-social a{
color: white;
margin: 5px;
}
.footer-social a:hover {
color: white;
}
@media (min-width: 992px){
.footer-left img {
margin-bottom: 60px;
}
}
@media (max-width: 991px){
.footer-right h2{
text-align: center;
}
#footer-logos {
flex: 1 1 100%;
gap: 20px; 
}
}
/*right side*/
.footer-right h2 {
font-size: 30px;
}
.footer-content h3 {
font-size: 20px;
font-weight: normal;
}
.footer-qlinks {
gap: 30px;
}
#footer-dropdown {
width: 100%;
}
.dropdown-header-mobile {
color: black;
font-weight: 600;
padding: 0 5px;
}
.footer-qlinks-mobile .dropdown-menu {
width: 100%;
}
@media (max-width: 1200px){
.footer-qlinks .footer-col{
flex: 1 1 45%;
}
}
/*right side bottom*/
.footer-row img {
margin: 20px 0;
}

.footer-sitelinks ul {
list-style: none;
padding-inline-start: 0;

}
.footer-sitelinks li:after {
content: '|';
padding: 0 10px;
}
.footer-sitelinks li:last-child:after {
display: none;
}
.footer-sitelinks a {
color: white;
}
.footer-sitelinks a:hover,
.footer-sitelinks a:focus,
.footer-sitelinks a:active {
color: white;
text-decoration: underline;
}
@media (max-width: 767px){
.footer-sitelinks li:after{
display: none;
padding: 0;
}
}
/*footer newsletter signup*/
.footer-top{
height: auto;
}
.newsletter-signup {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
font-weight: 600;
}
a.btn-newsletter {
background-color: var(--dk-blue);
color: white;
padding: 1rem 2rem;
border-radius: 4px;
margin: 0 1rem;
font-weight: 600;
}
a.btn-newsletter:hover,
a.btn-newsletter:active,
a.btn-newsletter:focus {
background-color: var(--nsu-blue);
color: white;
}
.search-form button {
color: var(--nsu-blue);
}
.search-form button.activated {
color: #ccc;
}

.mobile-account {
text-align: center;
    background-color: var(--mid-blue);
    margin: 10px 0;
}
@media (min-width: 992px) {
    .custom-header .navbar-header {
	flex: 1;
	}
	.top-buttons > a.header-account {
	background-color: var(--dk-blue);
	color: white;
	border-color: var(--dk-blue);
	}
}
#st-account, #sm-account {
display: none;
}
.mobile-give:visited, 
.mobile-card:visited, 
.mobile-login:visited,
.mobile-account:visited,
.mobile-account {
color: white;
}