/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 09 2026 | 23:48:14 */
/*---------------- Animal Cards ---------------- */
.iar-card {
    background: white;
    height: 100%;
    border-radius: 10px;
}
.iar-card.iar-featured {
	background: black;
    border-radius: 10px;
}
.iar-event-cover {
    position: absolute;
    bottom: 0px;
}
.iar-card h3 {
    font-size: 1.2rem;
    margin: 0px 0px 5px 0px;
}
.iar-card.iar-featured h3 {
    color: white;
	position: absolute;
    top: 3%;
    left: 3%;
    z-index: 1;
    text-overflow: ellipsis;
    width: 53%;
    text-wrap: nowrap;
    overflow: hidden;
}
.iar-adoptable-pets .iar-card.iar-featured h3 {
	width: 80%;
}

.iar-card.iar-featured a {
	color: white;
}

/*Shadow Overlay*/
.iar-card.iar-featured a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #00000085, #00000026, transparent);
    top: 0;
    border-radius: 10px;
}
.iar-inline-list ul,
.iar-card ul {
    font-size: .85rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 5px;
}

@media(min-width: 768px) and (max-width: 1280px){
	.iar-card .iar-bonded span {
		display: none;
	}
}
@media (max-width: 1280px) {
	.iar-card ul {
		font-size: .8rem;
		letter-spacing: .5px;
	}
}

.iar-inline-list li,
.iar-card li {
    list-style: none;
}
.iar-image {
	overflow:hidden;
	border-radius: 10px 10px 0px 0px;
    position: relative !important;
}
.iar-card img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block !important;
	transition: all ease-in-out .5s;
}
.iar-card:hover img {
	scale: 1.02;
	transition: all ease-in-out .5s;
}
.iar-card.iar-featured:hover img {
	scale: 1.05;
	transition: all ease-in-out .5s;
}
.iar-card.iar-featured .iar-image {
	overflow:hidden;
	border-radius: 10px;
    position: relative !important;
}
.iar-card.iar-featured img {
    border-radius: 10px;
}
.iar-content {
    padding: 4%;
}
.iar-excerpt img {
    display: unset !important;
    margin-right: 5px !important;
}
.iar-excerpt {
    font-size: .9rem;
    line-height: 1.4em;
    padding-top: 12px;
    border-top: solid 2px var(--background-1);
}
.iar-likes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0px 5px;
    padding: 12px 0px;
    border-top: solid 2px var(--background-1);
}
.iar-notes {
    padding-top: 12px;
    border-top: solid 2px var(--background-1);
}
.iar-notes i,
.iar-likes i {
    font-size: 1.2rem;
}
.iar-notes p i,
.iar-likes p i {
    color: var(--light-text) ;
}
.iar-notes p,
.iar-likes p {
    text-color: var(--text);
    font-size: .85rem;
    font-weight: 400;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.iar-notes.highlight i,
.iar-notes.highlight p,
.iar-notes.highlight p i {
    color: var(--accent-2);
    font-weight: bold;
}
.iar-bonded i {
    color: var(--accent-1);
}
.iar-bonded {
	z-index: 999;
}
.iar-label {
    color: white;
    background: #421B69DC;
    padding: 2% 4%;
    border-radius: 30px;
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: 3%;
    right: 3%;
    z-index: 1;
	letter-spacing: .5px;
	max-width: 50%;
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
}

@media (max-width: 1280px) {
	.iar-featured .iar-label {
		padding: 1.5% 3%;
		border-radius: 30px;
		font-size: .75rem;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
}

.iar-adoptable-pets .iar-label {
	display: none;
}

/* Events Overlay */
.iar-event-cover {
    width: 100%;
    z-index: 1;
}
.iar-adoptable-pets .iar-event-cover,
.label-pending-adoption .iar-event-cover {
	display: none;
}
/*Change colors for local residence*/
.iar-residence .iar-event-bottom {
    background: #002B57ED !important;
}
.iar-residence .iar-event-top {
    background: #0E4570DC !important;
}
.iar-event-top {
    color: white;
    background: #148511ED;
    font-weight: bold;
    font-size: .85rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0px 10px 0px 0px;
    width: fit-content;
    padding: 2% 4%;
}
.iar-event-bottom {
    color: white;
    background: #013300DC;
    font-size: .85rem;
    line-height: 1.3em;
    padding: 2% 4%;
    position: relative;
}
.iar-featured .iar-event-bottom {
    border-radius: 0px 0px 10px 10px ;
}
.iar-event-bottom .iar-venue-name {
    width: 50%;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tribe-address abbr,
.tribe-address span:not(.tribe-street-address) {
    display: none;
}
.tribe-address {
    display: block;
}
.iar-event-bottom .iar-time {
    top: 0;
    right: 0;
    padding: 2% 4%;
    position: absolute;
}


/* Tooltips for bonded */
.iar-card [role="tooltip"] {
  visibility: hidden;
  position: absolute;
  bottom: 2%;
  left: 2%;
  width: 96%;
  background: var(--accent-2);
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 400;
  font-family: 'Open Sans';
  font-size: .9rem;
  z-index: 999;
  color: white;
  padding: 4%;
  border-radius: 0.25rem;
  /* Give some time before hiding so mouse can exit the input
  and enter the tooltip */
  transition: visibility 0.5s;
}
.iar-card [aria-describedby]:hover,
.iar-card [aria-describedby]:focus {
  position: relative;
}
.iar-card [aria-describedby]:hover + [role="tooltip"],
.iar-card [aria-describedby]:focus + [role="tooltip"],
.iar-card [role="tooltip"]:hover,
.iar-card [role="tooltip"]:focus {
  visibility: visible;
}

/* Accessibility focus for animals */
.ch-clickable-card .iar-card a:focus,
.ch-clickable-card .iar-card a:focus-visible,
.ch-clickable-card .iar-card a:active {
    outline: none !important;
}
.ch-clickable-card .iar-card a:focus-visible:after {
    z-index: 0;
    content: '';
    outline: 1px dashed black;
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.iar-card a:focus-visible,
.iar-card a:focus a,
.iar-card:hover a {
	color: var(--hover);
}

/*---------------- Animal Post ---------------- */

@media (max-width: 1024px) {
    .ch-remove-absolute {
        position: unset !important;
    }
}
.ch-attribute-list tr td:first-of-type {
    width: 50% !important;
}
.ch-attribute-list tr td:first-of-type {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.ch-attribute-list tr td:last-of-type {
    text-align: right;
    text-transform: capitalize;
}
.ch-attribute-list td {
    font-size: .9rem;
    border-width: 0px 0px 1px 0px;
    padding: 2% 0%;
}
.ch-attribute-list th {
    position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}
.iar-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 2% !important;
}
.iar-gallery a {
    width: 32%;
    border-radius: 4%;
    line-height: 0px;
}
.iar-gallery img {
    border-radius: 4%;
    transition: all 300ms ease-in-out;
}
.iar-gallery img:hover {
    scale: 1.03;
    transition: all 300ms ease-in-out;
}
img.elementor-lightbox-image {
    border-radius: 10px !important;
    height: 100%;
}
.single-animal .iar-card.iar-featured h3 {
    display: none;
}
.ch-custom-message h2,
.ch-custom-message h3,
.ch-custom-message h4, 
.ch-custom-message h5,
.ch-custom-message h6 {
    font-size: 1.1rem !important;
    text-transform: uppercase;
}
.ch-custom-message h2:first-of-type,
.ch-custom-message h3:first-of-type,
.ch-custom-message h4:first-of-type,
.ch-custom-message h5:first-of-type,
.ch-custom-message h6:first-of-type {
    margin-top: 0px !important;
}
.iar-gallery a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.iar-gallery a i.fas.fa-play {
    position: absolute;
    z-index: 999;
    color: #ffffffb5 !important;
    font-size: 1.4em;
}