.elementor-3679 .elementor-element.elementor-element-1f55bcf{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3679 .elementor-element.elementor-element-9f46e62{text-align:center;}.elementor-3679 .elementor-element.elementor-element-9f46e62 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3679 .elementor-element.elementor-element-0e801e6{columns:2;}/* Start custom CSS *//* =========================================
   Shally’s Seashells – Golf Cart Services Page
   Wrapper class required: .golf-cart-page
========================================= */

.golf-cart-page {
  --ss-ocean: #18B7C3;
  --ss-coral: #FF6F61;
  --ss-sand: #F7F2EA;
  --ss-ink: #0F2D33;
  --ss-ink-soft: rgba(15, 45, 51, 0.72);
  --ss-card: #FFFFFF;
  --ss-border: rgba(15, 45, 51, 0.10);
  --ss-shadow: 0 10px 30px rgba(15, 45, 51, 0.10);
  --ss-radius: 18px;
}

/* Global typography polish (only on this page) */
.golf-cart-page h1,
.golf-cart-page h2,
.golf-cart-page h3 {
  letter-spacing: -0.02em;
}

.golf-cart-page p {
  color: var(--ss-ink-soft);
  line-height: 1.7;
}

/* Section spacing */
.golf-cart-page .elementor-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  .golf-cart-page .elementor-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* =========================================
   HERO styling
   Add these classes to your hero section/column:
   - Section: ss-hero
   - Optional: add a shape divider in Elementor too
========================================= */
.golf-cart-page .ss-hero {
  background: linear-gradient(135deg, rgba(24,183,195,0.14), rgba(255,111,97,0.10));
  border-bottom: 1px solid var(--ss-border);
}

.golf-cart-page .ss-hero .elementor-widget-heading h1 {
  color: var(--ss-ink);
}

.golf-cart-page .ss-hero .elementor-widget-text-editor p {
  font-size: 1.06rem;
}

/* =========================================
   Buttons
   Add class "ss-btn" to any Elementor Button widget
========================================= */
.golf-cart-page .ss-btn .elementor-button {
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 10px 18px rgba(15, 45, 51, 0.12);
}

.golf-cart-page .ss-btn .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(15, 45, 51, 0.16);
}

.golf-cart-page .ss-btn.primary .elementor-button {
  background: var(--ss-ocean);
  border: 1px solid rgba(24,183,195,0.35);
}

.golf-cart-page .ss-btn.primary .elementor-button:hover {
  background: #12A7B2; /* slightly deeper ocean */
}

.golf-cart-page .ss-btn.secondary .elementor-button {
  background: var(--ss-coral);
  border: 1px solid rgba(255,111,97,0.35);
}

.golf-cart-page .ss-btn.secondary .elementor-button:hover {
  background: #F35E51; /* slightly deeper coral */
}

/* =========================================
   “Card” look for service blocks
   Add class "ss-card" to any Column/Container you want styled
========================================= */
.golf-cart-page .ss-card {
  background: var(--ss-card);
  border: 1px solid var(--ss-border);
  border-radius: var(--ss-radius);
  box-shadow: var(--ss-shadow);
  padding: 26px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.golf-cart-page .ss-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(15, 45, 51, 0.14);
  border-color: rgba(24,183,195,0.25);
}

.golf-cart-page .ss-card h3 {
  color: var(--ss-ink);
  margin-bottom: 10px;
}

.golf-cart-page .ss-card ul {
  margin: 12px 0 0;
  padding-left: 18px;
}

.golf-cart-page .ss-card li {
  margin: 8px 0;
  color: var(--ss-ink-soft);
}

/* =========================================
   Icon circle (nice for service icons)
   Add class "ss-icon" to an Icon widget
========================================= */
.golf-cart-page .ss-icon .elementor-icon {
  background: rgba(24,183,195,0.14);
  color: var(--ss-ocean);
  border: 1px solid rgba(24,183,195,0.22);
  border-radius: 999px;
  padding: 14px;
}

/* =========================================
   Highlight / Notice Box (for Fire Safety section)
   Add class "ss-notice" to a Container/Column
========================================= */
.golf-cart-page .ss-notice {
  background: linear-gradient(135deg, rgba(255,111,97,0.10), rgba(24,183,195,0.10));
  border: 1px solid rgba(255,111,97,0.22);
  border-radius: var(--ss-radius);
  padding: 26px;
}

.golf-cart-page .ss-notice h2,
.golf-cart-page .ss-notice h3 {
  color: var(--ss-ink);
}

.golf-cart-page .ss-notice p {
  color: var(--ss-ink-soft);
}

/* =========================================
   Final CTA band
   Add class "ss-cta" to the CTA section
========================================= */
.golf-cart-page .ss-cta {
  background: var(--ss-sand);
  border-top: 1px solid var(--ss-border);
  border-bottom: 1px solid var(--ss-border);
}

.golf-cart-page .ss-cta .elementor-widget-heading h2 {
  color: var(--ss-ink);
}

/* =========================================
   Form styling (WPForms / Elementor Form)
   Add class "ss-form" to the Form widget or the form container
========================================= */
.golf-cart-page .ss-form input,
.golf-cart-page .ss-form textarea,
.golf-cart-page .ss-form select {
  border-radius: 12px !important;
  border: 1px solid rgba(15,45,51,0.16) !important;
  padding: 12px 14px !important;
  outline: none !important;
}

.golf-cart-page .ss-form input:focus,
.golf-cart-page .ss-form textarea:focus,
.golf-cart-page .ss-form select:focus {
  border-color: rgba(24,183,195,0.65) !important;
  box-shadow: 0 0 0 4px rgba(24,183,195,0.14) !important;
}

.golf-cart-page .ss-form button,
.golf-cart-page .ss-form .elementor-button {
  border-radius: 999px !important;
  padding: 13px 20px !important;
  font-weight: 700 !important;
  background: var(--ss-ocean) !important;
  border: 1px solid rgba(24,183,195,0.35) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 10px 18px rgba(15, 45, 51, 0.12);
}

.golf-cart-page .ss-form button:hover,
.golf-cart-page .ss-form .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(15, 45, 51, 0.16);
  background: #12A7B2 !important;
}

/* =========================================
   Subtle divider line
   Add class "ss-divider" to a Divider widget
========================================= */
.golf-cart-page .ss-divider .elementor-divider-separator {
  border-top: 1px solid rgba(15,45,51,0.12) !important;
}/* End custom CSS */