/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788464084
Updated: 2026-09-03 19:34:44

*/

/* Custom CSS Classes - for use in Elementor */

.teal {
  color: #2B7C97;
}

.teal-bright {
  color: #88C8DD;
}

.ratio-16-9 {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
}

.ratio-16-9 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

.elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor ul:last-child,
.elementor-widget-text-editor ol:last-child {
    margin-bottom: 0;
}

/* Drop-in Stagger Animation */
.drop-in > * {
  opacity: 0;
  transform: translateY(-8px);
}
 
.drop-in.in-view > * {
  animation: subtleDropIn 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
 
.drop-in.in-view > *:nth-child(1) { animation-delay: 0.10s; }
.drop-in.in-view > *:nth-child(2) { animation-delay: 0.30s; }
.drop-in.in-view > *:nth-child(3) { animation-delay: 0.50s; }
.drop-in.in-view > *:nth-child(4) { animation-delay: 0.70s; }
.drop-in.in-view > *:nth-child(5) { animation-delay: 0.90s; }
.drop-in.in-view > *:nth-child(6) { animation-delay: 1.10s; }
 
@keyframes subtleDropIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
 
@media (prefers-reduced-motion: reduce) {
  .drop-in > *,
  .drop-in.in-view > * {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
 
.elementor-editor-active .drop-in > *,
.elementor-editor-preview .drop-in > * {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Override GF's Orbital theme variables — background, border, radius */
body #gform_wrapper_1[data-form-index="0"].gform-theme {
  --gf-color-in-ctrl: #ffffff;
  --gf-color-in-ctrl-contrast: #112337;
  --gf-color-out-ctrl-light: rgba(17, 35, 55, 0.15);
  --gf-radius: 4px;
  --gf-color-primary: #EA6A4E;
}

/* Your existing styling — padding, spacing, submit button */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"] {
  padding: 23px 22px 24px 22px !important;
  font-family: inherit !important;
  border: none !important;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform-button {
  background: #EA6A4E !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 16px 30px 18px 30px !important;
  font-weight: 800 !important;
  border: none !important;
}
.gform_wrapper .gform-button:hover {
  background: #EA6A4ECC !important;
}
.navy-btn .gform-button,
.navy-btn input[type="submit"] {
  background: #1E2D3C !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 16px 30px 18px 30px !important;
  font-weight: 800 !important;
  border: none !important;
}
.navy-btn .gform-button:hover,
.navy-btn input[type="submit"]:hover {
  background: #1E2D3CCC !important;
}

/* Tighter field spacing on mobile */
@media (max-width: 767px) {
  .tight-fields .gform_fields {
    gap: 8px !important;
    row-gap: 8px !important;
  }
  .tight-fields .gfield {
    margin-bottom: 0 !important;
  }
}