/* ==========================================================================
   General Page Styles
   ========================================================================== */
body-no {
    font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px !important;;
     font-size: .8em;
     line-height: 120%;
     background: #fff;/*#ebeec1; */
     text-align: left;
     /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

   /*CTG ADDed on 2015-10-16 to test out different display widths */
   	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
   	padding: 0;
   	width: 100%;  /*CTG this will create a container 80% of the browser width */
   /*CTG ADDed on 2015-10-16 to test out different display widths */
}

/*
body {
  font-size: 16px;
  line-height: 1.5;
}
*/
/* **************************************************************************** */
h1,h2,h3,h4,h5,h6 {
    color: rgba(70,22,107,1.0);
}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {
    color: rgba(255,255,255,1);
}
hr.ctg-separator {
  height:5px;
  border-width:0;
  color: rgba(70,22,107,0.25);
  background-color: rgba(70,22,107,0.25);
  }
div.ctg-mainhead {
  color: rgba(70,22,107,1.0);
  background-color:  rgba(70,22,107,0.1)
}
.ctg-newshead {
  color: rgba(70,22,107,1.0);
  background-color:  rgba(70,22,107,0.1);
}

@media only screen and (max-width: 991px) {
  .ctg-newshead-lg {
    display: none;
    visibility:  none;
  }
}
@media only screen and (min-width: 992px) {
  .ctg-newshead-lg {
    color: rgba(70,22,107,1.0);
    background-color:  rgba(70,22,107,0.1);
  }
}
@media only screen and (min-width: 992px) {
  .ctg-newshead-sm {
    display: none;
    visibility:  none;
  }
}
@media only screen and (max-width: 992px) {
  .ctg-newshead-sm {
    color: rgba(70,22,107,1.0);
    background-color:  rgba(70,22,107,0.1);
  }
}

@media only screen and (min-width: 992px) {
  .ctg-project-detail-image {
    float:right;
  }
}
@media only screen and (max-width: 992px) {
  .ctg-project-detail-image {
    float:left;
  }
}

.ctg-padanchor {
  padding-top:4em;
}
nav.ctg_submenu a {
  font-size:0.9em;
  padding:0;
}
div.dropdown-menu {
  min-width: 0;
  font-size:.75rem;
}
a.dropdown-item {
  padding: 0 1.5rem;
  font-weight: bold;
}
div button.btn {
  background-color: rgba(151,164,175,1.0);
  padding:.1875rem .375rem;
  vertical-align: top;
}
 input.form-control-sm {
  padding: 0;
}


/* Anniversary Banner */
.anniversary-banner {
    background-color: rgb(113, 10, 141);
    position: relative;
    margin: 0;
    height: 28vw;
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
  }
  
  .background-image {
    opacity: 0.38;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-image: url('/media/home/30thbackground.jpg');
  }
  
  .anniversary-image {
    position: absolute;
    top: 0;
    bottom: 35%;
    width: 80%;
    height: auto;
    margin: auto;
  }
  
  .announcement {
    font-style: italic;
    font-family: Arial, sans-serif;
    color: #ffcf50;
    position: absolute;
    margin: auto;
    font-size: 1.4vw;
    width: 60%;
    text-align: center;
    bottom: 0;
    top: 65%;
  }
  
  .spacing {
    margin-bottom: 0.8em;
  }
  
  .learn-more {
    color: #ffcf50;
  }
  
  .banner-link {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  



/********************************************/
/* About Page Styles */
/********************************************/
#values-container p{
    margin-bottom: 1.5rem;
}


/* **************************************************************************** */
#container {
  padding:1em;
  margin-top:9em;
}

#container-subhead {
  padding:1em;
  margin-top:12em;
}

.navbar-brand{
    max-width: 10rem;
}

.navbar {
  border-radius: 0;
}

 .mission  {
  position:relative;
  width:100%;
  height:auto;
  vertical-align: middle;
  font-size:1.2rem;
  letter-spacing:0.2rem;
  font-weight: 600;
  color: rgba(151,164,175,1.0);
}

/* @media only screen and (max-width: 599px) {
 .mission  {
  background-color: #fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2em;
  text-align:center;
  font-size:1.65em;
  padding: 1.5em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 600px) {
 .mission  {
  background-color: #fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2.25em;
  text-align:center;
  font-size:2em;
  padding: 1.5em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 800px) {
 .mission  {
  background-color: #fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2.5em;
  text-align:center;
  font-size:2em;
  padding: 2em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 992px) {
 .mission  {
  background-color:#fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2em;
  text-align:center;
  font-size:1.5em;
  padding: 1.5em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 1200px) {
 .mission  {
  background-color: #fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2em;
  text-align:center;
  font-size:1.6em;
  padding: 1.5em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 1300px) {
 .mission  {
  background-color:#dfe397;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2em;
  text-align:center;
  font-size:1.75em;
  padding: 1.5em;
  overflow: hidden;
 }
}
@media only screen and (min-width: 1500px) {
 .mission  {
  background-color: #fff;
  width:100%;
  height:400px;
  overflow: hidden
}
.mission p {
  color:#4c7383;
  font-weight:bold;
  line-height:2.25em;
  text-align:center;
  font-size:1.9em;
  padding: 1.5em;
  overflow: hidden;
 }
} */

.carousel-caption {
  color: #ECEFF1;
  font-weight: bold;
  bottom: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 1000px) {
.ctg-leftnavmenu { /* Container just in case we want more than just the search input to come along */
    position: fixed;
    top: 65px;
  }
}

footer{
  width: 100%;
  height: auto;
  /*background-color: #f9e4b8;*/
  /*background-color: #eda92;*/
  /* background: rgba(237,169,32,0.1);*/
  /* background: rgba(238,178,17,0.1);*/
  background: rgba(51,51,51,1.0);
}
footer a{
  color: rgba(255,255,255,0.75);
}
footer a:hover{
  color: rgba(255,255,255,1.0);
  text-decoration: underline;
}

.footer-bottom{
/*  background: #3d6277; */
/*background-color: #f9e4b8;*/
/*background-color: #eda92;*/
/* background: rgba(237,169,32,0.1);*/
/* background: rgba(238,178,17,0.1);*/
background: rgba(51,51,51,1.0);
color: rgba(255,255,255,0.5);
}
.footer-top{
  /*background-color: #f9e4b8;*/
  /*background-color: #eda92;*/
  /* background: rgba(237,169,32,0.1);*/
  /* background: rgba(238,178,17,0.1);*/
  background: rgba(51,51,51,1.0);
  color: rgba(255,255,255,0.75);
}
.footer-middle{
  /*background-color: #f9e4b8;*/
  /*background-color: #eda92;*/
  /* background: rgba(237,169,32,0.1);*/
  /* background: rgba(238,178,17,0.1);*/
  background: rgba(51,51,51,1.0);
  color: rgba(255,255,255,0.75);
}
/**Sub Navigation**/
.subnavigation-container{
  /*background-color: #f9e4b8;*/
  background-color: #eda92;

}
.subnavigation .nav-link{
  color: white;
  font-weight: bold;
}
.subnavigation-container{
  text-align: center;
}
.subnavigation-container .navbar{
  display: inline-block;
  margin-bottom: -6px; /* Inline-block margin offffset HACK -Gilron */
}
.col-subnav a{
  padding: 1rem 1rem;
  color: white;
  font-weight: bold;
}
.col-subnav .active{
  border-top:5px solid orange;
 background: white;
  color: black;
}

div.form-group label {
  font-weight: bold;
}

div.projectdates {
  margin-top: -0.25em;
  font-style: italic;
  font-weight: 700;
  font-size: 0.9em;
}
div.authors {
  margin-top: -0.25em;
  font-style: normal;
  font-weight: normal;
  font-size: 0.9em;
}

.flex-1 {
  flex: 1;
}
/*
.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}
*/
.ctg-home-button {
  background-color: rgba(70,22,107,1.0);
  font-size:1.2rem;
  padding: 0.25rem 2rem;
  border-color: rgba(70,22,107,1.0);
}
a.ctg-home-button:hover {
  background-color: rgba(70,22,107,0.5);
  border-color: rgba(70,22,107,0.5);
}
p.ctg_press img {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
p.ctg_press75 img {
  width: 75%;
  height: auto;
  margin-bottom: 1rem;
}
a.ctg-link {
  color: rgba(70,22,107,0.75);
}
a.ctg-link:hover {
  color: rgba(70,22,107,1.0);
}
a.ctg-link-dark {
  color: rgba(70,22,107,0.75);
  font-weight:bold;
}
a.ctg-link-dark:hover {
  color: rgba(70,22,107,0.5);
}
div.ctg-link-dark {
    color: rgba(70,22,107,0.75);
    font-weight:bold;
}
i.fa-file-pdf-o {
  color: rgba(255,42,42,1.0);
  }

div.figure {
  float: left;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0 0.5em 0 0;
}
div.figure-right {
  float: right;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0 0.5em 0 0;
}

li.list-group-item {
  padding: 0 0;
  border:none;
}

/* **************************************************************************** */
/* Custom error message on Contact Form for duplicate email address */
ul.errorlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.errorlist li {
    background: rgba(255,42,42,1);
    color: rgba(255,255,255,1);
    padding: 10px;
    font-weight: 500;
}

a.subhead {
  padding-top:11.5em;
  display:block;
}

a.subhead2 {
  padding-top:13em;
  display:block;
}