/*
Theme Name: Velvet Paws
Theme URI: https://cawpthemes.com/velvet-paws-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Velvet Paws Free is a clean, elegant, and beginner-friendly WordPress theme designed especially for cat lovers, pet bloggers, cat adoption centers, veterinary clinics, grooming businesses, and animal welfare organizations. Built with a modern responsive layout and optimized for speed, SEO, and usability, the theme helps you create a professional website without writing a single line of code.With beautifully crafted homepage sections, customizable layouts, and WordPress Customizer support, Velvet Paws Free provides everything you need to showcase your love for cats while sharing stories, services, and valuable information with your visitors.
Version: 1.0.1
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velvet-paws
Copyright (c) 2025 CA WP Themes. All rights reserved.
Tags: one-column, two-columns, three-columns, four-columns, grid-layout , custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, blog, photography
*/
/* Reset */
html {
    font-size: 16px;
    line-height: 1.5;
    font-family: system-ui;
}

body {
    margin: 0;
    padding: 0;
	font-family: system-ui;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    color: #000;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 20px;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #000;
}

ul{
    text-align: left;
}

.post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-list li {
    margin-bottom: 20px;
}

.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

time {
    color: #000;
}

.comment {
    margin-bottom: 20px;
}

.comment-avatar {
    float: left;
    margin-right: 20px;
}

.comment-body {
    overflow: hidden;
}

.comment-author {
    font-weight: bold;
    margin: 0;
}

.comment-date {
    font-size: 0.8rem;
    color: #666;
}

.comment-content {
    margin: 10px 0;
}

.comment-reply {
    margin-left: 50px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.table th {
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-align: left;
}

.table td {
    border: 1px solid #ccc;
    padding: 10px;
}

/* Style links within post content */
.entry-content a {
  color: #000;
  text-decoration: underline;
}

/* Style links within comment content */
.comment-content a {
  color: red;
  text-decoration: underline;
}

/* Style links within text widgets */
.widget_text a {
  color: green;
  text-decoration: underline;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------Comments-----------*/

/* Style the comments section */
.comments-area {
    background-color: #f9f9f9;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

/* Style the comment form */
.comment-form {
    margin-top: 30px;
}

/* Style the comment form fields */
.comment-form label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.comment-form input[type="text"], 
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

/* Style the comment list */
.comment-list {
    margin-top: 30px;
}

.comment {
    margin-bottom: 30px;
}

.comment-author {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-author a{
    color: #000;
}

.comment-meta {
    font-style: italic;
    margin-bottom: 10px;
    color: #000;
}

.comment-content {
    margin-bottom: 10px;
}

.comment-reply-link {
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.comment-reply-link:hover {
    color: #f00;
}

/* Style the comment navigation links */
.comment-navigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.comment-nav-prev,
.comment-nav-next {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-nav-prev a,
.comment-nav-next a {
    text-decoration: none;
    color: #333;
}

.comment-nav-prev:hover,
.comment-nav-next:hover {
    background-color: #ddd;
}

/*-------404 Page--------*/

section.error-404.not-found {
    text-align: center;
    padding: 30px;
}

section.error-404.not-found h1 {
    color: #000;
}

section.error-404.not-found input.search-submit {
    padding: 10px;
}

section.error-404.not-found input.search-field {
    padding: 10px;
}

.go-home {
    margin-top: 10px;
}

.go-home a {
    color: red;
    font-size: 20px;
}

/* Velvet Paws – Premium Stylish Sidebar */

/* =====================================
   Velvet Paws – Premium Sidebar WOW
===================================== */

.widget-area {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #fff6fa 100%);
    padding: 2.6rem 2.4rem;
    border-radius: 28px;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1px rgba(247, 200, 208, 0.35);
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

/* Soft glow background */
.widget-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(247, 200, 208, 0.35), transparent 55%),
        radial-gradient(circle at bottom left, rgba(136, 149, 230, 0.25), transparent 55%);
    z-index: 0;
}

/* Bring widgets above glow */
.widget-area * {
    position: relative;
    z-index: 1;
}

/* Widget block */
.widget-area .widget {
    margin-bottom: 3rem;
    padding-bottom: 2.2rem;
    position: relative;
}

/* Elegant separator */
.widget-area .widget::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(247, 200, 208, 0.7),
        transparent
    );
}

.widget-area .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-area .widget:last-child::after {
    display: none;
}

/* Widget title */
.widget-area .widget-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #2b2b2b;
    margin-bottom: 1.4rem;
    letter-spacing: 0.4px;
    text-transform: capitalize;
}

/* Accent underline with glow */
.widget-area .widget-title::after {
    content: "";
    width: 55px;
    height: 4px;
    margin-top: 12px;
    display: block;
    border-radius: 30px;
    background: linear-gradient(135deg, #e75480, #8895e6);
    box-shadow: 0 6px 18px rgba(231, 84, 128, 0.45);
}

/* Lists */
.widget-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-area ul li {
    display: flex;
    align-items: center;
    padding: 0.8rem 0;
    transition: all 0.35s ease;
}

/* Soft divider */
.widget-area ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Links */
.widget-area ul li a {
    color: #444;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: all 0.35s ease;
}

/* Floral icon */
.widget-area ul li a::before {
    content: "✿";
    color: #F7C8D0;
    font-size: 0.75rem;
    transition: transform 0.35s ease;
}

/* Hover magic */
.widget-area ul li:hover {
    padding-left: 6px;
}

.widget-area ul li:hover a {
    color: #e75480;
}

.widget-area ul li:hover a::before {
    transform: rotate(15deg) scale(1.2);
}

/* Inputs */
.widget-area input[type="text"],
.widget-area input[type="search"] {
    width: 100%;
    padding: 0.9rem 1.2rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    transition: all 0.35s ease;
}

/* Focus effect */
.widget-area input[type="text"]:focus,
.widget-area input[type="search"]:focus {
    border-color: #F7C8D0;
    box-shadow:
        0 0 0 4px rgba(247, 200, 208, 0.25),
        0 10px 25px rgba(247, 200, 208, 0.35);
    outline: none;
}

/* Latest comments author */
a.wp-block-latest-comments__comment-author {
    color: #777;
    font-weight: 600;
}

#sidebar a.wp-block-latest-comments__comment-link {
    color: #000 !important;
}


/*----------Recommended CSS-------*/

.wp-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}

.wp-caption-text {
  font-size: 12px;
  color: #999;
  text-align: center;
}

.gallery-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}

.bypostauthor {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.alignright {
  float: right;
  margin-left: 10px;
}

.alignleft {
  float: left;
  margin-right: 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*-----------button--------*/

.button {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.button:hover {
    background-color: #F7C8D0;
}

/*--------------pagination----------*/

.nav-links {
    display: -webkit-inline-box;
    padding: 10px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination a {
    display: inline;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.pagination a:hover {
    color: #fff;
    background-color: #325a21;
}

.pagination .current {
    position: relative;
    top: 0px;
    background-color: #000;
    color: #fff;
    border-color: #000;
    margin: 10px;
   padding: 5px 10px;
   border-radius: 5px;
}


/* Pagination Styling */
.navigation.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.navigation.pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
}
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers.current {
    background: linear-gradient(135deg, #ffffff 0%, #000000 100%);
    color: #fff;
    border-color: transparent;
}
/*----------Header CSS-------------------------------*/

.velvet-topbar{
    background:#D94F70;
    color:#fff;
    padding:12px 0;
    font-size:14px;
}

.topbar-left,
.topbar-hours{
    display:flex;
    align-items:center;
    gap:8px;
}

.topbar-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:18px;
}

.top-social{
    display:flex;
    gap:10px;
}

.top-social a{
    width:34px;
    height:34px;
    background:rgba(255,255,255,.15);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
}

.top-social a:hover{
    background:#fff;
    color:#D94F70;
}

.topbar-btn{
    background:#fff;
    color:#D94F70;
    padding:9px 22px;
    border-radius:30px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.topbar-btn:hover{
    background:#222;
    color:#fff;
}

@media(max-width:991px){

    .topbar-left,
    .topbar-right{
        justify-content:center;
    }

    .topbar-right{
        margin-top:12px;
        flex-wrap:wrap;
    }

}


.header {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.site-title {
    position: relative;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.display_only h1 a:hover{
color: #F7C8D0;

}

.main {
    display: flex;
    flex-wrap: wrap;
}
.content {
    flex: 2;
    margin-right: 20px;
}

p.site-description {
    margin-top: 14px;
    font-size: 14px;
    color: #000;
}

h1.site-title a {
    color: #F7C8D0;
}

h1.site-title a:hover {
    text-decoration: none;
}


.display_only {
    text-align: center;
    padding: 30px;
}

.display_only p {
    color: #000;
}

.display_only h1 {
    font-size: 22px;
}

.site-logo img {
   max-width: 40%;
   height: auto;
}
.site-title, .site-description {
    margin: 0;
}

.site-header .site-logo h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
}

.site-header .site-logo img {
  max-height: 50px;
}

/*------------------------------------Index.php--------------------------*/

.content-area {
    margin-top: 50px;
}

.main-index {
    margin-right: 0px;
    padding: 20px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 18px 14px 31px 0px rgba(74, 59, 101, 0.1);
}

span.cat-links a {
    color: #fff;
    background-color: #F7C8D0;
    font-size: 20px;
    padding: 6px;
}

.class-category {
    margin-bottom: 15px;
}

h2.entry-title {
    font-size: 38px;
}

h2.entry-title a{
    color: #F7C8D0;
}


/* Content Styles */
.entry-content {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 30px;
}

.entry-title {
  font-size: 24px;
  line-height: 1.2;
}

.entry-meta {
  font-size: 14px;
}

.entry-meta a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}

.entry-meta a:hover {
  color: #F7C8D0;
}

.entry-footer {
  margin-top: 1.5em;
}

.page-links {
    margin-top: 20px;
    clear: both;
}

.tags-list {
    margin-bottom: 10px;
}

.read-more-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #007bff;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more-link:hover {
    background-color: #F7C8D0;
}

.single-post .post-thumbnail {
    padding: 0px 0px 40px 0px;
}

.single-post header.entry-header h1 {
    font-size: 36px;
    padding: 10px 0px;
}

.singlepost-category {
    padding: 20px 0px 0px 0px;
}

.singlepost-category a {
    background: #F7C8D0;
    padding: 3px 15px;
    margin: 2px;
}

.card-body a{
    color: #000;
    background-color: #fff !important;
    border: none;
}

.card-body a:hover {
    background-color: #000;
    color: #fff;
}

.main-single-post-page {
    padding: 40px 0px 0px 40px;
}

h2.entry-title {
    padding: 0px;
    font-size: 34px;
    color: #000;
}

.main-single-post-page h2.entry-title{
padding: 10px 0px;
}

.entry-meta {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 0px 0px 0px 0px;
    background: #fff;
}

.card-body h5 {
    color: #000;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
}

.cat-meta {
    padding: 10px 0px 10px 0px;
}

.cat-meta a {
    background: transparent !important;
}

.archive .page-container {
    margin-top: 30px;
}


/*-----------------Section-----------------------*/

/* Style for section */

/* Style for section heading */
section h2 {
  font-size: 36px;
  color: #000;
}

/* Style for section content */
section p {
  font-size: 18px;
  color: #5F5F5F;
  line-height: 1.5;
  margin-bottom: 30px;
}

header.entry-header h1 {
    padding: 40px 0px;
}

/*-----------------Hero Section -------*/

/*=========================================
 Hero Section
=========================================*/

.velvet-paws-hero{
    position:relative;
    padding:110px 0;
    background:#F3F4F8;
    overflow:hidden;
}

/* Decorative Shapes */

.velvet-paws-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    background:#FFE4EC;
    border-radius:50%;
    top:-180px;
    right:-180px;
    opacity:.7;
}

.velvet-paws-hero::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:#D94F70;
    opacity:.08;
    border-radius:50%;
    left:-80px;
    bottom:-80px;
}

/* Content */

.hero-content{
    position:relative;
    z-index:2;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:#D94F70;
    padding:10px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.hero-badge i{
    font-size:15px;
}

.hero-content h1{
    font-size:60px;
    font-weight:800;
    line-height:1.15;
    color:#252525;
    margin-bottom:25px;
}

.hero-content p{
    font-size:18px;
    color:#666;
    line-height:1.9;
    max-width:560px;
    margin-bottom:35px;
}

/* Buttons */

.hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:45px;
}

.hero-btn{
    background:#D94F70;
    color:#fff;
    padding:15px 34px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.hero-btn:hover{
    background:#252525;
    color:#fff;
    transform:translateY(-3px);
}

.hero-btn-outline{
    background:#fff;
    color:#252525;
    border:2px solid #D94F70;
    padding:15px 34px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.hero-btn-outline:hover{
    background:#D94F70;
    color:#fff;
}

/* Stats */

.hero-stats{
    row-gap:20px;
}

.hero-stat{
    background:#fff;
    border-radius:20px;
    padding:24px 15px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.hero-stat:hover{
    transform:translateY(-8px);
}

.hero-stat strong{
    display:block;
    color:#D94F70;
    font-size:28px;
    font-weight:800;
}

.hero-stat span{
    display:block;
    margin-top:8px;
    color:#666;
    font-size:14px;
}

/* Hero Image */

.hero-image{
    position:relative;
    z-index:2;
    text-align:center;
}

.hero-image::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:#FFE4EC;
    border-radius:45% 55% 55% 45%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:-1;
}

.hero-image img{
    width:100%;
    max-width:500px;
    border-radius:35px;
    box-shadow:0 35px 70px rgba(0,0,0,.15);
    transition:.5s;
}

.hero-image img:hover{
    transform:translateY(-10px);
}

/* Floating Paw */

.hero-image::after{
    content:"🐾";
    position:absolute;
    right:10%;
    top:8%;
    font-size:42px;
    animation:velvetFloat 3.5s ease-in-out infinite;
}

/* Animation */

@keyframes velvetFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }

}

/* Responsive */

@media(max-width:991px){

    .velvet-paws-hero{
        padding:80px 0;
        text-align:center;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        margin:0 auto 30px;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-image{
        margin-top:60px;
    }

}

@media(max-width:767px){

    .hero-content h1{
        font-size:34px;
    }

    .hero-content p{
        font-size:16px;
    }

    .hero-stat{
        margin-bottom:20px;
    }

    .hero-image::before{
        width:280px;
        height:280px;
    }

}

@media(max-width:575px){

    .hero-content h1{
        font-size:30px;
    }

    .hero-btn,
    .hero-btn-outline{
        width:100%;
    }

}


/*=========================================
          ABOUT SECTION
=========================================*/

.velvet-paws-about{
    position:relative;
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}

/* Decorative Shapes */

.velvet-paws-about::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:#FFE4EC;
    border-radius:50%;
    top:-120px;
    left:-120px;
    opacity:.7;
}

.velvet-paws-about::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#F3F4F8;
    border-radius:50%;
    bottom:-80px;
    right:-80px;
}

/*=========================================
            IMAGES
=========================================*/

.about-images{
    position:relative;
    max-width:560px;
    margin:auto;
}

.about-main-image img{
    width:100%;
    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.4s;
}

.about-main-image img:hover{
    transform:scale(1.03);
}

.about-small-image{
    position:absolute;
    right:-30px;
    bottom:40px;
    width:200px;
}

.about-small-image img{
    width:100%;
    border-radius:22px;
    border:8px solid #fff;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/*=========================================
        EXPERIENCE CARD
=========================================*/

.experience-card{
    position:absolute;
    top:30px;
    left:-30px;
    background:#D94F70;
    color:#fff;
    border-radius:22px;
    padding:25px;
    width:170px;
    text-align:center;
    box-shadow:0 20px 50px rgba(217,79,112,.35);
}

.experience-card .number{
    display:block;
    font-size:34px;
    font-weight:800;
    line-height:1;
}

.experience-card .text{
    display:block;
    margin-top:10px;
    font-size:14px;
    line-height:1.6;
}

/*=========================================
        FLOATING PAWS
=========================================*/

.paw{
    position:absolute;
    font-size:30px;
    animation:floatPaw 4s ease-in-out infinite;
    z-index:3;
}

.paw-1{
    top:-15px;
    right:50px;
}

.paw-2{
    bottom:-15px;
    left:80px;
    animation-delay:1.5s;
}

@keyframes floatPaw{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

}

/*=========================================
          CONTENT
=========================================*/

.about-content{
    position:relative;
}

.section-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    border-radius:50px;
    background:#FFE4EC;
    color:#D94F70;
    font-size:15px;
    font-weight:700;
    margin-bottom:20px;
}

.section-badge .dashicons{
    width:18px;
    height:18px;
    font-size:18px;
}

.about-content h2{
    font-size:48px;
    font-weight:800;
    color:#222;
    line-height:1.2;
    margin-bottom:25px;
}

.about-desc{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

/*=========================================
        FEATURES
=========================================*/

.about-features{
    margin-bottom:35px;
}

.feature-box{
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 22px;
    margin-bottom:18px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
}

.feature-box:hover{
    transform:translateX(8px);
}

.feature-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#FFE4EC;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.feature-icon .dashicons{
    color:#D94F70;
    width:24px;
    height:24px;
    font-size:24px;
}

.feature-text{
    font-size:17px;
    font-weight:600;
    color:#222;
}

/*=========================================
            BUTTON
=========================================*/

.about-btn{
    background:#D94F70;
    color:#fff;
    padding:15px 34px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.about-btn:hover{
    background:#222;
    color:#fff;
    transform:translateY(-3px);
}

/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:991px){

    .velvet-paws-about{
        padding:80px 0;
    }

    .about-content{
        margin-top:60px;
        text-align:center;
    }

    .about-content h2{
        font-size:38px;
    }

    .feature-box{
        text-align:left;
    }

    .experience-card{
        left:20px;
    }

}

@media(max-width:767px){

    .about-content h2{
        font-size:30px;
    }

    .about-small-image{
        width:140px;
        right:0;
    }

    .experience-card{
        width:140px;
        padding:18px;
    }

    .experience-card .number{
        font-size:26px;
    }

}

@media(max-width:575px){

    .about-small-image{
        display:none;
    }

    .experience-card{
        position:relative;
        left:auto;
        top:auto;
        margin:20px auto 0;
    }

    .feature-box{
        padding:15px;
    }

}

/*=========================================
            BLOG SECTION
=========================================*/

.velvet-paws-blog{
    padding:100px 0;
    background:#F9FAFB;
    position:relative;
    overflow:hidden;
}

.velvet-paws-blog::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:#FFE4EC;
    border-radius:50%;
    top:-120px;
    left:-120px;
    opacity:.6;
}

.velvet-paws-blog::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:#F3F4F8;
    border-radius:50%;
    bottom:-80px;
    right:-80px;
}

/*==========================
SECTION TITLE
==========================*/

.section-title{
    max-width:720px;
    margin:0 auto 60px;
}

.blog-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    background:#FFE4EC;
    color:#D94F70;
    border-radius:50px;
    font-weight:700;
    margin-bottom:18px;
}

.blog-badge .dashicons{
    font-size:18px;
    width:18px;
    height:18px;
}

.section-title h2{
    font-size:46px;
    font-weight:800;
    color:#222;
    margin-bottom:18px;
}

.section-title p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/*==========================
FEATURED CARD
==========================*/

.featured-blog-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    height:100%;
    transition:.35s;
}

.featured-blog-card:hover{
    transform:translateY(-10px);
}

.blog-image{
    overflow:hidden;
}

.blog-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    transition:.5s;
}

.featured-blog-card:hover .blog-image img{
    transform:scale(1.08);
}

.blog-content{
    padding:35px;
}

/*==========================
META
==========================*/

.blog-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.category a{
    display:inline-block;
    padding:6px 15px;
    background:#FFE4EC;
    color:#D94F70;
    border-radius:30px;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.date{
    color:#888;
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14px;
}

.date .dashicons{
    color:#D94F70;
}

/*==========================
TITLE
==========================*/

.blog-content h3{
    font-size:28px;
    line-height:1.4;
    margin-bottom:18px;
}

.blog-content h3 a{
    color:#222;
    text-decoration:none;
}

.blog-content h3 a:hover{
    color:#D94F70;
}

.blog-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:25px;
}

/*==========================
READ MORE
==========================*/

.read-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#D94F70;
    text-decoration:none;
    font-weight:700;
}

.read-more:hover{
    color:#000;
}

.read-more .dashicons{
    transition:.3s;
}

.read-more:hover .dashicons{
    transform:translateX(6px);
}

/*==========================
SMALL CARD
==========================*/

.small-blog-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.small-blog-card:hover{
    transform:translateY(-6px);
}

.small-blog-card img{
    width:100%;
    height:190px;
    object-fit:cover;
    transition:.4s;
}

.small-blog-card:hover img{
    transform:scale(1.06);
}

.small-content{
    padding:22px;
}

.small-meta{
    margin-bottom:12px;
}

.small-meta a{
    display:inline-block;
    font-size:12px;
    background:#FFE4EC;
    color:#D94F70;
    padding:5px 12px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
}

.small-content h5{
    font-size:20px;
    margin-bottom:15px;
    line-height:1.5;
}

.small-content h5 a{
    color:#222;
    text-decoration:none;
}

.small-content h5 a:hover{
    color:#D94F70;
}

.small-date{
    display:flex;
    align-items:center;
    gap:6px;
    color:#888;
    font-size:14px;
}

.small-date .dashicons{
    color:#D94F70;
}

/*==========================
BUTTON
==========================*/

.blog-btn{
    display:inline-block;
    background:#D94F70;
    color:#fff;
    text-decoration:none;
    padding:15px 38px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.blog-btn:hover{
    background:#222;
    color:#fff;
    transform:translateY(-3px);
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

    .section-title h2{
        font-size:36px;
    }

    .featured-blog-card{
        margin-bottom:30px;
    }

    .blog-image img{
        height:320px;
    }

}

@media(max-width:767px){

    .section-title h2{
        font-size:30px;
    }

    .blog-content{
        padding:25px;
    }

    .blog-content h3{
        font-size:22px;
    }

    .small-blog-card img{
        height:220px;
    }

    .small-content{
        padding:20px;
    }

}

@media(max-width:575px){

    .blog-meta{
        gap:10px;
    }

    .blog-image img{
        height:250px;
    }

    .blog-btn{
        width:100%;
        text-align:center;
    }

}



/*-------------------Post Nav-----------*/

.post-navigation {
    display: flex;
    justify-content: space-between;
    margin: 2em 0;
}

.nav-previous a, .nav-next a {
    width: 300px;
    display: inline-block;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.5s;
}

.nav-previous a:hover, .nav-next a:hover {
   
    color: #F7C8D0;
   
}

.nav-previous a {
    border-radius: 5px 0 0 5px;
}

.nav-next a {
    border-radius: 0 5px 5px 0;
}

@media screen and (max-width: 768px) {
    .post-navigation {
        flex-direction: column;
    }
    
    .nav-previous a, .nav-next a {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 1em;
    }
}

/*-------------------Woocommerce---------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #000000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    color: #fff;
    background: #000000;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000000;
    font-size: 1.25em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #000000;
    color: #fff;
}


/*-----------------Footer--------------------*/


/* Footer styles */
.Main-footer footer {
    margin-top: 60px;
    background-color: #eae6e6;
    color: #fff;
    padding: 80px 0px 0px 0px;
    font-size: 14px;
}

article footer {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

.footer-inside p {
    font-size: 18px;
    color: #000 !important;
}



.footer-inside a {
    color: #000;
}

.footer-inside {
    padding: 40px 20px;
}

.widget_text p {
    font-size: 16px;
}  

h2.wp-block-heading {
    color: #000;
} 

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: #ccc;
}

/* Copyright styles */
.copyright {
  margin-top: 10px;
  font-size: 12px;
  color: #777;
}


.footer-copyright {
    text-align: center;
    background: #F7C8D0;
    padding: 10px;
    color: #fff;
}


/*-------------Back to Top--*/

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000; /* Customize as needed */
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  display: none; /* Initially hidden */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s, transform 0.3s;
}

.back-to-top:hover {
  background-color: #000;
  transform: scale(1.1);
}


/*-----------------------MOBILE Media*/

@media only screen and (max-width: 768px) {

    .site-title {
    position: relative;
    top: 6px;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.latest-outer {
    margin-bottom: 30px;
    text-align: center;
}

.main-post-box-hm {
    transition: 0.25s ease-out;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 20px;
    display: block;
    position: relative;
    box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);
}

    p.site-description {
    font-size: 14px;
    color: #000;
    }


    .site-branding {
    padding: 10px;
    text-align: center;
    }


    h1.site-title a {
        font-size: 20px;
        color: #F7C8D0;
    }

    footer {
        padding: 10px;
    }
}

/*------------Hover Effect---*/

 .fade-in-text {
    animation: fadeIn 3s;
    -webkit-animation-duration: 3s;
    /* animation-duration: 1s; */
    -webkit-animation-fill-mode: both;
}

 .post img:hover , .latset-post-img img:hover{
        -webkit-transform: scale(1.3);
        transform: scale(0.9);
}