:root {
--primary-color: #000e4f; --primary-hover: #E6892A; --secondary-color: #FFFEF9;   --text-dark: #000e4f; --text-gray: #666;
--bg-light: #FFFEF9; --red-accent: #ff0000;
--shadow: 0 2px 10px rgba(0,0,0,0.1);
--transition: all 0.3s ease; --spacing-0: 0;
--spacing-xs: 5px;
--spacing-sm: 10px;
--spacing-md: 15px;
--spacing-lg: 20px;
--spacing-xl: 30px;
--spacing-2xl: 40px;
--spacing-3xl: 50px;
--spacing-4xl: 60px; --font-size-xs: 12px;
--font-size-sm: 14px;
--font-size-md: 16px;
--font-size-lg: 18px;
--font-size-xl: 20px;
--font-size-2xl: 22px;
--font-size-3xl: 24px;
--font-size-4xl: 28px;
--font-size-5xl: 33px;
--font-size-6xl: 36px; --radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 10px;
--radius-xl: 12px;
--radius-2xl: 16px;
--radius-full: 9999px;
}
* { box-sizing: border-box; } #wpadminbar {
display: none !important;
} html.admin-bar {
margin-top: 0 !important;
}
html.admin-bar body {
padding-top: 0 !important;
}
html, body { 
margin: 0; 
padding: 0;
width: 100%;
overflow-x: hidden; }
body {
position: relative;
font-family: var(--font-body, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
font-size: 16px;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-heading, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}  h1,
h2 {
color: var(--heading-primary-color, var(--primary-color));
} #site-content h3,
#site-content h4,
#site-content h5,
#site-content h6 {
color: var(--heading-secondary-color, var(--body-text-color, #333));
}
#site-content p,
#site-content label,
#site-content a {
color: var(--body-text-color, #333);
} main a:hover {
color: var(--accent-color, #FF9933);
}
small,
.text-muted {
color: var(--text-gray, #666);
}  .container {
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
width: 100%;
} .ss-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
width: 100%;
} .row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
box-sizing: border-box;
} [class*="col-"] {
position: relative;
width: 100%;
padding: 0 15px;
box-sizing: border-box;
} @media screen and (min-width: 576px) {
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
} @media screen and (min-width: 768px) {
.col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
} @media screen and (min-width: 992px) { .col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-lg-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
} .col-lg-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
} .col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-lg-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
} .col-lg-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
} .col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
} @media screen and (max-width: 991px) {
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
} @media screen and (max-width: 767px) { .container,
.ss-container {
padding-left: 20px; padding-right: 20px;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
} .row {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
box-sizing: border-box;
} [class*="col-"] {
padding-left: 20px;
padding-right: 20px;
}
}      .grid-2 > *,
.grid-3 > *,
.grid-4 > *,
.grid-6 > * {
text-align: center;
} .grid-2 > * p,
.grid-3 > * p,
.grid-4 > * p,
.grid-6 > * p {
text-align: left;
} .hero-banner__content,
.hero-banner__content.container,
.hero-banner__content * {
text-align: left !important;
} .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}