:root { --navy:      #000066;
--cyan:      #29AAD7;
--off-white: #fafaf7;
--text:      #1a1a2e;
--muted:     #6b6b80;
--border:    #e5e5ec;
--success:   #1a8a4e;
--warning:   #c8801a;
--white:     #ffffff; --cyan-text: #1b7da6; --font-heading: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-body: "Libre Baskerville", Georgia, "Times New Roman", serif;
--fs-small: 0.875rem;
--fs-body:  1rem;
--fs-h4: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);
--fs-h3: clamp(1.375rem, 1.2rem  + 0.9vw, 1.75rem);
--fs-h2: clamp(1.875rem, 1.5rem  + 1.9vw, 2.5rem);
--fs-h1: clamp(2.25rem,  1.8rem  + 2.2vw, 3rem);
--lh-body: 1.7;
--lh-heading: 1.15; --space-1:  0.25rem;
--space-2:  0.5rem;
--space-3:  0.75rem;
--space-4:  1rem;
--space-5:  1.25rem;
--space-6:  1.5rem;
--space-8:  2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem;
--space-20: 5rem;
--space-24: 6rem; --radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px; --content-width: 720px; --wide-width:    1100px; --container:     72rem;  --header-height: 56px;
--shadow-header: 0 2px 8px rgba(0, 0, 102, 0.08);
--focus-ring: 2px solid var(--cyan);
--focus-offset: 2px;
} *, *::before, *::after { box-sizing: border-box; }
body {
margin: 0;
background: var(--off-white);
color: var(--text);
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
line-height: var(--lh-heading);
color: var(--navy);
margin: 0 0 var(--space-4);
}
h1 { font-size: var(--fs-h1); font-weight: 700; }
h2 { font-size: var(--fs-h2); font-weight: 600; }
h3 { font-size: var(--fs-h3); font-weight: 600; }
h4 { font-size: var(--fs-h4); font-weight: 500; } @media (max-width: 600px) {
:root { --fs-h1: 2.25rem; }
}
p { margin: 0 0 var(--space-4); }
small { font-size: var(--fs-small); }
a { color: var(--cyan-text); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; } :focus-visible {
outline: var(--focus-ring);
outline-offset: var(--focus-offset);
border-radius: var(--radius-sm);
}
.skip-link {
position: absolute;
left: var(--space-2);
top: -3rem;
z-index: 1000;
background: var(--navy);
color: var(--white);
padding: var(--space-2) var(--space-4);
border-radius: var(--radius-sm);
transition: top 0.2s ease;
}
.skip-link:focus { top: var(--space-2); text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
min-height: 44px;
padding: var(--space-3) var(--space-6);
font-family: var(--font-heading);
font-weight: 600;
font-size: var(--fs-body);
line-height: 1;
border-radius: var(--radius-md);
border: 2px solid transparent;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.btn--primary {
background: var(--cyan);
color: var(--white);
border-color: var(--cyan);
}
.btn--primary:hover,
.btn--primary:focus {
background: var(--navy);
border-color: var(--navy);
color: var(--white);
text-decoration: none;
}
.btn--secondary {
background: transparent;
color: var(--navy);
border-color: var(--navy);
}
.btn--secondary:hover,
.btn--secondary:focus {
background: var(--navy);
color: var(--white);
text-decoration: none;
} .apex-container { max-width: var(--container); margin-inline: auto; padding-inline: var(--space-6); }
.reading-column { max-width: var(--content-width); margin-inline: auto; padding-inline: var(--space-6); }
.screen-reader-text {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
.icon { display: inline-block; vertical-align: middle; flex: none; }
.icon--up { transform: rotate(-90deg); }
.tag {
display: inline-block;
font-family: var(--font-heading);
font-weight: 600;
font-size: 0.75rem;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--cyan-text);
text-decoration: none;
}
.tag--cyan {
background: rgba(41, 170, 215, 0.12);
color: var(--cyan-text);
padding: var(--space-1) var(--space-3);
border-radius: 999px;
}
.tag:hover { text-decoration: underline; }
.section-heading { font-size: var(--fs-h3); margin-bottom: var(--space-6); }
.empty-state { padding: var(--space-12) 0; color: var(--muted); font-size: var(--fs-h4); } .apex-header {
position: relative;
z-index: 100; background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-bottom: 1px solid var(--border);
}
.apex-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding-block: var(--space-2); }
.apex-brand {
display: inline-flex;
align-items: center;
gap: var(--space-2);
font-family: var(--font-heading);
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.15em; color: var(--navy);
text-decoration: none;
white-space: nowrap;
}
.apex-brand:hover { opacity: 0.8; text-decoration: none; }
.apex-brand__icon { width: 36px; height: 36px; flex: none; }
.apex-brand--light { color: var(--white); } .apex-brand--light .apex-brand__icon {
width: 64px; height: 64px;
padding: 8px 6.5px 8px 9.5px; background: var(--white); border-radius: 50%;
box-sizing: border-box;
}
.primary-nav__list {
display: flex;
align-items: center;
gap: var(--space-6);
list-style: none;
margin: 0;
padding: 0;
}
.primary-nav__link:not(.btn) {
font-family: var(--font-heading);
font-weight: 500;
font-size: 0.95rem;
color: var(--cyan-text); text-decoration: none;
}
.primary-nav__link:not(.btn):hover { color: var(--navy); text-decoration: none; }
.primary-nav__item--cta .btn { padding: var(--space-2) var(--space-5); } .apex-header .nav-toggle {
display: none;
background: transparent;
border: 0;
border-radius: 0;
padding: var(--space-2);
color: var(--navy);
cursor: pointer;
}
.apex-header .nav-toggle:hover,
.apex-header .nav-toggle:focus,
.apex-header .nav-toggle:focus-visible {
background: transparent;
color: var(--navy);
}
.nav-toggle__close { display: none; }
@media (max-width: 1152px) {
.apex-header .nav-toggle { display: inline-flex; } .apex-header { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--white); }
.primary-nav {
position: fixed;
inset: var(--header-height) 0 0 0;
z-index: 90;
background: var(--white);
padding: var(--space-6);
transform: translateX(100%);
transition: transform 0.25s ease;
overflow-y: auto;
}
.primary-nav.is-open { transform: translateX(0); }
.primary-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
.primary-nav__link:not(.btn) {
display: block;
width: 100%;
padding: var(--space-5) 0;
font-size: 1.375rem;
line-height: 1.2;
border-bottom: 1px solid var(--border);
}
.primary-nav__item--cta { margin-top: var(--space-6); }
.primary-nav__item--cta .btn { width: 100%; }
body.nav-open { overflow: hidden; }
body.nav-open .nav-toggle__open { display: none; }
body.nav-open .nav-toggle__close { display: inline-flex; }
} .apex-main { padding-block: var(--space-12) var(--space-20); min-height: 50vh; }
.single.apex-main { padding-top: var(--space-8); }
.page-head { margin-bottom: var(--space-10); }
.page-head__title { margin-bottom: var(--space-3); }
.page-head__lead { color: var(--muted); font-size: var(--fs-h4); max-width: 60ch; } body.page .page-head { text-align: center; }
body.page .page-head__lead { margin-inline: auto; }
.page-head__search, .page-head__lead + .filter-pills { margin-top: var(--space-5); }
.filter-pills { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
.pill {
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 500;
color: var(--navy);
background: var(--white);
border: 1px solid var(--border);
border-radius: 999px;
padding: var(--space-2) var(--space-4);
text-decoration: none;
}
.pill:hover { border-color: var(--cyan); text-decoration: none; }
.pill.is-active { background: var(--navy); color: var(--white); border-color: var(--navy); } .filter-dd { display: none; position: relative; margin-top: var(--space-6); max-width: 340px; }
.filter-dd .filter-dd__toggle {
display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
width: 100%; min-height: 48px; padding: var(--space-3) var(--space-4);
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-md);
color: var(--navy); font-family: var(--font-heading); font-weight: 500; font-size: 1.05rem;
cursor: pointer;
}
.filter-dd .filter-dd__toggle:hover,
.filter-dd .filter-dd__toggle:focus { background: var(--white); color: var(--navy); border-color: var(--cyan); }
.filter-dd__caret { color: var(--cyan-text); transform: rotate(90deg); transition: transform 0.2s ease; }
.filter-dd__toggle[aria-expanded="true"] .filter-dd__caret { transform: rotate(-90deg); }
.filter-dd__menu {
position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 50;
margin: 0; padding: var(--space-2); list-style: none;
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-md);
box-shadow: 0 14px 30px rgba(0, 0, 102, 0.14); max-height: 60vh; overflow-y: auto;
}
.filter-dd__menu[hidden] { display: none; }
.filter-dd__item {
display: block; padding: var(--space-3); border-radius: var(--radius-sm);
font-family: var(--font-heading); font-size: 1.05rem; color: var(--navy); text-decoration: none;
}
.filter-dd__item:hover, .filter-dd__item:focus { background: var(--off-white); text-decoration: none; }
@media (max-width: 700px) {
.filter-pills { display: none; }
.filter-dd { display: block; }
} .card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-8);
}
@media (max-width: 900px) { .card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .card-grid { grid-template-columns: 1fr; } }
.card {
position: relative;
display: flex;
flex-direction: column;
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 102, 0.10); }
.card__media { display: block; aspect-ratio: 750 / 420; background: var(--off-white); overflow: hidden; }
.card__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card__img--placeholder {
display: flex; align-items: center; justify-content: center;
width: 100%; height: 100%; color: var(--border);
}
.card__body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5); flex: 1; }
.card__title { font-size: var(--fs-h4); font-weight: 600; margin: 0; }
.card__title a { color: var(--navy); text-decoration: none; }
.card__excerpt { color: var(--muted); font-size: var(--fs-small); margin: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card__meta { margin-top: auto; color: var(--muted); font-size: var(--fs-small); font-family: var(--font-heading); } .card__link { position: absolute; inset: 0; z-index: 1; }
.card__body a, .card .tag { position: relative; z-index: 2; } .pagination, .navigation.pagination { margin-top: var(--space-12); }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: center; }
.page-numbers {
display: inline-flex; align-items: center; justify-content: center;
min-width: 44px; min-height: 44px; padding: 0 var(--space-3);
font-family: var(--font-heading); font-weight: 500;
color: var(--navy); background: var(--white);
border: 1px solid var(--border); border-radius: var(--radius-md);
text-decoration: none;
}
.page-numbers:hover { border-color: var(--cyan); text-decoration: none; }
.page-numbers.current { background: var(--navy); color: var(--white); border-color: var(--navy); } .post__header { margin-bottom: var(--space-8); max-width: var(--wide-width); }
.breadcrumb { font-size: var(--fs-small); color: var(--muted); margin-bottom: var(--space-5); font-family: var(--font-heading); }
.breadcrumb a { color: var(--cyan-text); }
.breadcrumb a:hover { color: var(--navy); }
.breadcrumb__sep { color: var(--muted); }
.post__title { margin: var(--space-3) 0 var(--space-4); }
.post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: var(--muted); font-family: var(--font-heading); font-size: var(--fs-small); }
.post__readtime { display: inline-flex; align-items: center; gap: var(--space-1); }
.post__sep { color: var(--border); } .post__featured { margin: 0 auto var(--space-10); max-width: 750px; } .post .post__featured-img {
width: 100%;
max-width: 750px;
height: auto;
max-height: none;
object-fit: initial;
margin-inline: auto;
border-radius: var(--radius-lg);
box-shadow: 0 4px 24px rgba(0, 0, 102, 0.12); display: block;
} .entry-content { font-size: 1.0625rem; }
.entry-content > * { margin-bottom: var(--space-5); }
.entry-content h2 { margin-top: var(--space-10); }
.entry-content h3 { margin-top: var(--space-8); }
.entry-content a { color: var(--cyan-text); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.entry-content a:hover { color: var(--navy); }
.entry-content ul, .entry-content ol { padding-left: var(--space-6); }
.entry-content li { margin-bottom: var(--space-2); }
.entry-content img { border-radius: var(--radius-md); height: auto; }
.entry-content figure { margin: var(--space-8) 0; }
.entry-content figure.alignwide, .entry-content .alignwide { width: min(var(--wide-width), 100vw); margin-inline: calc(50% - min(var(--wide-width), 100vw) / 2); }
.entry-content figcaption { font-size: var(--fs-small); color: var(--muted); text-align: center; margin-top: var(--space-2); }
.entry-content blockquote {
margin: var(--space-8) 0; padding: var(--space-4) var(--space-6);
border-left: 4px solid var(--cyan); background: var(--white);
border-radius: var(--radius-sm); font-style: italic; color: var(--text);
}
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content pre, .entry-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.entry-content code { background: #f1f1f4; padding: 0.1em 0.35em; border-radius: var(--radius-sm); font-size: 0.9em; }
.entry-content pre { background: #f1f1f4; padding: var(--space-4); border-radius: var(--radius-md); overflow-x: auto; }
.entry-content pre code { background: none; padding: 0; }
.entry-content table { width: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.entry-content th, .entry-content td { border: 1px solid var(--border); padding: var(--space-2) var(--space-3); text-align: left; }
.entry-content th { background: var(--white); font-family: var(--font-heading); } .post__footer { margin-top: var(--space-12); padding-top: var(--space-8); border-top: 1px solid var(--border); }
.author-bio { display: flex; gap: var(--space-4); align-items: center; }
.author-bio__avatar {
width: 56px; height: 56px;
padding: 7px 5.5px 7px 8.5px; background: var(--white);
border: 1px solid var(--border);
border-radius: 50%;
box-sizing: border-box;
flex: none;
}
.author-bio__name { font-family: var(--font-heading); font-weight: 600; color: var(--navy); margin: 0; }
.author-bio__line { color: var(--muted); font-size: var(--fs-small); margin: 0; }
.post__related { margin-top: var(--space-20); }
.post__newsletter { margin-top: var(--space-16); }
.newsletter-card {
background: var(--navy); color: var(--white);
border-radius: var(--radius-lg); padding: var(--space-8);
text-align: center;
}
.newsletter-card__title { color: var(--white); font-size: var(--fs-h3); margin-bottom: var(--space-5); } .newsletter { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.newsletter--inline { justify-content: center; }
.newsletter__input {
flex: 1; min-width: 0; min-height: 44px;
padding: var(--space-2) var(--space-4);
border: 1px solid var(--border); border-radius: var(--radius-md);
font-family: var(--font-body); font-size: 1rem; background: var(--white); color: var(--text);
}
.newsletter--footer .newsletter__input { flex-basis: 100%; }
.newsletter__note { flex-basis: 100%; font-size: 0.75rem; opacity: 0.7; margin: var(--space-1) 0 0; }
.newsletter__note code { background: rgba(255,255,255,0.12); padding: 0 0.3em; border-radius: 4px; }
.newsletter-card .newsletter__note { color: rgba(255,255,255,0.7); } .search-form { display: flex; gap: var(--space-2); max-width: 32rem; }
.search-form__field {
flex: 1; min-height: 44px; padding: var(--space-2) var(--space-4);
border: 1px solid var(--border); border-radius: var(--radius-md);
font-family: var(--font-body); font-size: 1rem; background: var(--white);
}
.search-form__submit { flex: none; padding-inline: var(--space-4); } .tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); }
.tool-card {
display: flex; flex-direction: column; gap: var(--space-3);
background: var(--white); border: 1px solid var(--border);
border-radius: var(--radius-lg); padding: var(--space-8);
text-decoration: none; color: var(--text);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.tool-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,102,0.10); border-color: var(--cyan); text-decoration: none; }
.tool-card__icon {
display: inline-flex; align-items: center; justify-content: center;
width: 56px; height: 56px; border-radius: var(--radius-md);
background: rgba(41,170,215,0.12); color: var(--cyan-text);
}
.tool-card__title { font-size: var(--fs-h4); color: var(--navy); margin: 0; }
.tool-card__text { color: var(--muted); font-size: var(--fs-small); margin: 0; flex: 1; }
.tool-card__cta { display: inline-flex; align-items: center; gap: var(--space-1); font-family: var(--font-heading); font-weight: 600; color: var(--cyan-text); } .quote-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); }
.quote-block {
display: flex; flex-direction: column; gap: var(--space-3);
background: var(--white); border: 1px solid var(--border);
border-radius: var(--radius-lg); padding: var(--space-5);
text-decoration: none; color: inherit;
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.quote-block:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,102,0.10); border-color: var(--cyan); text-decoration: none; }
.quote-block:hover .quote-block__cta.btn--secondary { background: var(--navy); color: var(--white); }
.quote-block:hover .quote-block__cta.btn--primary { background: var(--navy); border-color: var(--navy); }
.quote-block--feature { border-color: var(--cyan); box-shadow: 0 0 0 1px var(--cyan); }
.quote-block__icon {
display: inline-flex; align-items: center; justify-content: center;
width: 56px; height: 56px; border-radius: var(--radius-md);
background: rgba(41, 170, 215, 0.12); color: var(--cyan-text);
}
.quote-block__media {
display: block; border-radius: var(--radius-md); overflow: hidden;
aspect-ratio: 4 / 3; background: var(--off-white);
}
.quote-block__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.quote-block__media--tl img { object-position: left top; }
.quote-block__media--tc img { object-position: center top; }
.quote-block__title { font-size: var(--fs-h4); color: var(--navy); margin: 0; }
.quote-block__text { color: var(--muted); font-size: var(--fs-small); margin: 0; flex: 1; }
.quote-block__cta { align-self: flex-start; }
.quote-block__note { font-size: 0.75rem; color: var(--muted); margin: 0; } .she-measure { max-width: 720px; margin-inline: auto; } .category-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
@media (max-width: 900px) { .category-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .category-cards { grid-template-columns: 1fr; } }
.category-card {
display: flex; flex-direction: column; overflow: hidden;
background: var(--white); border: 1px solid var(--border);
border-radius: var(--radius-lg); text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.category-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,102,0.10); border-color: var(--cyan); text-decoration: none; }
.category-card__media { display: block; aspect-ratio: 4 / 3; background: var(--off-white); overflow: hidden; }
.category-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.category-card__media--tl img { object-position: left top; }
.category-card__body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); flex: 1; }
.category-card__title { font-size: var(--fs-h4); color: var(--navy); margin: 0; }
.category-card__text { color: var(--muted); font-size: var(--fs-small); margin: 0; flex: 1; }
.category-card__cta { display: inline-flex; align-items: center; gap: var(--space-1); font-family: var(--font-heading); font-weight: 600; color: var(--cyan-text); margin-top: var(--space-1); } .contact-form { display: flex; flex-direction: column; gap: var(--space-3); }
.contact-form p { margin: 0; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form__input {
width: 100%; padding: var(--space-3) var(--space-4);
border: 1px solid var(--border); border-radius: var(--radius-md);
background: var(--white); font: inherit; color: var(--text);
}
.contact-form textarea,
.contact-form textarea.contact-form__input { min-height: 150px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { outline: 2px solid var(--cyan); outline-offset: 1px; border-color: var(--cyan); }
.contact-form__note { font-size: var(--fs-small); color: var(--muted); }
.contact-form .wpcf7-submit,
.contact-form__btn {
align-self: flex-start; min-height: 44px; padding: var(--space-3) var(--space-6);
font-family: var(--font-heading); font-weight: 600; font-size: var(--fs-body);
background: var(--cyan); color: var(--white); border: 2px solid var(--cyan);
border-radius: var(--radius-md); cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.contact-form .wpcf7-submit:hover,
.contact-form__btn:hover { background: var(--navy); border-color: var(--navy); }
.contact-form .wpcf7-response-output { border-radius: var(--radius-md); font-size: var(--fs-small); } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); }
.testimonial { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-6); margin: 0; }
.testimonial__quote { font-style: italic; margin: 0 0 var(--space-4); }
.testimonial__name { font-family: var(--font-heading); font-weight: 600; color: var(--navy); display: block; }
.testimonial__loc { color: var(--muted); font-size: var(--fs-small); } .apex-footer { background: var(--navy); color: rgba(255,255,255,0.85); }
.apex-footer__grid {
display: grid; grid-template-columns: 1.4fr 1fr 1.6fr; gap: var(--space-12);
padding-block: var(--space-16);
}
@media (max-width: 880px) { .apex-footer__grid { grid-template-columns: 1fr; gap: var(--space-8); padding-block: var(--space-12); } }
.apex-footer__heading { color: var(--white); font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: var(--space-4); }
.apex-footer__tagline { margin-top: var(--space-3); max-width: 28ch; }
.apex-footer__links { list-style: none; margin: 0; padding: 0 0 0 var(--space-4); display: grid; gap: var(--space-2); font-family: var(--font-heading); }
.apex-footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
.apex-footer a:hover { color: var(--white); text-decoration: underline; }
.apex-footer__bottom { border-top: 1px solid rgba(255,255,255,0.12); }
.apex-footer__bottom-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); padding-block: var(--space-5); font-size: var(--fs-small); font-family: var(--font-heading); }
.apex-footer__legal { margin: 0; }
.apex-footer__totop { display: inline-flex; align-items: center; gap: var(--space-1); } .error-404 { text-align: center; max-width: 40rem; padding-block: var(--space-16); }
.error-404__code { font-family: var(--font-heading); font-weight: 700; font-size: 5rem; color: var(--cyan); line-height: 1; margin: 0; }
.error-404__title { margin: var(--space-2) 0 var(--space-4); }
.error-404__lead { color: var(--muted); margin-bottom: var(--space-8); }
.error-404__search { display: flex; justify-content: center; margin-bottom: var(--space-8); }
.error-404__links { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; }div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//smarthomeenergy.co.uk/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//smarthomeenergy.co.uk/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}