@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: The Animal Pet Store theme is an advanced, feature-rich solution tailored for businesses in the pet care industry. It encompasses essential functionalities designed to meet the specific needs of pet owners and their cherished animals. With compatibility for WooCommerce, it effortlessly integrates with your current online store, making it suitable for a range of pet-related services, including boarding, daycare, grooming, shops, breeders, pet hotels, dog training, aquariums, and even wildlife services. This theme provides a user-friendly administrative interface that enhances the shopping experience for customers, featuring a layout that emphasizes product attributes along with an easy-to-use price comparison table. 
Version: 1.0
Tested up to: 7.0
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;
    }
}