/* Agency Logo Sizing */
.cmp-agency-header__logo {
    height: 2.875rem;
    width: auto;
}

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Decrease white space in-between image cards */
.cmp-image-card {
    margin: 0;
}

/* */
.cmp-image-card .button .cmp-button:hover {
    background: black;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* Set color of bar above H1 Title here */
.title h1::before {
    background-color: #003E62;
    /* Uncomment the code below to remove the bar above the h1 title */
    /*display: none;*/
}

/* Set Agency Footer Color */
.cmp-agency-footer {
    background-color: #005180 !important;
}

/* Set Global Footer Color */
.cmp-global-footer {
    background: #003E62;
}

/* Set color of border for event date icon */
.cmp-news-feed__event-date {
    border: 1px solid #C3371E;
}

/* Set color of background for month portion of event date icon */
.cmp-news-feed__event-date__month {
    background: #C3371E;
}

/* Set color of background for year portion of event date icon */
.cmp-news-feed__event-date__year {
    background: #C3371E;
}

/* Agency Logo Sizing MQ */
@media (min-width: 1101px) {
    .cmp-agency-header__logo {
        height: 5.25rem;
    }
}

/* Adjusts logo for agency content fragment */
.agency-listing__contact-content-img {
    height: 100%;
}

/* Remove whitespace between image card and button */
.cmp-image-card__cta {
    position: relative;
    margin-top: -30px;
}

/** Adjusts Popular Agencies section of cards moving to Image Card v2 (temporary) **/
.soi-column-control.popular-agencies .container {
	padding: 0px !important;
}
.popular-agencies h2 {
	color: #005180 !important;
}
.popular-agencies .image {
	height: 200px !important;
	box-shadow: 0 .125rem .1875rem rgba(0, 0, 0, 0.29);
	margin-right: 15px;
}
.popular-agencies img {
	height: 200px !important;
	display: flex;
	justify-self: center;
	object-fit: contain;
}
/** Needed to fix focus outline for linked images **/
.popular-agencies a {
	display: inline-block;
	width: 100%;
}
@media only screen and (max-width : 768px) {
	.popular-agencies .image, .popular-agencies img {
		height: 100px !important;
	}
}

.cmp-image-card__text.cmp-image-card__text--no-desc {}

.cmp-image-card__body {
    margin-top: -100\[;
    margin-top: -100\[x;
    margin-top: -55px;
    min-width: 100%;
    height: 60px !important;
    /*background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 255));*/
}

.button .cmp-button {
    /* background: rgba(255, 0, 0, 0);*/
    /* commented out so the selected button in the search results page would be right color and the apply button on filters would be the right color */
}

.cmp-image-card__image {
    max-height: 300px;
}

.cmp-image-card__cta .button .cmp-button:hover {
    background-color: none;
    text-decoration: underline;
}

/* Hide Spanish from the Google Translate dropdown */
.google-translate .cmp-google-translate select option[value="es"] {
    display: none !important;
}

.dcfs-fp-zebralist UL > li {}

.dcfs-fp-zebralist UL > li:nth-child(even) {
    background-color: lightgray;
}

.cmp-image-card__cta .button .cmp-button {
    margin-top: -0.0625rem;
    margin-bottom: 0;
}

.puppy-cf-label {
    color:darkorchid;
    background-color: darksalmon;
}

.puppy-cf-value{
    color:yellow !important;
    background-color: darkgreen!important;
}

.puppy-descr-cf-label{
    color:sandybrown;
    background-color: slateblue;
}

.puppy-descr-cf-value{
    color:coral !important;
    background-color: silver!important;
}

.divdirectory .cmp-image-card__text-title {
	background-color: rgba(0,0,0,0.50);
}