.elementor-91 .elementor-element.elementor-element-8a34aee{--display:flex;border-style:none;--border-style:none;}.elementor-91 .elementor-element.elementor-element-667e867{--display:flex;}.elementor-91 .elementor-element.elementor-element-0fd5de6{--display:flex;}.elementor-91 .elementor-element.elementor-element-6e91df7{--display:flex;}:root{--page-title-display:none;}body.elementor-page-91{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-be66b86 *//* Keep the widget wrapper neutral */
.elementor-91 .elementor-element.elementor-element-be66b86,
.elementor-91 .elementor-element.elementor-element-be66b86 .elementor-widget-container,
.elementor-91 .elementor-element.elementor-element-be66b86 .wpforms-container,
.elementor-91 .elementor-element.elementor-element-be66b86 .wpforms-container-full {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Style ONLY the inner WPForms card, without changing its outer size */
.elementor-91 .elementor-element.elementor-element-be66b86 .wpforms-container-full .wpforms-form {
  background: rgba(178,130,253,.35) !important;  /* purple tint */
  border: 0 !important;                          /* no outer border */
  border-radius: 24px !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  /* 👇 This draws a 3px “border” INSIDE the card, so sizes don’t change */
  box-shadow:
    0 0 0 3px #ccb7fa inset,   /* visual border */
    0 0 24px #e2d9d9;          /* same glow as other cards */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-667e867 *//* Set the wallpaper for the entire website */
body {
  background-image: url('https://littlemunchkinsdaycare.ca/wp-content/uploads/2025/08/—Pngtree—baby-cute-background-blue-and_1910798-scaled.jpg');
  background-position: center center; /* Center the wallpaper */
  background-size: cover; /* Make sure the wallpaper covers the whole background */
  background-attachment: fixed; /* Keep the wallpaper fixed while scrolling */
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Poppins', Arial, sans-serif; /* Use your preferred font */
}

/* Optional: Add transparency effect to all content within the page */
.main-parent-container {
  background: rgba(178, 130, 253, 0.5); /* Transparent purple background */
  border-radius: 24px;
  border: 3px solid #ccb7fa;
  padding: 30px;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  /* The child containers will go here */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c97c6ff *//* Style the form card */
.elementor-91 .elementor-element.elementor-element-c97c6ff .wpforms-container-full .wpforms-form {
  background: rgba(178,130,253,.35) !important; /* purple tint */
  border: 3px solid #ccb7fa !important;
  border-radius: 24px !important;
  box-shadow: 0 0 24px #e2d9d9 !important;
  padding: 24px !important;          /* inner padding */
  box-sizing: border-box !important;
  overflow: hidden !important;
  max-width: 920px !important;       /* match top container width */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove background & padding from outer wrapper */
.elementor-91 .elementor-element.elementor-element-c97c6ff,
.elementor-91 .elementor-element.elementor-element-c97c6ff .elementor-widget-container {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kill any extra vertical space Elementor is adding */
.elementor-91 .elementor-element.elementor-element-c97c6ff .elementor-widget-container > div {
  margin: 0 !important;
  padding: 0 !important;
}

/* Space below form so footer text isn’t touching */
.elementor-91 .elementor-element.elementor-element-c97c6ff { margin-bottom: 32px !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a34aee */<!-- Parent Container (Purple Transparent with Wallpaper) -->
<div class="main-parent-container">

  <!-- This is where child containers like Title, Open Hours, Map will go -->

</div>

<!-- Styles for the parent container -->
<style>
  /* Parent Container: Transparent Purple and Wallpaper Background */
  .main-parent-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 30px;
    background: rgba(178, 130, 253, 0.5);  /* Transparent purple-magenta background */
    border-radius: 24px;
    border: 3px solid #ccb7fa;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    
    /* Background image for the entire website */
    background-image: url('https://littlemunchkinsdaycare.ca/wp-content/uploads/2025/08/—Pngtree—baby-cute-background-blue-and_1910798-scaled.jpg');
    background-position: center center;
    background-size: cover;
  }
</style>/* End custom CSS */