@charset "UTF-8";
/*
Theme Name: Animal Pet Shop
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/animal-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Animal Pet Shop theme offers a clean and elegant design ideal for various pet-related businesses, including pet salons, animal care centers, pet shops, dog walking services, poultry and animal husbandry farms, grooming, pet sitting, shelters, and puppy daycare centers. Built on the latest WordPress standards, this free theme features a visually appealing layout with engaging imagery related to pet care. It is highly optimized for quick loading times, ensuring a seamless user experience. Additionally, it offers extensive personalization options, making it easy to enhance your site's design. Designed for a global audience, the theme supports WPML and RTL compatibility for multilingual content. Utilizing the Bootstrap framework, this SEO-friendly theme helps attract organic traffic, while the integrated Call to Action button boosts conversion rates. Overall, the interactive design is user-friendly, making it suitable for both novices and experienced users. Consider making a donation to a relevant charity to support animal welfare as you embark on your pet business journey.
Version: 0.6.9
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-shop
Tags: three-columns, four-columns, translation-ready, 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 Shop WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Animal Pet Shop WordPress Theme is released under the terms of GNU GPL
*/

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

:root {
  --first-color: #022d61;
  --second-color: #a3d256;
}

body,h1, h2, h3, h4, h5, h6,.navbar-brand h1.site-title, p.site-title{
    font-family: 'Fira Sans', sans-serif;
}

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,.main-navigation .menu li.page_item_has_children ul.children,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.top-info,.comment-respond input#submit,#colophon,.main-navigation .sub-menu,.sidebar h5,.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, .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);
}
.entry-content .wp-block-woocommerce-cart.alignwide{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
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;
}
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{
    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);
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}

.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, .navbar-brand a:hover, .product-content h3 a:hover, .slider-inner-box h1 a:hover{
    color: var(--second-color);
}
.article-box a:hover{
  color: var(--second-color);
}
.navigation_header .nav{
    justify-content: center;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul 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;
}
.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{
    background: #42b0e2;
}
.btn-primary,#button ,.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);
}
.social-link i:hover {
    background: var(--first-color) !important;
}

#colophon a:hover, #colophon a:focus,.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(--first-color);
}
.social-link i.fas.fa-shopping-cart:hover{
    color: #fff;
}
.sidebar section {
    padding: 10px;
}
/* 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 .slideimg:after {
    content: '';
    position: absolute;
    width: 60%;
    z-index: 1;
    left: 0;
    height: 100%;
    top: 0;
    background: url(assets/img/slider-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.slider-box .slideimg {
    position: relative;
}
.slider-inner-box{
    z-index: 9999;
    right: 50%;
}
.slider-inner-box h1 a{
    font-size: 55px;
    font-weight: bold;
}
.slider-inner-box p {
    color: #fff;
    letter-spacing: 1px;
}
.slider-btn a {
    background: var(--second-color);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
}
.slider-btn a:hover{
    background: #fff;
    color: var(--first-color);
}
#top-slider .owl-nav i {
    background: var(--second-color);
}
/* Services */
.services-sec .box-category a {
    font-weight: bold;
}
.services-sec h3 {
    font-size: 40px;
    color: #181818;
}
.box-category {
    background: #f2f2f4;
    border-radius: 10px;
    padding: 18px;
}
.box-category h4 a{
    color: #181818;
}
.box-category p{
    color: #67696f;
}
.box-category:hover {
    background: #0e2c61;
}
.box-category:hover h4 a,.box-category:hover p,.box-category:hover i {
    color: #fff;
}
.box-category i {
    font-size: 65px;
    margin-bottom: 40px;
    color: #0e2c61;
}
.admin-bar .main_header.stick_header{
  background: #fff;
}
.page-content input.search-submit.btn.btn-primary.mb-2 {
    background: var(--second-color);
    border-color: var(--second-color);
}
@media screen and (min-width: 320px) and (max-width: 720px){
    .slider-inner-box h1 a {
        display: none;
    }
    .slider-inner-box {
        right: 35%;
        left: 10%;
    }
}
@media screen and (max-width: 1000px){
    .sidenav{
        background: var(--first-color);
    }
    .slider-inner-box {
        right: 40%;
        left: 5%;
    }
    .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;
    }
    #top-slider button.owl-prev, #top-slider button.owl-next{
        top: 80%;
    }
    .slider-inner-box h1 a {
        font-size: 40px;
    }
    .slider-inner-box p {
        display: none;
    }
    .slider-btn a {
        padding: 10px 20px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
    .slider-inner-box {
        right: 45%;
    }
}
@media screen and (max-width: 767px) {
  .slider-box img{
    height: 300px;
  }
}