/*
Theme Name: Dogcare Grooming
Theme URI: https://www.titanthemes.net/products/dogcare-grooming
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Dogcare Grooming is a professional, elegant, and multipurpose WordPress theme designed for pet salons, grooming services, dog walking, puppy training, dog sitter, dog spa, pet grooming, dog bath service, pet salon, dog kennel, dog hotel, dog shelter, dog adoption center and animal care experts. With a clean, minimal, and sophisticated layout, this theme is both user-friendly and visually stunning, making it the perfect choice for showcasing your services with confidence. Built with Bootstrap technology, Dogcare Grooming ensures responsive and retina-ready performance across all devices. The theme features a powerful banner section, strategically placed Call to Action (CTA) buttons, and a sleek testimonial section to build trust and encourage engagement. The integrated Team section helps you highlight your grooming professionals with elegance and clarity. The theme’s clean code, optimized structure, and SEO-friendly setup guarantee faster page load times and a better ranking on search engines. It offers extensive personalization and customization options, shortcodes, and is translation-ready, making it suitable for a global audience. Whether you're launching a modern, luxurious, or interactive pet care site or even adapting it for other services like pet sitting, this theme is incredibly flexible. Its secure and clean codebase ensures a hassle-free and stable performance, while its animated elements add a touch of life to every page. With Dogcare Grooming, you’re not just building a website; you’re creating a stunning digital presence tailored to impress and engage.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: dogcare-grooming
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, food-and-drink, portfolio, blog
*/

.slider-button a:hover,.theme-btn a:hover,.header-button a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-box-single{
  position: relative;
}
.slider-main-box{
  position: relative;
}
.post-date span.dashicons{
  color: #ffffff;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
}
.menu-box nav ul li ul.wp-block-navigation-submenu li a:hover:after{
  display: none;
}
.service-btn:hover{
  background-color: var(--wp--preset--color--tertiary) !important;
}
.service-box-single .wp-block-buttons a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-inner-box img,.service-inner-box figure{
  width: 100% !important;
}
.service-inner-box h4 a{
  text-decoration: none !important;
}

button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 0px !important;
  align-items: center;
}
.banner-img-1 img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.banner-img-3 img{
  width: 100%;
  height: 400px;
}
.banner-img-2 img{
  width: 100%;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -12px;
}
.our-projects .owl-stage{
  padding-left: 0px !important;
}
form.wp-block-search__button-only.wp-block-search__searchfield-hidden.wp-block-search__icon-button.wp-block-search svg{
  border-left: 1px solid var(--wp--preset--color--contrast);
  position: relative;
  padding-left: 20px !important
}
.slider-right{
  position: relative;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  background: transparent !important;
}
.slider-next{
  justify-content: right !important;
  text-align: right !important;
  display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
  text-align: center;
  width: 142px;
  height: 142px;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px;
  border: none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center !important;
  align-items: center;
  cursor: pointer;
}
.slider-content-box {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}

.slider-right{
  text-align: right;
}
.slider-right .owl-stage-outer{
  margin-left: 0px !important;
}
.slider-right{
  position: relative;
  width: 100%;
}
.slide-item img {
  width: 400px !important;
  height: 530px;
  margin: 0 auto;
}

.team-content-box {
  left: 0px;
  position: absolute;
  bottom: 24%;
  left: -32%;
  text-align: center;
  margin: 0 auto;
  width: 55%;
  padding: 17px 10px;
}
.wp-block-image.small-img img {
  vertical-align: middle;
}
.service-btn {
  width: 40px;
  height: 40px;
  text-align: left;
  margin-left: 0px !important;
}
.team-single-box{
  position: relative;
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}
.home .main-header-box{
  position: absolute;
  left: 0px;
  background: transparent !important;
  width: 100%;
  z-index: 1;
}
.our-projects .owl-nav,.our-services .owl-nav {
  display: block !important;
  position: absolute;
  top: -27%;
  text-align: right;
  width: 100%;
}
.our-projects .owl-carousel .owl-nav .owl-prev,.our-services .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover span, .our-projects .owl-carousel .owl-nav .owl-next:hover span,
.our-services .owl-carousel .owl-nav .owl-prev:hover span, .our-services .owl-carousel .owl-nav .owl-next:hover span{
  color: #ffffff;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover, .our-projects .owl-carousel .owl-nav .owl-next:hover,
.our-services .owl-carousel .owl-nav .owl-prev:hover, .our-services .owl-carousel .owl-nav .owl-next:hover {
    background: var(--wp--preset--color--primary) !important;
}
.our-projects .owl-carousel .owl-nav .owl-prev, .our-projects .owl-carousel .owl-nav .owl-next,
.our-services .owl-carousel .owl-nav .owl-prev, .our-services .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: #000000;
  border: 0px;
  border-radius: 30px;
}
.our-projects .owl-carousel .owl-nav .owl-prev,
.our-services .owl-carousel .owl-nav .owl-prev {
  border-right: 2px solid #FFFFFF12;
}
.our-projects .owl-carousel .owl-nav .owl-prev span, .our-projects .owl-carousel .owl-nav .owl-next span,
.our-services .owl-carousel .owl-nav .owl-prev span, .our-services .owl-carousel .owl-nav .owl-next span  {
  color: #ffffff;
  font-size: 22px;
  padding: 4px 8px;
}
.banner-image-wrap {
  position: relative;
}
.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
.service-inner-box{
  position: relative;
}
.service-content-box{
  position: absolute;
  bottom: 0px;
  text-align: left;
  width: 100%;
}
.our-blog .place-image, .our-blog .place-image img {
  width: 100% !important;
  object-fit: cover;
  vertical-align: bottom;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
.sale-button {
  position: absolute;
  left: 0px;
  top: 1%;
  padding: 4px 10px !important;
}
.menu-box nav ul li a{
  position: relative;
}
.menu-box nav ul li a:hover:after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: -18px;
  position: absolute;
  left: 0px;
  background: var(--wp--preset--color--primary) !important;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  color: #000000 !important;
}
.social-icon-box .wp-block-social-links{
  justify-content: flex-end !important;
}
.social-icon-box .wp-social-link svg{
  font-size: 18px;
  fill: #FAA820 !important;
}
.social-icon-box .wp-social-link a:hover{
  background: var(--wp--preset--color--primary) !important;
}
.social-icon-box .wp-social-link a:hover svg{
  fill: #ffffff !important;
}
.social-icon-box .wp-social-link a {
  background: #ffffff !important;
  border-radius: 30px;
  padding: 5px !important;
}
.menu-box nav ul li a{
  text-decoration: none;
}

.header-box-middle,.menu-box{
  position: relative;
}
footer.wp-block-template-part .photolancer-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.head-menu-box{
  border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
  border-bottom: 0;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: Figtree;
  font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
  display: flex;
  flex-direction: row-reverse;
}
.head-menu-box ul li a:hover {
  background: #0E2646;
  padding: 10px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 0px;
    margin: 10px 0px;
  }
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .award-box {
    position: relative;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
  .banner-img-1 img{
    height: 300px;
  }
  .our-projects .owl-nav, .our-services .owl-nav{
    display: none !important;
  }
  .project-heading{
    text-align: center;
  }
  .service-content-box h4,.service-content-box{
    text-align: left !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .our-services h3{
    text-align: center !important;
  }
  .our-services .owl-nav{
    margin-top: 20px;
  }
  .slider-content-box{
    position: relative;
    transform: none;
    left: 0px;
    right: 0px;
    width: 95%;
    margin: 0 auto;
    padding-top: 30px !important;
  }
  .slider-main-box {
    min-height: 1400px !important;
  }
  .meta-search,.banner-short{
    justify-content: center !important;
  }
  .owl-dots {
    left: 0px;
    width: 90%;
  }
  .our-project h3{
    text-align: center !important;
  }
  .our-projects .owl-nav, .our-services .owl-nav {
    position: relative;
    top: 0px;
    text-align: center;
  }
  .slide-item .animations-hidden-item {
    transform: translateY(-50%) !important;
    transition: all 1s;
  }
  .place-image img{
    width: 100% !important;
    object-fit: cover !important;
  }
  .home .main-header-box{
    position: relative;
    background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%)  !important;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .team-content-box {
    left: 0px;
  }
  .count-box{
    display: none;
  }
  .short-heading-banner,.banner-heading,.slider-text{
    text-align: center !important;
  }
  .slider-button{
    justify-content: center !important;
  }
  .tour-box {
    max-width: 90% !important;
  }
  .place-image img,.tour-box img{
    object-fit: cover
  }
  .about-btn {
    justify-content: center;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .header-box-upper{
    position: relative;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .team-content-box {
    width: 70%;
  }
  .our-projects .owl-nav{
    margin-top: 30px !important;
  }
  .slider-content-box .banner-left{
    flex-basis: 50% !important;
  }
  .about-box,.blog-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
    width: 100%;
  }
  .about-box .about-left{
    width: 100% !important;
  }
  .project-heading {
    text-align: center;
  }
  .banner-img-3 img{
    height: 300px !important;
  }
  .banner-right-image {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .slider-content-box .slider-right .right-image1{
    flex-basis: 50% !important;
  }
  .slider-content-box .slider-right .right-image2{
    flex-basis: 50% !important;
  }
  .slider-main-box{
    min-height: 900px !important;
  }
  .owl-dots {
    left: 0px;
    width: 68%;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .tour-box{
    max-width: 95% !important;
    gap:10px;
  }
  .banner-left,.slider-right{
    flex-basis: 50% !important;
  }
  .banner-img-3 img{
    object-fit: cover;
  }
  .team-content-box {
    width: 100% !important;
  }
  .blog-box{
    max-width: 95% !important;
  }
  
  .review-meta,.blog-meta{
    gap:10px;
  }
  .review-meta h6{
    font-size: 10px !important;
  }
  #service-content-single h2 {
    font-size: 14px !important;
  }
  .owl-dots {
    position: relative;
    width: 65%;
  }
  .menu-box ul {
    gap:8px;
  }
  .menu-box ul li a {
    font-size: 12px !important;
  }
  .menu-box nav ul li a {
    padding: 0px 8px;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .banner-heading {
    font-size: 25px !important;
  }
  .about-box,.project-heading h6,.project-heading h3,.services-owl-box,.project-heading p,.project-heading figure{
    max-width: 95% !important;
  }
  .about-box{
    gap:10px !important;
  }
  .about-left p{
    font-size: 12px !important;
  }
  .service-inner-box h4 {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .our-projects .owl-nav {
    top: -39%;
  }
  .slider-content-box .banner-left,.slider-content-box .slider-right{
    flex-basis: 50% !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .our-projects .owl-nav {
    top: -46%;
  }
  .team-content-box {
    width: 70%;
  }
  .owl-dots {
    position: relative;
    width: 50%;
  }
}
/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}