/* StrongAdjusters Design System — Session A
Palette #14 Lo-Flo Inspired
Applied: April 2026
————————————————– */
/* == GOOGLE FONTS == */
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap’);
/* == PALETTE VARIABLES == */
:root {
–sa-blue: #4056A1;
–sa-amber: #D79922;
–sa-red: #F13C20;
–sa-cream: #EFE2BA;
–sa-periwinkle: #C5CBE3;
–sa-dark: #1A1A2E;
–sa-blue-dark: #2e3f7e;
–sa-white: #FFFFFF;
–sa-cream-dark: #e0d4a0;
–sa-text-mid: #4a4a5a;
}
/* == BODY & PAGE BACKGROUND == */
body {
background-color: var(–sa-cream) !important;
font-family: ‘Inter’, system-ui, sans-serif !important;
color: var(–sa-dark) !important;
}
/* == HEADER == */
#header,
.site-header,
header#header,
.trx_addons_scroll_to_top,
.sc_layouts_row_fixed_placeholder,
.sc_layouts_header {
background-color: var(–sa-blue) !important;
}
/* Header inner background */
.sc_layouts_row,
.sc_layouts_row_type_normal {
background-color: var(–sa-blue) !important;
}
/* == LOGO == */
.sc_layouts_logo a,
.sc_layouts_logo .logo_text,
.sc_layouts_logo img + span,
#header .logo_text {
font-family: ‘Playfair Display’, Georgia, serif !important;
color: var(–sa-white) !important;
font-weight: 900 !important;
}
/* == NAVIGATION == */
.sc_layouts_menu_nav > li > a,
nav.sc_layouts_menu ul > li > a {
font-family: ‘Inter’, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.85) !important;
}
.sc_layouts_menu_nav > li > a:hover,
nav.sc_layouts_menu ul > li > a:hover {
color: var(–sa-amber) !important;
}
.sc_layouts_menu_nav > li.current-menu-item > a {
color: var(–sa-amber) !important;
}
/* == HEADINGS — Playfair Display == */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
font-family: ‘Playfair Display’, Georgia, serif !important;
}
/* == SECTION BACKGROUNDS == */
/* Replace teal/navy sections with palette blues */
.elementor-section[data-id=”cred-bar”],
.elementor-section[data-id=”why-section”],
.elementor-section[data-id=”why-cols”],
.elementor-section[data-id=”coaching-section”],
.elementor-section[data-id=”cat-section”],
.elementor-section[data-id=”final-cta”] {
background-color: var(–sa-blue) !important;
}
.elementor-section[data-id=”posts-section”] {
background-color: var(–sa-cream) !important;
}
.elementor-section[data-id=”email-section”] {
background-color: var(–sa-blue-dark) !important;
}
/* == BUTTONS — CTA Red == */
.elementor-button,
.sc_button,
.sc_button_default,
a.sc_button {
background-color: var(–sa-red) !important;
color: var(–sa-white) !important;
font-family: ‘Inter’, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
border-radius: 3px !important;
transition: background 0.2s, transform 0.15s !important;
}
.elementor-button:hover,
.sc_button:hover,
a.sc_button:hover {
background-color: #d43518 !important;
transform: translateY(-2px) !important;
}
/* == LINKS == */
a {
color: var(–sa-blue) !important;
}
a:hover {
color: var(–sa-red) !important;
}
/* == POST CARDS (Elementor Posts widget) == */
.elementor-posts .elementor-post__card {
background: var(–sa-white) !important;
border-radius: 6px !important;
overflow: hidden !important;
transition: transform 0.25s, box-shadow 0.25s !important;
}
.elementor-posts .elementor-post__card:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 40px rgba(64,86,161,0.13) !important;
}
.elementor-posts .elementor-post__title a {
font-family: ‘Playfair Display’, Georgia, serif !important;
color: var(–sa-dark) !important;
}
.elementor-posts .elementor-post__title a:hover {
color: var(–sa-blue) !important;
}
.elementor-posts .elementor-post__read-more {
color: var(–sa-red) !important;
font-weight: 700 !important;
font-size: 12px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
}
.elementor-posts .elementor-post__badge {
background: var(–sa-blue) !important;
color: var(–sa-white) !important;
}
/* == FOOTER == */
#footer,
footer#footer,
.footer_wrap {
background-color: var(–sa-blue-dark) !important;
color: rgba(255,255,255,0.5) !important;
}
#footer a,
footer#footer a {
color: rgba(255,255,255,0.5) !important;
}
#footer a:hover,
footer#footer a:hover {
color: var(–sa-amber) !important;
}
#footer .footer_logo_text,
footer .logo_text {
font-family: ‘Playfair Display’, Georgia, serif !important;
color: var(–sa-white) !important;
}
/* == CATEGORY TILES (hoverUp sections) == */
.elementor-hoverUp {
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.elementor-hoverUp:hover {
transform: translateY(-6px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,0.25) !important;
}
/* == WHY BOXES — update border color == */
.elementor-section[data-id=”why-cols”] div[style*=”border-top:4px solid #E64833″],
.elementor-section[data-id=”why-cols”] div[style*=”border-top: 4px solid #E64833″] {
border-top-color: var(–sa-amber) !important;
}
/* == AMBER ACCENT ELEMENTS == */
.elementor-widget-heading .elementor-heading-title em,
blockquote,
.wp-block-quote {
color: var(–sa-amber) !important;
}
/* == SCROLLBAR (subtle brand touch) == */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(–sa-cream); }
::-webkit-scrollbar-thumb { background: var(–sa-blue); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(–sa-amber); }
