.agency-background {
	background-image: url("/assets/ddc/images/content/pages/home/background.jpg");
	/*background-color: #003399;*/
}

.agency-content-padding {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
}

.agency-logo-center {
	text-align: center;
}

.about-description {
  width: 100% !important;
}

.agency-top-padding {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative; }

.agency-top-shadow {
  -webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  -moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); 
}

#nav .active {
	background: #003399 !important;
}

.subheader {
	background: #003399 !important;
	min-height: 0px;
}

.subheader a {
	background: #003399 !important;
}

.subheader a.main-filter-category,
.subheader a.main-filter-category:link,
.subheader a.main-filter-category:visited {
	background-color: #2756d0 !important;
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
	background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%)  !important;
	margin-bottom: 8px;
}

.subheader a.main-filter-category:hover,
.subheader a.main-filter-category:active,
.subheader a.main-filter-category.active {
	border: 1px solid #fff !important;
	background-color: #003399 !important;
	background-image: none !important;
}

.agency-bottom-margin {
	margin-bottom: 20px;	
}

.agency-home-resources-padding-ul li{
	padding: 20px 0 15px !important;
}

.agencies-index-ul li a {
	color: #000000;
}

.maintenance-body{
    background-color: #042aa4;
    padding: 100px 0;
    height: calc(100vh - 312px);
    box-sizing: border-box;
}
.maintenance-message{
    text-align: center;
    color: white;
}

/* line 20, by-the-number.scss */
.column.span3 {
  margin: 0 2% 30px 0; }
  @media (max-width: 767px) {
    /* line 20, by-the-number.scss */
    .column.span3 {
      width: 48%; } }

/* line 26, by-the-number.scss */
.column.span3:last-child {
  margin: 0; }
  
sup {
	font-size: 12px;
}

a.connect-link {
	/* background-color: #36add5 !important; */
	background-color: rgb(255, 111, 75) !important;
	-webkit-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0)!important; 
       -moz-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0)!important;
            box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0)!important; 
}

a.connect-link:hover {
	/* background-color: #0a5796 !important; */
	background-color: rgb(0, 47, 167) !important;
}

.agencies-about-links ul li.active a {
	color: #002fa7;
	text-decoration: underline;
}

a, a:link, a:visited {
	color: #002fa7;
}

.main-content-width {
	width: 100% !important;	
	margin: 0px 0px 20px;
}

#main {
    margin: 0px;
}
.component li {
  margin-bottom:10px;
}
.component { 
   margin-top: 30px;
}
/*
 * Cards
 */
.card a {
  text-decoration: none;
  color: black;
}

.card p{
      font-size: 15px;
}

.card {
  position: relative;
  font-family: sans-serif;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 1.7145%;
  /*height: 300px;*/
  width: 100%;
  background-color: white;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}

.card2{
 width: 49.143%;
}
.card3{
 width: 32.142%;
}
.card4{
 width: 23.7%;
}
.card2:nth-child(2n+2){
  margin-right: 0px;
}
.card3:nth-child(3n+3){
  margin-right: 0px;
}
.card4:nth-child(4n+4){
  margin-right: 0px;
}

.card-container {
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.card img {
  width: 100%;
   margin-bottom: 10px;
}

.card-image {
  position: relative;
  height: 145px;
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.card-text {
  padding: 10px;
  margin-bottom: 35px;
}

.card-text h4 {
  font-size: 1em;
}

.card-date{
   position: absolute;
   bottom: 0;
   left: 10px;
}

.no-border{
  border: none;
  border-radius: 0px;
}

.blue-button {
    display: block;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 10px;
    background-color: #003399;
    width: 100px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
}

.blue-button a {
color: white;
}

.center-item {
margin-left: auto;
margin-right: auto;
}


.thumb-caption{
margin-top: 5px;
}

.thumb-caption, .thumb-caption a{
  font-size: 15px;
  font-weight: bold;
}

.top-active {
    background-color: #002fa7;
    padding: 10px;
    border-radius: 5px;
}

a.top-active, a.top-active:link, a.top-active:visited{
    color: white;
}

.home-links{height: 220px;}

@media (max-width: 767px){ 
    .home-links {
        height: 100%;
        }
    .card {
        width: 100% !important;
    }
}

#nav > div > ul > li:nth-child(9)  {
   visibility: hidden;
}