/* ============================================
   HANNAH LAPIN — BRAND CSS (CLEAN VERSION)
   Replace entire Additional CSS box with this
   ============================================ */

/* Base */
body {
  background-color: #161916;
}

/* Header */
.site-header, header {
  background-color: #0F1210 !important;
  border-bottom: 1px solid rgba(42,191,163,0.15) !important;
}

/* Footer */
.site-footer, footer {
  background-color: #0A0C0A !important;
  border-top: 1px solid rgba(42,191,163,0.1) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Buttons */
.wp-block-button__link {
  background-color: #2ABFA3 !important;
  color: #0F1210 !important;
  border-radius: 2px !important;
  border: none !important;
  font-weight: 500 !important;
}

.wp-block-button__link:hover {
  opacity: 0.85 !important;
}

/* Nav links */
.site-navigation a,
.main-navigation a {
  color: rgba(240,237,230,0.6) !important;
}

.site-navigation a:hover,
.main-navigation a:hover {
  color: #2ABFA3 !important;
}

/* Hide default page title */
.entry-title { display: none !important; }

/* Site title turquoise */
.site-title a,
.site-title a:visited,
h1.site-title a,
.site-branding .site-title a {
  color: #2ABFA3 !important;
  text-decoration: none !important;
}

.site-title a:hover {
  color: #F0EDE6 !important;
}
/* ============================================
MOBILE FIXES
============================================ */
@media (max-width: 768px) {

/* Add top padding so content doesn't hide under phone status bar / notch */
.site-header, header {
padding-top: env(safe-area-inset-top, 20px) !important;
}

/* Hero section - stack and space properly on mobile */
.e-con-full {
padding-top: 20px !important;
}

/* Add breathing room above hero text block */
.elementor-widget-heading,
.elementor-widget-text-editor {
margin-top: 8px !important;
margin-bottom: 8px !important;
}

/* Make sure text wraps properly and doesn't overlap */
h1, h2, h3 {
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}

/* Button full width but with side margins on mobile */
.elementor-widget-button {
width: 100% !important;
margin-top: 16px !important;
margin-bottom: 16px !important;
}

.elementor-button {
width: 100% !important;
text-align: center !important;
justify-content: center !important;
}

/* Stats bar - stack vertically with spacing on mobile */
.e-grid {
gap: 24px !important;
}
}

Hannah Lapin <hannahslapin@gmail.com>
6:19 PM (0 minutes ago)
to Hannah

/* ============================================
LOGO SIZE - all screens
============================================ */
.site-logo img,
.custom-logo {
max-height: 50px !important;
width: auto !important;
}

/* ============================================
MOBILE HEADLINE FIX - stronger version
============================================ */
@media (max-width: 768px) {

.elementor-widget-heading h1,
.elementor-heading-title,
h1.elementor-heading-title {
font-size: 38px !important;
line-height: 1.2 !important;
}

.site-logo img,
.custom-logo {
max-height: 40px !important;
}

}

@media (max-width: 480px) {

.elementor-widget-heading h1,
.elementor-heading-title,
h1.elementor-heading-title {
font-size: 30px !important;
line-height: 1.25 !important;
}

.site-logo img,
.custom-logo {
max-height: 36px !important;
	/* ============================================
   MOBILE FIXES - FINAL
   ============================================ */

/* Hide duplicate tagline text below logo on mobile */
@media (max-width: 768px) {
  .site-description {
    display: none !important;
  }
}

/* Mobile headline sizing - more specific selectors */
@media (max-width: 768px) {
  h1, 
  h1.elementor-heading-title,
  .elementor-widget-heading h1 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 480px) {
  h1,
  h1.elementor-heading-title,
  .elementor-widget-heading h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}
}

}