/* DARRP Mobile First Theme CSS */
/* site-wide styles */
html,
body,
header,
.layout-center,
.layout-3col,
.layout-3col__full,
.layout-swap {
	max-width: none;
	padding: 0;
	margin: 0;
	height: auto;
}
.darrp-row-inside {
	max-width: 1200px;
	margin: 0 auto;
	float: none;
}
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6 {
	width: unset;
	float: none;
	margin: 1em 0 !important;
}
.row-2,
#index-page .row-4,
#index-page .row-6 {
	min-height: 30em;
}
.panels-flexible-row {
	padding: unset !important;
}
body {
	font-family: 'Open Sans', sans-serif;
}
h1 {
	font-size: 2em;
	margin-bottom: 0;
}
h2 {
	font-size: 1.6em;
	margin-bottom: 0;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 0;
}
h4 {
	font-size: 1.2em;
	margin-bottom: 0;
}
h5 {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-margin-before: 0;
}
h6 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-margin-before: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.serif {
	font-family: 'Georgia', serif;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: 600;
}
/* parallax image for full-width pages */
.node-type-full-width-page .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_what_we_do.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0 !important;
}
/* style the banner */
#darrp-banner {
	max-width: 1200px;
	margin: 0 auto;
}
#darrp-banner img {
	max-width: 60px;
	float: left;
	margin: 5%;
}
#darrp-banner .banner-image {
	float: left;
}
#darrp-banner .banner-text {
	float: left;
	margin: 1.8%;
	color: white;
	font-size: 1.8em;
	font-weight: 600;
}
header {
	/* background-color: rgba(95, 117, 61, .8); */
	background-color: rgba(56, 83, 14, 0.8);
	position: sticky;
	top: 0;
	z-index: 900;
}
.header__region {
	clear: both;
	background-color: rgb(10, 69, 149);
	display: flow-root;
}
/* position the search box */
.search-form,
.form-item {
	margin: 0;
}
#block-search-form {
	max-width: 1200px;
	margin: 0 auto;
}
#block-search-form form {
	float: right;
}
#block-search-form input {
	background-color: rgb(10, 69, 149);
	border-style: solid;
	border-color: rgba(155, 155, 155, .8);
	color: white;
	text-align: center;
}
#block-search-form .form-actions {
	display: none;
}
.layout-swap {
	position: unset;
}
.button {
	min-width: 20%;
	margin: 0 auto;
	padding: 8px;
	font-weight: bold;
	background-color: #0085CA;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
}
.button a {
	color: white;
	text-decoration: none;
}
.button a:hover {
	text-decoration: underline;
}
/* bring button text back down to size where a region has expanded it */
#mission-statement .button,
#maps-spatial .button,
#heal-our-coasts .button {
	font-size: .71em;
}
/* breadcrumb */
.breadcrumb {
	display: none;
}
#darrp-breadcrumb .breadcrumb {
	display: block;
}
#darrp-breadcrumb {
	margin: 1em 0;
}
#darrp-breadcrumb ol {
	display: block;
	list-style: none inside none;
	padding: 0;
	margin: 1em 0;
}
#darrp-breadcrumb ol li {
	float: left;
	font-size: .8em;
	font-weight: bold;
}
#darrp-breadcrumb ol a {
	text-decoration: none;
}
#darrp-breadcrumb ol a:hover {
	text-decoration: underline;
}
#darrp-breadcrumb .breadcrumb__separator {
	margin: 0 .4em;
}
/* style the user login page */
#darrp-user-login-page {
	max-width: 1200px;
	margin: 0 auto;
}
#darrp-user-login-page .darrp-user-login-form {
	margin: 1em 0;
}
/* style the footer */
#darrp-footer-wrapper {
	background-color: #0a4595;
}
footer {
	max-width: 1200px;
	padding: 1% 0;
	margin: 0 auto;
	color: lightgray;
	font-size: .8em;
}
footer p {
	margin: 0;
	padding: 0;
}
footer a {
	color: white;
	text-decoration: none;
}
footer a:visited {
	color: lightgray;
}
footer a:hover {
	font-weight: bold;
	text-decoration: underline;
}
#block-menu-menu-footer-menu ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	max-width: 600px;
	margin: 0;
	padding-left: 0;
	float: left;
}
#block-menu-menu-footer-menu li {
	list-style: none inside none;
}
#block-menu-menu-footer-menu li a {
	text-transform: uppercase;
	font-weight: bold;
}
#block-block-12 {
	clear: left;
	padding-top: .1em;
}
/* style the admin pages */
.page-admin .layout-swap {
	max-width: 1200px;
	margin: 0 auto;
	font-size: .8em;
}
/* Style the index page */
#index-page .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_CINNMS_Eelgrass_habitat.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#index-page .row-4 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_lake_borgne_marsh.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#index-page .row-6 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_what_we_do.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0 !important;
}
#index-page .front-page-row-body {
	font-size: 1.4em;
	font-family: serif;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	color: white;
	width: 85%;
	margin: 0 auto;
}
#front-page-news {
	float: left;
	width: 75%;
	margin-right: 1em;
}
#front-page-news .views-row {
	display: inline-block;
	position: relative;
	max-height: 400px;
	float: left;
	position: relative;
}
#front-page-news .views-row-1 {
	float: left;
}
#front-page-news .views-row-1 img {
	max-width: 600px;
	max-height: 400px;
}
#front-page-news .views-row-2,
#front-page-news .views-row-3,
#front-page-news .views-row-2 img,
#front-page-news .views-row-3 img {
	max-width: 300px;
	max-height: 200px;
}
#front-page-news .view-home-page-news-articles {
	width: fit-content;
	margin: 0 auto;
}
#front-page-news h4 {
	margin: 0;
}
#front-page-news .views-field-title {
	padding: .6em;
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	font-size: .8em;
	min-height: 4em;
	line-height: initial;
	width: 100%;
}
#more-front-page-news {
	float:right;
	max-width:23%;
}
#more-front-page-news .item-list {
	font-size: 80%;
}
#more-front-page-news h2 {
	background-color: black;
	text-align: left;
	padding: 0 2%;
	margin: 0 0 2% 0;
	text-transform: uppercase;
	font-size: 1.2rem;
}
#more-front-page-news h2 a {
	text-decoration: none;
	color: white;
}
#more-front-page-news .views-field-title {
	font-size: .8em;
	margin-top: .8em;
}
#more-front-page-news a {
	text-decoration: none;
}
#more-front-page-news a:hover {
	text-decoration: underline;
	font-weight: bold;
}
#news-archive-button {
	clear: both;
	margin: 1em auto 1em auto;
	width: fit-content;
}
#front-page-news .views-field-title a,
#maps-spatial h3 a {
	color: white;
	text-decoration: none;
}
#front-page-news .views-field-title a:hover,
#maps-spatial h3 a:hover {
	text-decoration: underline;
}
#mission-statement,
#heal-our-coasts,
#maps-spatial,
#casefinder,
#most-viewed-projects {
	margin: 1em 0;
}
#mission-statement,
#heal-our-coasts,
#maps-spatial {
	color: white;
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}
#front-page-news h2,
#mission-statement h2,
#heal-our-coasts h2,
#casefinder h2,
#maps-spatial h2,
#most-viewed-projects h2 {
	width: fit-content;
	background-color: black;
	color: white;
	text-align: left;
	padding: 0 .6em;
	margin-bottom: 1em;
	font-size: 1.2rem;
	text-transform: uppercase;
}
#maps-spatial h3,
#heal-our-coasts h3
{
	font-size: 1.5rem;
	margin: 0;
}
#most-viewed-projects .view-content {
	width: fit-content;
	margin: 0 auto;
}
#most-viewed-projects .views-row {
	float: left;
	margin: 0;
	width: 200px;
}
#most-viewed-projects .views-field-title h4 {
	margin: 0 .6em;
	font-weight: bold;
	font-size: .8em;
}
#most-viewed-projects .views-field-title a {
	text-decoration: none;
}
#most-viewed-projects .views-field-title a:hover {
	text-decoration: underline;
}
/* style taxonomy term pages */
.pane-taxonomy-term-field-taxonomy-images {
	float: right;
	margin: 0 0 1em 1em;
}
.section-what-we-do .row-2,
.section-resources .row-2,
.section-about-darrp .row-2,
.section-about-darrp-resources .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_what_we_do.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-history-program .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_history_exxon_valdez.jpg);
	background-attachment: fixed;
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-oil-spills .row-2,
.section-oil-spills-hazardous-waste .row-2{
	background-image: url(/sites/all/themes/darrp_2/images/parallax_oil_spills.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-hazardous-waste .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_hazardous_waste_raymark_industries.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-ship-groundings .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_ship_grounding_Jireh.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-science-and-economics .row-2,
.section-science .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_science_economics_dwh_monitoring_scientists.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-taxonomy-term-94 .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_science_fish_sample.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-taxonomy-term-95 .row-2,
.section-economics .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_economics_fly_fishing.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-taxonomy-term-93 .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_history_exxon_valdez.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-node-384 .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_acomplishments_mulberry_tampa_bay.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-node-22 .row-2 {
	background-image: url(/sites/all/themes/darrp_2/images/parallax_contact_us_Oscar_Elton.jpg);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax-content-boxes {
	max-width: 45%;
	margin: 2em 0;
	background-color: rgba(255,255,255,.6);
	padding: 1em;
}
#taxonomy-term a,
#more-about a {
	text-decoration: none;
}
#taxonomy-term a:hover,
#more-about a:hover {
	text-decoration: underline;
	font-weight: 600;
}
#taxonomy-term h4,
#taxonomy-term h3,
#taxonomy-term h2 {
	margin: 0;
	padding: 0;
}
#taxonomy-term h3 {	
	font-weight: 600;
	font-size: 1em;
	clear: both;
	margin-bottom: 0;
	padding-bottom: 0;
}
#taxonomy-term h4 {
	font-weight: normal;
	font-size: 1em;
	clear: both;
}
#taxonomy-term .pane-title,
#more-about .pane-title,
#learn-more .pane-title {
	width: fit-content;
	background-color: black;
	color: white;
	text-align: left;
	padding: 0 .6em;
	margin: 0 0 .6em 0;
	font-size: 1.2rem;
	text-transform: uppercase;
}
#taxonomy-term .field-name-field-attachments {
	max-width: 40%;
}
#taxonomy-term .field-name-field-attachments th {
	text-align: left;
}
/* style taxonomy terms in the tag vocabulary */
#taxonomy-term-tags .content-with-tags .views-row {
	float: left;
	position: relative;
	margin-top: 1em;
	max-height: 200px;
}
#taxonomy-term-tags .views-row-3,
#taxonomy-term-tags .views-row-6,
#taxonomy-term-tags .views-row-9,
#taxonomy-term-tags .views-row-12,
#taxonomy-term-tags .views-row-15,
#taxonomy-term-tags .views-row-18,
#taxonomy-term-tags .views-row-21,
#taxonomy-term-tags .views-row-24,
#taxonomy-term-tags .views-row-27,
#taxonomy-term-tags .views-row-30 {
	clear: right;
}
#taxonomy-term-tags .views-row-last {
	margin-bottom: 1em;
}
#taxonomy-term-tags .content-with-tags h4 {
	margin: 0;
	padding: .6em;
	font-size: .8em;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	min-height: 7em;
}
#taxonomy-term-tags h4 a {
	color: white;
}
#taxonomy-term-tags .content-with-tags .case-page h4,
#taxonomy-term-tags .content-with-tags .page h4
{
	min-height: 3em;
}
#taxonomy-term-tags .content-with-tags .view-content h3 {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: white;
	background-color: rgb(10, 69, 149);
	padding: .2em 0;
	float:none;
	clear: both;
}
/* style nodes */
#node h4 {
	margin-top: 1.5em;
	clear: left;
	font-weight: 600;
	color: #585858;
}
#node .node-image,
#node-article .node-image {
	float: right;
	max-width: 50%;
	margin: 0 0 1em 1em;
}
#node .node-image-left {
	float: left;
	clear: left;
	margin: 1em 0 0 1em;
}
#node .node-image-center {
	margin: 0 auto;
}
#node .node-image-center img {
	max-width: 1200px;
}
#node #ms-edge {
	display: -ms-grid;
	-ms-grid-columns: min-content;
}
#node .node-image-caption,
#node .node-image-caption-left,
#node .node-image-caption-center,
#node-article .node-image-caption,
#node-article .node-image-caption-left,
#node-article .node-image-caption-center
{
	font-size: .8em;
	font-style: italic;
	width: 100%;
}
#node .node-image-caption-left {
	float: left;
	clear: left;
}
#node .node-image-caption-center {
	text-align: center;
}
#node .node-image-caption,
#node-article .node-image-caption {
	float: right;
	clear: right;
}
#node .pane-node-attachments td {
	padding: 1.5em;
}
/* styles specific to case pages */
#node .quote,
#node .pane-node-field-map-embed {
	margin: 1em 0 1em 1em;
	width: 50%;
	float: right;
	clear: right;
}
#node .quote {
	background-color: lightgray;
	padding: 1em;
}
#node .quote p {
	margin: 1em;
}
#node .field-name-field-attachments {
	max-width: 45%;
}
#node .field-name-field-attachments th {
	text-align: left;
}
#node .pane-node-field-gallery-images {
	clear: both;
}
#node .pane-node-field-gallery-images .field-item {
	float: left;
}
/* style accordions on case pages */
#accordion
{
	width: 50%;
	float: right;
	clear: right;
	background-color: rgba(95, 117, 61, .8);
	padding: 1em;
	margin: .3em 0 .3em 1em;
}
#accordion:hover
{
	background-color: rgba(95, 117, 61, .2);
}
#accordion h2
{
	margin: 0;
	font-size: 1em;
}
#accordion p,
#accordion ul,
#accordion .field-name-field-url-to-archive,
#accordion .field-name-field-trustees,
#accordion .field-name-field-case-links
{
	text-align: left;
	padding-left: 1.65em;
	padding-right: 1.65em;
	font-size: .8em;
}
#accordion .field-name-field-trustees .field-items
{
	font-weight: 600;
}
#accordion
.field-item
{
	margin: 0.2em 0;
	padding: 0.2em 0;
}
/* style to create right column illusion despite my warnings */
.node-type-case-page .pane-node-body {
	width: 47%;
	float: left;
}
.node-type-case-page .right-column {
	max-width: 50%;
	float: right;
	clear: right;
	margin-left: 1em;
}
.node-type-case-page .node-image img {
	min-width: 100%;
}
/* style the fish consumption advisory banner on case pages */
#fish-consumption-alert {
	display: inline-block;
	width: 100%;
	padding: .2em;
	background-color: rgb(255, 255, 143);
	border: red solid .2em;
}
#fish-consumption-alert h3 {
	font-size: 115%;
	margin: .6em auto;
}
#fish-consumption-alert img {
	max-width: 6%;
	margin: auto 1em auto 1.6em;
	float: left;
}
#fish-consumption-alert br {
	display: none;
}
/* style the news archive */
.section-news-archive h1 {
	display:none;
}
#news-archive .view-grouping-header {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: white;
	background-color: rgb(10, 69, 149);
	padding: .2em 0;
}
#news-archive .view-grouping-header h2 {
	margin: 0;
	font-size: 1.8em;
	font-weight: 600;
}
#news-archive .view-grouping-header,
#news-archive .view-grouping-content h3 {
	clear: both;
}
#news-archive .view-grouping-content h3 {
	margin: 0;
	text-align: center;
	color: white;
	font-size: 1.4em;
	background-color: rgba(95, 117, 61, .8);
}
#news-archive .views-row {
	float: left;
	margin: 1em;
	width: 46%;
}
#news-archive .views-row-even {
	clear: right;
}
#news-archive .views-field-field-image {
	float: left;
	margin-right: 1em;
}
#news-archive h4 {
	margin: 0;
}
/* Case documents index styling */
#case-documents-index .view-grouping {
	width: 22%;
	float: left;
	padding: 1em;
}
#case-documents-index ul {
	list-style: none;
	padding: 0;
}
#case-documents-index .pane-case-documents-by-type {
margin: 1em 0;
}
/* style the site map */
.section-sitemap h1 {
max-width: 1200px;
margin: 0 auto;
}
/* indirect cost rates page */
#indirect-cost-rates-desktop table {
width: 80%;
margin: 2em auto;
}
#indirect-cost-rates-desktop caption {
font-size: 1.4em;
color: #585858;
font-family: verdana,arial,sans-serif;
margin: 1em;
}
#indirect-cost-rates-desktop th,
#indirect-cost-rates-desktop td
{
padding: 1em;
}
/* Legal authorities styling */
.section-legal-context caption {
	text-align:left;
}
.section-legal-context th {
	padding-right: 1em;
	border-bottom: solid black 1px;
}
.section-legal-context td {
	vertical-align: top;
	padding-bottom: 1em;
	padding-right: 1em;
}
.section-legal-context .views-field-title-1 {
	width: 70%;
}
.section-legal-context .file {
	float: left;
	clear: both;
}