@charset "UTF-8";
/*
Theme Name: Dog Breeder
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/themes/free-dog-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Dog Breeder theme is the cutest, cleanest, freshest, and most modern animal care solution you can find! Perfect for a range of services, it caters to pet grooming, pet shelter operations, veterinary clinics, animal breeding, pets for sale, cat adoption, kennels, pet sitting, pet hotels, animal husbandry, pet salons, pet resorts, pet stores, and other pet-related businesses. The theme is filled with pre-made blocks specifically designed for dog sales and adoption, along with review sections, dedicated pages for specific breeds or puppies, and custom order or contact forms. Its flexibility allows for endless customization and seamless compatibility with popular plugins like Essential Grid and WooCommerce. Additionally, you can translate pages into numerous languages and it supports RTL layouts. With an array of shortcodes available to enhance your website's functionality, this theme is regularly updated to ensure compatibility with the latest version of WordPress. Plus, it’s cross-browser compatible, loading smoothly across all major search engines, helping your website rank higher thanks to its SEO-friendly design. Also, it is responsive, ensuring a great fit for all screen sizes across various devices. 
Version: 0.6.8
Tested up to: 6.9
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: dog-breeder
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, education

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

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

:root {
  --first-color: #3c78b3;
  --second-color: #f09d18;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,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,.top-info,.comment-respond input#submit,#colophon,.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, .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);
}
.site-navigation .primary-menu > li a{
    color: #ffffff;
}
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;
}
.product-content h3 a:hover, .page-template-home-template .navbar-brand a:hover, .navbar-brand a:hover, .slider-inner-box h1 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{
    color: var(--first-color);
}
.btn-primary,.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, .btn-primary,#button,.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,.woocommerce a.added_to_cart:hover{
    background: var(--second-color);
}
.sidebar section {
    padding: 10px;
}
#colophon a:hover, #colophon a:focus,a{
    color: var(--second-color);
}
.article-box a:hover{
  color: #033e4f;
}
.featured-cat a:hover{
    color: #000;
}
.page-template-home-template .main_header {
    width: 100%;
    z-index: 9999;
    background: #b2b2b2;
}
.page-template-home-template #site-navigation .menu ul li a, .page-template-home-template .main-navigation .menu > li > a,.page-template-home-template .navbar-brand a,.page-template-home-template .navbar-brand p{
    color: #fff;
}
.navigation_header .nav{
    justify-content: flex-end;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
.social-link i.fas.fa-shopping-cart:hover {
    color: #fff;
}
.box-category {
    position: relative;
    text-align: center;
}
.box-category img {
    width: 100%;
}
.featured-cat {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px;
    background: var(--first-color);
    padding: 15px;
}
.featured-cat h4{
    font-size: 20px;
}
.featured-cat a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.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:hover {
    background: var(--first-color) !important;
}
input.search-submit.btn.btn-primary{
    background: var(--first-color);
}
.page-content input.search-submit.btn.btn-primary.mb-2 {
    background: var(--first-color);
    border-color: var(--first-color);
}
#top-slider .owl-nav i{
    background: var(--first-color);
}
@media screen and (min-width: 320px) and (max-width: 720px){
    .page-template-home-template .main_header{
        position: static;
    }
    .slider-inner-box {
        right: 15%;
    }
}
@media screen and (max-width: 1000px){
    .sidenav .closebtn{
        background: var(--first-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(--first-color) !important;
    }
    .product-content p, .product-content span.onsale{
        display: none;
    }
}
@media screen and (max-width: 720px){
    .slider-inner-box h1 a {
        font-size: 22px;
    }
}
@media screen and (min-width: 320px) and (max-width: 575px){
    .slider-box img{
        height: 200px;
    }
}
@media screen and (min-width: 576px) and (max-width: 768px){
    .slider-box img{
        height: 370px;
    }
    .slider-inner-box {
        right: 35%;
    }
}