/* --- Center the footer bottom area as a single centered column --- */ .site-primary-footer-wrap .ast-builder-footer-grid-columns { display: flex; flex-direction: column; align-items: center; text-align: center; } .site-primary-footer-wrap .site-footer-section { width: 100%; } .site-primary-footer-wrap .footer-nav-wrap { display: flex; justify-content: center; } .site-primary-footer-wrap .ast-builder-html-element, .site-primary-footer-wrap .ast-builder-html-element p { text-align: center; } .site-primary-footer-wrap .ast-builder-html-element img { margin-left: auto; margin-right: auto; } /* --- Neighbourhoods dropdown: readable charcoal panel, white text, muted-gold hover - } /* --- Transparent header (homepage hero): white stacked branding + top scrim --- */ .ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header .ast-primary-header-bar { background: linear-gradient(to bottom, rgba(23,29,35,0.55) 0%, rgba(23,29,35,0) 100%); } .ast-theme-transparent-header .ast-site-title-wrap, .ast-theme-transparent-header .ast-site-title-wrap .site-title, .ast-theme-transparent-header .ast-site-title-wrap .site-title a, .ast-theme-transparent-header .ast-site-title-wrap .site-description, .ast-theme-transparent-header .ast-site-title-wrap .site-description::after { color: #ffffff; text-align: left; } .ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link { color: #ffffff; } .ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link:hover { color: #C4A16A; } -- */ .main-header-menu .sub-menu { background-color: #292D2C; border-color: #292D2C; } .main-header-menu .sub-menu .menu-item > .menu-link { color: #ffffff; } .main-header-menu .sub-menu .menu-item:hover > .menu-link, .main-header-menu .sub-menu .menu-item > .menu-link:hover, .main-header-menu .sub-menu .menu-item:focus-within > .menu-link, .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link { color: #C4A16A !important; }/* --- Phase 3: tighten primary nav so all 8 items fit on one line --- */.main-header-menu > .menu-item > .menu-link { padding-left: 10px; padding-right: 10px;} /* --- Header branding: "MacTeam Canmore" subline beneath the tagline --- */ .ast-site-title-wrap .site-description::after { content: "MacTeam Canmore"; display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-top: 3px; opacity: 0.7; } /* --- South Canmore page: hide the theme page title; the hero cover carries the H1 --- */ body.page-id-1458 .entry-title{display:none} /* ===== MacTeam Canmore header — paste into Appearance > Customize > Additional CSS ===== Astra Header Builder classes. Set the basics in the Customizer first (see handoff sheet); this file handles the finishing details. Check each rule in Preview. */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap'); /* Top bar (Above Header row) */ .ast-above-header-bar{background:#292D2C;border:0} .ast-above-header-bar .ast-builder-html-element, .ast-above-header-bar a{color:#F5F1E9;font-size:13px;text-decoration:none} .ast-above-header-bar a:hover{color:#C4A16A} .cih-topbar-brand{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase} .cih-topbar-links{display:inline-flex;align-items:center;gap:24px} .cih-topbar-links a{display:inline-flex;align-items:center;gap:8px} .cih-stars{color:#C4A16A} .cih-divider{width:1px;height:14px;background:rgba(245,241,233,.3)} /* Main bar (Primary Header row) */ .ast-primary-header-bar{background:#F5F1E9;border-bottom:1px solid rgba(41,45,44,.14)} .site-title,.site-title a{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;font-size:30px!important;line-height:1.05;color:#292D2C!important;text-transform:none;letter-spacing:normal} .site-description{font-size:10.5px!important;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#43536B!important;margin-top:6px} .site-description::before{content:"";display:inline-block;width:18px;height:1px;background:#C4A16A;vertical-align:middle;margin-right:8px} /* Menu: one line */ .main-header-menu{flex-wrap:nowrap} .main-header-menu > .menu-item > .menu-link{font-size:15px;color:#292D2C;padding:0 12px;white-space:nowrap} .main-header-menu > .menu-item:hover > .menu-link, .main-header-menu > .current-menu-item > .menu-link, .main-header-menu > .current-menu-ancestor > .menu-link{color:#43536B;box-shadow:inset 0 -2px 0 #C4A16A} /* Let's talk button */ .ast-builder-button-wrap .ast-custom-button{background:#8EAA6E!important;color:#292D2C!important;border:0!important;border-radius:8px!important;font-size:15px;font-weight:600;padding:14px 24px;white-space:nowrap} .ast-builder-button-wrap .ast-custom-button:hover{background:#7E9A5F!important} /* Dropdowns (Listings) */ .main-header-menu .sub-menu{background:#FFFFFF;border:1px solid rgba(41,45,44,.14);border-top:3px solid #C4A16A;border-radius:0 0 12px 12px;box-shadow:0 24px 48px rgba(41,45,44,.14)} .main-header-menu .sub-menu .menu-link{color:#292D2C;font-size:15px} .main-header-menu .sub-menu .menu-link:hover{color:#43536B;background:#F5F1E9} /* Neighbourhoods mega menu (Astra Pro Mega Menu on the Neighbourhoods item) */ .astra-megamenu-li .astra-megamenu{border-top:3px solid #C4A16A;border-radius:0 0 16px 16px;box-shadow:0 24px 48px rgba(41,45,44,.14);background:#FFFFFF} .astra-megamenu-li .astra-megamenu .menu-link{font-family:'Playfair Display',Georgia,serif;font-size:19px;color:#292D2C;border-bottom:1px solid rgba(41,45,44,.08)} .astra-megamenu-li .astra-megamenu .menu-link:hover{color:#43536B} .cih-mega-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border-radius:12px;overflow:hidden;text-decoration:none;color:#F5F1E9} .cih-mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .cih-mega-card::after{content:"";position:absolute;inset:0;background:rgba(41,45,44,.45)} .cih-mega-card-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:24px} .cih-mega-kicker{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#C4A16A} .cih-mega-title{font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.2;color:#F5F1E9} .cih-mega-link{font-size:14px;font-weight:600;color:#F5F1E9} /* Phone header */ .cih-call{width:44px;height:44px;border-radius:50%;background:#8EAA6E;display:inline-flex;align-items:center;justify-content:center} @media (max-width:921px){ .ast-mobile-header-wrap .ast-primary-header-bar{background:#F5F1E9} .ast-mobile-header-wrap .site-title a{font-size:22px!important} .ast-mobile-header-wrap .site-description{font-size:9.5px!important} .ast-mobile-header-content,.ast-mobile-popup-drawer .ast-mobile-popup-inner{background:#F5F1E9} .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link, .ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link{font-family:'Playfair Display',Georgia,serif;font-size:24px;min-height:56px;display:flex;align-items:center;border-bottom:1px solid rgba(41,45,44,.12);color:#292D2C} } /* --- 2026-10-26 targeted fix: Neighbourhoods mega menu + Listings dropdown (appended only) --- */ .main-header-bar .main-header-menu .sub-menu, .main-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu, .main-header-bar .main-header-menu .astra-megamenu, .ast-primary-header-bar .main-header-menu .sub-menu, .ast-primary-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu, .ast-primary-header-bar .main-header-menu .astra-megamenu { background-color: #F5F1E9 !important; background: #F5F1E9 !important; border-color: rgba(41,45,44,.14) !important; } .main-header-bar .main-header-menu .sub-menu .menu-item > .menu-link, .main-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu .menu-item > .menu-link, .main-header-bar .main-header-menu .astra-megamenu .menu-item > .menu-link, .ast-primary-header-bar .main-header-menu .sub-menu .menu-item > .menu-link, .ast-primary-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu .menu-item > .menu-link { color: #292D2C !important; } .main-header-bar .main-header-menu .sub-menu .menu-item:hover > .menu-link, .main-header-bar .main-header-menu .sub-menu .menu-item > .menu-link:hover, .main-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu .menu-item:hover > .menu-link, .main-header-bar .main-header-menu .astra-megamenu-li .astra-megamenu .menu-item > .menu-link:hover, .ast-primary-header-bar .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-primary-header-bar .main-header-menu .sub-menu .menu-item > .menu-link:hover { color: #C4A16A !important; background-color: #FFFFFF !important; background: #FFFFFF !important; } .main-header-menu .sub-menu:not(.astra-megamenu) { display: block !important; } .main-header-menu .sub-menu:not(.astra-megamenu) > .menu-item { display: block !important; width: 100% !important; } @media (min-width: 922px) { .main-header-menu .astra-megamenu-li .astra-megamenu, .main-header-menu .astra-megamenu { display: grid !important; grid-template-columns: 1fr 1fr 1.25fr !important; grid-template-rows: repeat(5, auto) !important; grid-auto-flow: column !important; gap: 8px 28px !important; width: 980px !important; max-width: calc(100vw - 48px) !important; box-sizing: border-box !important; padding: 28px !important; overflow: hidden !important; align-items: start !important; } .main-header-menu .astra-megamenu-li .astra-megamenu > .menu-item, .main-header-menu .astra-megamenu > .menu-item { width: auto !important; flex: none !important; min-width: 0 !important; max-width: 100% !important; } .main-header-menu .astra-megamenu-li .astra-megamenu > .menu-item > .menu-link, .main-header-menu .astra-megamenu > .menu-item > .menu-link { white-space: normal !important; text-align: left !important; } .main-header-menu .astra-megamenu-li .astra-megamenu > .menu-item:last-child, .main-header-menu .astra-megamenu > .menu-item:last-child { grid-column: 3 !important; grid-row: 1 / span 5 !important; align-self: stretch !important; } .main-header-menu .astra-megamenu-li .astra-megamenu > .menu-item:last-child > a, .main-header-menu .astra-megamenu > .menu-item:last-child > a { height: 100% !important; } } .main-header-menu .astra-megamenu-li .astra-megamenu .cih-mega-card, .main-header-menu .astra-megamenu .cih-mega-card, .main-header-menu .astra-megamenu-li .astra-megamenu .cih-mega-card a, .main-header-menu .astra-megamenu .cih-mega-card a { color: #F5F1E9 !important; } /* --- 2026-10-26 correction: relocation card inside mega menu column 3 --- */ @media (min-width: 922px) { .main-header-menu.astra-megamenu-li.astra-megamenu >.menu-item:last-child, .main-header-menu.astra-megamenu >.menu-item:last-child { display: flex!important; flex-direction: column!important; gap: 12px!important; } .main-header-menu.astra-megamenu-li.astra-megamenu >.menu-item:last-child >.menu-link, .main-header-menu.astra-megamenu >.menu-item:last-child >.menu-link { height: auto!important; flex: none!important; } .main-header-menu.astra-megamenu-li.astra-megamenu >.menu-item:last-child > a.cih-mega-card, .main-header-menu.astra-megamenu >.menu-item:last-child > a.cih-mega-card, .main-header-menu.astra-megamenu-li.astra-megamenu >.menu-item:last-child .cih-mega-card, .main-header-menu.astra-megamenu >.menu-item:last-child .cih-mega-card { flex: 1 1 auto!important; height: auto!important; min-height: 260px!important; max-height: 100%!important; position: relative!important; top: auto!important; bottom: auto!important; transform: none!important; overflow: hidden!important; border-radius: 12px!important; } } /* --- 2026-10-26 correction 2: relocation card placed in column 3 --- */ @media (min-width: 922px) { .cih-mega-card { position: relative!important; z-index: 30!important; width: 280px!important; max-width: 280px!important; margin-left: auto!important; transform: translateY(-340px)!important; min-height: 260px!important; display: flex!important; flex-direction: column!important; justify-content: flex-end!important; overflow: hidden!important; border-radius: 12px!important; } } /* --- 2026-10-26 correction 3: card below Relocation guide link --- */ @media (min-width: 922px) { .cih-mega-card { transform: translateY(-280px)!important; } } /* ===== MacTeam Canmore site fixes (Oct 2026) ===== Paste at the BOTTOM of Appearance > Customize > Additional CSS, then Publish. */ /* 1. Let full-width colour bands and photos span the whole screen again */ .entry-content .cih-page > section:not([style*="max-width"]){max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important} /* 2. Headings take their section's colour (fixes dark-on-dark titles) */ body .cih-page h1,body .cih-page h2,body .cih-page h3{color:inherit} /* 3. Space in the neighbourhood "Explore ___" button */ .cih-page a:has(#cih-hood-name2){gap:.3em} /* 4. Homepage: push the hero below the see-through header */ @media (min-width:921px){.home .entry-content .cih-page > section:first-child{padding-top:170px!important;min-height:900px!important}} /* 5. Logo text on one tidy line (all pages) */ @media (min-width:921px){.site-title a,.site-description{white-space:nowrap}.site-branding{min-width:300px}} /* 6. Homepage: light logo text over the hero photo */ .ast-theme-transparent-header .site-title a{color:#F5F1E9!important} .ast-theme-transparent-header .site-description{color:rgba(245,241,233,.85)!important}