.elementor-kit-16{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFF3D6;--e-global-color-accent:#1A2E40;--e-global-color-text:#444444;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Be Vietnam Pro";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Be Vietnam Pro";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:#FFFFFF;}.elementor-kit-16 p{margin-bottom:0px;}.elementor-kit-16 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-kit-16 a:hover{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-kit-16 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-16 h4{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-16 h5{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-16 h6{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{color:var( --e-global-color-primary );background-color:#1A2E40;border-radius:50px 50px 50px 50px;}.elementor-kit-16 button:hover,.elementor-kit-16 button:focus,.elementor-kit-16 input[type="button"]:hover,.elementor-kit-16 input[type="button"]:focus,.elementor-kit-16 input[type="submit"]:hover,.elementor-kit-16 input[type="submit"]:focus,.elementor-kit-16 .elementor-button:hover,.elementor-kit-16 .elementor-button:focus{color:#FFFFFF;background-color:#FFD366;border-radius:50px 50px 50px 50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}@media(max-width:1024px){.elementor-kit-16{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-16 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-16 a:hover{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-16 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-16 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-16 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h4{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h5{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h6{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-kit-16{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-16 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-16 a:hover{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-16 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-16 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-16 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h4{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h5{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-16 h6{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode,
						body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS *//* ===========================
   GLOBAL COLOR VARIABLES
   =========================== */
:root {
  --color-white: #FFFFFF;
  --color-yellow-pastel: #FFF3D6;
  --color-yellow-gold: #FFD366;
  --color-navy: #1A2E40;
  --color-text-gray: #444444;
}

/* ===========================
   HEADER & MENU
   =========================== */
header {
  border-bottom: 1px solid #E5E5E5;
  background-color: var(--color-white);
}

header nav a {
  color: var(--color-navy);
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 5px 10px;
}

header nav a:hover {
  color: var(--color-yellow-gold);
  border-bottom: 2px solid var(--color-yellow-gold);
}

/* ===========================
   HERO SECTION (GRADIENT BACKGROUND)
   =========================== */
.hero-section {
  background: linear-gradient(to bottom, var(--color-white) 70%, var(--color-yellow-pastel) 100%);
  padding: 60px 20px;
  color: var(--color-text-gray);
}

/* ===========================
   BLOG CARDS (Be Better With Jane)
   =========================== */
.elementor-post {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}

.elementor-post:before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(26,46,64,0.4); /* Navy overlay */
  transition: all 0.3s ease;
  z-index: 1;
}

.elementor-post:hover:before {
  background-color: rgba(255,211,102,0.3); /* Yellow overlay on hover */
}

.elementor-post__title a {
  color: var(--color-white) !important;
  font-weight: bold;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

.elementor-post__title a:hover {
  color: var(--color-yellow-gold) !important;
}

/* Lift card slightly on hover */
.elementor-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(26,46,64,0.2);
}

/* ===========================
   PODCAST CARDS
   =========================== */
.podcast-card {
  background-color: var(--color-yellow-pastel);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(26,46,64,0.1);
  transition: all 0.3s ease-in-out;
}

.podcast-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(26,46,64,0.15);
}

.podcast-card h3, 
.podcast-card h4 {
  color: var(--color-navy);
  margin-bottom: 10px;
}

/* Play button hover (nếu có icon) */
.podcast-card .play-button:hover {
  background-color: var(--color-yellow-gold);
}

/* ===========================
   FOOTER
   =========================== */
footer {
  background-color: var(--color-yellow-pastel);
  color: var(--color-navy);
  padding: 30px 0;
}

footer a {
  color: var(--color-navy);
  transition: all 0.3s ease;
}

footer a:hover {
  color: var(--color-yellow-gold);
}

footer .social-icons a {
  margin: 0 8px;
  font-size: 20px;
}

/* ===========================
   GENERAL BUTTONS
   =========================== */
button, .elementor-button {
  background-color: var(--color-navy);
  color: var(--color-white);
  border-radius: 50px;
  padding: 12px 24px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
}

button:hover, .elementor-button:hover {
  background-color: var(--color-yellow-gold);
  color: var(--color-navy);
}/* End custom CSS */