/* --- Colors --- */

:root {
    --main: #b4bb80;
    --main-light: #71a3db;
    --main-dark: #c7615d;
    --bg-shared-banner: #ffeeea;
    --color-services: #c7615d;
    --btn-hover: #fcb6a9;
    --btn-hover-2: #000;

    --bg-header: #ffd1c863;
    --border: #b4bb80;
    --bg-plan4: #ffeeea;


    /* --- fonts --- */
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.footer-area {
    border-top: 0!important;
}
.main-menu > nav > ul > li > ul.sub-menu-width li a:hover {
    color: var(--main);
}
header .logo a img, .footer-logo a img {
    width: 230px!important;
}
.logo-header-small {
    max-width: 200px;
}
.default-overlay.kids-slider-overlay::before {
    background-color: inherit!important;
}
.main-hero-content-4 h1 {
    text-shadow: 0px 0px 12px rgb(109 109 109 / 50%);
}
.main-menu > nav > ul > li > a {
    font-size: 14px;
}
.btn-style-3 a.bs3-black-text:hover {
    color: var(--main);
}

.blog-area .kids-blog-pattern-1 img, .blog-area .kids-blog-pattern-3 img {
    width: 100%;
}
.blog-area .kids-blog-pattern-2 {
    display: none!important;
}
.blog-area .kids-blog-pattern-1, .blog-area .kids-blog-pattern-3 {
    z-index: 9!important;
}
.bg-gray-2 {
    background-color: #fce2dd!important;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .kids-monster-2 img, .kids-monster-1 img {
        width: 300px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .kids-monster-2 img, .kids-monster-1 img {
        width: 200px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .kids-monster-2 img, .kids-monster-1 img {
        width: 230px;
    }
}    
.pet-single-slider-wrap::before {
    border-top: 191px solid #7a3c04;
}
.single-main-slider-gradient {
    background: linear-gradient(to right, #ffeeea, #f2f2f1);
}