.elementor-439 .elementor-element.elementor-element-4f2202e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-439 .elementor-element.elementor-element-7866a7b{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-439 .elementor-element.elementor-element-6e3d9ac .elementor-icon-list-icon{width:14px;}.elementor-439 .elementor-element.elementor-element-6e3d9ac .elementor-icon-list-icon i{font-size:14px;}.elementor-439 .elementor-element.elementor-element-6e3d9ac .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-439 .elementor-element.elementor-element-c57cca7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-439 .elementor-element.elementor-element-2ee317f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-439 .elementor-element.elementor-element-fa819d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-439 .elementor-element.elementor-element-0943335{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-439 .elementor-element.elementor-element-0943335 .elementor-divider-separator{width:100%;}.elementor-439 .elementor-element.elementor-element-0943335 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-439 .elementor-element.elementor-element-c4f4358{--grid-template-columns:repeat(3, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-439 .elementor-element.elementor-element-1721dd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-439 .elementor-element.elementor-element-f9dbf1c{width:var( --container-widget-width, 104.6% );max-width:104.6%;--container-widget-width:104.6%;--container-widget-flex-grow:0;}.elementor-439 .elementor-element.elementor-element-f9dbf1c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-439 .elementor-element.elementor-element-7289727{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-439 .elementor-element.elementor-element-7289727 .elementor-divider-separator{width:100%;}.elementor-439 .elementor-element.elementor-element-7289727 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-439 .elementor-element.elementor-element-2f55c3b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-439 .elementor-element.elementor-element-2f55c3b .elementor-post__meta-data span + span:before{content:"///";}@media(min-width:768px){.elementor-439 .elementor-element.elementor-element-fa819d1{--width:75%;}.elementor-439 .elementor-element.elementor-element-1721dd2{--width:30%;}}/* Start custom CSS for post-comments, class: .elementor-element-b7dc463 *//* ============ KID-FRIENDLY COMMENTS SECTION ============ */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Plus+Jakarta+Sans:wght@600;700&display=swap');

/* Comment Form Main Container Box */
#respond,
.comment-respond {
  background: #F4EFFC !important;
  border: 2px dashed #7C3AED !important;
  border-radius: 20px !important;
  padding: 28px !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.05) !important;
}

/* "Leave a Reply" Title */
#reply-title,
.comment-reply-title {
  font-family: 'Baloo 2', cursive, sans-serif !important;
  color: #241832 !important;
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#reply-title::before {
  content: "💬" !important;
  font-size: 1.6rem !important;
}

/* Logged in text / Notice */
.logged-in-as,
.comment-notes {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #5B6472 !important;
  margin-bottom: 18px !important;
}

.logged-in-as a {
  color: #7C3AED !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.logged-in-as a:hover {
  text-decoration: underline !important;
}

/* Labels ("Comment *", "Name", "Email") */
#respond label,
.comment-form label {
  font-family: 'Baloo 2', cursive, sans-serif !important;
  font-size: 1.1rem !important;
  color: #5B21B6 !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* Textarea / Input Fields */
#respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
  width: 100 !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border: 2px solid #E7DFF5 !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important;
  color: #241832 !important;
  outline: none !important;
  transition: all 0.25s ease !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* Active/Focus Field Glow Effect */
#respond textarea:focus,
#respond input:focus {
  border-color: #7C3AED !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15) !important;
  background: #FFFFFF !important;
}

/* Post Comment Button Styling */
#respond #submit,
.comment-form .submit,
#respond input[type="submit"] {
  background: #7C3AED !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 14px !important;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.25) !important;
}

#respond #submit:hover,
.comment-form .submit:hover {
  background: #5B21B6 !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 10px 22px rgba(124, 58, 237, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c57cca7 *//* ============================================================
   "Money Jar Kids" — Custom CSS for Young Entrepreneurs Blog Post
   Paste this whole file into: Appearance → Customize → Additional CSS
   (Elementor: Site Settings → Custom CSS also works)

   IMPORTANT: This CSS targets ".kids-post"
   In Elementor: select your Text Editor widget → Advanced tab →
   CSS Classes → type: kids-post → Update
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');

/* ---------- 1. Base canvas ---------- */
.kids-post {
  background: #FFF8EA;
  background-image:
    radial-gradient(#FFE39B 1.5px, transparent 1.5px);
  background-size: 22px 22px;
  background-position: -10px -10px;
  padding: 40px clamp(18px, 5vw, 60px);
  border-radius: 28px;
  font-family: 'Nunito', sans-serif;
  color: #2B2D42;
  line-height: 1.7;
  font-size: 1.08rem;
  max-width: 900px;
  margin: 0 auto;
}

/* ---------- 2. Main title (H1) ---------- */
.kids-post h1 {
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 5vw, 3rem);
  text-align: center;
  color: #1F5E4C;
  position: relative;
  margin: 0 0 8px;
}

.kids-post h1::before {
  content: "🐷💰";
  display: block;
  font-size: 2.2rem;
  margin-bottom: 6px;
}

.kids-post h1::after {
  content: "";
  display: block;
  width: 120px;
  height: 8px;
  margin: 14px auto 0;
  background: repeating-linear-gradient(
    90deg,
    #FF6B6B 0 14px,
    #FFC93C 14px 28px,
    #4ECDC4 28px 42px
  );
  border-radius: 8px;
}

/* Intro paragraph right under H1 */
.kids-post h1 + p {
  text-align: center;
  max-width: 620px;
  margin: 20px auto 40px;
  font-size: 1.15rem;
  font-weight: 600;
  color: #5C6570;
}

/* ---------- 3. Section titles (H2) = the numbered tips ---------- */
.kids-post h2 {
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
  font-size: 1.55rem;
  color: #fff;
  background: #FF6B6B;
  padding: 16px 22px 16px 78px;
  border-radius: 20px;
  position: relative;
  margin: 55px 0 22px;
  box-shadow: 0 6px 0 rgba(0,0,0,0.12);
}

/* jar icon badge on every H2 */
.kids-post h2::before {
  content: "🏺";
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
  background: #FFC93C;
  border: 4px solid #FFF8EA;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  box-shadow: 0 4px 0 rgba(0,0,0,0.15);
}

/* Rotate the accent color per tip, in order */
.kids-post h2:nth-of-type(1) { background: #FF6B6B; }
.kids-post h2:nth-of-type(1)::before { content: "🏺"; }

.kids-post h2:nth-of-type(2) { background: #4ECDC4; }
.kids-post h2:nth-of-type(2)::before { content: "🛒"; }

.kids-post h2:nth-of-type(3) { background: #6C8EF5; }
.kids-post h2:nth-of-type(3)::before { content: "⚖️"; }

.kids-post h2:nth-of-type(4) { background: #FFA552; }
.kids-post h2:nth-of-type(4)::before { content: "🚀"; }

.kids-post h2:nth-of-type(5) { background: #06A77D; }
.kids-post h2:nth-of-type(5)::before { content: "🎯"; }

.kids-post h2:nth-of-type(6) { background: #C86BFF; }
.kids-post h2:nth-of-type(6)::before { content: "🌟"; }

/* first H2 shouldn't have a huge top gap */
.kids-post h2:first-of-type { margin-top: 30px; }

/* Last section (closing message) gets a "champion" look */
.kids-post h2:last-of-type {
  background: #1F5E4C;
}

.kids-post h2:last-of-type::before {
  content: "👑";
  background: #FFC93C;
}

/* ---------- 4. Sub-headings (H3, e.g. "Spend Jar", inline bold labels) ---------- */
.kids-post h3 {
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
  font-size: 1.15rem;
  color: #1F5E4C;
  background: #E9FBF3;
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  margin: 26px 0 12px;
  border: 2px dashed #4ECDC4;
}

/* ---------- 5. Paragraphs & emphasis ---------- */
.kids-post p {
  margin: 0 0 16px;
}

.kids-post strong {
  color: #1F5E4C;
  background: linear-gradient(180deg, transparent 60%, #FFE39B 60%);
  padding: 0 2px;
}

.kids-post em {
  color: #B85C00;
}

/* ---------- 6. Bullet lists = coin-bullet checklist look ---------- */
.kids-post ul {
  list-style: none;
  margin: 18px 0;
  padding: 0;
}

.kids-post ul li {
  position: relative;
  padding: 10px 16px 10px 46px;
  margin-bottom: 10px;
  background: #ffffff;
  border-radius: 14px;
  border: 2px solid #FFE39B;
  box-shadow: 0 3px 0 rgba(0,0,0,0.05);
}

.kids-post ul li::before {
  content: "🪙";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
}

/* ---------- 7. Numbered lists = circle-numbered steps ---------- */
.kids-post ol {
  counter-reset: kidstep;
  list-style: none;
  margin: 18px 0;
  padding: 0;
}

.kids-post ol li {
  counter-increment: kidstep;
  position: relative;
  padding: 12px 16px 12px 54px;
  margin-bottom: 12px;
  background: #FFFDF6;
  border-left: 5px solid #FF6B6B;
  border-radius: 0 14px 14px 0;
}

.kids-post ol li::before {
  content: counter(kidstep);
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #FF6B6B;
  color: #fff;
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------- 8. "Key Rule of Thumb" callout box ---------- */
.kids-post blockquote {
  background: #FFF3D6;
  border: none;
  border-left: 6px solid #FFC93C;
  border-radius: 16px;
  padding: 16px 20px;
  margin: 20px 0;
  font-style: normal;
  font-weight: 600;
  color: #6B4E00;
}

.kids-post blockquote ul {
  margin-top: 10px;
}

.kids-post blockquote ul li {
  background: #fff;
  border-color: #FFC93C;
}

/* ---------- 9. Hover "wiggle" on section icons for extra fun ---------- */
.kids-post h2:hover::before {
  animation: kidWiggle 0.5s ease;
}

@keyframes kidWiggle {
  0%, 100% { transform: translateY(-50%) rotate(0deg); }
  25%      { transform: translateY(-50%) rotate(-8deg); }
  75%      { transform: translateY(-50%) rotate(8deg); }
}

/* ---------- 10. Mobile tweaks ---------- */
@media (max-width: 600px) {
  .kids-post { padding: 26px 16px; border-radius: 18px; }
  .kids-post h2 { padding-left: 66px; font-size: 1.25rem; }
  .kids-post h2::before { width: 50px; height: 50px; font-size: 1.4rem; }
}/* End custom CSS */