:root {
	--primary-background-color: #007C91;
	--secondary-color: #65B0BD;
	--tertiary-color: #cce5e9;
	--link-color: #007C91;
	--headerImage:  url(../images/header_1184-481.png) no-repeat;
}

button#dropdownMenuButton a.dropdown-item.dropSelect.noMod:nth-of-type(n+2) {
	display: none
}

.navbar-nav>li:nth-of-type(6) {
	display: none;
}

.navbar-nav>li:hover {
	background: var(--secondary-color);
}

.navbar-nav>li.active {
	background: var(--secondary-color);
}

li.list-group-item.disabled {
    background: #FED54E;
}

div#branding-logoImage .logo-header {
	margin: 0;
	background-size:  365px auto !important;
	background: var(--headerImage);
}

@media all and (min-width: 980px) and (max-width: 991px) {
	img.search-logo {
		margin: 15px;
	}
	div#narrow-results-panel > .white-box-container {
    	margin: 0 15px;
	}
}

@media all and (max-width: 991px) {
	.page-welcome #footer-bottom-links > section > span {
	    width: 100%;
	}
	h1.footer-header {
		margin-bottom: 0.75rem;
	}
	#footer-container .container {
		padding: 0;
	}
	div#branding-logoImage {
		margin: 15px 0;
	}
	.page-welcome #footer-bottom-links > section {
		position: absolute;
		padding: 0 15px 0 0;
	}
	#popular-articles-container li div.list-link a.noMod {
		padding: 0 15px;		
	}
	.header-search #searchButtonSimpleModal {
		margin: 0;
	}
	div#branding-logoImage div.logo-header {
	    background-size: contain !important;
	}
	#branding {
		padding: 0;
	}
	.branding-row > div.col-12 {
		padding: 0;
	}
	.branding-row {
		margin: 0;
	}
	#branding-logo form#gsearch {
		width: 25%;
	}
	.page-welcome .welcome-box > #stacks-logo-image {
		width: 100%;
	}
	#stacks-logo-image {
		width: 100%;
	}
	div#branding-logoImage > a {
	    width: 100%;
	}
	div#branding-logoImage .logo-header {
    	margin: 0;
    	width: 100%;
    	background-size: 300px auto !important;
	}
	.header-search {
    	width: 100%;
	}
}

@media all and (min-width: 992px) and (max-width: 1200px) {
	div#branding-logoImage .logo-header {
		background-size: contain;
		margin-left: 0;
    	width: 80%;
	}
}

@media all and (max-width: 767px) {
	#branding-logo form#gsearch {
		width: auto;
	}
}

@media all and (min-width: 1200px) {
	div#branding-logoImage .logo-header {
		background-size: 465px 54px !important;
	}
}