.menu li {
}

.menu ul {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

#site-navigation {
	font-size: 14px;
}

#footer-menu {
	font-size:12px;
}

#primary-menu {
padding-left:0px;
margin-left:0px;
}

#toggle-menu {
padding:5px 10px 5px 0px;
background-color: #000000;
color: #ffffff;
border:none;
}

.container {
background-color: #ffffff;
}

#eohb {
background-color: #0e2d6d;
/* background-image: url("../img/bg-texture.png"); */
background-size: 400px;
color: #ffffff;
font-size: 13px;
text-align: justify;
text-justify: inter-word;
}

#eohb-nav {
color: #ffffff;
font-size: 14px;
}

.gsc-control-cse {
border-color: rgba(0,0,0,0) !important;
background-color: rgba(0,0,0,0) !important;
width: 300;
margin-left:50px;
}

.mission-updates {
color: #000000;
padding-left:25px;
padding-right:25px;
}

#mission-timelines {
border-top:1px grey;
border-bottom:1px grey;
border-top-style: dashed;
border-bottom-style: dashed;
padding-top:15px;
padding-bottom:15px;
}


.main-navigation {
padding-top: 25px;
color: #ffffff;
}

.main-navigation li {
padding-right: 20px;
}

.main-navigation a {
color: #ffffff;
}

.main-navigation a:hover {
color: #ffffff;
text-decoration: underline;
}

#footer-navigation {
padding-top: 25px;
color: #ffffff;
font-size:12px;
}

#footer-navigation li {
list-style: none;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

#recent-mission-updates {
font-size:12px;
}

#recent-mission-updates a {
color: #000000;
}

#recent-mission-updates a:visited {
color: #000000;
}

#recent-mission-updates a:hover {
color: #000000;
text-decoration: underline;
}

#agency-list {
font-size:12px;
padding-bottom:25px;
padding-top:25px;
}

#agency-list a {
color: #000000;
}

#agency-list a:visited {
color: #000000;
}

#agency-list a:hover {
color: #000000;
text-decoration: underline;
}

#mission-agency-title a {
color: #ffffff;
font-size: 14px;
}

#mission-agency-title a:visited {
color: #ffffff;
font-size: 14px;
}

#mission-agency-title a:hover {
color: #ffffff;
text-decoration: underline;
font-size: 14px;
}

.eoportal-table-spacing {
color: black;
}

.eoportal-table-1 {
color: black;
}

.ceosdb-box-1 {
color:black;
padding: 10px;
width: 100%;
margin: 0px;
font-size: 12px;
}

.ceosdb-table-1 {
color:black;
width: 100%;
margin: 0px;
}

.ceos-db-link-1 a {
text-decoration:none;
font-style:bold;
}

.ceos-db-italic-1 {
font-style:italic;
}

.textWrapRight {
float:right;
margin:10px;
width:40%;
}

button:focus {
  outline: 0;
  border-color: rgb(255, 255, 255);
  border-bottom: 1px dotted black;
}

.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-color: rgb(255, 255, 255);
}

.active, .collapsible:hover .collapsible:focus {
  background-color: #1E1E1E;
  color: #ffffff;
  border-color: rgb(255, 255, 255);
}

.active, .collapsible:hover {
  background-color: #1E1E1E;
  color: #ffffff;
  border-color: rgb(255, 255, 255);
}

.collapsible-content {
  display: none;
  overflow: hidden;
  background-color: #ffffff;
  padding: 18px;
}

.collapsible:after {
  content: '\02795';
  font-size: 13px;
  color: #ffffff;
  float: right;
  margin-left: 5px;
  border-color: rgb(255, 255, 255);
}

.active:after {
  content: "\2796";
  color: #ffffff;
  border-color: rgb(255, 255, 255);
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;
  border-top: 25px solid;
  border-color: rgb(255, 255, 255);
}

.btn-primary
{
  background-color: #0E2D5B !important;
  color:#FFF;
  border-color: #0E2D5B !important;
}

.btn-secondary
{
  background-color: rgba(0,0,0,0) !important;
  color:#FFF;
  border-color: #ffffff !important;
}

.co2 {
background-color: #7eae77;
border-radius: 15px;
color:#FFFFFF;
width: fit-content;
padding:5px;
margin-bottom:5px;
margin-right:5px;
float:left;
font-size: 11px;
}

.ch4 {
background-color: #0e2d6d;
border-radius: 15px;
color:#FFFFFF;
width: fit-content;
padding:5px;
margin-bottom:5px;
margin-right:5px;
float:left;
font-size: 11px;
}

.mission-type {
background-color: #FFFFFF;
border:solid;
border-color:#ADADAD;
color:#ADADAD;
border-width:1px;
width: fit-content;
padding:5px;
margin-bottom:5px;
margin-right:5px;
font-size: 10px;
float:right;
}

.card-img-top {
height:200px;
object-fit: cover;
}

.card.mb-3 {
color: black;
margin-top:25px;
margin-bottom:25px;
padding:25px;
}

.card-body.case-studies {
padding: 0rem 1rem 1rem 1rem;
}

.header-text{
  padding: 120px 0 120px 30px;
  text-align: left;
}

.header-badge{
  padding: 120px 70px 0 0;
  text-align: right;
}

@media screen and (max-width: 768px){
  .header-text{ padding: 50px 0 20px 30px; text-align: left;}
  .header-badge {padding: 0 30px 0 0; text-align: left;}
}