.top-bar {background: var(--primary-color);}
.top-social-icon img {width: 26px;}
.navbar-brand img {max-height: 60px;}
.navbar-nav > li > a {padding-right: 1rem; padding-left: 1rem;}

.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 12px;}
.fs-16 {font-size: 14px;}
.fs-18 {font-size: 16px;}
@media (min-width: 768px) {.fs-14 {font-size: 14px;} .fs-16 {font-size: 16px;} .fs-18 {font-size: 18px;}}

.text-green {color: var(--primary-color) !important; }
.text-white {color: #fff  !important;}
.text-black {color: var(--thertiary-color)  !important;}
.text-bold {font-weight:bold;}
.text-lh-14 {line-height: 14px;}
.text-lh-18 {line-height: 18px;}
.text-lh-20 {line-height: 20px;}
.text-lh-40 {line-height: 40px;}
small.text-xs {font-size: 70%;}

.lh-10 {line-height: 10px;}

.no-padding-tb {padding-top: 0; padding-bottom: 0;}
.no-padding-t {padding-top: 0;}
.no-padding-b {padding-bottom: 0;}

.margin-l15 {margin-left: 15px;}
.margin-b15 {margin: 0 0 15px 0;}
.no-margin-tb {margin-top: 0; margin-bottom: 0;}
.no-margin-b {margin-bottom: 0;}

.section-separator {border: 1px dashed var(--primary-color);}

.v-hidden {visibility: hidden;}

.img-60 img {width: 60%;}
div.adopt-icon > img {max-width: 80px;}
@media (min-width: 768px) {div.adopt-icon > img {max-width: 121px;}}

.button {font-family: 'Hug Me Tight', sans-serif; font-size: 16px; font-weight: 700; padding: 20px 40px 20px; line-height: 1; display: inline-block; text-align: center; color: #fff; border: none; border-radius: 355px 45px 225px 75px/15px 225px 15px 255px; position: relative; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1); transition: all 0.4s linear 0s; letter-spacing: 1px;}
.button-primary, .button-primary:focus, .button-primary:active {background-color: var(--primary-color); border-color: var(--primary-color);}
.button-secondary, .button-secondary:focus, .button-secondary:active,
.button-thertiary, .button-thertiary:focus, .button-thertiary:active {background-color: var(--secondary-color); border-color: var(--secondary-color);}
.button-primary:hover {color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color);}
.button-secondary:hover {color: #fff; background-color: var(--primary-color); border-color: var(--primary-color);}
.button-thertiary:hover {color: var(--secondary-color); background-color: #fff; border-color: #fff;}

ul.dot-style li {list-style: initial;}

.testimonials-hide {display: none;}

.custom-filtering {margin-bottom: 20px;}
.custom-filtering span {cursor: pointer; margin-right: 20px; padding: 10px 20px;}

.biography-info {background-color: var(--primary-color); padding: 30px; color: #fff;}

.contact-form-bg {background-color: #fff; border-radius: 5px; padding: 15px 0; opacity: .8;}
@media screen and (max-width: 575px) {.contact-info {background-color: #fff; opacity: .8; padding: 15px; border-radius: 5px;}}

.footer-separator {border: 1px dashed #fff;}
.footer-social-icon {padding: 0;}
.footer-social-icon li {font-size: 30px; list-style-type: none; float: left; text-align: center; margin: 5px; padding: 0 7px;}
.footer-social-icon li a {color: #fff; line-height: 28px; -webkit-transition-duration: .3s; transition-duration: .3s; font-size: 30px; padding: 0 3px;}
.footer-social-icon img {width: 45px; margin-top: -4px;}

.footer-logo {width: 40%}
@media (min-width: 768px) {.footer-logo {width: 70%}}

/* WhatsApp */
.whatsapp-float-button {display: flex; background-color: #7FBA27; border-radius: 50px; bottom: 40px; box-shadow: 1px 1px 1px #999; color: #fff; font-size: 30px; height: 50px; position: fixed; right: 40px; text-align: center; width: 50px; z-index: 100;}
.whatsapp-float-button:hover {box-shadow: 2px 2px 3px #999;}
.whatsapp-float-button img {object-fit: none;}
@media (min-width: 576px) {.whatsapp-float-button {font-size: 27px; height: 45px; width: 45px;}}