:root{
	--light-gray: #f1f1f1;
	--dark-gray: #757575;
	--lt-green-1: #e7f3e0;
	--lt-green-2: #d2e4c9;
	--lt-green-3: #d6ecca;
    --dark-green: #194019;
	--background: #656565;
	--white-green: #f9fff6;
}

/* overwrite USA design so the grid uses the full width when available 
(previously had strange responsive issues when browser was sized below 1201, even though grid hadn't changed size) 
EDIT: changed usa-grid width fraction min-screen size instead (seems like USA design preferred content width is 1040)
*/

.usa-grid, .usa-grid-full {
   /* max-width: 1201px;*/
}
.usa-grid > * {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* structure.css overwrites for match to usa design standards*/
html, body{
/*text-align:inherit;*/
/*font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
background-color: #656565;
background-color: var(--background);
min-width:325px; /* smaller than this runs into some wrapping issues*/
}

noscript div{
	background-color:yellow;
	text-align: center;
	font-weight: bold;
}

#main-content{
	background-color: #f9fff6;
	background-color: var(--white-green);
}
.usa-footer-return-to-top {
	background-color: #f9fff6;
	background-color: var(--white-green);
}
h2 {
color:#A34000;
border-bottom:1px solid #000;
}
/* HEADER banner formatting*/
.rda-header, .rda-header2{
	background-color:#d2e4c9;
	background-color: var(--lt-green-2);
}

.usda-banner{
    padding: .7rem;
	background-color:#e7f3e0;
	background-color: var(--lt-green-1);
}
.usda-logo-img {
    vertical-align: middle;
    display: inline;
}
.usda-logo-text{
    text-transform: uppercase;
    font-size: 1.5rem;
}
.usda-logo-text a {
	color: #000000;
	text-decoration:none;
}
.rda-logo-text{
    font-size: 3.2rem;
}
.rda-logo-text a {
	color: #000000;
	text-decoration:none;
}
.rda-tagline {
	display:none;
}

@media screen and (min-width: 951px){
	.rda-header, .rda-header2 {
		background-position: top center;
		background-repeat: no-repeat;
	}
	.rda-header {
		background-image: url(/rds/_shared/Content/images/smallroots.png);
	/*	background-image: url(images/header-RDdataarchive.jpg);*/
	}

	.rda-tagline {
		display:block;
		font-size: 2rem;
		font-weight: 400;
	}
	.usa-nav-secondary .rda-header-search {
		margin:0;
		
	}
	.rda-header-search-button{
		color: #464D53;
		
	}
	.rda-search-title {
		display: none;
	}
	.usa-nav-primary>li>a, .usa-nav-primary button {
		color: #464D53;
	}
	.rda-nav{
		background-color:#d2e4c9;
		background-color: var(--lt-green-2);
	}
	.usa-nav-submenu[aria-hidden=false] {
		display:block;
	}
	.usa-nav-submenu {
		display:none;
	}
	.usa-nav-primary button[aria-expanded=true], .usa-nav-submenu {
		background-color: #194019;
		background-color: var(--dark-green);
	}
	.usa-nav-primary button[aria-expanded=true]:hover , .usa-nav-submenu a:hover  {
		background-color: #194019;
		background-color: var(--dark-green);
	}
	.usa-nav-primary>li>strong {
		padding: 1.3rem 1.5rem 2.2rem;
	}
}

/* nav menu subheading drop down*/
.usda-nav-overview > a {
    padding-bottom: .25rem;
    font-weight: bold;
}

.usda-nav-overview > a span {
    padding-bottom: .6rem;
    border-bottom: 1px solid #aeb0b5;
    display: block;
}

/* FOOTER formatting*/
.rda-footer1{
	background-color:#e7f3e0;
	background-color: var(--lt-green-1);
}
.rda-footer2{
	background-color:#d2e4c9;
	background-color: var(--lt-green-2);
}
@media screen and (min-width: 600px) {
  .usa-footer-primary-link span:hover {
    cursor: pointer;  /*for some reason cursor:auto wasn't getting the pointer in chrome*/
  }
  .rda-nav-footer-links li {
    display: inline;
    padding-left: 0.5rem;
  }
  .rda-nav-footer-links li:not(:last-child)::after {
	color:#50595E;
    content: '|';
    padding-left: 0.5rem;
  }
}
.rda-nav-footer-links a {
	color: #50595E;
    display: inline-block;
    text-decoration: none;
}
.rda-last-footer a {
	font-size:small;
}

/* SPOTLIGHT */
#spotlight {
	padding:3em 6em;
	background-color: #194019;
	background-color:var(--dark-green);
}
#spotlight .carousel-inner{ /* static size keeps the text from jumping around */
	min-height:350px;
}
@media only screen and (max-width: 600px) {
    #spotlight {
		display:none;
	}
}
/* FACET accordion formatting */
.rda-sidefilter {
	order:0; /* we don't want the filter options shoved below the results on narrow screens */
}
.rda-accordion-header {
  background-color: #757575;
  background-color: var(--dark-gray);
  color:#ffffff;
  cursor: auto;
  font-weight: 700;
  padding: 1.5rem 5.5rem 1.5rem 2rem;

}
.facet {
	list-style: none;
	padding: 0;
}

.rda-year-range [type=search] {
	width:30%; 
	padding:0; 
	text-align:center;
	border:2px solid black;
	
}
.rda-year-range [type=submit] {
	margin:0; 
	margin-left:2px; 
	padding:.7rem; 
	height:3.3rem
}

/* Metavisthelp accordion */
.metavisthelp .usa-accordion-button {
	background-position: left 2rem center;
	padding: 1.5rem 2rem 1.5rem 5.5rem;
}

.metavisthelp .border {
	border: 1px solid lightgray;
	padding: 0px 20px;
}
.metavisthelp h4 {
	text-decoration: underline;
}

/* SEARCH/PAGINATION boxes */
/* color overwrites for accessibility*/
.rda-pagination, .pageEntriesInfo , #sortAndPerPage, #appliedParams {
  background-color: #f1f1f1;
  background-color: var(--light-gray);
}
.rda-pagination span.disabled {
    color: #6E6E6E;
}
/* overwrites of bootstrap to match usa design/accessibility */
button:focus {
  outline: 2px dotted #aeb0b5;
  outline-offset: 3px;
}

.rda-page label, .rda-search label{
	margin:0;
	display:inline;
}
.rda-search{
	margin-bottom: 1em;
}
.rda-search input, select{
	display:inline;
	width:inherit;
}
.rda-pagination {
	display:block; /* overwrite flex setting in bootstrap */
}
.page_links {
    margin-left: 3em;
    margin-right: 3em; 
}

/*PRODUCT PAGE */
/*author tag was squished on small screens*/
dl.narrow dt {
  width: auto;
}

/*IMAGE DB RESULTS PAGE*/
.image-results{
	width:100%;
	overflow:auto;
	border: 1px solid lightgray;
    margin: 2em 0;
    padding: 1rem 1.5rem;
}
.image-results > div{
	float: left;
    display: inline-block;
    padding: 1rem 1.5rem;
    text-align: center;
}
.image-results table {
	margin:unset;
}
.image-results td, .image-results th {
	background-color:unset;
	border:none;
}
.results-page a {
	decoration:none;
}

/* IMAGE DB small screen table redesign*/
@media screen and (max-width: 600px){
	.image-results > div{
		width: 100%;
	}
	
	.image-metadata table, .image-metadata thead, .image-metadata tbody, .image-metadata  th, .image-metadata  td, .image-metadata  tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.image-metadata thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.image-metadata tr { border: 1px solid #ccc; }
	
	.image-metadata  td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		text-align: left;
	}
	

}

/*@media screen and (min-width:600px)*/
.breadcrumbs {
    margin-top: -3em !important;
	margin-bottom: 2em;
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Helvetica, sans-serif;font-size:14px;
    padding:10px 10px 10px 36px;
    margin:0px 0px 20px;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
.warning {
    background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
	list-style-type: none;
}
/* EFRDATA content*/
.efrlist li {
	margin-bottom: 1.5em;
}

.breadcrumbs {
	margin-top:-1em !important;
}
@media screen and (min-width: 600px){
	.breadcrumbs {
		margin-top:-3em !important;

	}
}

.rda-unstyledTable  td,.rda-unstyledTable th {
	background-color:transparent;
	border:none;
}
.rda-input {
	width:unset;
}

.rda-query-legend {
	margin-bottom:0;
}
.per_page, .per_page li{
	display:inline;
}
.per_page li:not(:last-child)::after {
	content: '|';
	margin:0px 2px 0px 3px;
}