@charset "UTF-8";
/*
Theme Name: Animal Pet Care
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-pet-store-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Animal Pet Store is a sophisticated, feature-rich theme specifically designed for pet care businesses. It includes essential functionalities that cater to the unique requirements of pet owners and their beloved furry friends. Compatibility with WooCommerce allows seamless integration with your existing online store, making it ideal for various animal-focused enterprises such as pet boarding, dog and puppy daycare, grooming parlors, pet shops, cat stores, animal caretakers, breeders, pet hotels, dog trainers, aquariums, and even wildlife services. At its core, this theme offers a user-friendly admin environment that enhances the shopping experience for your customers, with a layout that highlights product features and includes an intuitive price comparison table. 
Version: 0.7.8
Tested up to: 6.8
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: pet-care-zone
Text Domain: animal-pet-care
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, portfolio

Animal Pet Care WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Animal Pet Care WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #7e4c4f;
  --second-color: #f6ab4a;
}

body,h1, h2, h3, h4, h5, h6,.navbar-brand h1.site-title, p.site-title{
    font-family: 'Dosis', sans-serif;
}
h1, h2, h3, h4, h5, h6,.navbar-brand a{
    font-weight: bold;
    color: var(--first-color);
}
body{
    color: #acacac;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.main-navigation .menu li.page_item_has_children ul.children,.top-info,.comment-respond input#submit,#colophon,.main-navigation .sub-menu,.sidebar h5,#button,.sidebar input[type="submit"], .sidebar button[type="submit"],.sidebar .tagcloud a:hover,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.woocommerce .woocommerce-ordering select,.pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce-account .woocommerce-MyAccount-navigation ul li,.toggle-nav i,span.onsale,.addtocart a:hover,.social-link i.fab.fa-linkedin-in,.woocommerce a.added_to_cart,.social-link i.fab.fa-facebook-f,.social-link i.fab.fa-twitter,.social-link i.fab.fa-instagram,.social-link i.fab.fa-linkedin-in,.social-link i.fab.fa-pinterest-p, .load hr, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    border:0px;
    color: #ffffff;
}
.wp-block-latest-comments article {
    margin-bottom: 0 !important;
}
.box-category a:hover, h1, h2, h3, h4, h5, h6,.article-box a,.sidebar ul li a:hover,p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.box-category h4 a,.main-navigation .menu > li > a{
    color: var(--first-color);
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.addtocart a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color);
}
.btn-primary,.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}
.article-box a:hover, .navbar-brand a:hover, .slider-inner-box h1 a:hover, .product-content h3 a:hover{
  color: var(--second-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover, .topbtn,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,#button:hover, #button:active,.woocommerce a.added_to_cart:hover{
    background: var(--second-color);
}
a,.main-navigation .menu > li > a:hover{
    color: var(--second-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--second-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-weight: bold;
    color: var(--first-color);
}
#site-navigation .menu ul li a:hover {
    color: var(--second-color);
}
.navigation_header .nav{
    justify-content: center;
}
.social-link i.fas.fa-shopping-cart:hover {
    color: #fff;
}
.social-link i.fab.fa-facebook-f:hover, .social-link i.fab.fa-twitter:hover, .social-link i.fab.fa-instagram:hover, .social-link i.fab.fa-linkedin-in:hover, .social-link i.fab.fa-pinterest-p:hover{
    background: var(--second-color);
}
.topbtn{
    text-transform: none;
}
.topbtn a,.main-navigation .menu > li > a,.box-category a {
    font-weight: bold;
}
.main-navigation .menu > li{
    font-size: 15px;
}
.social-link i:hover{
    background-color: var(--second-color) !important;
}
.top-info p:hover a{
    color: var(--second-color);
}
.top-info p:hover i{
    color: var(--second-color);
}
.topbtn:hover{
  background-color: #ffffff;
}
.topbtn:hover a{
    color: var(--second-color);
}
.page-content input.search-submit.btn.btn-primary.mb-2 {
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
}

/* Slider */

.slider-box img {
    position: relative;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask-position: unset;
    mask-position: unset;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: unset;
    mask-size: unset;
    -webkit-mask-size: unset;
    height: 600px;
    object-fit: cover;
}
.slider-box:after {
  content: "";
  background-image: url(assets/img/slider-design.png);
  background-repeat: repeat-x;
  background-position: center top;
  display: block;
  height: 26px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.slider-box .slideimg {
    position: relative;
}
.slider-inner-box {
    z-index: 9999;
    right: 30%;
    left: 30%;
    text-align: center;
}
.slider-inner-box h1 a{
    font-size: 55px;
}
.slider-btn a {
    background: var(--second-color);
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 30px;
}
.slider-btn a:hover{
    background: #fff;
    color: var(--first-color);
}
.wp-block-latest-comments a{
    box-shadow: none !important;
}
/* Services */

.services-sec h3 {
    font-size: 40px;
}
.services-sec h6 {
    font-size: 16px;
    color: var(--second-color);
}
.services-sec img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}
a#button,.btn-primary{
    background-color: var(--second-color) ;
}
#colophon a:hover, #colophon a:focus {
    color: var(--second-color) ;
}
#top-slider .owl-nav i{
    background: var(--second-color);
}

@media screen and (min-width: 320px) and (max-width: 720px){
    .main-navigation .menu > li > a{
        color: #fff;
    }
    .slider-inner-box h1 a{
        font-size: 30px;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
    }
    .slider-box img {
        height: 350px;
        object-fit: cover;
    }
}
@media screen and (max-width: 1000px){
    .sidenav{
        background: var(--first-color);
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
    }
    .sidenav .closebtn{
        background: var(--second-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--second-color) !important;
    }
    #site-navigation .menu ul li a{
        color: #fff;
    }
    .main-navigation .menu > li > a {
        color: #fff !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
    .slider-inner-box {
        right: 25%;
        left: 25%;
    }
    .services-sec img {
        width: 200px;
        height: 200px;
    }
}