.elementor-7104 .elementor-element.elementor-element-686b9a8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-7104 .elementor-element.elementor-element-686b9a8a:not(.elementor-motion-effects-element-type-background), .elementor-7104 .elementor-element.elementor-element-686b9a8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2d3c59c );}.elementor-7104 .elementor-element.elementor-element-164f7f69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}@media(max-width:1024px){.elementor-7104 .elementor-element.elementor-element-686b9a8a{--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}}@media(max-width:767px){.elementor-7104 .elementor-element.elementor-element-686b9a8a{--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for shortcode, class: .elementor-element-1e7efb9 */.elementor-7104 .elementor-element.elementor-element-1e7efb9 a.image-link:not(.firstimg) {
    display: none !important;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .elementor-shortcode {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .image-wrap {
    order: 1;
    height: 800px;
    width: 100%;
    grid-column: span 2;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 img#animal-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 h4 {
     margin: 0;    
     font-family: var(--e-global-typography-07149f1-font-family), Sans-serif;
    font-size: var(--e-global-typography-07149f1-font-size);
    font-weight: var(--e-global-typography-07149f1-font-weight);
    line-height: var(--e-global-typography-07149f1-line-height);
    letter-spacing: var(--e-global-typography-07149f1-letter-spacing);
    color: var(--e-global-color-9515f83);
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 h3 {
     grid-column: span 3; 
     margin: 0;
font-family: var(--e-global-typography-a6a101d-font-family), Sans-serif;
    font-size: var(--e-global-typography-a6a101d-font-size);
    font-weight: var(--e-global-typography-a6a101d-font-weight);
    line-height: var(--e-global-typography-a6a101d-line-height);
    letter-spacing: var(--e-global-typography-a6a101d-letter-spacing);
    color: var(--e-global-color-a7aba6d);
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .adoption-links {
    order: 3;
    grid-column: span 1;
    display: flex;
        flex-direction: column;
    align-items: center;
    gap: 0.875rem;    
    position: sticky;
    top: 3rem;
}


.elementor-7104 .elementor-element.elementor-element-1e7efb9 .adoption-links a{
    width: 100%;
    text-align: center;
    padding: 0.875rem 1rem;
    border-radius: 6px;
    background: var( --e-global-color-primary );
    border: 1px solid var( --e-global-color-primary );
    color: var( --e-global-color-eec1652 );
    transition: all .2s ease-in-out;
    font-family: var(--e-global-typography-3fe7628-font-family), Sans-serif;
    font-size: var(--e-global-typography-3fe7628-font-size);
    font-weight: var(--e-global-typography-3fe7628-font-weight);
    line-height: var(--e-global-typography-3fe7628-line-height);
    letter-spacing: var(--e-global-typography-3fe7628-letter-spacing);
}
 .elementor-7104 .elementor-element.elementor-element-1e7efb9 .view-btn a{
         color: var( --e-global-color-eec1652 );
    transition: all .2s ease-in-out;
    font-family: var(--e-global-typography-3fe7628-font-family), Sans-serif;
    font-size: var(--e-global-typography-3fe7628-font-size);
    font-weight: var(--e-global-typography-3fe7628-font-weight);
    line-height: var(--e-global-typography-3fe7628-line-height);
    letter-spacing: var(--e-global-typography-3fe7628-letter-spacing);
        width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 0.875rem 1rem;    
    border-radius: 6px;
    background: var( --e-global-color-primary );
    border: 1px solid var( --e-global-color-primary );
     
 }
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .adoption-links a:hover,  .elementor-7104 .elementor-element.elementor-element-1e7efb9 .view-btn a:hover{
    background: transparent;
    color: var( --e-global-color-a7aba6d ) !important;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb {
     grid-column: span 2; 
    order: 5;
        display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb li{
    width: 140px;
    height: 126px;
    cursor: pointer;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .summary-div {
    display: flex;    
    flex-direction: column;
    order: 6;
    grid-column: span 2;
    gap: 1.5rem;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .share-icons {
    display: flex;    
    flex-direction: column;
    gap: 1.5rem;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.et-social-icons {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}
/*popup*/
.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    background: #000000d4;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-ready .mfp-figure figure{
    text-align: center !important;
}
img.mfp-img {
    max-width: 80vw !important;
    max-height: 80vh !important;
}
.mfp-preloader{
    display: none !important;
}
button.mfp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close{
    left: 1rem;
}
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close{
    right: 1rem;
}
button.mfp-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
        font-size: 2rem;
    padding: 1rem;
    line-height: 1.5rem;
}
button.mfp-close:hover {
    color: var( --e-global-color-eec1652 );
}
.mfp-arrow-left, .mfp-arrow-right {
    height: 3rem;
    width: 3rem;;
}
.mfp-arrow-left::before, .mfp-arrow-right::before {
  content: "";
  display: inline-block; 
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;    
  transform: translate(-50%, -50%);
}
.mfp-arrow-left::before {
  background-image: url("/wp-content/uploads/2025/11/line-angle-left-icon-2.svg");
}
.mfp-arrow-right::before {
  background-image: url("/wp-content/uploads/2025/11/line-angle-right-icon-1.svg");
}
/* ---------- TABLET (1 column) ---------- */
@media (max-width: 1024px) {
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .elementor-shortcode {
    grid-template-columns: 1fr;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .image-wrap {
    grid-column: span 1;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 h3 {
     grid-column: span 1; 
}

.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb {
     grid-column: span 1; 
    order: 2;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .summary-div {
    grid-column: span 1;
    gap: 1rem;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb {
     grid-column: span 1; 

}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .adoption-links {
    position: relative;
    top: 0;

}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .image-wrap {
    height: 600px;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb li{
    width: 120px;
    height: 90px;
    cursor: pointer;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .share-icons {
    gap: 1rem;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.et-social-icons {
    gap: 1rem;
}
}
/* ----------MOBILE (1 column) ---------- */
@media (max-width: 767px) {
.elementor-7104 .elementor-element.elementor-element-1e7efb9 .image-wrap {
    height: 300px;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb li{
    width: 80px;
    height: 60px;
    cursor: pointer;
}
.elementor-7104 .elementor-element.elementor-element-1e7efb9 ul.img-thumb {
    gap: 1rem;
}
 button.mfp-arrow.mfp-arrow-left.mfp-prevent-close{
    left: .25rem;
}
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close{
    right: .25rem;
}
button.mfp-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
        font-size: 1.5rem;
    padding: 1rem;
    line-height: 1rem;
    padding: .825rem;;
}
.mfp-arrow-left, .mfp-arrow-right {
    height: 2rem;
    width: 2rem;;
}
.mfp-arrow-left::before, .mfp-arrow-right::before {
  width: 1rem;
  height: 1rem;
}
}/* End custom CSS */