:root {
	--primary-background-color: rgb(0, 153, 216);
	--secondary-color: #0A4595;
	--tertiary-color: #0A4595;
	--link-color: #0099D8;
	--headerImage:  url(../images/header_1184-481.png) no-repeat;
}
.citeButton {
	color: #fff;
}

.navbar-nav>li.active {
	background: var(--secondary-color);
}

div#branding-logoImage .logo-header {
	background: var(--headerImage);
}

.content-copy-page .no-padding.stacks-remove {
	padding: 15px 0 0;
}

#main-menu .left-nav-options > a {
    text-align: center;
}

#about-us-container {
	margin-top: 0;
}

#footer-container {
	min-height: 50px;
	padding-left: 45%;
    padding-top: 15px;
}

#backToTopNavBar{
	margin-bottom: 80px;
}

#footer-cdc-address>section {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 2em 0;
}

.checkout-message {
    border: 10px solid #0099D8 !important;
}

.comingsoon-show-num-results.comingsoon-show-num-results-margin-left.counter span, a:hover {
	color: var(--primary-background-color);
}

.submissioninfoheader{
	margin-top: 30px;
	font-weight:700;
}

.submissioninfo-sub-heading{
	margin-top: 15px;
	font-style:italic;
	margin-bottom:10px;
}

.submissioninfo-sub-heading-bold-underline{
	margin-top: 25px;
	font-style:underline;
	font-weight:600;
}

.advance-search-link-other-pages, .simple-search-link{
	color:#fff !important;
}

.navbar-nav>li:hover > a {
    text-decoration: none;
}

#main-menu .right-nav-options.menu-divider.btn.btn-secondary.dropdown-toggle:hover {
    color: #fff !important;
}


.simple-search-link-other-pages{
	color:#fff;	
}

.simple-search-link-other-pages:hover{
	color: #fff !important;
}

li.left-nav-options:nth-child(n+7) {
		display: block;
	}
	
div#about-down {
    padding-left: 10px;
}

#main-menu .right-nav-options.menu-divider.btn.btn-secondary.dropdown-toggle {
    padding: 0 !important;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 1024px) {
	.navbar-default .navbar-nav > li > a.active {
	    color: #333 !important;
	}
	.page-welcome #advanceSearchLink {
	    color: #fff;
	}
	#advanceSearchLink {
	    color: #fff;
	}
}

#main-menu .right-nav-options.menu-divider.btn.btn-secondary.dropdown-toggle:hover .arrow-down {
    border-top: 5px solid #fff !important;
}

@media all and (min-width: 980px) {
	#version-info {
	    display: block;
	    width: 100vw;
	    background: white;
	    left: -50%;
	    position: relative;
	}
	.new-search-bar-col > .new-search-bar > .search-top-area > .row {
		margin: 0;		
	}
	.logo-header {
		height: 74px;
		background-size: auto;
	}
	li.left-nav-options:nth-child(n+7) {
		display: none;
	}
	.page-welcome img#adv-search-stacks-logo-image {
    	width: 85%;
	}
	#footer-container {
	    padding: 0 15px;
	}
	#footer-container .container {
		margin: 0 auto;
		padding: 0 !important;
	}
	div#noaa-footer-section > section {
	    display: flex;
	    justify-content: center;
	    text-align: center;
	    align-items: center;
	    padding: 15px 0;
	}
	#branding-logo #advanceSearchLink {
	    margin: 0;
	    bottom: 15px;
	    position: relative;
	}
}
a.next-result, .nextButton {
	color: var(--primary-background-color);
}
.navbar-default .navbar-nav>.active>a {
	color: #fff !important;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #fff !important;
}


@media all and (max-width: 991px){
	.branding-row .col-12 {
	    padding: 0 15px;
	}
	div#branding-logoImage .logo-header {
	    background-size: contain;
	    margin-bottom: 15px !important;
	}
	.mobile-button-circle {
		background: #0099D8;
	}
	.branding-row {
	    margin: 0;
	}
	div#branding {
    	padding: 0;
	}
	div#branding-logoImage > a {
	    width: 100%;
	    display: block;
	}
	#branding-logo form#gsearch {
		width: auto;
	}
	#footer-cdc-address {
		width: 100%;
	}
	#footer-container {
    	min-height: 100px !important;
    	padding: 0;
	}
	#footer-cdc-address>section {
		align-items: center;
	}
}
@media all and (max-width: 979px){
	.page-browse-recent .new-search-bar-row {
    	margin: 15px 0 0;
	}
	#footer-container {
		min-height: 200px;
	    width: 100vw;
	    position: relative;
	    margin-left: -50vw;
	    left: 50%;
	}
	.faqs-page div#about-us-container {
		padding: 20px 0 !important;
	}
	.faqs-page div.container-fluid {
		padding: 0 !important;
	}
	.submission-page div#about-us-container {
		padding: 20px 0 !important;
	}
	.submission-page div.container-fluid {
		padding: 0 !important;
	}
	.logo-header {
		height: 78px;
		margin: 0 !important;
		background-size: 351px;
	}
	.navbar-default .navbar-nav>li>a:hover {
	    color: #000 !important;
	}
	.page-advancesearch #small-search-container {
    	display: none;
	    margin: 4em 0 0;
	}
	#advanceSearchLink {
		color: #fff !important;
	}
	.page-advancesearch #advanceSearch[style="display: block;"] {
    	margin-top: 4em;
	}
	.page-welcome #wrapper-inner > #search-container #stacks-logo-image {
	    display: block !important;
	    padding-top: 30px;
	    margin-top: 3em;
	    width: 290px;
	}
	#small-sort-list {
    	width: 100%;
	}
	.navbar-default .navbar-nav>.active>a {
	    color: #000 !important;
	}
	.page-welcome #advanceSearchLink {
		color: #fff !important;
	}
}

@media all and (min-width: 979px) and (max-width: 990px){
	div#about-down {
	    height: 100%;
	    width: 75%;
	}
}

@media all and (min-width: 991px) and (max-width: 1200px) {
	div#branding-logoImage .logo-header {
	    background-size: 80%;
	}
}

@media all and (min-width: 979px) and (max-width: 1600px) {
	.dropdown-menu{
	    right: 0;
		left:auto;
	}
}

@media all and (min-width: 1200px) {
	.label > br {
		display: inline;
	}
}

p.supported-more {
    color: #23527c;
}

.help-tips > p > button.btn.btn-primary > a {
	color: #ffffff;
}