.elementor-kit-7{--e-global-color-primary:#236A95;--e-global-color-secondary:#FF6C2C;--e-global-color-text:#333333;--e-global-color-accent:#2A9D8F;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#F8F8F8;--e-global-color-transparent:#00000000;--e-global-color-3d11d12:#FF6C2C;--e-global-color-d76873f:#959499;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Merriweather";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Merriweather";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading_xl-font-family:"Work Sans";--e-global-typography-heading_xl-font-size:56px;--e-global-typography-heading_xl-font-weight:600;--e-global-typography-heading_xl-line-height:1.2em;--e-global-typography-heading_l-font-family:"Work Sans";--e-global-typography-heading_l-font-size:48px;--e-global-typography-heading_l-font-weight:600;--e-global-typography-heading_l-line-height:1.2em;--e-global-typography-heading_m-font-family:"Work Sans";--e-global-typography-heading_m-font-size:40px;--e-global-typography-heading_m-font-weight:600;--e-global-typography-heading_m-line-height:1.2em;--e-global-typography-heading_s-font-family:"Work Sans";--e-global-typography-heading_s-font-size:18px;--e-global-typography-heading_s-font-weight:500;--e-global-typography-body_s-font-family:"Merriweather";--e-global-typography-body_s-font-size:14px;--e-global-typography-body_s-font-weight:400;--e-global-typography-body_s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:var( --e-global-color-secondary );}.elementor-kit-7 h2{color:#FF6C2C;}.elementor-kit-7 h3{color:var( --e-global-color-primary );}.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);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading_xl-font-size:48px;--e-global-typography-heading_l-font-size:40px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading_xl-font-size:40px;--e-global-typography-heading_l-font-size:32px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ══════════════════════════════════════
   NEXTHOME BUTTON STYLES
   sealbeach55plus.com
══════════════════════════════════════ */

/* ── Primary Orange Button ── */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.elementor-button-link,
.wp-block-button__link,
.wp-element-button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  background-color: #FF6C2C !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  border: none !important;
  padding: 0.6rem 1.75rem !important;
  font-family: 'Proxima Nova', 'Work Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03em !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(255, 108, 44, 0.25) !important;
}

/* ── Hover State ── */
.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover,
.elementor-button-link:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background-color: #E05A1E !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 108, 44, 0.35) !important;
  text-decoration: none !important;
}

/* ── Active / Clicked State ── */
.elementor-button:active,
.elementor-button-wrapper .elementor-button:active,
.wp-block-button__link:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active,
button:active {
  background-color: #C94E17 !important;
  color: #FFFFFF !important;
  transform: translateY(0px) !important;
  box-shadow: 0 1px 4px rgba(255, 108, 44, 0.2) !important;
}

/* ── Focus State (Accessibility) ── */
.elementor-button:focus,
.elementor-button-wrapper .elementor-button:focus,
.wp-block-button__link:focus,
a.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
  outline: 3px solid #FF6C2C !important;
  outline-offset: 3px !important;
  background-color: #E05A1E !important;
}

/* ── Outline / Ghost Button (for dark backgrounds) ── */
.btn-outline,
.elementor-button.btn-outline {
  background-color: transparent !important;
  color: #FF6C2C !important;
  border: 2px solid #FF6C2C !important;
  box-shadow: none !important;
}

.btn-outline:hover,
.elementor-button.btn-outline:hover {
  background-color: #FF6C2C !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(255, 108, 44, 0.35) !important;
}

/* ── White Outline Button (for blue/dark sections) ── */
.btn-outline-white,
.elementor-button.btn-outline-white {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: none !important;
}

.btn-outline-white:hover,
.elementor-button.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  box-shadow: none !important;
}

/* ── Blue Button (secondary actions) ── */
.btn-blue,
.elementor-button.btn-blue {
  background-color: #236A95 !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(35, 106, 149, 0.25) !important;
}

.btn-blue:hover,
.elementor-button.btn-blue:hover {
  background-color: #1A5278 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(35, 106, 149, 0.35) !important;
}

/* ── Button Sizes ── */
.btn-sm,
.elementor-button.btn-sm {
  padding: 0.4rem 1.1rem !important;
  font-size: 0.88rem !important;
}

.btn-lg,
.elementor-button.btn-lg {
  padding: 0.85rem 2.5rem !important;
  font-size: 1.1rem !important;
}

/* ── Disabled State ── */
.elementor-button:disabled,
button:disabled,
input[type="submit"]:disabled {
  background-color: #959499 !important;
  color: #FFFFFF !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
}/* End custom CSS */