.elementor-kit-2271{--e-global-color-primary:#1C244B;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#324A6D;--e-global-color-accent:#467FF7;--e-global-color-60da78b:#02010100;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );}.elementor-kit-2271 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2271 a{color:var( --e-global-color-accent );}.elementor-kit-2271 a:hover{color:var( --e-global-color-primary );}.elementor-kit-2271 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-2271{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-2271 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2271{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-2271 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   KidsDirect - Parents & Young Children Color Palette Overrides
   ========================================================================== */

:root {
  /* Brand Core Colors */
  --kd-primary-dark: #2A3B4C;    /* Deep Slate - readable text & primary headers */
  --kd-soft-bg: #FAF8F5;          /* Warm Milk/Cream background (softer than harsh white) */
  
  /* Category Accent Colors */
  --kd-babies-pink: #FF8A8A;     /* Soft Coral/Peach (Nurturing, BabiesDirect) */
  --kd-kids-yellow: #FFB703;     /* Sunbeam Gold (Playful, KidsDirect) */
  --kd-parents-teal: #48CAE4;    /* Calm Sky Teal (Trustworthy, ParentsDirect) */
  --kd-mint-accent: #80ED99;     /* Soft Sage/Mint (Checkmarks & Success badges) */
  
  /* UI Surface & Text Colors */
  --kd-card-bg: #FFFFFF;
  --kd-text-main: #34495E;
  --kd-text-muted: #6B7C93;
  --kd-border-subtle: rgba(42, 59, 76, 0.08);
}

/* Apply Soft Warm Background Globally */
body {
  background-color: var(--kd-soft-bg) !important;
  color: var(--kd-text-main) !important;
}

/* Headings in Friendly Slate */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  color: var(--kd-primary-dark) !important;
}

/* Buttons: Soft Rounded Gradient with Warm Energy */
.elementor-button,
button[type="submit"] {
  background: linear-gradient(135deg, #FF8A8A 0%, #FFB703 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 14px rgba(255, 138, 138, 0.35) !important;
}

.elementor-button:hover,
button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(255, 138, 138, 0.45) !important;
}

/* Section-Specific Accent Classes */

/* 1. BabiesDirect Highlight Cards */
.kd-card-babies {
  border-top: 4px solid var(--kd-babies-pink) !important;
}
.kd-card-babies .elementor-icon {
  background-color: #FFF0F0 !important;
  color: var(--kd-babies-pink) !important;
}

/* 2. KidsDirect Highlight Cards */
.kd-card-kids {
  border-top: 4px solid var(--kd-kids-yellow) !important;
}
.kd-card-kids .elementor-icon {
  background-color: #FFF9E6 !important;
  color: var(--kd-kids-yellow) !important;
}

/* 3. ParentsDirect Highlight Cards */
.kd-card-parents {
  border-top: 4px solid var(--kd-parents-teal) !important;
}
.kd-card-parents .elementor-icon {
  background-color: #E8F8FC !important;
  color: var(--kd-parents-teal) !important;
}

/* Form Focus States with Soft Sky Blue Glow */
.elementor-field-group .elementor-field:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--kd-parents-teal) !important;
  box-shadow: 0 0 0 4px rgba(72, 202, 228, 0.2) !important;
}

/* ==========================================================================
   KidsDirect - Mobile Off-Canvas Drawer (Parent & Child-Friendly Styling)
   ========================================================================== */

@media (max-width: 1024px) {

  /* 1. Backdrop Overlay Glow */
  .elementor-menu-toggle,
  .kd-mobile-drawer .e-off-canvas__overlay {
    background-color: rgba(42, 59, 76, 0.4) !important;
    backdrop-filter: blur(4px);
  }

  /* 2. Drawer Panel Body */
  .kd-mobile-drawer .e-off-canvas__content,
  .kd-mobile-drawer .elementor-nav-menu--dropdown {
    background-color: #FAF8F5 !important; /* Soft Warm Cream */
    padding: 24px 20px !important;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: -8px 0 30px rgba(42, 59, 76, 0.15) !important;
  }

  /* 3. Navigation Links (Large, Friendly Touch Targets) */
  .kd-mobile-drawer .elementor-nav-menu a,
  .kd-mobile-drawer .e-off-canvas__content a {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #2A3B4C !important;
    padding: 14px 18px !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    transition: all 0.25s ease !important;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(42, 59, 76, 0.05);
  }

  /* 4. Tap / Active States (Soft Coral Highlight) */
  .kd-mobile-drawer .elementor-nav-menu a:hover,
  .kd-mobile-drawer .elementor-nav-menu a:active,
  .kd-mobile-drawer .elementor-nav-menu a.elementor-item-active {
    background-color: #FFFFFF !important;
    color: #FF8A8A !important; /* Soft Coral Accent */
    transform: translateX(4px);
    box-shadow: 0 4px 14px rgba(255, 138, 138, 0.15) !important;
    border-color: rgba(255, 138, 138, 0.3) !important;
  }

  /* 5. Submenu / Child Items Styling */
  .kd-mobile-drawer .sub-menu,
  .kd-mobile-drawer .elementor-nav-menu--dropdown .sub-menu {
    padding-left: 12px !important;
    margin-top: 4px;
    margin-bottom: 12px;
  }

  .kd-mobile-drawer .sub-menu a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #6B7C93 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 10px 14px !important;
  }

  .kd-mobile-drawer .sub-menu a:hover {
    color: #4EA8DE !important; /* Sky Teal Accent for sub-links */
  }

  /* 6. Mobile Close Button Styling */
  .kd-mobile-drawer .e-off-canvas__close-button,
  .kd-mobile-drawer .elementor-menu-toggle {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    color: #2A3B4C !important;
    box-shadow: 0 4px 12px rgba(42, 59, 76, 0.1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease !important;
  }

  .kd-mobile-drawer .e-off-canvas__close-button:active {
    transform: scale(0.92);
  }

  /* 7. Call-To-Action Button Inside Drawer (e.g., "Get App" or "Contact Us") */
  .kd-mobile-drawer .kd-mobile-cta a,
  .kd-mobile-drawer .elementor-button {
    background: linear-gradient(135deg, #FF8A8A 0%, #FFB703 100%) !important;
    color: #FFFFFF !important;
    text-align: center;
    justify-content: center !important;
    border-radius: 50px !important;
    margin-top: 16px !important;
    padding: 14px 24px !important;
    box-shadow: 0 6px 18px rgba(255, 138, 138, 0.35) !important;
  }
}/* End custom CSS */