.module-agency-columns a,
.agencies-about-links a,
.about-description a {
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    color: #095795;
}

.about-main-image h1,
.about-main-image h2,
.about-description h1,
.about-description h2 {
    color: #095795;
}

.about-main-image h3,
.about-main-image h4,
.about-main-image h5,
.about-description h3,
.about-description h4,
.about-description h5,
.module-agency-columns h3,
.module-agency-columns h4,
.module-agency-columns h5 {
    color: #095795;
}

.module-stats a {
    color: #ff5000 !important;
}

.module-agency-columns a:hover,
.agencies-about-links a:hover,
.about-description a:hover {
    color: #000 !important;
    text-decoration:underline;
}

hr,
hr.module-divider.mobile {
/*    border-color: rgba(39, 147, 179, .25);*/
    border-color: #ff6600;
    border-width: 1px 0 0 0;
    background: #ff6600;
    /*    border-color: #dedaa9;*/
    /*    background: #dedaa9;*/
}

.agencies-about-links a {
    border-color: #ff6600 !important;
    /*    border-color: #3f7ea4 !important;*/
    color: #095795!important;
}

.agency-background {
    background-color: #095795;
    background:linear-gradient(to bottom, #014270 0%, #095795 10%,#095795 90%, #014270 100%);
 	background:url('/assets/probation/images/content/pages/dop-bg-gradient.jpg')
}


.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 {
    -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: #095795!important;

}

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

.subheader a {
    background: #5c7f92 !important;
    font-weight:700 !important;
}

.subheader a.main-filter-category,
.subheader a.main-filter-category:link,
.subheader a.main-filter-category:visited {
    background-color: #095795!important;
    transition:all .3s ease-in-out 0s;
    border-color:#fff;
    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;
     background-image:none !important;
}

.subheader a.main-filter-category:hover,
.subheader a.main-filter-category:active,
.subheader a.main-filter-category.active {
    background-color: #ff6600 !important;
    text-shadow: 2px 0px 3px #b04701, 0px 2px 3px #b04701, 0px -2px 3px #b04701, -2px 0px 3px #b04701, 0px 0px 3px #b04701, 1px 0px 3px #b04701, 0px 1px 3px #b04701, -1px 0px 3px #b04701, 0px -1px 3px #b04701, 1px 1px 3px #b04701, 2px 2px 3px #b04701, -2px -2px 3px #b04701, -1px -1px 3px #b04701;
    text-shadow:
    -1px -1px 0 #b04701,  
    1px -1px 0 #b04701,
    -1px 1px 0 #b04701,
     1px 1px 0 #b04701;
    background-image: none !important;
    border: 1px solid transparent !important;
}

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

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

.agencies-index-ul li a {
    color: #095795;
}
.about-description a, .module-agency-columns a{
    text-decoration:underline solid currentColor;
}




/* 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;
}

a.connect-link:hover {
    background-color: #095795 !important;
}

.agencies-about-links ul li.active a {
    color: #095795!important;
    text-decoration: underline;
    font-weight: 700 !important;
    pointer-events: none;
}

a,
a:link,
a:visited {
    color: #095795;
    font-weight: 700;
}

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

/*
 * 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;
}