/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

html {
    font-size:17px;
}

.container a {
    color: #f04923;
    font-weight: 600;
    text-decoration: none;
}

.container {
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 767.98px) { 

    .container {
        padding: 0 1.25rem !important;
    }
    
}

.anchor-link {
    color: #173d50 !important;
    text-decoration: underline !important;
}




/* HERO AREA */
#breed-hero {
    border-radius: 0.75rem;
    background-color: #80A7AF;
    background-image: url(/wp-content/uploads/2022/07/bubbles.webp);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 10%;
}

.breed-title, 
.breed-subtitle, 
.breed-description {
    color: #fff;
}

.breed-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.625rem;
}

.breed-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0.625rem 0;
}

.breed-description p {
    line-height: 1.5;
    margin-top: 1.5rem;
    font-size: 1rem;
}

#breed-hero .img-mobile img {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
    object-fit: cover;
}

#breed-hero .img-desktop img {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    height: 100%;
    object-fit: cover;
}



#breed-hero .breed-left {
    padding: 2rem 4rem;
}

@media (max-width: 991.98px) {
    #breed-hero img {
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
    }

    #breed-hero .breed-left {
        padding: 2rem;
    }
 }


/* BREED PROFILE TABLE */

#breed-profile .profile-col  {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 2rem;
    padding-bottom: 1.25rem;
    background-color: #eeefef;
}

#breed-profile .profile-desc {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #173d50;
    min-height: 105px;
}

#breed-profile .profile-desc ul {
    list-style-type: none;
    margin-bottom:0;
}

#breed-profile .profile-desc li {
    color: #fff;
}

/* BREED PROFILE FRAMES */

.profile-frame-header {
    height:7rem;
}

.profile-frame {
    margin-bottom: 3rem;
}

.profile-frame-title {
    background-color: #f04923;
    display:flex;
    align-items: center;    
    justify-content: center;
}

.profile-frame-title h3 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 700;
}

.profile-frame-rating {
    border-top: 2px solid #f04923;
    display:flex;
    align-items: center;    
    justify-content: center;
}

.profile-frame-icon {
    border-top: 2px solid #f04923;
}

.profile-frame-icon img {
    transform: translate(-15%,-10%);
    position: absolute;
}

@media (max-width: 991.98px) { 

    .profile-frame-header {
        height:unset;
    }

    .profile-frame .inner-frame {
        border-radius: 0 !important;
    }

    .profile-frame-icon img {
        transform: scale(.75);
        position:relative;

    }

    .profile-frame-icon {
        text-align:center;
        height: 0;
    }

    .profile-frame-icon {
        border: none;
    }

    .profile-frame .inner-frame .inner-container {
        padding: 6.5rem 5rem 2.5rem !important;
    }

    .profile-frame-rating {
        border-left: 2px solid #f04923;
        border-right: 2px solid #f04923;
        padding: 0.625rem 0;
    }

    .profile-frame-title {
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
        padding: 0.625rem 0;
    }

    
    
}

@media (max-width: 767.98px) { 

    .profile-frame .inner-frame .inner-container {
        padding: 6.5rem 2rem 2rem !important;
    }
    
}
    


.profile-frame .inner-frame {
    background-color: #80A7AF;
    border-radius: 0.25rem;
    padding: 2.75rem;
    background-image: url(/wp-content/uploads/2022/07/bubbles.webp), url(/wp-content/uploads/2022/07/bubbles.webp);
    background-repeat: no-repeat;
    background-position: top left, bottom right;

}

.profile-frame .inner-frame .inner-container {
    background-color: #eeefef;
    padding: 2.5rem 5rem;
}



@media only screen and (min-width: 768px) {
    .inner-frame {
        padding: 2.75rem;
    } 
}

/* SPOT PAYS TABLE */

.spot-pays .avg-vet-bill {
    font-weight: 700;
    border: 2px solid #173d50;
    border-bottom: none;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.spot-pays .avg-vet-bill h3 {
    font-size: 1.875rem;
}

h4.amt-cover { font-size: 1.25rem;}
.spot-pays-disc { font-size: .75rem;}

.spot-pays .avg-vet-bill p {
    font-size: 2.25rem;
    font-weight: 600;
}

.spot-pays-table {
    background-color: #f04923;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 600;
}

.spot-pays-percentages {
    font-weight: 700;
}


/* CONTAINER SIZING  */

.container { 
	box-sizing:border-box !important; 
}

/* BREED FOOTER */

footer .container a { 
	color: #173d50;
	font-weight: 500; 
}

footer .footer-legal a { 
	color: #fff;
	font-weight: 500; 
}

footer .footer-legal a:hover { 
	color: #fff;
}