/*
Theme Name: Fussie Cat Theme
Description: Child theme of Hello Elementor - Custom theme for Fussie Cat
Author: Your Name
Version: 1.0.0
Template: hello-elementor
Text Domain: fussie-cat-theme
*/

/* ==========================================================================
   Child Theme Styles
   ========================================================================== */

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

/* Import shared design system */
@import url("./dist/css/main.css");

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Add your custom styles below this line */

/* Example: Custom body styling */
body {
    /* Add any custom body styles here */
}

/* Example: Custom header styling */
.site-header {
    /* Add any custom header styles here */
}

/* Example: Custom footer styling */
.site-footer {
    /* Add any custom footer styles here */
}

/* ==========================================================================
   Elementor Customizations
   ========================================================================== */

/* Custom Elementor widget styles */
.elementor-widget {
    /* Add custom Elementor widget styles here */
}

/* Custom Elementor section styles */
.elementor-section {
    /* Add custom Elementor section styles here */
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Mobile styles */
@media (max-width: 768px) {
    /* Add mobile-specific styles here */
}

/* Tablet styles */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Add tablet-specific styles here */
}

/* Desktop styles */
@media (min-width: 1025px) {
    /* Add desktop-specific styles here */
}


/* Class that targets child img elements and applies full width, height, and object-cover */
.full-cover-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .full-cover-img {
    height: 100% !important;
  }
  

.elementor-widget-image {
width: 100% !important;
}

.no-margin-block p {
    margin-block-end: 0px !important;
}

.h-fit {
    height: fit-content !important;
}