/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* --- MENU INITIAL CAPS --- */
/* Force menu links to capitalize only the first letter of each word */
.header__menu .header__menu-link, 
.header__menu-item a,
nav[aria-label="Main menu"] a {
    text-transform: capitalize !important;
}

/* --- HERO SLIDER HEADLINE ADJUSTMENT --- */
/* This aligns the headline's left edge perfectly with 'Four Firms' */
.body-container h1, 
.section-header h1,
.hs-header-text-wrapper h1,
.header-title h1 {
    /* 1. Vertical Position */
    padding-top: 160px !important; /* Pushes text down below the logo/nav */
    margin-top: 0 !important;
    transform: none !important;

    /* 2. Horizontal Alignment (Matches .pwr-row-spacing) */
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: -60px !important; /* This is the key 'Four Firms' alignment value */
    padding-right: 100px !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* 3. Typography */
    line-height: 1.15 !important;  /* Your requested 1.15 leading */
    text-align: left !important;
    display: block !important;
    position: relative !important;
}
/* This ensures the 'Clone' slides at the end/beginning don't jump */
.slick-cloned h1 {
    padding-top: 160px !important;
    padding-left: 40px !important;
}

/* Enforce Ivy Presto Display H1 */
/* --- TARGET ONLY THE H1 WITHOUT SHIFTING OTHERS --- */

/* 1. Reset and Style the H1 */
h1, 
.hs-rich-text h1, h2, 
.body-container h1, h2 {
    font-family: 'IvyPresto Display', serif !important;
    font-style: italic !important;
    text-transform: lowercase !important; /* Force all to small letters */
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
  /* Added Tracking (Letter Spacing) */
    letter-spacing: 0.03em !important;
}

/* 2. Capitalize just the H1 letters */
h1::first-line,
.hs-rich-text h1 {
    text-transform: capitalize !important;
}

/* 3. Specifically align the H1's container ONLY */
/* This prevents shifting your H2s/H3s that might be in different blocks */
.hs-rich-text h1 {
    text-align: left !important;
}

/* 4. CLEANUP: Force H2-H6 back to their theme defaults */
h2, h3, h4, h5, h6,
.hs-rich-text h2, .hs-rich-text h3 {
    text-transform: none !important;
    text-align: inherit; /* Takes the original theme alignment */
    margin-left: inherit;
    display: block !important;
}
/* End H1 Fix */

/* Ensure container doesn't override alignment */
.dnd-column, 
.dnd-row,
.hs-rich-text {
    text-align: left !important;
}

/* Fix for HubSpot's DND column centering */
.dnd-column, 
.dnd-row,
.hs-rich-text {
    text-align: left !important;
}

/* Ensure inner HubSpot spans follow the left alignment and leading */
.header-title *, 
.banner-title *,
.hs-header-text-wrapper * {
    line-height: 1.15 !important;
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
}

/* 1. THE LAYOUT: Standard Margins & Screen Safety */
.pwr-row-spacing {
    display: block !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 40px !important; 
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* LEFT COLUMN: The Headline */
.pwr-row-spacing > div:first-child {
    float: left !important;
    width: calc(100% - 800px) !important;
    min-width: 400px !important;
    padding-bottom: 40px !important;
}

/* RIGHT COLUMN: The Copy */
.pwr-row-spacing > div:last-child {
    float: right !important;
    width: 550px !important; 
    margin-left: 250px !important; 
}

/* Clearfix for the floats */
.pwr-row-spacing::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 3. THE BULLETS: Aligned to First Line Only */
.pwr-row-spacing ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
}

.pwr-row-spacing li {
    position: relative !important;
    padding-left: 30px !important; 
    margin-bottom: 12px !important;
}

.pwr-row-spacing li::before {
    display: none !important;
    content: none !important;
}

.pwr-row-spacing li::after {
    content: "•" !important;
    color: #ff5c35 !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important; 
    font-size: 1.6rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

/* 4. MOBILE: Simple Stack */
@media (max-width: 1100px) {
    .pwr-row-spacing > div:first-child,
    .pwr-row-spacing > div:last-child {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
    .pwr-row-spacing li, 
    .pwr-row-spacing p {
        font-size: 24px !important;
    }
    .body-container h1 {
        padding-top: 40px !important;
        padding-left: 20px !important;
    }
}

/* HubSpot POPUP Slide-In wrapper */
.hs-cta-container, 
.hs-cta-embed-210224149569,
[id^="hs-cta-wrapper-"] {
    position: relative !important;
    overflow: visible !important;
}

.hs-cta-container::before,
[id^="hs-cta-wrapper-"]::before {
    content: "" !important;
    position: absolute !important;
    left: 36% !important; 
    top: 20% !important;
    height: 60% !important;
    width: 1px !important;
    background-color: #FFFFFF !important;
    z-index: 999999 !important;
    display: block !important;
}

.hs-cta-container::after,
[id^="hs-cta-wrapper-"]::after {
    content: "" !important;
    position: absolute !important;
    left: 68% !important; 
    top: 20% !important;
    height: 60% !important;
    width: 1px !important;
    background-color: #FFFFFF !important;
    z-index: 999999 !important;
    display: block !important;
}

/* Target the HubSpot Flex/Grid containers */
.row-fluid [class*="span"],
.dnd-section,
.dnd-column,
.header-container {
    text-align: left !important;
    display: block !important;
}

.hs_cos_wrapper_type_module {
    text-align: left !important;
}

/* Footer Mouse-over color */
.city-link {
  color: #FF8F73;
  transition: color 0.3s ease; /* Optional: makes the change smooth */
  cursor: pointer;            /* Makes it look clickable */
}

/* The hover state */
.city-link:hover {
  color: #FFFFFF; !important;
}