/* WPForms fixes */ /* Initial field looks */ .wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea { background: #fff; border-width: 0 0 1px 0; color: var(--ast-global-color-2); opacity: 0.5; } /* On focus */ .wpforms-container input:focus, .wpforms-container select:focus, .wpforms-container textarea:focus { outline: none; opacity: 1; border-color: var(--ast-global-color-0); } /* Don't allow resizing the Message box */ .wpforms-container textarea { resize: none; } /* Message box fixed height */ .wpforms-container .wpforms-field-textarea textarea.wpforms-field-medium { height: 136px; } /* Button size & font size */ .wpforms-container button { padding: 15px 34px; font-size: 15px; } /* WPForms done */ /* Footer 2 big columns on sides and 1 small one in the middle */ .ast-builder-grid-row-3-equal .ast-builder-grid-row { grid-template-columns: 3fr 1fr 3fr; } /* HIGH THRIVE — blog category archive styling (applies to all /category/… pages) Where: Appearance → Customize → Additional CSS → paste → Publish. Scoped to body.archive.category so nothing else on the site changes. Style: matches the service pages — white, plum eyebrow, Playfair heading, Montserrat body, 860px column. */ /* Header: plain white, no box */ body.archive.category .ast-archive-description{ background:transparent; border:0; box-shadow:none; width:auto; position:static; max-width:860px; margin:0 auto 24px; padding:72px 0 40px; text-align:left; } body.archive.category .ast-archive-description::before{ content:none; } /* Eyebrow above the title (plum, sentence case) */ body.archive.category .ast-archive-title::before{ content:"Articles · Indianapolis · Online in Indiana & Florida"; display:block; font-family:"Montserrat",sans-serif; font-size:15px; font-weight:600; color:#86647A; letter-spacing:0; text-transform:none; margin-bottom:22px; } /* Title */ body.archive.category .ast-archive-title{ font-family:"Playfair Display",Georgia,serif; font-weight:500; font-size:clamp(34px,4.2vw,44px); line-height:1.15; color:#014365; margin:0 0 26px; max-width:760px; } /* Intro paragraphs */ body.archive.category .ast-archive-description p, body.archive.category .term-description p, body.archive.category .taxonomy-description p{ font-family:"Montserrat",sans-serif; font-weight:400; font-size:17px; line-height:1.7; color:#2B3A42; margin:0 0 18px; max-width:860px; } body.archive.category .ast-archive-description p:last-of-type{ margin-bottom:0; } /* Links: teal, underlined */ body.archive.category .ast-archive-description a{ color:#2D848B; font-weight:600; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1.5px; } body.archive.category .ast-archive-description a:hover{ color:#014365; } /* Thin rule between the intro and the article list */ body.archive.category .ast-archive-description::after{ content:""; display:block; width:56px; height:3px; background:#2D848B; margin-top:40px; } /* Article list below: same column, quiet cards */ body.archive.category #primary{ max-width:1100px; margin:0 auto; padding-top:16px; } body.archive.category article.post{ border:1px solid #E1ECEE; border-radius:0; padding:26px 28px; background:#fff; box-shadow:none; } body.archive.category article.post .entry-title a{ font-family:"Playfair Display",Georgia,serif; font-weight:500; color:#014365; font-size:24px; line-height:1.25; } body.archive.category article.post .entry-title a:hover{ color:#2D848B; } body.archive.category article.post .entry-meta, body.archive.category article.post .entry-meta a{ font-size:13px; color:#5B6E79; text-transform:none; letter-spacing:0; } body.archive.category article.post .read-more a, body.archive.category article.post .ast-the-content a{ color:#2D848B; } @media (max-width:640px){ body.archive.category .ast-archive-description{ padding:44px 0 32px; } body.archive.category .ast-archive-title{ font-size:32px; } body.archive.category .ast-archive-description p{ font-size:16px; } } /* HIGH THRIVE — Services mega menu (Astra header builder) Where: Appearance → Customize → Additional CSS → replace the previous menu block → Publish. Keeps your current Services menu exactly as it is (6 items) and lays them out as a 3 × 2 grid, like the mock-up: row 1 Relationship · Trauma & EMDR · Mood & Life Transitions | row 2 Sex Therapy → · ADHD Therapy → · Teen & Family Therapy Services is the 2nd item in the header; if it ever moves, change every ":nth-child(2)" to its new position. */ /* ===== top-level items: no underline, ever (normal, hover, current page) ===== */ #masthead .main-header-menu > .menu-item > .menu-link, #masthead .main-header-menu > .menu-item > .menu-link:hover, #masthead .main-header-menu > .menu-item > .menu-link:focus, #masthead .main-header-menu > .menu-item.current-menu-item > .menu-link, #masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link{ text-decoration:none !important;border-bottom:0 !important;box-shadow:none !important; } #masthead .main-header-menu > .menu-item > .menu-link::after, #masthead .main-header-menu > .menu-item > .menu-link::before{border:0 !important;background:transparent !important} /* ===== all dropdowns (desktop): clean white panel ===== */ .ast-desktop #masthead .main-header-menu .sub-menu{ background:#fff !important;border:1px solid #E1ECEE !important;border-top:0 !important; border-radius:0 0 10px 10px;box-shadow:0 18px 50px rgba(1,67,101,.12) !important; padding:12px 0 !important;min-width:260px; } .ast-desktop #masthead .main-header-menu .sub-menu .menu-item > .menu-link{ font-family:"Montserrat",sans-serif !important;font-size:16px !important;font-weight:500 !important; color:#014365 !important;padding:11px 24px !important;line-height:1.35 !important; border:0 !important;background:transparent !important;text-decoration:none !important; } .ast-desktop #masthead .main-header-menu .sub-menu .menu-item > .menu-link:hover{background:#F0F9FA !important;color:#2D848B !important} /* ===== Services only: full-width mega panel ===== */ @media (min-width:922px){ /* the panel is positioned against the header bar, so it always sits flush under the header */ #masthead .ast-primary-header-bar{position:relative} #masthead .ast-primary-header-bar .ast-builder-grid-row, #masthead .ast-primary-header-bar .site-header-section, #masthead .ast-primary-header-bar .ast-builder-menu, #masthead .ast-primary-header-bar .ast-main-header-bar-alignment, #masthead .ast-primary-header-bar .main-header-bar-navigation, #masthead .ast-primary-header-bar .site-navigation, #masthead .ast-primary-header-bar .main-navigation, #masthead .ast-primary-header-bar .main-header-menu, #masthead .main-header-menu > .menu-item:nth-child(2){position:static !important} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu{ position:absolute !important;top:100% !important;bottom:auto !important; left:50% !important;right:auto !important; transform:translateX(-50%) !important;margin:0 !important; width:min(1140px,calc(100vw - 48px)) !important;max-width:none !important;min-width:0 !important; min-height:0 !important;height:auto !important; display:grid !important;grid-template-columns:repeat(3,1fr) !important;align-items:start !important; column-gap:0 !important;row-gap:0 !important; padding:40px 48px 44px !important; background:#fff !important;border:1px solid #E1ECEE !important;border-top:0 !important; border-radius:0 0 10px 10px !important;box-shadow:0 18px 50px rgba(1,67,101,.12) !important; z-index:999 !important; } /* invisible bridge under the word "Services" so the panel stays open while the mouse travels down to it */ #masthead .main-header-menu > .menu-item:nth-child(2) > .menu-link{position:relative} #masthead .main-header-menu > .menu-item:nth-child(2) > .menu-link::after{ content:"";position:absolute;left:0;right:0;top:100%;height:60px;background:transparent; } /* each cell: block layout, pinned to the top (Astra centres menu items vertically — this undoes that) */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item{ display:block !important;align-self:start !important;position:static !important; padding:0 40px 0 0 !important;margin:0 !important;min-width:0 !important;width:auto !important;height:auto !important; } /* 3 × 2 grid in the mock-up's order. Your menu order is: 1 Relationship, 2 Sex Therapy, 3 Trauma & EMDR, 4 ADHD Therapy, 5 Mood & Life Transitions, 6 Teen & Family Therapy. Row 1 = 1, 3, 5. Row 2 = 2, 4, 6. If you ever re-order the items under Services, update these six numbers. */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(1){order:1} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(3){order:2} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(5){order:3} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(2){order:4} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(4){order:5} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(6){order:6} /* divider line above the second row */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(2), #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(4), #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(6){ border-top:1px solid #DDE8EA !important;margin-top:36px !important;padding-top:34px !important; } #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(6){padding-right:0 !important} /* group heading (an item under Services that has its own children): Playfair, plum, not clickable */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item-has-children > .menu-link{ display:block !important;font-family:"Playfair Display",Georgia,serif !important;font-size:27px !important;font-weight:400 !important; line-height:1.2 !important;color:#86647A !important;padding:0 !important;margin:0 0 16px !important; border:0 !important;background:transparent !important;white-space:normal !important;pointer-events:none; } /* a single page directly under Services (Sex Therapy, ADHD Therapy): Playfair heading + arrow + one-line description, all inside the SAME link, so the description is clickable too */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link{ display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;column-gap:12px; width:max-content;max-width:100%; font-family:"Playfair Display",Georgia,serif !important;font-size:27px !important;font-weight:400 !important; line-height:1.2 !important;color:#86647A !important;padding:0 !important;margin:0 !important; border:0 !important;background:transparent !important;white-space:normal !important;text-decoration:none !important; } /* arrow, right after the heading */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link::after{ content:"\2192";order:1;font-family:"Montserrat",sans-serif;font-size:24px;line-height:1;color:inherit; display:inline-block;transition:transform .15s ease; } /* description on its own line beneath */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link::before{ order:2;flex:0 0 100%;display:block;margin-top:12px; font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:#014365; } #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(2):not(.menu-item-has-children) > .menu-link::before{content:"For individuals & couples"} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:nth-child(4):not(.menu-item-has-children) > .menu-link::before{content:"For teens & adults"} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link:hover{color:#2D848B !important;background:transparent !important} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link:hover::before{color:#2D848B} #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu > .menu-item:not(.menu-item-has-children) > .menu-link:hover::after{transform:translateX(4px)} /* hide Astra's little dropdown arrows inside the panel */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .dropdown-menu-toggle, #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .ast-header-navigation-arrow, #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .ast-menu-toggle, #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .menu-link .ast-icon{display:none !important} /* pages under each heading: always visible, stacked in the column */ #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .sub-menu{ position:static !important;display:block !important;opacity:1 !important;visibility:inherit !important; transform:none !important;left:auto !important;top:auto !important;margin:0 !important; width:auto !important;min-width:0 !important;box-shadow:none !important;border:0 !important; border-radius:0 !important;padding:0 !important;background:transparent !important;transition:none !important; height:auto !important;overflow:visible !important; } #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .sub-menu .menu-item{ display:block !important;position:static !important;opacity:1 !important;visibility:inherit !important; margin:0 !important;padding:0 !important;min-height:0 !important;height:auto !important; } #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .sub-menu .menu-link{ display:block !important;font-family:"Montserrat",sans-serif !important;font-size:16px !important;font-weight:500 !important; color:#014365 !important;padding:7px 0 !important;line-height:1.4 !important; border:0 !important;background:transparent !important;white-space:normal !important; } #masthead .main-header-menu > .menu-item:nth-child(2) > .sub-menu .sub-menu .menu-link:hover{color:#2D848B !important;background:transparent !important} } /* ===== phone / tablet (Astra adds body.ast-header-break-point below 921px): simple accordion ===== */ body.ast-header-break-point #masthead .main-header-menu .sub-menu{ background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important; padding:0 !important;margin:0 !important;min-width:0 !important; } body.ast-header-break-point #masthead .main-header-menu .menu-link{ font-family:"Montserrat",sans-serif !important;font-size:17px !important;font-weight:600 !important; color:#014365 !important;line-height:1.35 !important;text-decoration:none !important; } /* pages inside Services / Intensives / Blog / Online Therapy */ body.ast-header-break-point #masthead .main-header-menu .sub-menu .menu-item > .menu-link{ font-size:16px !important;font-weight:500 !important;padding:13px 20px 13px 36px !important;background:transparent !important; } /* the four group names under Services: Playfair, plum, pale teal band */ body.ast-header-break-point #masthead .main-header-menu .sub-menu > .menu-item-has-children > .menu-link{ font-family:"Playfair Display",Georgia,serif !important;font-size:19px !important;font-weight:400 !important; color:#86647A !important;background:#F0F9FA !important;padding:13px 20px 13px 28px !important; } /* pages under a group name */ body.ast-header-break-point #masthead .main-header-menu .sub-menu .sub-menu .menu-item > .menu-link{ font-size:15.5px !important;padding:12px 20px 12px 52px !important; } /* the little open/close arrows: no solid block, just a teal chevron */ body.ast-header-break-point #masthead .ast-menu-toggle, body.ast-header-break-point #masthead .ast-menu-toggle.toggled-on, body.ast-header-break-point #masthead .ast-menu-toggle:hover, body.ast-header-break-point #masthead .ast-menu-toggle:focus{ background:transparent !important;color:#2D848B !important;box-shadow:none !important;border:0 !important; } body.ast-header-break-point #masthead .ast-menu-toggle .ast-icon svg, body.ast-header-break-point #masthead .ast-menu-toggle svg{fill:#2D848B !important;color:#2D848B !important;width:1em;height:1em}