.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-image:url("../../2025/07/bg.png");}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------- MOBILE IMPROVEMENTS FOR CONTACT SECTION ---------- */
@media (max-width: 700px){

  /* 1. Slightly thicker + clearer serif fallback */
  .contact-widget,
  .contact-widget * {
    font-family:
      "Velista",
      "Didot",
      "Noto Serif Display",
      "Playfair Display",
      serif !important;
    letter-spacing: 0.8px !important;
    font-weight: 400 !important; /* thicker for readability */
  }

  /* 2. Make entire section single column (more width for text) */
  .contact-grid{
    grid-template-columns: 1fr !important;
  }

  /* 3. Increase text size slightly for readability */
  .contact-text{
    font-size: 1.15em !important;
    line-height: 1.25 !important;
    white-space: nowrap; /* prevents email splitting into 2 lines */
  }

  /* 4. Icons slightly smaller to increase text width */
  .contact-icon{
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }

  /* 5. Reduce padding so rows breathe on mobile */
  .contact-row{
    padding: 10px 4px !important;
    min-height: 48px !important;
  }

  /* 6. Prevent email breaking weirdly */
  .contact-text{
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 7. Optional: tighter gap between icon + text */
  :root{
    --gap: 10px !important;
  }
}/* End custom CSS */