@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/

/*----------changed h1 color - 8/13/2020 - see DSC rebranding section----------*/
/*h1{
color:#094F78;
}*/


h4, .h4 {
font-size:calc(1.35rem);
}

h5, .h5 {
font-size:calc(1.25rem);
}


.subscribe-button-inner{
/*background-color:#FFFFFF;*/
margin:0em 0em 0em 3em !important;
}

.rtext{
color:#B50000;
}

.rtextH{
color:#B50000;
margin-left:10px;
}

.strike-through{
text-decoration:line-through;
}

.under-line{
text-decoration:underline;
}


/*----------Alert Banner----------*/
/*Changed the hyperlinks color to meet ADA compliance*/
.alert a{
color:#161661;
text-decoration:underline;
font-weight:bold;
}

.alert a:hover{
color:#000000;
}

/*----------Main Menu----------*/
/*Temporary width of Menu - used for only one visible item*/
/*.top-level-nav{
width:80%;
}*/

.global-header.fixed{
z-index:24;
}

/*----------Social Media links bar----------*/
.utility-header .flex-row .social-media-links{
z-index:100;
}

/*----------Changed the utility header and primary background colors to a darker blue meet AAA compliance - The original blue in the Oceanside template css only meets AA compliance----------*/

/*----------changed Utility header color - 8/13/2020 - see DSC rebranding section----------*/
/*
.utility-header{
background-color:#045D8E;
}

.section-primary{
background-color:#045D8E;
}

.btn-primary{
background-color:#045D8E;
border-color:#045D8E;
*/
/*----------*/

/*----------Changed the anchor tag color from 046b99 to 045786 to meet AAA compliance----------*/
a {
color:#045786;
}
/*----------*/

.quarter h2{
font-size:20px;
}

.teaser h1{
font-size:20px;
color:#FFFFFF;
}

/*----------Search Bar----------*/
.flexbox .featured-search{
max-width:600px;
}


/*----------Ask Bar under the Search Bar----------*/

.flexbox .ask-group{
max-width:600px;
}

.ask-button{
font-size:1.15rem;
}

/*-----------Home Page Carousel----------*/

.carousel-content .owl-dots{
position:relative;
max-width:1280px;
margin-left:auto;
margin-right:auto;
top:-21%
}

.header-single-banner .content{
/*margin:2% auto auto 8%;*/
}

.header-single-banner .content-container{
bottom:auto !important;
}

.carousel .content-container{
max-width:1280px;
margin-left:auto !important;
margin-right:auto !important;
margin-top:11% !important;
}


/*for IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.carousel .content-container{
width:1280px;
margin-left:auto !important;
margin-right:auto !important;
margin-top:11% !important;
}
}

.carousel .content{
text-align:left;
}

.carousel .content h2{
/*font-family: 'PT Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight:700;
font-size:320%;
}

.carousel .content h3{
/*font-family: 'PT Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size:160%;
font-weight:400;
}

.carousel .access-button{
font-family: 'Open Sans', sans-serif;
}

.owl-carousel{
height:inherit;
}

.owl-stage-outer{
height:inherit;
}

.owl-stage{
height:inherit;
}

.owl-item{
height:inherit;
}

.owl-carousel .item{
height:inherit;
}

.owl-carousel .owl-item img{
height:inherit;
}

.explore-invite{
background-color:rgba(0, 0, 0, 0.8);
z-index:23;
}

/*----------W3C Carousel----------*/

/* .carousel */

.carousel .carousel-inner {
  position: relative;
}

.carousel .carousel-item {
  display: none;
  /*max-height: 400px;*/
  /*max-width: 900px;*/
height:inherit !important;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel .carousel-item.active {
  display: block;
}

/* More like bootstrap, less accessible */

.carousel .carousel-items {
  /*border: solid 2px transparent;*/
}

.carousel .carousel-items.focus {
  border-color: white;
  outline: solid 3px #005a9c;
}

/*.carousel .carousel-item .carousel-image a img{
  height: 100%;
  width: 100%;
}*/

.carousel{
height:inherit !important;
}

.carousel-inner{
height:inherit !important;
}

.carousel-items{
height:inherit;
}

.carousel-image{
height:inherit;
width:100%;
}

.carousel img{
width:100%;
height:100%;
}

.carousel .carousel-item .carousel-caption a {
  text-decoration: underline;
}

/*.carousel .carousel-item .carousel-caption a,
.carousel .carousel-item .carousel-caption span.contrast {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.65);
  padding-left: 0.25em;
  padding-right: 0.25em;
  border-radius: 5px;
  border: 2px solid transparent;
  margin: 0;
}*/

/*.carousel .carousel-item .carousel-caption h3 a {
  color: #fff;
  font-weight: 600;
}*/

/*.carousel .carousel-item .carousel-caption a:hover,
.carousel .carousel-item .carousel-caption span.contrast:hover {
  background-color: rgba(0, 0, 0, 1);
  margin: 0;
}*/

/*.carousel .carousel-item .carousel-caption a:focus {
  background-color: rgba(0, 0, 0, 1);
  border-color: #fff;
  margin: 0;
}*/

/*.carousel .carousel-item .carousel-caption p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 0;
}*/

.carousel .carousel-item .carousel-caption {
  position: absolute;
  /*right: 15%;*/
  /*bottom: 0;*/
  /*left: 15%;*/
  /*padding-top: 20px;*/
  /*padding-bottom: 20px;*/
color:#FFFFFF;
  /*text-align: center;*/
top:24%;
width:100%;
}

.carousel-caption h3{
/*font-family: 'PT Sans', sans-serif;*/
font-family:'Open Sans', sans-serif;
margin-left:auto;
margin-right:auto;
max-width:1280px;
padding:20px;
color:#FFFFFF;
}

.carousel-caption h1{
/*font-family: 'PT Sans', sans-serif;*/
font-family:'Open Sans', sans-serif;
font-weight:700;
font-size:320%;
margin-left:auto;
margin-right:auto;
max-width:1280px;
padding:8px 0px 10px 4px;
color:#FFFFFF;
}

/*----------White text for Hyperlinks on Home Slider----------*/
.white-text-h2 a{
color:#FFFFFF;
}

.white-text-h2 a:hover {
color:#FFFFFF;
}

.white-text-h2 a:active {
color:#FFFFFF;
}

/*----------Used for Coronavirus Slide----------*/
.alert-h2 a{
color:#2A2A79;
background-color:rgba(255, 255, 255, .7);
}

.alert-h2 a:hover{
color:#000000;
}

/*----------Use for Science Fellowship Slide----------*/
.carousel-caption .science-fellowship-h1{
font-size:300%;
}


span.h1contrast{
display: inline-block;
/*background-color: rgba(0, 0, 0, 0.45);*/
padding-left:14px;
padding-right:14px;
border-radius:5px;
border:2px solid transparent;
margin:0;
/* offset-x | offset-y | blur-radius | color */
text-shadow: 2px 2px 14px #000000;
}

.carousel-caption h2{
/*font-family: 'PT Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size:160%;
font-weight:400;
margin-left:auto;
margin-right:auto;
max-width:1280px;
padding:0px 20px 20px 4px;
color:#FFFFFF;
}

/*----------Use for Science Fellowship Slide----------*/
.carousel-caption .science-fellowship{
font-size:140%;
}

span.h2contrast{
display: inline-block;
/*background-color: rgba(0, 0, 0, 0.45);*/
padding-left:14px;
padding-right:14px;
border-radius:5px;
border:2px solid transparent;
margin:0;
/* offset-x | offset-y | blur-radius | color */
text-shadow: 2px 2px 14px #000000;
}

/*----------Only Used for Application Period Open for 2020 Delta Science Fellowship Program Slide----------*/
.carousel-image .science-fellowship-image{
width:112%;
height:112%;
}
/*----------*/

/*----------Only Used for Delta ISB Meeting Slide----------*/
.carousel-image .delta-isb-image{
height:120%;
}
/*----------*/

#ab2s1{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s1 a{
color:#FFFFFF;
}

#ab2s1 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s2{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s2 a{
color:#FFFFFF;
}

#ab2s2 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s3{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s3 a{
color:#FFFFFF;
}

#ab2s3 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s4{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s4 a{
color:#FFFFFF;
}

#ab2s4 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s5{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s5 a{
color:#FFFFFF;
}

#ab2s5 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s6{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s6 a{
color:#FFFFFF;
}

#ab2s6 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

#ab2s7{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding:20px 20px 20px 4px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
font-weight:600;
}

#ab2s7 a{
color:#FFFFFF;
}

#ab2s7 p{
display:inline-block;
margin:0px 5% 0px 0px;
}

.contrast a{
display: inline-block;
text-decoration: underline;
color:#FFFFFF;
background-color: rgba(0, 0, 0, 0.75);
padding:.35em 3.2em .35em 3.2em;
border-radius:5px;
border: 2px solid transparent;
margin: 0;
}

.contrast a:hover {
background-color: rgba(0, 0, 0, 1);
margin: 0;
}

.contrast a:focus {
background-color: rgba(0, 0, 0, 1);
margin:0;
border-color:#FFFFFF;;
}



/* Shared CSS for Pause, Next and Previous Slide Controls */

.carousel .controls button {
  padding: 0;
  position: absolute;
  top: 5px;
  z-index: 10;
  background-color: transparent;
  border: none;
  outline: none;
}

.carousel .controls button svg rect.background {
  stroke: black;
  fill: black;
  stroke-width: 1px;
  opacity: 0.6;
}

.carousel .controls button svg rect.border {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}

/* Next and Previous Slide Controls */

.carousel .controls button svg polygon {
  stroke: white;
  fill: white;
  stroke-width: 2px;
  opacity: 1;
}

.carousel .controls button.previous {
  right: 70px;
top:34%;
}

.carousel .controls button.next {
  right: 6px;
top:34%;
}

/* Pause Control */

.carousel .controls button.rotation {
  left: 6px;
top:34%;
}

.carousel .controls button.rotation svg polygon.pause {
  stroke-width: 4px;
  fill: transparent;
  stroke: transparent;
}

.carousel .controls button.rotation svg polygon.play {
  stroke-width: 4px;
  fill: transparent;
  stroke: transparent;
}

.carousel .controls button.rotation.pause svg polygon.pause,
.carousel .controls button.rotation.play svg polygon.play {
  fill: white;
  stroke: white;
}

/* Common focus styling for svg buttons */

.carousel .controls button:focus rect.background,
.carousel .controls button:hover rect.background,
.carousel .controls button:focus rect.border,
.carousel .controls button:hover rect.border {
  fill: #005a9c;
  stroke: #005a9c;
  opacity: 1;
}

.carousel .controls button:focus rect.border {
  stroke: white;
}


/*------------Arrows taken from Codepen - https://codepen.io/fixcl/pen/Fkcot-----------*/
/*.previous svg{
cursor:pointer;
background-color:rgba(0,0,0,.6) !important;
border-radius:5px;
border:2px solid transparent;
}

.previous svg:hover{
/*background-color:#005a9c !important;*/
/*background-color:#000000 !important;
opacity:1 !important;
border-radius:5px;
}

.previous svg:active{
/*background-color:#005a9c !important;*/
/*background-color:#000000 !important;
opacity:1 !important;
border-radius:5px;
border:2px solid #FFFFFF;
}

.previous svg{
padding:5px;
}

.next svg{
cursor:pointer;
background-color:rgba(0,0,0,.6) !important;
border-radius:5px;
border:2px solid transparent;
}

.next svg:hover{
/*background-color:#005a9c !important;*/
/*background-color:#000000 !important;
opacity:1 !important;
border-radius:5px;
}

.next svg:active{
/*background-color:#005a9c !important;*/
/*background-color:#000000 !important;
opacity:1 !important;
border-radius:5px;
border:2px solid #FFFFFF;
}

.next svg{
padding:5px;
}*/

.previous:hover polyline,
.previous:focus polyline{
stroke-width:8px;
}

.previous:active polyline{
stroke-width:10px;
transition:all 100ms ease-in-out;
}

.next:hover polyline{
stroke-width:8px;
}

.next:focus polyline{
stroke-width:8px;
}

.next:active polyline{
stroke-width:10px;
transition:all 100ms ease-in-out;
}

polyline{
transition: all 250ms ease-in-out;
}




/*----------Governor and Lieutenant Governor area----------*/
.gov-ltgov-container{
margin-left:auto;
margin-right:auto;
}

.gov-image{
display:inline-block;
margin-right:20px;
}

.gov-image a{
margin-top:10px;
margin-left:17%;
}

.gov-m-r{
display:inline-block;
margin-left:20px;
height:inherit;
vertical-align:middle;
margin-right:25px;
}

.gov-name-text{
/*font-size:18px;*/
font-size:1.125em;
}

.gov-title-text{
/*font-size:16px;*/
font-size:1em;
}

.mobile-gov-lt-gov-images{
display:inline-block;
}

.ltgov-image{
display:inline-block;
margin-right:20px;
margin-left:25px;
}

.ltgov-image a{
margin-top:10px;
margin-left:17%;
}

.ltgov-image img{
width:91px;
height:91px;
}

.ltgov-m-r{
display:inline-block;
margin-left:20px;
height:inherit;
vertical-align:middle;
}

.lt-gov-name-text{
/*font-size:18px;*/
font-size:1.125em;
}

.lt-gov-title-text{
/*font-size:16px;*/
font-size:1em;
}

.cdph-icon{
width: 325px;
height:auto;
display:inline-block;
margin-left: 50px;
}

.gov-image img:hover{
outline: thin dotted #E1F2F7;
outline-offset: -2px;
}

.ltgov-image img:hover{
outline: thin dotted #E1F2F7;
outline-offset: -2px;
}

.cdph-icon img:hover{
outline: thin dotted #FFFFFF;
outline-offset: -2px;
}


/*----------DSC Meetings area----------*/
.dsc-meetings{
min-height:600px;
background:linear-gradient(rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45)), url(../images/asparagus-1385x600.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-size:cover;
}

.dsc-meetings-display{
width:100%;
min-height:600px;
display:flex;
align-items:center;
}

.dsc-meetings-height{
width:100%;
max-height:180px;
}

.dsc-meetings-center{
width:100%;
text-align:center;
color:#FFFFFF;
}

.dsc-meetings-center h2{
font-size:230%;
}

.dsc-materials-container{
width:100%;
}

.dsc-materials-center{
margin-left:auto;
margin-right:auto;
max-width:120px;
}

.access-button{
display:inline-block;
padding:0.35em 3.2em;
/*border:0.1em solid #000000;*/
/*margin:0 0.3em 0.3em 0;*/
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-weight:300;
background-color:#000000;
background-color:rgba(0, 0, 0, 0.65);
color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}

.access-button:hover{
background-color:rgba(0, 0, 0, 0.8);
color:#FFFFFF;
}

.access-button a{
color:#FFFFFF;
}

#first-access-button{
margin:2% 5% 0px 0px;
}

/*----------News Section on Home Page----------*/
.news-section{
background-color:#FFFFFF;
}

.cm-ln-titles a{
font-size: 24.64px;
font-size: 1.54rem;
margin-top: 1em;
margin-bottom: 0.7em;
font-family: "Asap Condensed", sans-serif;
color:#094F78;
}

/*.cm-ln-titles a:hover{
color:#02374e;
text-decoration:underline !important;
}*/

.cm-ln-titles li{
padding:0px 0px 10px 0px;
}

/*----------Social Media Section on Home Page----------*/
.social-media-section{
background-color:#FFFFFF;
}

.three-column-1-3-social-media-container{
width:100%;
max-height:600px;
padding:0px 0px 14px 0px;
}

.three-column-1-3-social-media-size-container{
width:92%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.fb-page{
padding:10px 0px 14px 0px;
}


/*----------Latest News - Campaign Monitor Section----------*/
.ln-cm-section{
background-color:#FFFFFF;
}

.cm-home-page .subscribe-button-inner{
margin:10px 0px 0px 0px !important;
}

/*
.cm-home-page a{
color:#FFFFFF;
background-image:linear-gradient(to right, #F3FFFF 50%, transparent 50%) !important;
}

.cm-home-page a:hover{
background-image:linear-gradient(to right, #FFFFFF 50%, transparent 50%) !important;
}

#service-group-123 .subscribe-button-inner{
margin:10px 0px 15px 0px !important;
}
*/


/*----------Instagram column----------*/

.AvatarContainer,.Header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

.Header{height:54px;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:10px}

.AvatarContainer{background-color:#fff;padding:2px;border-radius:50%;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

.Avatar{display:block;width:30px;height:30px}

.InsideRing{position:absolute}

.Avatar img{border-radius:50%;width:30px;height:30px}

.Avatar:hover{opacity:.5}.StoryRing{display:block}

.HeaderText{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 10px;overflow:hidden}

.HeaderSecondaryContent{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:#999;/*line-height:14px;font-size:12px*/line-height:1.5em;font-size:.75em;}

.HeaderSecondaryContent>:before{content:' \00B7 ';display:inline-block;margin-left:4px;margin-right:4px}

.HeaderSecondaryContent>:first-child:before{display:none}

.HeaderCta{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-left:15px}

.HeaderCta a.FollowButton,.HeaderCta a.ViewProfileButton{margin-left:10px}


/*----------Images----------*/

.img-fl-150-1{
float:left;
max-width:150px;
height:auto;
margin:0px 20px 10px 0px;
}

.img-fl-150{
float:left;
max-width:150px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-fl-150-mb40{
float:left;
max-width:150px;
height:auto;
margin:10px 20px 40px 0px;
}

.img-150w{
max-width:150px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-250w{
max-width:250px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-185w{
max-width:185px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-550w{
max-width:550px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-750w{
max-width:750px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-30w{
max-width:30px;
height:auto;
margin:3px 0px 3px 0px;
}

.img-fl-300{
float:left;
max-width:300px;
height:auto;
margin:10px 20px 10px 0px;
}

.clear-both{
clear:both;
}

.clear-m-t{
margin-top:0px;
}

.float-inline-start{
float:inline-start;
}

.img-fl-225{
float:left;
max-width:225px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-fl-250{
float:left;
max-width:250px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-fl-250-b{
float:left;
max-width:250px;
height:auto;
margin:10px 20px 30px 0px;
}

.img-fl-250-cc{
float:left;
max-width:250px;
height:auto;
margin:-15px 20px 0px 0px;
}

.img-fl-375{
float:left;
max-width:375px;
height:auto;
margin:10px 20px 10px 0px;
}

.img-fl-375-t0{
float:left;
max-width:375px;
height:auto;
margin:0px 20px 20px 0px;
}

.img-fl-450{
float:left;
max-width:450px;
height:auto;
margin:10px 20px 20px 0px;
}

.img-fl-500{
float:left;
max-width:500px;
height:auto;
margin:10px 20px 20px 0px;
}

.img-fl-550{
float:left;
max-width:550px;
height:auto;
margin:10px 20px 20px 0px;
}

.img-fl-625{
float:left;
max-width:625px;
height:auto;
margin:0px 20px 0px 0px;
}

.img-fl-875{
float:left;
max-width:875px;
height:auto;
margin:0px 20px 0px 0px;
}

.img-fl-100p{
float: left;
max-width: 100%;
height: auto;
margin: 10px 10px 10px 10px;
padding: 0px 20px 20px 0px;
}

.img-fr-290{
float:right;
max-width:290px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-550{
float:right;
max-width:550px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-50p{
float:right;
max-width:50%;
height:auto;
margin:10px 10px 10px 10px;
}

.img-fr-33p{
float:right;
max-width:33%;
height:auto;
margin:10px 10px 10px 10px;
}

.img-fr-330-s{
float:right;
max-width:330px;
height:auto;
margin:0px 0px 0px 30px;
}

.img-fr-500{
float:right;
max-width:500px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-650{
float:right;
max-width:650px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-700{
float:right;
max-width:700px;
height:auto;
margin:0px 0px 20px 20px;
}

.img-fr-750{
float:right;
max-width:750px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-450{
float:right;
max-width:450px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-450-mbml40{
float:right;
max-width:450px;
height:auto;
margin:10px 0px 40px 40px;
}

.img-fr-450-1t-cb{
float:right;
max-width:450px;
height:auto;
margin:15px 30px 20px 20px;
clear:both;
}

.img-fr-400{
float:right;
max-width:400px;
height:auto;
margin:27px 0px 10px 10px;
}

.img-fr-330{
float:right;
max-width:330px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-330-cc{
float:right;
max-width:330px;
height:auto;
margin:0px 0px 20px 20px;
}

.img-fr-330-0{
float:right;
max-width:330px;
height:auto;
margin:0px;
}

.img-fr-200{
float:right;
max-width:200px;
height:auto;
margin:10px 0px 20px 20px;
}

.img-fr-200-2{
float:right;
max-width:200px;
height:auto;
margin:0px 0px 10px 20px;
border:2px solid #999999;
}

a:hover .img-fr-200-2{
border:2px solid #999999;
}

a:active .img-fr-200-2{
border:2px solid #999999;
}

a:visited .img-fr-200-2{
border:2px solid #999999;
}

a:focus .img-fr-200-2{
border:2px solid #999999;
}

.img-dib-200-2{
display:inline-block;
max-width:200px;
height:auto;
margin:0px 0px 10px 20px;
border:2px solid #999999;
}

a:hover .img-dib-200-2{
border:2px solid #999999;
}

a:active .img-dib-200-2{
border:2px solid #999999;
}

a:visited .img-dib-200-2{
border:2px solid #999999;
}

a:focus .img-dib-200-2{
border:2px solid #999999;
}

.float-right{
float:right;
}

.clear-right{
clear:right;
}

.img-fr-150-2{
float:right;
max-width:150px;
height:auto;
margin:0px;
}

.img-fr-150{
float:right;
max-width:150px;
height:auto;
margin:10px 0px 10px 20px;
}

.img-fr-150-1{
float:right;
max-width:150px;
height:auto;
margin:0px 0px 10px 20px;
}

.img-fr-150-cc{
float:right;
max-width:150px;
height:auto;
margin:0px 0px 20px 20px;
}

.img-fr-250{
float:right;
max-width:250px;
height:auto;
margin:10px 0px 10px 20px;
}

a:hover .img-fr-250{
outline: solid 2px #2ea3f2;
}

a:focus .img-fr-250{
outline: solid 2px #2ea3f2;
}

a:active .img-fr-250{
outline: solid 2px #2ea3f2;
}

a:visited .img-fr-250{
outline: solid 2px #2ea3f2;
}

.img-fr-250-1{
float:right;
max-width:250px;
height:auto;
margin:0px 0px 10px 20px;
}

a:hover .img-fr-250-1{
border:1px solid #080E2F;
}

a:active .img-fr-250-1{
border:1px solid #080E2F;
}

a:visited .img-fr-250-1{
border:1px solid #080E2F;
}

a:focus .img-fr-250-1{
border:1px solid #080E2F;
}

.img-fr-275-1{
float:right;
max-width:300px;
height:auto;
margin:0px 0px 10px 20px;
}

a:hover .img-fr-275-1{
border:1px solid #080E2F;
}

a:active .img-fr-275-1{
border:1px solid #080E2F;
}

a:visited .img-fr-275-1{
border:1px solid #080E2F;
}

a:focus .img-fr-275-1{
border:1px solid #080E2F;
}

.drop-shadow{
filter: drop-shadow(0 0 0.75rem #000000);
}

.img-mh-600{
width:100%;
max-height:600px;
}

.img-container-w-full{
width:100%;
height:auto;
}

.img-container-w-50-percent-center{
width:50%;
height:auto;
margin-left:auto;
margin-right:auto;
}

.img-w-full-h-a{
width:100%;
height:auto;
}

.img-w-full-h-a-mtmb{
width:100%;
height:auto;
margin-top:.8rem;
margin-bottom:1.5rem;
}

.img-w-70-h-a-cb{
width:70%;
height:auto;
display:block;
clear:both;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

.img-w-full-h-200-mtmb{
max-width:100%;
max-height:200px;
margin-top:.8rem;
margin-bottom:1.5rem;
}

.img-w-full-h-a-heading-above{
width:100%;
height:auto;
margin-bottom:20px;
}

.img-w-full-h-a-cc{
width:100%;
height:auto;
margin-bottom:20px;
}

.img-w-full-h-a-sc{
width:100%;
height:auto;
margin-bottom:1.5em;
margin-top:.5em;
}

.img-container-w-80{
width:80%;
height:auto;
margin-left:auto;
margin-right:auto;
}

.img-container-w-30{
width:30%;
height:auto;
margin-left:auto;
margin-right:auto;
padding:10px 0px 20px 0px;
}

.img-c-55{
max-width:55%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.img-c-55 img{
width:100%;
}

.img-main-w-100-h-a{
width:100%;
height:auto;
}

/*-----Research Funding and Fellowships list images-----*/
.ulrff1{
list-style: none;
padding:0px 0px 5px 10px;
}

.rff1{
position: relative;
}

.rff1::before{
content:url(../images/rff1.png);
padding:0px 10px 0px 0px;
float:left;
}

/*----------Blog Images Caption----------*/
.blog-image-caption-container{
float:right;
max-width:490px;
height:auto;
padding:0px 0px 0px 40px;
}

.blog-image-caption{
max-width:450px;
margin-left:auto;
margin-right:auto;
}

.blog-image-caption img{
width:100%;
height:auto;
}

/*----------FAQ Page----------*/
.faq-image-container{
float:right;
max-width:300px;
height:auto;
}

.faq-image{
max-width:250px;
margin-left:auto;
margin-right:auto;
}

.faq-image img{
width:100%;
height:auto;
}

/*----------Two Columns---------- - as seen on the original Delta Adapts - Climate Change page and blogs*/

.two-column-container{
width:100%;
}

.two-column-1-2-container {
width:49%;
height:auto;
display:inline-block;
vertical-align:top;
}

.two-column-1-2-image-container{
width:100%;
height:auto;
padding:0px 0px 14px 0px;
}

.two-column-1-2-image-size-container{
width:95%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.two-column-1-2-image{
width:100%;
height:100%;
}

.two-column-1-2-image-50-p{
width:56.3%;
height:auto;
}

/*-----Two Columns 1/3 and 2/3-----*/
.two-column-1-3-container {
width:32%;
height:auto;
display:inline-block;
vertical-align:top;
}

.two-column-2-3-container {
width:66%;
height:auto;
display:inline-block;
vertical-align:top;
}


/*----------Three Column Template - as seen on the Blogs page----------*/

.three-column-heading-1{
text-align:center;
padding:20px 0px 20px 0px;
}

.three-column-container{
width:100%;
}

.three-column-container-1{
width:100%;
padding:20px 0px 20px 0px;
}

.three-column-1-3-container{
width:33%;
height:auto;
display:inline-block;
vertical-align:top;
}

.three-column-1-3-image-container{
width:100%;
max-height:280px;
padding:0px 0px 14px 0px;
}

.three-column-1-3-image-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.three-column-1-3-image{
max-height:266px;
}

.three-column-1-3-image-size-container img{
width:100%;
height:100%;
}

.three-column-1-3-text-container{
width:100%;
height:auto;
}

.three-column-1-3-text-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.three-column-1-3-date{
text-align:center;
}

.three-column-1-3-heading-2{
/*font-size:21px;*/
font-size:1.3125em;
text-align:left;
}

.three-column-1-3-author{
text-align:center;
}

/*----------font size downsized to 16px to fit on one line----------*/
.three-column-1-3-author-sm{
font-size:16px;
text-align:center;
}
/*----------*/


/*----------Blogs sub-pages----------*/
/*----------Main Blog Image is cropped to 1250px wide and most ar cropped to 600px high----------*/
.main-blogs-image{
width:100%;
height:auto;
}
/*----------*/
.center-caption{
width:100%;
text-align:center;
}

.center-caption-78-p{
width:78.15%;
text-align:center;
}

.blog-text-float-right{
width: 50%;
float: right;
border: 1px solid #000;
margin: 10px;
}

.blog-text-float-right-bgg h3{
margin:0px 0px .7em 0px;
}

.blog-text-float-right-bgg-h{
width:50%;
float:right;
margin:-10px 0px -20px 10px;
padding:0px 0px 0px 10px;
}

.blog-text-float-right-bgg{
width:50%;
float:right;
background-color:#E2F0D9;
margin:10px;
padding:20px;
}

.blog-text-float-right-bgg-h{
width:50%;
float:right;
background-color:#E2F0D9;
margin:10px;
padding:0px 20px 20px 20px;
}

.blog-text-float-right-bgb{
width:50%;
float:right;
background-color:#DEEAF6;
margin:10px;
padding:20px;
}

.blog-text-float-right-bgb-cr{
width:50%;
float:right;
clear:right;
background-color:#DEEAF6;
margin:10px;
padding:0px 20px 20px 20px;
}

.blog-text-float-right p{
margin: 20px;
}

.blog-quote-container{
width:100%;
}

.blog-quote-center-styled{
width:75%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-style:italic;
}

.blog-quote-center-hr{
width:75%;
margin-left:auto;
margin-right:auto;
background-color:#3D6128;
}

.blog-center-image-container{
width:100%;
height:auto;
}

.blog-center-image{
width:70%;
height:auto;
margin-left:auto;
margin-right:auto;
}

.blog-center-image img{
width:100%;
height:100%;
}

.blog-blue-background{
background-color:#DEEAF6;
}

.blog-blue-background-p15{
background-color:#DEEAF6;
padding:15px;	
}

.blog-green-background{
background-color:#E2EFD9;
}

.blog-1E2859-background{
background-color:#1E2859;
}
.blog-1E2859-background p{
color:#FFFFFF;
margin:0px 20px 0px 20px;
}
.blog-1E2859-background h2{
color:#FFFFFF;
margin-left:20px;
}

.blog-033C80-background{
background-color:#033C80;
}
.blog-033C80-background p{
color:#FFFFFF;
margin:0px 20px 0px 20px;
}
.blog-033C80-background h2{
color:#FFFFFF;
margin-left:20px;
}

.blog-056605-background{
background-color:#056605;
}
.blog-056605-background p{
color:#FFFFFF;
margin:0px 20px 0px 20px;
}
.blog-056605-background h2{
color:#FFFFFF;
margin-left:20px;
}

.blog-046637-background{
background-color:#046637;
}
.blog-046637-background p{
color:#FFFFFF;
margin:0px 20px 0px 20px;
}
.blog-046637-background h2{
color:#FFFFFF;
margin-left:20px;
}

.dash-list{
margin-left:-15px;
}

.list-type-none-left-aligned{
margin-left:0px;
}

/*-----Eco Amendment Blog list images-----*/
.b1{
list-style-image: url(https://deltacouncil.ca.gov/images/blogs/b1.png);
margin:0px 0px 10px 32px;
}

.b2{
list-style-image: url(https://deltacouncil.ca.gov/images/blogs/b2.png);
margin:0px 0px 10px 32px;
}

.b3{
list-style-image: url(https://deltacouncil.ca.gov/images/blogs/b3.png);
margin:0px 0px 10px 32px;
}

.b4{
list-style-image: url(https://deltacouncil.ca.gov/images/blogs/b4.png);
margin:0px 0px 10px 32px;
}

.b5{
list-style-image: url(https://deltacouncil.ca.gov/images/blogs/b5.png);
margin:0px 0px 10px 32px;
}
/*----------*/


/*-----Delta Adapts List images-----*/
.enhance-biodiversity-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/enhance-biodiversity-list-icon.png);
margin:0px 0px 10px 32px;
}

.increase-community-cohesion-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/increase-community-cohesion-list-icon.png);
margin:0px 0px 10px 32px;
}

.diversify-economic-development-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/diversify-economic-development-list-icon.png);
margin:0px 0px 10px 32px;
}

.reduce-flood-risk-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/reduce-flood-risk-list-icon.png);
margin:0px 0px 10px 32px;
}

.improve-food-security-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/improve-food-security-list-icon.png);
margin:0px 0px 10px 32px;
}

.reduce-greenhouse-gas-emissions-and-sequester-carbon-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/reduce-greenhouse-gas-emissions-and-sequester-carbon-list-icon.png);
margin:0px 0px 10px 32px;
}

.improve-human-health-and-well-being-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/improve-human-health-and-well-being-list-icon.png);
margin:0px 0px 10px 32px;
}

.increase-public-access-and-recreation-opportunities-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/increase-public-access-and-recreation-opportunities-list-icon.png);
margin:0px 0px 10px 32px;
}

.reverse-or-halt-subsidence-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/reverse-or-halt-subsidence-list-icon.png);
margin:0px 0px 10px 32px;
}

.maintain-and-improve-water-quality-and-supply-list-icon{
list-style-image: url(https://deltacouncil.ca.gov/images/delta-adapts/maintain-and-improve-water-quality-and-supply-list-icon.png);
margin:0px 0px 10px 32px;
}
/*----------*/



/*----------Four Column Image Flyer for Blogs Page https://deltacouncil.ca.gov/blogs/new-and-transformative-delta-research-funded-by-state-and-federal-agencies------------*/
/*column 1 and 3 blue background #1E2859 / column 2 and 4 green background #00523D*/
#column-1-4-1{
background-color:#1E2859;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

#column-1-4-2{
background-color:#00523D;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

#column-1-4-3{
background-color:#1E2859;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

#column-1-4-4{
background-color:#00523D;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

.four-column-container{
width:100%;
padding-bottom:14px;
display:flex;
}

.four-column-1-4-container{
width:25%;
height:auto;
display:inline-block;
vertical-align:top;
}

.four-column-1-4-image-container{
width:100%;
max-height:640px;
/*padding:0px 0px 14px 0px;*/
}

.four-column-1-4-image-size-container{
width:100%;
height:100%;
}

.four-column-1-4-image{
max-height:608px;
}

.four-column-1-4-image-size-container img{
width:100%;
height:100%;
}

.four-column-1-4-heading-2{
text-align:center;
}

.four-column-1-4-text-container{
width:100%;
height:auto;
/*border:1px solid #FFFFFF;*/
/*margin-top:-1px;*/
}

.four-column-1-4-text-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

/*.four-column-1-4-summary{
text-align:center;
}*/


/*----------Three Column Vertical Template - as seen on the Annual Reports page----------*/

.three-column-v-container{
width:100%;
}

.three-column-v-1-3-container{
width:33%;
height:auto;
display:inline-block;
vertical-align:top;
margin-top:0.83em;
}

.three-column-v-1-3-image-container{
width:100%;
max-height:352px;
padding:0px 0px 18px 0px;
}

.three-column-v-1-3-image-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.three-column-v-1-3-image{
max-height:334px;
}

.three-column-v-1-3-image-size-container img{
max-width:258px;
height:100%;
}

.three-column-v-1-3-text-container{
width:100%;
height:auto;
}

.three-column-v-1-3-text-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.three-column-v-1-3-heading{
/*font-size:21px;*/
font-size:1.3125em;
text-align:center;
max-width:258px;
}


/*----------Contact Us page----------*/
.dsc-g-map iframe{
min-width:600px;
min-height:450px;
border:0px;
}
/*----------*/

/*----------Covered Actions pages----------*/
.covered-actions-text-float-right-bgb{
width:50%;
float:right;
background-color:#DEEAF6;
margin:20px 90px 30px 45px;
padding:20px;
}

.covered-actions-h2mt{
margin-top: 1.3em;
}

.dcp-blue-background-p15{
background-color:#DEEAF6;
padding:15px;	
}

/*-----------*/

/*-----------Change Navigation Icons to meet AAA Accessibility Standards----------*/
.first-level-link > span[class^="ca-gov-icon"] {
  /* Navigation icons */
/*----------original color is #9fc7da;----------*/
color:#3C5A69;
}

.nav-item:hover > a, .nav-item:focus > a {
/*----------original color is #046B99;----------*/
color:#045399
}

/*----------Change the text of the Navigation Menu----------*/
.first-level-link{
font-family:"Source Sans Pro", sans-serif;
}

/*----------Bay-Delta Social Science Community of Practice page----------*/
#community-of-practice-table{
margin-bottom:.7em;
}

#community-of-practice-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
/*min-width:10%;*/
}

#community-of-practice-table .tr-odd{
background-color:#FFFFFF;
}

#community-of-practice-table .tr-even{
background-color:#DEEAF6;
}

#community-of-practice-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
/*min-width:10%;*/
/*word-break: break-all;*/
overflow-wrap: break-word;
}

 /* IE9,10  */
@media screen and (min-width:0\0){
.platform-links { word-break: break-all; }
}

/* Edge */
@supports (-ms-ime-align:auto) {
    .platform-links {
        word-break: break-all;
    }
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .platform-links{ word-break: break-all; } 
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .platform-links { 
        word-break: break-all; 
    }
}}

#members-accordion .panel-body{
padding:15px 0px 0px 0px;
}

#members-accordion .panel-body p{
padding-left:15px;
padding-right:15px;
}

#th-name{
min-width:10%;
}

#th-email{
min-width:20%;
}

#th-department{
min-width:20%;
}

#th-expertise{
min-width:10%;
}

#th-focus{
min-width:10%;
}

#th-platforms{
min-width:20%;
}

/*----------Research Awards Page----------*/
#research-awards-table-2025{
color:#000000;
border:1px solid #DEEAF6;
}

#research-awards-table-2025 th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#research-awards-table-2025 .tr-odd{
background-color:#FFFFFF;
}

#research-awards-table-2025 .tr-even{
background-color:#DEEAF6;
}

#research-awards-table-2025 td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

#research-awards-table-2025 .ra-description{
min-width: 30%;
}

#research-awards-table-2025 .ra-lpi{
min-width: 15%;
}

#research-awards-table-2021{
color:#000000;
border:1px solid #DEEAF6;
}

#research-awards-table-2021 th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#research-awards-table-2021 .tr-odd{
background-color:#FFFFFF;
}

#research-awards-table-2021 .tr-even{
background-color:#DEEAF6;
}

#research-awards-table-2021 td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

#research-awards-table-2021 .ra-description{
min-width: 30%;
}

#research-awards-table-2021 .ra-lpi{
min-width: 15%;
}

#research-awards-table-2018-2019{
color:#000000;
border:1px solid #DEEAF6;
}

#research-awards-table-2018-2019 th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#research-awards-table-2018-2019 .tr-odd{
background-color:#FFFFFF;
}

#research-awards-table-2018-2019 .tr-even{
background-color:#DEEAF6;
}

#research-awards-table-2018-2019 td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

#research-awards-table-2018-2019 .ra-description{
min-width: 30%;
}

#research-awards-table-2018-2019 .ra-lpi{
min-width: 15%;
}

/*----------Scientific Peer Review Page----------*/
#scientific-peer-review-table{
color:#000000;
border:1px solid #DEEAF6;
}

#scientific-peer-review-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#scientific-peer-review-table .tr-odd{
background-color:#FFFFFF;
}

#scientific-peer-review-table .tr-even{
background-color:#DEEAF6;
}

#scientific-peer-review-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

/*----------Scientific Peer Review FAQ----------*/
#scientific-reviews-and-advice-faq th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
}

#scientific-reviews-and-advice-faq td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
}

#scientific-reviews-and-advice-faq .tr-r1{
background-color:#DEEAF6;
}

#scientific-reviews-and-advice-faq .tr-r2{
background-color:#FFFFFF;
}

#scientific-reviews-and-advice-faq .tr-r3{
background-color:#DEEAF6;
}

.italicized-quote{
font-size:1.5em;
}


/*----------Science Synthesis Page----------*/
#science-synthesis-past-synthesis{
max-width:1250px;
}

#past-synthesis-table{
width:100%;
margin-bottom:.7em;
}

#past-synthesis-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
/*min-width:10%;*/
}

#past-synthesis-table .tr-odd{
background-color:#FFFFFF;
}

#past-synthesis-table .tr-even{
background-color:#DEEAF6;
}

#past-synthesis-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
/*min-width:10%;*/
/*word-break: break-all;*/
/*overflow-wrap: break-word;*/
word-break: break-word;
}

#th-title{
min-width:20%;
}

#th-description{
min-width:28%;
}

#th-dates-of-effort{
min-width:15%;
}

#th-products{
min-width:30%;
}


/*----------Science for Coummunities Page----------*/

#mmxxvi-partnerships-projects{
max-width:1250px;
}

#mmxxvi-partnerships-projects-table{
width:100%;
margin-bottom:.7em;
}

#mmxxvi-partnerships-projects-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#C2E3FF;
}

#mmxxvi-partnerships-projects-table #table-one-header-one{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#2E4580;
color:#FFFFFF;
}

#mmxxvi-partnerships-projects-table .tr-odd{
background-color:#FFFFFF;
}

#mmxxvi-partnerships-projects-table .tr-even{
background-color:#DEEAF6;
}

#mmxxvi-partnerships-projects-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
word-break: break-word;
}


#past-partnership-projects{
max-width:1250px;
}

#past-partnership-projects-table{
width:100%;
margin-bottom:.7em;
}

#past-partnership-projects-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#D9F2D0;
}

#past-partnership-projects-table #table-two-header-one{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#1A8A2E;
color:#FFFFFF;
}

#past-partnership-projects-table .tr-odd{
background-color:#FFFFFF;
}

#past-partnership-projects-table .tr-even{
background-color:#D9F2D0;
}

#past-partnership-projects-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
word-break: break-word;
}


#th-partnership-groups{
min-width:30%;
}

#th-status{
min-width:20%;
}

#th-project-description{
min-width:40%;
}

#th-year-completed{
min-width:20%;
}

.sfc-img-container{
width:1250px;
height:auto;
}

.img-w-60-h-a-mtmb{
width:60%;
height:auto;
margin-top:.8rem;
margin-bottom:1.5rem;
}

.img-w-60-h-a-c{
width:60%;
height:auto;
margin-left:auto;
margin-right:auto;
}

.sfc-img-one-hundred{
width:100%;
height:auto;
}

.sfc-blue-background-p15 {
background-color: #DEEAF6;
padding: 15px;
margin: 15px 0px 15px 0px;
}

.sfc-h2-m0{
margin-top:0px;
margin-bottom:0px;
}


/*----------RStudio Reports----------*/
.book-summary{
max-width:300px;
background:#FAFAFA;
border-right:1px solid rgba(0,0,0,.07);
position:fixed;
overflow-y:auto;
overflow-x: hidden;
height:75%;
object-fit:contain;
}

.book-summary nav{
height:100%;
}

.book-summary ul.summary{
list-style-type:none;
padding:10px 10px 10px 40px;
height:100%;
}

.book-summary ul.summary li{
list-style-type:none;
}

.book-summary ul.summary li ul li ul{
display:none;
}

#rstudio-report{
position:relative;
display:inline-block;
left:300px;
padding-left:30px;
padding-right:30px;
max-width:1280px;
}

@media (max-width: 767px) {
  .book-summary {
    display:none;
  }
  #rstudio-report{
	left:0px;
  }
}

@media (min-width: 768px) {
  #rstudio-report {
    max-width: 420px;
  }
}

@media (min-width: 992px) {
  #rstudio-report {
    max-width: 660px;
  }
}

@media (min-width: 1200px) {
  #rstudio-report {
    max-width: 840px;
  }
}

@media (min-width: 1280px) {
  #rstudio-report {
    max-width: 980px;
  }
}

@media (min-width: 1580px) {
  #rstudio-report {
    max-width: 1280px;
  }
}

/*----------DPIIC Coordination Updates Page----------*/
.coordination-updates ul{
list-style-type:none;
}



/*----------DSC Rebranding - August 2020----------*/

body {
font-family: 'Open Sans', sans-serif;
font-size: 1.1rem;
line-height: 1.5;
}

h1{
color:#161D48;
}

.displayi{
display:inline;
}

.first-level-link{
font-family: 'Open Sans', sans-serif;
}

.utility-header{
/*Delta Green Background - changed to Dark Green on 8/21/2020 - background-color:#155828;*/
background-color:#1A8A2E;
}

.social-media-container{
max-width:100%;
}

.section-primary{
/*Delta Blue Background - changed to Dark Blue on 8/21/2020 - background-color:#161D48;*/
background-color:#002D6E;
}

.btn-primary{
/*Delta Green Background - changed to Dark Green on 8/21/2020 - background-color:#155828;
border-color:#155828;*/
background-color:#1A8A2E;
border-color:#1A8A2E;
}

.branding{
padding-left: 6px;
padding-right: 6px;
max-width:100%;
height:210px !important;
}

.branding .header-organization-banner img {
max-width: 350px;
max-height: 140px;
}

.branding .header-organization-banner a{
margin-top:56px;
}

.top-level-nav{
min-height:85px;
}

.top-level-nav .nav-item{
font-size:1.2rem;
}

.top-level-nav .nav-item > a{
margin-top: 22px;
}

a.second-level-link:hover, a.second-level-link:focus {
text-decoration:underline !important;
}

@media (min-width: 768px){
.nav-item .first-level-link.has-sub .carrot{
bottom: 21px;
}
}

.first-level-link{
color:#000000;
}

.nav-item:hover > a, .nav-item:focus > a{
color:#161D48;
}

.nav-item:hover, .nav-item:focus {
/*Changed to #F5F9FB on 8/21/2020 - background-color:#E1EFF7;*/
background-color:#F5F9FB;
}

.sub-nav {
/*Changed to #F5F9FB on 8/21/2020 - background:#E1EFF7;*/
background:#F5F9FB;
}

.second-level-link {
color: #161D48;
}

a:hover {
color:#080E2F;
}

/*a:visited {
color:#080E2F;
}*/

a:active {
color:#080E2F;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary {
color:#FFFFFF;
background-color:#053C16;
border-color:#053C16;
}

.fixed.compact .branding{
height:100px !important;
}

.fixed.compact .branding .header-organization-banner a{
margin-top:17px;
}

.fixed.compact .top-level-nav .nav-item > a {
margin-top:22px;
}

.fixed.compact .nav-item .first-level-link.has-sub .carrot {
bottom:12px;
}

.first-level-link > span[class^="ca-gov-icon"] {
font-size: 20px;
float: right;
}


@media (min-width: 1200px){
.main-navigation{
padding-left:650px;
}
}

@media (min-width: 1280px){
.main-navigation {
max-width: 100%;
}
}

/*----------font size downsized to 15px to fit on one line on the Blogs page----------*/
.three-column-1-3-author-sm{
/*font-size:15px;*/
font-size:.86em;
text-align:center;
}
/*----------*/

a{
color: #161D48;
/*color:#6EC5FD;*/
/*text-decoration:underline !important;*/
}

/*----------Added on 4/20/2021----------*/
/*.main-content a:not(.btn):hover{
text-decoration:underline !important;
background-image:none !important;
}

.main-content a:not(.btn):focus{
text-decoration:underline !important;
background-image:none !important;
}

.main-content a:not(.btn) {
background-image:none !important;
}
/*

#2BA0FF

#D77BD7

*/

/*----------*/

.main-content a:not(.btn) {
/*background-image: linear-gradient(to right, #161D48 50%, transparent 50%);*/
/*background-image: linear-gradient(to right, #2BA0FF 50%, transparent 50%);*/
/*background-position-x: center;
background-position-y: bottom;*/
background-image:none;
border-bottom: 1px dotted #161D48;
}

.main-content a:not(.btn):hover {
/*background-image: linear-gradient(to right, #080E2F 50%, transparent 50%);*/
background-image:none;
border-bottom: 1px solid #080E2F;
/*border-bottom: 1px solid #D77BD7;*/

}

/*----------W3 Carousel Changes----------*/
#ab2s1{
color:#000000;
}

#ab2s1 a{
color:#000000;
}

#ab2s2{
color:#000000;
}

#ab2s2 a{
color:#000000;
}

#ab2s3{
color:#000000;
}

#ab2s3 a{
color:#000000;
}

#ab2s4{
color:#000000;
}

#ab2s4 a{
color:#000000;
}

#ab2s5{
color:#000000;
}

#ab2s5 a{
color:#000000;
}

#ab2s6{
color:#000000;
}

#ab2s6 a{
color:#000000;
}

#ab2s7{
color:#000000;
}

#ab2s7 a{
color:#000000;
}

.contrast a{
color:#000000;
background-color: rgba(239, 125, 10, 0.75);
}

.contrast a:hover {
background-color: rgba(239, 125, 10, 1);
}

.contrast a:focus {
background-color: rgba(239, 125, 10, 1);
border-color:#000000;;
}

span.h1contrast{
display: block;
text-align: center;
}

span.h2contrast {
display: block;
text-align: center;
}


#ab2s1 p {
display: block;
text-align: center;
}

#ab2s2 p {
display: block;
text-align: center;
}

#ab2s3 p {
display: block;
text-align: center;
}

#ab2s4 p {
display: block;
text-align: center;
}

#ab2s5 p {
display: block;
text-align: center;
}

#ab2s6 p {
display: block;
text-align: center;
}

#ab2s7 p {
display: block;
text-align: center;
}


.carousel .carousel-item .carousel-caption {
top: 26%;
height: 74%;    
}

.carousel-text-headings{
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}


.carousel-caption h1{
padding-top:0px;
margin-top:0px;
}

.align-with-list{
display:block;
text-align:left;
margin-left:1%;
}

span.h2contrast ul{
text-align:left;
}


/*----------Rebranding - Campaign Monitor Changes----------*/
.cm-ln-titles a{
color:#161D48;
}

.cm-ln-titles a:hover{
color:#080E2F;
}

.cm-ln-titles p a{
font-size: 1.1rem;
line-height: 1.45;
}

.img-fr-32{
float:right;
max-width:32px;
height:auto;
margin-left:10px;
margin-top:3px;
}

.subscribe-button a{
display:inline-block;
text-decoration:underline;
color:#000000;
background-color:rgba(239, 125, 10, 0.75);
padding:.35em 3.2em .35em 3.2em;
border-radius:5px;
border:2px solid transparent;
margin:0;
}

.subscribe-button a:hover {
background-color:rgba(239, 125, 10, 1);
margin: 0;
color:#000000;
}

/*----------Center Text----------*/
.center-text{
text-align:center;
}

/*----------Constant Contact Footer Subscribe Button----------*/
.subscribe-button-footer{
width:128px;
height:30px;
}

.subscribe-button-footer a{
display:inline-block;
text-decoration:underline;
color:#FFFFFF !important;
/*background-color:rgba(0, 0, 0, 0.75);*/
/*background: linear-gradient(#434d5d, #000000) !important;*/
background: linear-gradient(to top, rgba(67,77,93,.7), rgba(0,0,0,.7)) !important;
/*background:#434d5d;*/
/*background: linear-gradient(to top, rgba(67,77,93,.5), rgba(67,77,93,.3), rgba(67,77,93,.5)) !important;*/
text-shadow:0 1px 0 rgba(0,0,0,.6);
/*padding:.35em 3.2em .35em 3.2em;*/
border-radius:5px;
border:2px solid transparent;
margin:0px;
padding:0px 5px 0px 5px;
width:129px;
height:30px;
}

.subscribe-button-footer a:hover {
/*background-color:rgba(0, 0, 0, 1);*/
/*background:#434d5d;*/
background: linear-gradient(to top, rgba(67,77,93,1), rgba(0,0,0,1)) !important;
margin: 0;
color:#FFFFFF;
}

.img-fr-27{
float:right;
max-width:27px;
height:auto;
margin-left:5px;
margin-top:-1px;
}


/*----------Rebranding - Alert Banner Changes----------*/
.alert-severe {
background: #EF7D0A;
}


/*----------Rebranding - Footer Area Changes----------*/
.section-impact, .card-impact {
/*Changed to #EF7D0A on 8/21/2020 - background:#323A45*/
background:#EF7D0A;
/*Changed to #000000 on 8/21/2020 - color: #ffffff;*/
color:#000000;
}

.section-impact a:not(.btn), .card-impact a:not(.btn) {
color:#161D48;
}

.section-impact a:not(.btn):hover, .section-impact a:not(.btn):focus, .card-impact a:not(.btn):hover, .card-impact a:not(.btn):focus {
color:#080E2F;
}


/*----------Paging the Latest News----------*/
#paging {
  padding: 0 20px 20px 20px;
  font-size: 16px;
  margin-top: 10px;
}

#paging a {
  color: #161D48;
  background: #CDD5D5;
  padding: 8px 12px;
  margin-right: 5px;
  text-decoration: none;
  font-size: 16px;
}

#paging a.aktif {
  background: #161D48 !important;
  color: #FFFFFF;
}

#paging a:hover {
  border: 1px solid #161D48;
}

.hidden {
  display: none;
}


/*----------Interagency Adaptive Management Coordingation IAMIT Page https://deltacouncil.ca.gov/delta-science-program/interagency-adaptive-management-coordination------------*/
/*----------Federal and State Agency Logos Section----------*/
.five-column-container{
width:100%;
text-align:center;
}

.five-column-1-5-container{
width:19%;
height:auto;
display:inline-block;
vertical-align:middle;
}

.five-column-1-5-image-container{
width:100%;
max-height:120px;
padding:0px 0px 14px 0px;
}

.five-column-1-5-image-container-720h{
width:100%;
max-height:720px;
padding:0px 0px 14px 0px;
}

.five-column-1-5-image-size-container{
width:85%;
height:95%;
margin-left:auto;
margin-right:auto;
}

.five-column-1-5-date{
text-align:center;
}

.five-column-1-5-image-h{
max-height:114px;
}

.five-column-1-5-image-h-720{
max-height:720px;
}

.five-column-1-5-image-w86{
max-width:86px;
}

.five-column-1-5-image-w97{
max-width:97px;
}

.five-column-1-5-image-w114{
max-width:114px;
}

.five-column-1-5-image-w156{
max-width:156px;
}

.five-column-1-5-image-size-container img{
width:100%;
height:100%;
}


/*----------Tabs----------*/
/*----------Tabs CSS From W3C https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/css/tabs.css----------*/
/*----------HSL - Hue Saturation Light----------*/
/*----------Dark Blue:  #002D6E is hsl(215, 100%, 22%)----------*/
/*----------Orange Sky:  #EF7D0A is hsl(30, 92%, 49%)----------*/

.tabs {
width: 100%;
}

.tabs [role="tablist"] {
  margin: 0 0 -0.1em;
  overflow: visible;
}

.tabs [role="tab"] {
  position: relative;
  margin: 0;
  padding: 0.3em 0.5em 0.4em;
  border: 1px solid hsl(215, 100%, 22%);
  border-radius: 0.2em 0.2em 0 0;
  box-shadow: 0 0 0.2em hsl(215, 100%, 22%);
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  background: hsl(220, 20%, 94%);
}

.tabs [role="tab"]:hover::before,
.tabs [role="tab"]:focus::before,
.tabs [role="tab"][aria-selected="true"]::before {
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  border-radius: 0.2em 0.2em 0 0;
  border-top: 3px solid hsl(30, 92%, 49%);
  content: '';
}

.tabs [role="tab"][aria-selected="true"] {
  border-radius: 0;
  background: hsl(220, 43%, 99%);
  outline: 0;
}

.tabs [role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
  border-top: 5px solid hsl(215, 100%, 22%);
}

.tabs [role="tab"][aria-selected="true"]::after {
  position: absolute;
  z-index: 3;
  bottom: -1px;
  right: 0;
  left: 0;
  height: 0.3em;
  background: hsl(220, 43%, 99%);
  box-shadow: none;
  content: '';
}

.tabs [role="tab"]:hover,
.tabs [role="tab"]:focus,
.tabs [role="tab"]:active {
  outline: 0;
  border-radius: 0;
  color: inherit;
}

.tabs [role="tab"]:hover::before,
.tabs [role="tab"]:focus::before {
  border-color: hsl(30, 92%, 49%);
}

.tabs [role="tabpanel"] {
  position: relative;
  z-index: 2;
  padding: 0.5em 0.5em 0.7em;
  border: 1px solid hsl(219, 1%, 72%);
  border-radius: 0 0.2em 0.2em 0.2em;
  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
  background: hsl(220, 43%, 99%);
}

.tabs [role="tabpanel"]:focus {
  border-color: hsl(30, 92%, 49%);
  box-shadow: 0 0 0.2em hsl(30, 92%, 49%);
  outline: 0;
}

.tabs [role="tabpanel"]:focus::after {
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  border-bottom: 3px solid hsl(30, 92%, 49%);
  border-radius: 0 0 0.2em 0.2em;
  content: '';
}

.tabs [role="tabpanel"] p {
  margin: 0;
}

.tabs [role="tabpanel"] * + p {
  margin-top: 1em;
}





/*----------Adaptive Management Plan Development Table----------*/
#adaptive-management-plan-development-table{
margin-top:1em;
}

#adaptive-management-plan-development-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#adaptive-management-plan-development-table .tr-odd{
background-color:#FFFFFF;
}

#adaptive-management-plan-development-table .tr-even{
background-color:#DEEAF6;
}

#adaptive-management-plan-development-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

/*----------Environmental Data Resources Table----------*/
#environmental-data-resources-table{
margin-top:1em;
}

#environmental-data-resources-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#environmental-data-resources-table .tr-odd{
background-color:#FFFFFF;
}

#environmental-data-resources-table .tr-even{
background-color:#DEEAF6;
}

#environmental-data-resources-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}

#s2h{
border-bottom:2px solid #FFFFFF;
}


/*----------Environmental Data Resources Table----------*/
#example-am-plans-table{
margin-top:1em;
}

#example-am-plans-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#example-am-plans-table .tr-odd{
background-color:#FFFFFF;
}

#example-am-plans-table .tr-even{
background-color:#DEEAF6;
}

#example-am-plans-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}


/*----------Science Synthesis Working Group Table----------*/
#science-synthesis-working-group-table{
margin-top:1em;
}

#science-synthesis-working-group-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#science-synthesis-working-group-table .tr-odd{
background-color:#FFFFFF;
}

#science-synthesis-working-group-table .tr-even{
background-color:#DEEAF6;
}

#science-synthesis-working-group-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}


/*----------Science Synthesis Working Group Table 2023----------*/
#science-synthesis-working-group-table-2023{
margin-top:1em;
}

#science-synthesis-working-group-table-2023 th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
min-width:10%;
}

#science-synthesis-working-group-table-2023 .tr-odd{
background-color:#FFFFFF;
}

#science-synthesis-working-group-table-2023 .tr-even{
background-color:#DEEAF6;
}

#science-synthesis-working-group-table-2023 td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
min-width:10%;
}


/*----------404 error page----------*/
.fixed + .main-content {
padding-top: 280px;
}

/*----------Five Column Container - Interagency Adaptive Management Coordination----------*/
.five-column-container a:not(.btn){
background-image:none;
}

.five-column-container a:not(.btn):hover{
background-image:none;
}


/*----------Integrated Modeling Steering Committee page----------*/
.imsc-accordion{
margin-top:1.53em;
}

/*----------Popup Sliding Banner----------*/
.popupbanner{
position:absolute;
z-index:23;
max-height:250px;
bottom:0px;
right:60px;
color:#FFFFFF;
background-color:rgba(22, 29, 72, 0.75);
overflow:hidden;
transition:0.5s;
}

.popupbanner:hover{
background-color:rgba(22, 29, 72, 1);
}

.popupbannerinfo{
padding:50px 12px 12px 12px;
text-align:center;
}

.popupbanner .closebtn{
position:absolute;
font-weight:bold;
top:0px;
right:0px;
/*background-color:rgba(21, 88, 40, 0.75);*/
background-color:rgba(22, 29, 72, 0.75);
border-bottom-left-radius:100%;
color:#FFFFFF;
display:block;
transition:0.3s;
padding:2px 8px 8px 16px;
}

.popupbanner .closebtn:hover{
/*background-color:rgba(21, 88, 40, 1);*/
background-color:rgba(22, 29, 72, 1);
}

.popupbanner .closebtn a:focus{
/*background-color:rgba(21, 88, 40, 1);*/
background-color:rgba(22, 29, 72, 1);
border-color:#FFFFFF;
}

.openbtn{
cursor:pointer;
position:absolute;
background-color:rgba(22, 29, 72, 0.75);
color:white;
z-index:22;
max-height:100px;
max-width:100px;
bottom:150px;
right:60px;
border: none;
font-size:12px;
font-weight:bold;
padding:3px 0px 3px 0px;
}

.openbtn:hover{
background-color:rgba(22, 29, 72, 1);
}

.joinnowbutton{
font-weight:bold;
background-color:rgba(239, 125, 10, 0.75);
color:#000000;
padding:8px 8px 8px 8px;
text-align:center;
border-radius:5px;
/*margin-left:46px;*/
/*margin-right:46px;*/
/*margin-left:109px;*/
/*margin-right:109px;*/
/*margin-left:168px;*/
/*margin-right:168px;*/
/*margin-left:102px;*/
/*margin-right:102px;*/
/*margin-left:93px;*/
/*margin-right:93px;*/
/*margin-left:74px;*/
/*margin-right:74px;*/
/*margin-left:77px;*/
/*margin-right:77px;*/
/*margin-left:79px;*/
/*margin-right:79px;*/
/*margin-left:81px;*/
/*margin-right:81px;*/
margin-left:97px;
margin-right:97px;
/*margin-left:96px;*/
/*margin-right:96px;*/
/*margin-left:60px;*/
/*margin-right:60px;*/
/*margin-left:45px;*/
/*margin-right:45px;*/
/*margin-left:85px;*/
/*margin-right:85px;*/
/*margin-left:95px;*/
/*margin-right:95px;*/
/*max-width:180px;*/
max-width:236px;
margin-bottom:20px;
border:none;
}

.joinnowbutton:hover{
background-color:rgba(239, 125, 10, 1);
}

.joinnowbutton a:focus{
background-color:rgba(239, 125, 10, 1);
border-color:#000000;
}

/*----------Carousel alignment changes----------*/
.fixed + .header-single-banner, .fixed + .header-large-banner, .fixed + .header-primary-banner{
margin-top:0px;
}

/*----------Adding the X logo to the Utility Banner - 12/13/2023-----------*/
.x-logo-white{
height: 18px;
width: 17.6px;
padding-top: 5px;
pointer-events:none;
}

.utility-header .new-twitter-logo:hover{
filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(634%) hue-rotate(309deg) brightness(103%) contrast(102%);
}

.utility-header .new-twitter-logo:focus{
filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(634%) hue-rotate(309deg) brightness(103%) contrast(102%);
}

/*----------New DLIS Landing page----------*/
.text-bg-green{
background-color:#E2F0D9;
}

#levees-priority-table{
color:#000000;
border:1px solid #DEEAF6;
margin-bottom:.7em;
}

#levees-priority-table th{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
background-color:#5B9BD5;
}

#levees-priority-table .ltr-1{
min-width:18%;
}

#levees-priority-table .tr-odd{
background-color:#FFFFFF;
}

#levees-priority-table .tr-even{
background-color:#DEEAF6;
}

#levees-priority-table td{
padding-top:.9em;
padding-bottom:.7em;
padding-left:.9em;
padding-right:1.7em;
}

#text-blue-background{
background-color:#CAEDFB;
padding:15px 15px 5px 15px;
margin-bottom:.7rem;
}

.h3-blue-background{
margin-top:0px;
}

.delta-adapts-blue-background{
background-color: #DEEAF6;
padding: 1rem 1rem .7rem 1rem;
display:block;
margin: 1rem 0rem 1rem 0rem;
}


/*Public Participation page*/

.public-participation-blue-background-p15{
background-color: #DEEAF6;
padding: 15px;
}

.public-participation-blue-background-p15 h2{
margin-top:0px;
}


/*----------Media Queries----------*/

@media (max-width: 540px) {
.mobile-gov-lt-gov-images{
display:block;
}

.branding{
height:18px !important;
}

.branding .header-organization-banner{
margin-top:0px;
}

.branding .header-organization-banner a{
margin-top:8px;
}

.subscribe-button{
text-align:center;
}


/*----------Owl Carousel----------*/
.carousel .content h2{
font-size:200%;
}

.carousel .content h3{
font-size:150%;
}

.owl-carousel .access-button{
font-size:100%;
}

/*-----------W3C Carousel-----------*/
.carousel-caption h1{
font-size:200% !important;
}

.carousel-caption .state-of-estuary-report-title{
font-size:178% !important;
}

.carousel-caption h2{
font-size:150% !important;
}

/*----------Reduce ab2s# font-size from 100% to #% for large text----------*/
#ab2s1{
font-size:90% !important;
padding-top:0px !important;
}

#ab2s2{
font-size:100% !important;
padding-top:0px !important;
}

#ab2s3{
font-size:100% !important;
padding-top:0px !important;
}

#ab2s4{
font-size:100% !important;
padding-top:0px !important;
}

#ab2s5{
font-size:100% !important;
padding-top:0px !important;
}

#ab2s6{
font-size:100% !important;
padding-top:0px !important;
}

#ab2s7{
font-size:100% !important;
padding-top:0px !important;
}

.carousel-caption h2{
padding-bottom:10px;
}

#ab2s1 p{
margin-top:2% !important;
}

#ab2s2 p{
margin-top:2% !important;
}

#ab2s3 p{
margin-top:2% !important;
}

#ab2s4 p{
margin-top:2% !important;
}

#ab2s5 p{
margin-top:2% !important;
}

#ab2s6 p{
margin-top:2% !important;
}

#ab2s7 p{
margin-top:2% !important;
}

/*----------Only Used for Application Period Open for 2020 Delta Science Fellowship Program Slide----------*/
.carousel-caption .science-fellowship{
font-size:125% !important;
}
/*----------*/

/*----------H1 reduced to 180% for long titles----------*/
.carousel-caption .h1-180{
font-size:180% !important;
}

/*----------H2 reduced to 100% and in some cases 90% for long subtext----------*/
.carousel-caption .h2-100{
font-size:90% !important;
}
}

@media (max-width: 667px) and (min-width: 540px) {
.carousel .content h2{
font-size:300%;
}

.carousel-caption h1{
font-size:270%;
}

.carousel-caption h2{
font-size:140%;
}

#ab2s1{
font-size:90%;
}

#ab2s2{
font-size:90%;
}

#ab2s3{
font-size:90%;
}

#ab2s4{
font-size:90%;
}

#ab2s5{
font-size:90%;
}

#ab2s6{
font-size:90%;
}

#ab2s7{
font-size:90%;
}

/*----------H1 reduced to 260% for long titles----------*/
.carousel-caption .h1-180{
font-size:260% !important;
}
}

@media (max-width: 767px) and (min-width: 540px){
/*----------H1 reduced to 260% for long titles----------*/
.carousel-caption .h1-180{
font-size:260% !important;
}
}

@media (max-width: 767px) {
.branding{
height:44px !important;
}

.branding .header-organization-banner{
margin-top:0px;
}

.branding .header-organization-banner a{
margin-top:18px;
}



.header-single-banner{
display:block !important;
height:948px !important;
}
.official-homepage-dsc{
display:none;
}
	
/*currently not using the ask bar*/
.ask-group {
padding:0px;
}

#first-access-button{
margin-bottom:20px;
}

.gov-name-text{
font-size:14px;
}

.gov-title-text{
font-size:12px;
}

.lt-gov-name-text{
font-size:14px;
}

.lt-gov-title-text{
font-size:12px;
}

.gov-image{
padding:0px 0px 20px 0px;
margin-right:0px;
}

.gov-image a{
margin-left:0px;
}

.gov-m-r{
margin-right:30px;
margin-left:10px;
}

.ltgov-image{
margin-left:0px;
margin-right:0px;
}

.ltgov-image a{
margin-left:0px;
}

.ltgov-m-r{
margin-left:10px;
}

.cdph-icon{
margin-left:0px;
padding:47px 0px 0px 0px;
}

.three-column-1-3-container{
width:100%;
}

.three-column-1-3-image-size-container{
max-width:351px;
}

.three-column-1-3-social-media-size-container{
max-width:351px;
}

.three-column-1-3-image{
max-height:266px;
max-width:351px;
}

.dsc-g-map iframe{
min-width:300px;

min-height:225px;
border:0px;
}

/*-----------Owl Carousel----------*/
.owl-carousel{
height:inherit !important;
}

.owl-stage-outer{
height:inherit !important;
}

.owl-stage{
height:inherit !important;
}

.owl-carousel .owl-item{
height:inherit !important;
}

.owl-carousel .item{
height:inherit !important;
}

.owl-carousel .item img{
height:inherit !important;
width:inherit !important;
}

.owl-carousel .content{
height:inherit !important;
}

.owl-carousel .access-button{
height:inherit !important;
}

/*-----------W3C Carousel-----------*/
.carousel-item{
width:inherit !important;
}

.carousel-image{
width:inherit;
height:inherit;
}

.carousel img{
width:inherit;
height:inherit;
}

/*----------Only Used for Application Period Open for 2020 Delta Science Fellowship Program Slide----------*/
.carousel-image .science-fellowship-image{
width:inherit !important;
height:inherit !important;
}
/*----------*/

/*----------Only Used for Delta ISB Meeting Slide----------*/
.carousel-image .delta-isb-image{
height:inherit !important;
}
/*----------*/

.carousel .controls button.previous {
top:2%;
}

.carousel .controls button.next {
top:2%;
}

/* Pause Control */

.carousel .controls button.rotation {
top:2%;
}

.carousel-caption{
top:9% !important;
}

.carousel-caption h1{
font-size:300%;
padding-left:6px !important;
padding-right:6px !important;
}

.carousel-caption h2{
font-size:115%;
padding-left:6px !important;
padding-right:6px !important;
}

#ab2s1{
font-size:90%;
padding-left:6px !important;
}

#ab2s2{
font-size:90%;
padding-left:6px !important;
}

#ab2s3{
font-size:90%;
padding-left:6px !important;
}

#ab2s4{
font-size:90%;
padding-left:6px !important;
}

#ab2s5{
font-size:90%;
padding-left:6px !important;
}

#ab2s6{
font-size:90%;
padding-left:6px !important;
}

#ab2s7{
font-size:90%;
padding-left:6px !important;
}
}

@media (min-width: 768px) and (max-width: 1020px) {

.branding{
height:120px !important;
}

.branding .header-organization-banner a{
margin-top:18px;
}

.branding .header-organization-banner img{
max-width:220px;
}

.carousel-caption .h1-180{
font-size:260% !important;
}

.carousel-caption .h2-100{
font-size:115% !important;
}

.gov-m-r{
margin-right:25px;
}

.ltgov-image{
margin-left:0px;
}

.cdph-icon{
margin-left:25px;
padding:20px 0px 0px 0px;
}

.three-column-1-3-container{
width:32%;
}

.three-column-1-3-image{
max-height:266px;
max-width:351px;
}

.three-column-1-3-social-media-size-container iframe{
margin:10px 0px 0px 0px;
}

.UsernameText{
font-size:14px;
}
.HeaderText{
overflow:visible;
}

.third-button{
margin-top:2% !important;
}

/*-----------Owl Carousel----------*/
.carousel .content-container{
margin-top:28% !important;
}

.carousel-content .owl-dots{
top:-27% !important;
}

/*-----------Owl Carousel----------*/
.owl-carousel{
height:inherit !important;
}

.owl-stage-outer{
height:inherit !important;
}

.owl-stage{
height:inherit !important;
}

.owl-carousel .owl-item{
height:inherit !important;
}

.owl-carousel .item{
height:inherit !important;
}

.owl-carousel .item img{
height:inherit !important;
width:inherit !important;
}

.owl-carousel .content{
height:inherit !important;
}

.owl-carousel .access-button{
height:inherit !important;
}

/*------------W3C Carousel-----------*/
.carousel-caption{
top:30% !important;
}

.carousel .controls button.previous {
top:30%;
}

.carousel .controls button.next {
top:30%;
}

/* Pause Control */
.carousel .controls button.rotation {
top:30%;
}
	
}

@media (min-width: 1021px) and (max-width: 1280px) {

.branding{
height:160px !important;
}

.branding .header-organization-banner a{
margin-top:18px;
}

.gov-image{
margin-right:10px;
}

.gov-m-r{
margin-left:2px;
margin-right:2px;
}

.ltgov-image{
margin-left:2px;
margin-right:2px;
}

.ltgov-m-r{
margin-left:10px;
}

.cdph-icon{
margin-left:20px;
padding:20px 0px 0px 0px;
}

.three-quarters{
width:90%;
}


/*-----------Owl Carousel-----------*/
.carousel .content-container{
margin-top:9% !important;
}

.carousel .content h2{
font-size:300%;
}

.carousel .content h3{
font-size:150%;
}

.carousel .access-button{
font-size:90%;
}

.carousel-content .owl-dots{
top:-25%;
}

/*------------W3C Carousel-----------*/
.carousel-caption h1{
font-size:300%;
}

.carousel-caption h2{
font-size:130%;
}

.contrast{
font-size:90%;
}

.carousel-caption{
top:30% !important;
}

.carousel .controls button.previous {
top:30%;
}

.carousel .controls button.next {
top:30%;
}

/* Pause Control */
.carousel .controls button.rotation {
top:30%;
}

}