.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1784 .elementor-element.elementor-element-5d583f8{--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-1784 .elementor-element.elementor-element-5d583f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1784 .elementor-element.elementor-element-c7a32bc{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1784 .elementor-element.elementor-element-5d583f8{--width:102.789%;}}/* Start custom CSS for html, class: .elementor-element-f5e0bad */<style>
/* ==== Kill navy/blue bands on Elementor containers ==== */

/* Force all sections on this page to ASC teal */
.elementor-section,
.elementor-top-section,
.elementor-inner-section {
  background-color: #003942 !important;     /* ASC teal */
  background-image: none !important;         /* remove gradients */
  box-shadow: none !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* Remove any gradient overlays causing the blue tint */
.elementor-section > .elementor-background-overlay,
.elementor-top-section > .elementor-background-overlay,
.elementor-inner-section > .elementor-background-overlay {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Some themes add gradients via ::before/::after – clear them */
.elementor-section::before,
.elementor-section::after,
.elementor-top-section::before,
.elementor-top-section::after,
.elementor-inner-section::before,
.elementor-inner-section::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Keep columns/wraps transparent so teal shows through */
.elementor-container,
.elementor-row,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* If a shape divider is adding color, make it transparent */
.elementor-shape-top svg,
.elementor-shape-bottom svg,
.elementor-shape-divider {
  fill: transparent !important;
}

/* Keep your cards/boxes readable on teal */
.card, .schedule {
  background-color: #0f2b31 !important;      /* navy surface on teal */
  color: #eaf4f6 !important;
  border: 1px solid #1d4650 !important;
}
.section h2 { color: #fff !important; }
.section h2::after { background: #ff6c15 !important; } /* orange underline */
</style>/* End custom CSS */
/* Start custom CSS *//* Make the whole site use the header teal */
html, body {
  background-color: #003942 !important; /* header teal */
}

/* Prevent Elementor wrappers from reintroducing white/grey */
.elementor-kit,
.elementor-section-wrap,
.elementor-location-content,
.site,
.site-content,
#content {
  background: transparent !important;
}

/* Common page containers—keep transparent so teal shows through */
.container, .wrap, .page, .content-area, .hentry {
  background: transparent !important;
}

/* Hero/sections from the camp page: darker overlay so text pops */
.hero, .section, .cta-bar {
  background-color: rgba(0,57,66,0.95) !important; /* deep teal overlay */
  box-shadow: none; /* optional: flatter look */
}

/* Cards stay readable on teal */
.card {
  background: #01272e !important;        /* navy */
  color: #ffffff !important;
  border: 1px solid rgba(140,224,237,.2) !important;
}
.card .pill {
  background: rgba(255,255,255,0.08) !important;
  color: #8ce0ed !important;
  border-color: rgba(140,224,237,.25) !important;
}

/* Footer text color on teal */
.site-footer, footer, .footer {
  background: transparent !important;
  color: #8ce0ed !important;
}/* End custom CSS */