.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--color-primary: var(--wp--preset--color--teal, #4c8981);
--color-primary-dark: var(--wp--preset--color--teal-dark, #315f59);
--color-action: #437a73;
--color-action-hover: #315f59;
--color-secondary: var(--wp--preset--color--secondary, #2d5577);
--color-secondary-dark: var(--wp--preset--color--secondary-dark, #23445f);
--color-secondary-light: var(--wp--preset--color--sky, #e6eff9);
--color-accent: var(--wp--preset--color--gold, #ffca43);
--color-accent-hover: #f2d495;
--color-text: var(--wp--preset--color--charcoal, #414341);
--color-muted: #636b67;
--color-canvas: var(--wp--preset--color--paper, #fbfaf7);
--color-surface: var(--wp--preset--color--white, #fff);
--color-mist: var(--wp--preset--color--mist, #e9f0ed);
--color-line: #d7e1dc;
--color-danger: #8d2f2a;
--font-sans: var(--wp--preset--font-family--body, 'Manrope', Arial, sans-serif);
--font-serif: var(--wp--preset--font-family--heading, 'Libre Baskerville', Georgia, serif);
--layout-wide: 1200px;
--layout-edge: 96px;
--section-space: 96px;
--radius-small: 10px;
--radius-medium: 14px;
--radius-large: 24px;
--shadow-card: 0 12px 35px rgb(35 68 95 / 8%);
--transition-fast: 180ms ease;
}
@media (min-width: 1600px) {
:root {
--layout-wide: 1280px;
}
}
@media (max-width: 1050px) {
:root {
--layout-edge: 56px;
}
}
@media (max-width: 780px) {
:root {
--layout-edge: 40px;
--section-space: 60px;
}
}*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 120px;
}
body {
margin: 0;
background: var(--color-surface);
color: var(--color-text);
font-family: var(--font-sans);
font-size: 16px;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img,
svg {
max-width: 100%;
}
img {
height: auto;
}
figure {
margin: 0;
}
a {
color: var(--color-primary-dark);
text-underline-offset: 4px;
transition: color var(--transition-fast);
&:hover {
color: var(--color-text);
}
}
button,
input,
select,
textarea {
font: inherit;
}
button,
a,
input,
select,
textarea,
summary {
-webkit-tap-highlight-color: transparent;
}
:focus-visible {
outline: 3px solid var(--color-secondary);
outline-offset: 4px;
}
::selection {
background: #c7ded5;
color: #243f38;
}
h1,
h2,
h3,
h4 {
margin: 0 0 24px !important;
color: var(--color-text);
font-family: var(--font-serif);
font-weight: 400;
letter-spacing: -.045em;
line-height: 1.2;
}
h1 {
font-size: clamp(42px, 5.4vw, 76px);
}
h2 {
font-size: clamp(32px, 3.4vw, 46px);
}
h3 {
font-size: 26px;
letter-spacing: -.025em;
}
h4 {
font-size: 21px;
}
p {
margin: 0 0 22px;
}
ul,
ol {
padding-left: 1.35em;
}
li {
margin-bottom: 10px;
}
.wp-site-blocks {
padding: 0;
background: var(--color-surface);
& > * {
margin-block-start: 0 !important;
}
}
.wrap {
width: min(var(--layout-wide), calc(100% - var(--layout-edge)));
margin-inline: auto;
}
.section {
padding-block: var(--section-space);
}
#main-content:not(.sals-template--front-page) {
padding-block: 3rem;
}
.skip-link {
position: fixed;
top: 8px;
left: 8px;
z-index: 100001;
padding: 12px;
background: var(--color-surface);
transform: translateY(-160%);
&:focus {
transform: none;
}
}
.eyebrow {
margin: 0 0 26px;
color: var(--color-primary-dark);
font-size: 11px;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
} .btn,
.wp-block-button__link,
.contact-form-card .wpcf7 input[type='submit'],
.sals-primary-navigation .nav-item--mobile-call > .wp-block-navigation-item__content,
.mobile-call {
display: inline-flex;
padding: var(--button-padding, 16px 25px);
align-items: center;
justify-content: center;
gap: var(--button-gap, 12px);
border: 1px solid var(--button-border, var(--button-background, var(--color-action)));
border-radius: var(--button-radius, var(--radius-medium));
background: var(--button-background, var(--color-action));
color: var(--button-text, var(--color-surface)) !important;
font-family: var(--font-sans);
font-size: var(--button-font-size, 12px);
font-weight: var(--button-font-weight, 700);
line-height: 1.5;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
&:hover {
border-color: var(--button-border-hover, var(--button-background-hover, var(--color-action-hover)));
background: var(--button-background-hover, var(--color-action-hover));
color: var(--button-text-hover, var(--button-text, var(--color-surface))) !important;
transform: translateY(var(--button-hover-lift, -2px));
}
}
.btn--accent,
.wp-block-button.is-style-accent {
--button-background: var(--color-accent);
--button-background-hover: var(--color-accent-hover);
--button-text: var(--color-text);
--button-text-hover: var(--color-text);
}
.btn,
.wp-block-button__link {
&[href^='tel:']::before,
&[href*='contact']::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
flex-shrink: 0;
background: currentColor;
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/phone.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/phone.svg) center / contain no-repeat;
}
&[href*='contact']::before {
-webkit-mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/calendar-days.svg);
mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/calendar-days.svg);
}
}
.text-link {
display: inline-flex;
align-items: center;
gap: 20px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
&::after {
content: '';
display: inline-block;
width: 17px;
height: 17px;
flex-shrink: 0;
background: currentColor;
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
}
&[href*='google.com/maps']::after {
-webkit-mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/map-pin.svg);
mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/map-pin.svg);
}
}
.wp-block-columns {
gap: var(--wp--style--block-gap, 24px);
}
.wp-block-post-content {
margin: 0;
}
.wp-block-group.hero-grid,
.wp-block-group.cards,
.wp-block-group.contact-grid,
.wp-block-group.page-layout,
.wp-block-group.review-grid,
.wp-block-group.audiences {
margin-top: 0;
}
.wp-block-group > .wrap {
max-width: var(--layout-wide);
}
.wp-block-query .wp-block-post-title {
font-size: 30px;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
}.topbar {
background: var(--color-text);
color: var(--color-surface);
font-size: 11px;
letter-spacing: .03em;
& .wrap {
display: flex;
min-height: 36px;
align-items: center;
justify-content: space-between;
gap: 16px;
}
& p {
margin: 0;
}
& a {
color: var(--color-surface);
text-decoration: none;
}
@media (max-width: 780px) {
& .wrap {
min-height: 32px;
font-size: 10px;
}
& .wrap > p:first-child {
font-size: 0;
&::after {
content: 'Hablamos Español';
font-size: 10px;
}
}
& a {
white-space: nowrap;
}
}
}
.site-header {
position: sticky;
top: 0;
z-index: 50;
border-bottom: 1px solid var(--color-line);
background: rgb(255 255 255 / 98%);
}
.admin-bar .site-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .site-header {
top: 46px;
}
}
.header-inner {
display: flex;
min-height: 104px;
align-items: center;
justify-content: space-between;
gap: 28px;
@media (max-width: 1050px) {
gap: 20px;
}
@media (max-width: 780px) {
min-height: 84px;
}
}
.brand {
display: block;
flex-shrink: 0;
& .wp-block-image {
margin: 0;
}
& .wp-block-image a,
& img,
& .wp-block-image img {
display: block;
}
& img,
& .wp-block-image img {
width: 228px;
height: 98px;
object-fit: contain;
}
@media (max-width: 1050px) {
& img,
& .wp-block-image img {
width: 195px;
}
}
@media (max-width: 780px) {
& img,
& .wp-block-image img {
width: 190px;
height: 80px;
}
}
}
.nav-area {
display: flex;
align-items: center;
gap: 36px;
@media (max-width: 1050px) {
gap: 22px;
}
@media (max-width: 780px) {
& > .wp-block-buttons {
display: none;
}
}
}
.header-inner .wp-block-button__link {
--button-padding: 12px 20px;
} .sals-primary-navigation {
font-size: 12px;
font-weight: 700;
& .wp-block-navigation__container {
gap: 28px !important;
}
& .wp-block-navigation-item {
margin: 0;
}
& a:hover {
color: var(--color-primary-dark);
}
& .nav-item--mobile-call {
display: none !important;
}
& .wp-block-navigation__submenu-icon {
width: 14px;
height: 14px;
margin-left: 7px;
}
@media (min-width: 781px) {
& .nav-item--services {
position: relative;
}
& .nav-item--services > .wp-block-navigation__submenu-container {
top: calc(100% + 12px) !important;
right: auto !important;
left: 50% !important;
width: 288px !important;
min-width: 288px !important;
max-width: 288px !important;
padding: 10px !important;
overflow: visible !important;
border: 1px solid var(--color-line) !important;
border-radius: 16px !important;
background: var(--color-surface) !important;
box-shadow: 0 18px 50px rgb(35 68 95 / 14%) !important;
transform: translateX(-50%);
z-index: 100;
&::before {
content: '';
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 13px;
}
& > .wp-block-navigation-item {
width: 100%;
}
& .wp-block-navigation-item__content {
display: block;
width: 100%;
padding: 12px 14px !important;
border-radius: var(--radius-small);
color: var(--color-text);
font-size: 13px;
font-weight: 700;
line-height: 1.45;
text-decoration: none;
&:hover,
&:focus-visible {
background: var(--color-secondary-light);
color: var(--color-secondary-dark);
}
}
}
}
@media (max-width: 780px) {
& .wp-block-navigation__responsive-container-open {
display: grid !important;
width: 46px;
height: 46px;
padding: 10px;
place-items: center;
border: 1px solid var(--color-line);
border-radius: 13px;
background: var(--color-surface);
color: var(--color-secondary-dark);
& svg {
width: 24px;
height: 24px;
}
} & .wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
}
& .wp-block-navigation__responsive-container.is-menu-open {
position: fixed !important;
inset: 0 !important;
display: flex !important;
width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
padding: 24px !important;
overflow-y: auto !important;
background: var(--color-canvas) !important;
color: var(--color-text) !important;
z-index: 100000;
}
& .wp-block-navigation__responsive-close,
& .wp-block-navigation__responsive-dialog {
width: 100%;
max-width: 440px;
margin: 0 auto;
}
& .wp-block-navigation__responsive-container-close {
top: 0;
right: 0;
display: grid !important;
width: 46px;
height: 46px;
padding: 10px;
place-items: center;
border: 1px solid var(--color-line);
border-radius: 13px;
background: var(--color-surface);
color: var(--color-secondary-dark);
& svg {
width: 24px;
height: 24px;
}
}
& .wp-block-navigation__responsive-container-content {
align-items: stretch !important;
padding-top: 68px !important;
& .wp-block-navigation__container {
display: flex !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
& > .wp-block-navigation-item {
display: flex;
width: 100%;
min-height: 62px;
margin: 0 !important;
flex-flow: row wrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
border-bottom: 1px solid var(--color-line);
& > .wp-block-navigation-item__content {
display: flex;
width: 100%;
padding: 18px 8px !important;
align-items: center;
color: var(--color-text);
font-size: 17px;
font-weight: 700;
line-height: 1.4;
text-align: left !important;
text-decoration: none;
}
}
}
}
& .nav-item--services > .wp-block-navigation-item__content {
flex: 1;
}
& .nav-item--services > .wp-block-navigation__submenu-icon {
display: flex !important;
width: 44px !important;
height: 44px !important;
margin: 9px 0 9px auto !important;
padding: 14px !important;
align-items: center;
justify-content: center;
border: 0 !important;
border-radius: 9px;
background: transparent !important;
& svg {
display: block;
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
}
&:hover,
&:focus-visible {
background: var(--color-secondary-light) !important;
}
&[aria-expanded='true'] + .wp-block-navigation__submenu-container {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
margin: 0 0 14px !important;
padding: 7px !important;
}
}
& .nav-item--services > .wp-block-navigation__submenu-container {
position: static !important;
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 100% !important;
min-width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
border: 0 !important;
border-radius: var(--radius-medium) !important;
background: var(--color-secondary-light) !important;
box-shadow: none !important;
& > .wp-block-navigation-item {
width: 100%;
margin: 0 !important;
border: 0 !important;
}
& .wp-block-navigation-item__content {
display: flex;
width: 100%;
min-height: 44px;
padding: 10px 12px !important;
align-items: center;
border-radius: var(--radius-small);
color: #50635b;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
text-align: left !important;
text-decoration: none;
&:hover,
&:focus-visible {
background: var(--color-surface);
color: var(--color-secondary-dark);
}
}
}
& .nav-item--tax-preparation-featured {
display: none !important;
}
& .nav-item--mobile-call {
display: flex !important;
min-height: 0 !important;
margin-top: 20px !important;
border: 0 !important;
& > .wp-block-navigation-item__content {
--button-padding: 14px 18px;
--button-gap: 10px;
--button-font-size: 16px;
--button-font-weight: 800;
display: flex !important;
width: 100%;
padding: var(--button-padding) !important;
font-size: var(--button-font-size) !important;
font-weight: var(--button-font-weight) !important;
text-align: center !important;
&::before {
content: '';
width: 18px;
height: 18px;
flex-shrink: 0;
background: currentColor;
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/phone.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/phone.svg) center / contain no-repeat;
}
}
}
& .wp-block-navigation-item__content:focus-visible {
border-radius: 8px;
outline-offset: 2px;
}
}
} .hero {
position: relative;
padding: 64px 0 70px;
overflow: hidden;
background: linear-gradient(115deg, #34766f 0%, #357c78 48%, #2d5577 100%);
color: var(--color-surface);
&::after {
content: '';
position: absolute;
top: -270px;
right: -220px;
width: 580px;
height: 580px;
border: 1px solid rgb(200 225 211 / 9%);
border-radius: 50%;
pointer-events: none;
}
& .eyebrow {
color: #c6dfd1;
}
& h1 {
max-width: 650px;
margin-bottom: 26px;
color: var(--color-surface);
font-size: clamp(42px, 5.1vw, 72px);
& em {
color: #c7eddf;
font-weight: 400;
font-style: italic;
}
}
& .text-link {
color: var(--color-surface);
&:hover {
color: var(--color-accent);
}
}
@media (min-width: 1600px) {
padding-block: 80px;
}
@media (max-width: 780px) {
padding: 36px 0 48px;
& h1 {
font-size: clamp(40px, 8.8vw, 65px);
}
}
}
.hero-grid {
display: grid !important;
grid-template-columns: 1.1fr .9fr;
align-items: center;
gap: 90px;
& > .wp-block-group {
min-width: 0;
}
@media (min-width: 1600px) {
gap: 120px;
}
@media (max-width: 1050px) {
gap: 40px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr;
gap: 24px;
}
}
.hero-copy {
padding-block: 28px;
@media (max-width: 780px) {
padding-block: 5px;
}
}
.hero-lead {
max-width: 410px;
margin-bottom: 30px;
color: #e0e9e3;
font-size: 15px;
&:first-of-type {
font-weight: 600;
}
@media (max-width: 780px) {
max-width: 480px;
font-size: 14px;
}
}
.hero-actions {
display: flex;
margin: 30px 0 38px;
align-items: center;
flex-wrap: wrap;
gap: 26px;
& > p,
& > .wp-block-buttons {
margin: 0 !important;
}
& > p {
display: flex;
align-items: center;
}
@media (max-width: 780px) {
margin-block: 24px;
gap: 20px;
& .wp-block-button__link {
--button-padding: 16px 20px;
}
}
}
.portrait-wrap {
position: relative;
max-width: 465px;
padding: 0 20px 20px;
&::before {
content: '';
position: absolute;
inset: 22px 0 0;
border: 1px solid rgb(169 205 188 / 40%);
border-radius: 28px;
}
& figure {
position: relative;
}
& img {
display: block;
width: 100%;
aspect-ratio: 4 / 4.45;
object-fit: cover;
border-radius: 26px;
}
@media (min-width: 1600px) {
max-width: 500px;
}
@media (max-width: 780px) {
width: 100%;
max-width: 480px;
padding: 0 16px 20px;
justify-self: center;
&::before {
border-radius: 25px;
}
& img {
aspect-ratio: 1.2;
object-position: center 36%;
border-radius: 22px;
}
}
}
.portrait-caption {
position: absolute;
bottom: 24px;
left: 0;
min-width: 220px;
padding: 17px 23px;
border-radius: 16px;
background: var(--color-surface);
box-shadow: 0 12px 32px rgb(24 52 44 / 13%);
& p {
margin: 0;
color: var(--color-muted);
font-size: 11px;
}
& .sal-name {
margin-bottom: 3px;
color: var(--color-text);
font-family: var(--font-serif);
font-size: 21px;
letter-spacing: -.03em;
}
}
.trust-strip {
border-bottom: 1px solid #f0e2c1;
background: #fff3d8;
& .wrap {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
padding-block: 25px;
}
& p {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 14px;
font-weight: 700;
line-height: 1.55;
&::before {
content: '✦';
flex-shrink: 0;
color: var(--color-accent);
font-size: 18px;
}
}
@media (max-width: 1050px) {
& .wrap {
grid-template-columns: 1fr 1fr;
gap: 18px 28px;
}
}
@media (max-width: 780px) {
& .wrap {
gap: 17px 22px;
padding-block: 24px;
}
& p,
& p::before {
font-size: 12px;
}
}
} .cta-band {
margin: 64px 0 !important;
padding: 0;
background: transparent;
& > .wrap {
display: flex;
width: min(var(--layout-wide), calc(100% - var(--layout-edge)));
padding: 48px 52px;
align-items: center;
justify-content: space-between;
gap: 40px;
border-radius: 28px;
background: var(--color-primary-dark);
color: var(--color-surface);
}
& h2 {
margin-bottom: 12px;
color: var(--color-surface);
font-size: 32px;
}
& p {
margin: 0;
color: #dce9e3;
font-size: 12px;
}
& .wp-block-buttons {
flex-shrink: 0;
}
@media (max-width: 1050px) {
& > .wrap {
padding: 38px;
}
& h2 {
font-size: 29px;
}
}
@media (max-width: 780px) {
margin-top: 46px !important;
& > .wrap {
display: block;
padding: 32px 26px;
border-radius: var(--radius-large);
}
& h2 {
font-size: 28px;
}
& .wp-block-buttons {
margin-top: 25px;
}
}
} .site-footer {
padding-top: 68px;
background: var(--color-canvas);
@media (max-width: 780px) {
padding-top: 50px;
}
}
.footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
padding-bottom: 46px;
gap: 70px;
@media (max-width: 1050px) {
gap: 30px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr 1fr;
gap: 25px;
}
}
.footer-brand {
& img {
display: block;
width: 250px;
}
& p {
margin-top: 15px;
color: var(--color-muted);
font-size: 11px;
}
@media (max-width: 780px) {
grid-column: 1 / -1;
}
}
.footer-heading {
margin: 16px 0 20px;
font-family: var(--font-sans);
font-size: 10px;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.footer-links {
margin: 0;
padding: 0;
list-style: none;
& li {
margin: 8px 0;
font-size: 12px;
}
& a {
color: var(--color-text);
text-decoration: none;
}
}
.footer-base {
display: flex;
padding: 21px 0;
justify-content: space-between;
gap: 20px;
border-top: 1px solid var(--color-line);
color: var(--color-muted);
font-size: 10px;
& p {
margin: 0;
}
& a {
color: var(--color-muted);
}
@media (max-width: 780px) {
display: block;
padding-bottom: 90px;
& p {
margin-bottom: 8px;
}
}
}
.mobile-call {
--button-padding: 14px 20px;
--button-border: var(--color-line);
--button-radius: 16px;
--button-font-size: 12px;
display: none;
@media (max-width: 780px) {
position: fixed;
right: 16px;
bottom: 12px;
left: 16px;
z-index: 45;
display: flex;
justify-content: space-between;
box-shadow: 0 6px 30px rgb(35 63 50 / 15%);
& span {
font-size: 10px;
font-weight: 400;
}
}
}
.page.wp-singular.page-template-default {
.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
p {
margin-block-end: 1.25rem;
}
}
}
.page.wp-singular.page-template-default {
.entry-content.wp-block-post-content {
blockquote {
background-color: var(--color-canvas);
font-size: 1rem;
font-weight: 600;
border-left: 8px solid var(--color-accent);
padding: 1.75rem;
border-radius: 2px;
margin-block-end: 2rem;
p {
margin: 0 !important;
}
}
}
}.section-head {
display: flex;
margin-bottom: 42px;
align-items: end;
justify-content: space-between;
gap: 40px;
& h2 {
max-width: 600px;
margin-bottom: 0;
}
& .eyebrow {
margin-bottom: 20px;
}
& .intro {
max-width: 340px;
margin: 0;
color: var(--color-muted);
font-size: 14px;
}
@media (max-width: 780px) {
display: block;
margin-bottom: 30px;
& .intro {
max-width: 100%;
margin-top: 22px;
}
}
} .home-services {
background: var(--color-surface);
& .section-head {
align-items: center;
& .intro {
font-size: 16px;
}
}
@media (max-width: 780px) {
& .section-head .intro {
font-size: 14px;
}
}
}
.full-service-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0 36px;
@media (max-width: 1050px) {
column-gap: 24px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr 1fr;
gap: 0 22px;
}
}
.service-feature {
display: flex;
min-width: 0;
padding-block: 27px;
align-items: center;
gap: 18px;
& h3 {
max-width: 230px;
margin: 0;
font-family: var(--font-sans);
font-size: 15px;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.5;
}
@media (max-width: 1050px) {
gap: 12px;
& h3 {
font-size: 14px;
}
}
@media (max-width: 780px) {
padding-block: 22px;
flex-direction: column;
align-items: flex-start;
gap: 13px;
& h3 {
font-size: 13px;
}
}
}
.service-symbol,
.card-icon {
display: grid;
width: 52px;
height: 52px;
flex: 0 0 52px;
place-items: center;
border-radius: 17px;
background: #e4efe8;
color: #356b5b;
& svg {
width: 25px;
height: 25px;
}
@media (max-width: 1050px) {
width: 46px;
height: 46px;
flex-basis: 46px;
border-radius: 15px;
}
@media (max-width: 780px) {
width: 48px;
height: 48px;
flex-basis: 48px;
}
}
.service-bottom {
display: flex;
padding-top: 22px;
align-items: center;
justify-content: space-between;
gap: 24px;
& p {
margin: 0;
color: var(--color-muted);
font-size: 12px;
}
@media (max-width: 780px) {
display: block;
& > p:last-child {
margin-top: 17px;
}
}
} .services-page {
padding-bottom: 6px;
}
.audiences {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-bottom: 60px;
& h2 {
font-size: 34px;
}
& p {
color: var(--color-muted);
font-size: 14px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 35px;
}
}
.cards {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
@media (max-width: 780px) {
grid-template-columns: 1fr;
}
}
.service-card {
display: flex;
min-width: 0;
padding: 0 34px 34px;
flex-direction: column;
border: 1px solid var(--color-line);
border-radius: 22px;
background: var(--color-surface);
box-shadow: 0 8px 24px rgb(48 76 59 / 3%);
transition: transform var(--transition-fast), border-color var(--transition-fast);
&:hover {
border-color: var(--color-primary);
transform: translateY(-5px);
}
& h3 {
max-width: 240px;
font-size: 26px;
}
& .card-description {
flex: 1;
margin-bottom: 32px;
color: var(--color-muted);
font-size: 13px;
}
& .text-link {
width: 100%;
margin-top: auto;
padding-top: 20px;
justify-content: space-between;
}
@media (max-width: 1050px) {
padding: 25px;
padding-top: 0;
}
@media (max-width: 780px) {
padding: 28px;
padding-top: 0;
& h3 {
max-width: none;
font-size: 28px;
}
& .card-description {
margin-bottom: 24px;
}
}
}
.service-thumbnail {
margin: -34px -34px 28px;
overflow: hidden;
border-radius: 22px 22px 0 0;
& img {
display: block;
width: 100%;
aspect-ratio: 2;
object-fit: cover;
}
& + .card-top {
margin-bottom: 28px;
}
@media (max-width: 1050px) {
margin: -25px -25px 25px;
}
@media (max-width: 780px) {
margin: -28px -28px 25px;
}
}
.card-top {
display: flex;
margin-bottom: 44px;
align-items: center;
justify-content: space-between;
color: var(--color-primary-dark);
& p {
margin: 0;
color: var(--color-muted);
font-size: 10px;
letter-spacing: .1em;
}
@media (max-width: 780px) {
margin-bottom: 24px;
}
} .reviews-section {
border: 0;
background: var(--color-secondary-dark);
color: var(--color-surface);
& h2 {
color: var(--color-surface);
}
& .eyebrow {
color: var(--color-accent);
}
& .section-head .intro,
& .carousel-status {
color: #d5e2ed;
}
}
.review-grid {
display: flex !important;
margin: 0 -3px;
padding: 3px 3px 20px;
gap: 22px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-color: #819db3 transparent;
scrollbar-width: thin;
&:focus-visible {
outline-offset: 4px;
}
& > .review {
display: flex;
min-width: 0;
max-width: none;
margin: 0;
padding: 32px;
flex: 0 0 calc((100% - 44px) / 3);
flex-direction: column;
border: 1px solid transparent;
border-radius: var(--radius-large);
background: var(--color-surface);
color: var(--color-text);
box-shadow: 0 8px 24px rgb(18 43 64 / 6%);
scroll-snap-align: start;
}
@media (max-width: 1050px) {
& > .review {
flex-basis: calc((100% - 22px) / 2);
}
}
@media (max-width: 780px) {
& > .review {
padding: 28px;
flex-basis: 100%;
border-radius: 22px;
}
}
}
.review {
& .stars {
margin: 0;
color: var(--color-accent);
font-size: 20px;
letter-spacing: 8px;
}
& > p:not(.stars) {
flex: 1;
margin: 24px 0;
font-family: var(--font-serif);
font-size: 17px;
letter-spacing: -.02em;
line-height: 1.8;
}
& cite,
& cite a {
color: var(--color-secondary);
font-size: 12px;
font-style: normal;
font-weight: 700;
}
& cite a {
text-decoration: none;
&:hover {
color: var(--color-text);
text-decoration: underline;
}
&::after {
content: '';
display: inline-block;
width: 13px;
height: 13px;
margin-left: 10px;
vertical-align: middle;
background: currentColor;
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/external-link.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/external-link.svg) center / contain no-repeat;
}
}
}
.testimonial-carousel {
&.is-enhanced .review-grid {
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
& .review.pending {
opacity: 1 !important;
transform: none !important;
}
}
.carousel-controls {
display: flex;
margin-top: 22px;
align-items: center;
justify-content: space-between;
gap: 20px;
&[hidden] {
display: none;
}
@media (max-width: 780px) {
margin-top: 14px;
flex-wrap: wrap;
gap: 8px;
}
}
.carousel-buttons {
display: flex;
gap: 10px;
& button {
display: grid;
width: 45px;
height: 45px;
padding: 0;
place-items: center;
border: 1px solid rgb(255 255 255 / 40%);
border-radius: 50%;
background: var(--color-surface);
color: var(--color-secondary-dark);
font-size: 0;
cursor: pointer;
transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
&::before {
content: '';
display: block;
width: 20px;
height: 20px;
background: currentColor;
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
}
&:hover {
border-color: var(--color-accent);
background: var(--color-accent);
}
}
& .carousel-prev::before {
-webkit-mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-left.svg);
mask-image: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-left.svg);
}
@media (max-width: 780px) {
gap: 8px;
& button {
width: 42px;
height: 42px;
}
}
}
.carousel-dots {
display: flex;
align-items: center;
gap: 8px;
& button {
display: grid;
width: 30px;
height: 30px;
padding: 10px;
place-items: center;
border: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
&::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #819db3;
transition: width var(--transition-fast), background var(--transition-fast);
}
&[aria-pressed='true']::before {
width: 22px;
border-radius: 6px;
background: var(--color-accent);
}
}
@media (max-width: 780px) {
gap: 1px;
}
}
.carousel-status {
min-width: 110px;
margin: 0;
font-size: 11px;
text-align: right;
@media (max-width: 780px) {
width: 100%;
margin-top: 5px;
text-align: center;
}
} .contact-grid {
display: grid !important;
grid-template-columns: .9fr 1.1fr;
align-items: start;
gap: 80px;
@media (max-width: 1050px) {
gap: 40px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr;
gap: 38px;
}
}
.contact-details {
& dl {
margin: 30px 0;
}
& dt {
margin-top: 24px;
color: var(--color-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
& dd {
margin: 7px 0;
font-size: 15px;
& a {
color: var(--color-text);
text-decoration: none;
}
& .directions-link {
display: inline-flex;
margin-top: 12px;
color: var(--color-secondary);
font-size: 12px;
}
}
}
.map-shell {
overflow: hidden;
border: 1px solid var(--color-line);
border-radius: var(--radius-large);
background: var(--color-mist);
& iframe {
display: block;
width: 100%;
height: 360px;
border: 0;
background: var(--color-mist);
}
@media (max-width: 780px) {
& iframe {
height: 300px;
}
}
}
.map-caption {
display: flex;
padding: 23px 25px;
align-items: center;
justify-content: space-between;
gap: 20px;
border-top: 1px solid var(--color-line);
background: var(--color-surface);
& p {
margin: 0;
color: var(--color-muted);
font-size: 10px;
}
& .map-directions {
gap: 10px;
color: var(--color-primary-dark);
font-size: 11px;
&::after {
width: 16px;
height: 16px;
}
&:hover {
color: var(--color-secondary-dark);
text-decoration: underline;
}
}
@media (max-width: 780px) {
align-items: flex-start;
& p {
text-align: right;
}
}
} .home-faq {
background: var(--color-secondary-light);
& h2,
& .eyebrow {
color: var(--color-secondary-dark);
}
& .faq-list {
margin-top: 32px;
border: 0;
}
}
.faq-list {
margin-top: 36px;
border-top: 1px solid var(--color-line);
& details {
margin: 12px 0;
padding: 24px 28px;
border: 0;
border-radius: 18px;
background: var(--color-surface);
box-shadow: 0 3px 14px rgb(45 85 119 / 4%);
& p {
max-width: 700px;
margin: 18px 0 0;
color: #4e626f;
font-size: 13px;
}
}
& summary {
display: flex;
justify-content: space-between;
gap: 20px;
color: var(--color-secondary-dark);
font-size: 14px;
font-weight: 700;
list-style: none;
cursor: pointer;
&::-webkit-details-marker {
display: none;
}
&::after {
content: '+';
color: var(--color-secondary);
font-size: 20px;
}
}
& details[open] summary::after {
content: '−';
}
@media (max-width: 780px) {
& details {
padding: 21px 22px;
border-radius: 16px;
}
}
} .breadcrumbs {
display: flex;
margin: 30px 0 0;
align-items: center;
flex-wrap: wrap;
gap: 12px;
color: var(--color-muted);
font-size: 10px;
& a,
& span {
color: var(--color-muted);
}
& a {
text-decoration: none;
}
}
.page-intro {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
margin-bottom: 58px;
padding: 62px 0 50px;
align-items: center;
gap: clamp(48px, 8vw, 120px);
border-bottom: 1px solid #dce5dc;
& .page-intro__copy > .eyebrow {
color: var(--color-secondary);
}
& h1 {
max-width: 980px;
font-size: clamp(40px, 5vw, 64px);
}
& .intro {
max-width: 570px;
color: var(--color-muted);
font-size: 15px;
}
& .page-intro__icon {
display: grid;
width: clamp(156px, 15vw, 210px);
aspect-ratio: 1;
justify-self: center;
place-items: center;
border: 1px solid #d7e6df;
border-radius: 34px;
background: #e4efe8;
color: #356b5b;
box-shadow: 0 16px 38px rgb(35 68 95 / 7%);
&::before {
content: '';
width: 43%;
aspect-ratio: 1;
background: currentColor;
-webkit-mask: var(--page-intro-icon) center / contain no-repeat;
mask: var(--page-intro-icon) center / contain no-repeat;
}
}
& .page-intro__icon--building-2 {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/building-2.svg);
}
& .page-intro__icon--calculator {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/calculator.svg);
}
& .page-intro__icon--chart-no-axes-combined {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chart-no-axes-combined.svg);
}
& .page-intro__icon--id-card {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/id-card.svg);
}
& .page-intro__icon--map-pin {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/map-pin.svg);
}
& .page-intro__icon--lock-keyhole {
--page-intro-icon: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/lock-keyhole.svg);
}
@media (max-width: 780px) {
grid-template-columns: minmax(0, 1fr) 72px;
margin-bottom: 35px;
padding: 38px 0 34px;
align-items: start;
gap: 20px;
& h1 {
font-size: clamp(32px, 9.5vw, 40px);
}
& .page-intro__icon {
width: 72px;
margin-top: 28px;
border-radius: 20px;
box-shadow: 0 10px 24px rgb(35 68 95 / 7%);
&::before {
width: 42%;
}
}
}
}
.page-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 300px;
padding-bottom: 16px;
align-items: start;
gap: 75px;
@media (max-width: 1050px) {
grid-template-columns: minmax(0, 1fr) 260px;
gap: 40px;
}
@media (max-width: 780px) {
grid-template-columns: 1fr;
padding-bottom: 55px;
gap: 35px;
}
}
.prose {
font-size: 14px;
& > p:first-child {
font-size: 17px;
line-height: 1.8;
}
& h2 {
margin-top: 40px;
font-size: 32px;
}
& h3 {
margin-top: 36px;
font-size: 26px;
}
& h4 {
margin-top: 30px;
font-size: 22px;
}
& blockquote {
margin: 0 0 30px;
padding: 28px;
border-left: 3px solid var(--color-secondary);
border-radius: 0 18px 18px 0;
background: var(--color-secondary-light);
font-family: var(--font-serif);
font-size: 19px;
line-height: 1.7;
& p {
margin: 0;
}
}
& li {
padding-left: 6px;
&::marker {
color: var(--color-primary-dark);
}
}
& strong {
font-weight: 700;
}
}
.sidebar {
position: sticky;
top: 140px;
padding: 28px;
border: 1px solid var(--color-line);
border-radius: 22px;
background: var(--color-surface);
& h2 {
margin-bottom: 12px;
color: var(--color-secondary-dark);
font-family: var(--font-sans);
font-size: 11px;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
& ul {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
& li {
margin: 0;
border-bottom: 1px solid var(--color-line);
font-size: 12px;
& a {
display: flex;
padding: 15px 0;
align-items: center;
justify-content: space-between;
color: var(--color-text);
text-decoration: none;
&::after {
content: '';
width: 17px;
height: 17px;
flex-shrink: 0;
background: var(--color-primary-dark);
-webkit-mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//www.salsincometax.com/wp-content/themes/sals-modern/assets/icons/chevron-right.svg) center / contain no-repeat;
}
}
}
& p {
color: var(--color-muted);
font-size: 12px;
}
& .sidebar-phone,
& .sidebar-phone a {
color: var(--color-secondary-dark);
}
& .sidebar-phone {
font-family: var(--font-serif);
font-size: 20px;
}
& .btn {
width: 100%;
--button-padding: 14px;
--button-gap: 10px;
--button-font-size: 11px;
}
@media (max-width: 780px) {
position: static;
}
}
.privacy-content {
max-width: 800px;
padding-bottom: 12px;
& > p:first-child {
font-size: 14px;
}
& h2 {
margin-top: 38px;
font-size: 30px;
}
& h3 {
font-size: 25px;
}
}
.empty-state {
min-height: 50vh;
padding-block: 80px;
}.contact-form-card {
padding: 38px;
border: 1px solid var(--color-line);
border-radius: var(--radius-large);
background: var(--color-surface);
box-shadow: var(--shadow-card);
margin-block-start: 2rem;
& h2 {
font-size: 30px;
}
& .wpcf7,
& .wpcf7 form {
width: 100%;
margin: 0;
}
& .wpcf7 .row#form {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
margin: 0;
gap: 20px 18px;
& > [class*='col-'] {
min-width: 0;
margin: 0;
padding: 0;
}
& > .col-md-4.col-sm-12 {
grid-column: span 4;
}
& > .col-sm-12:not(.col-md-4) {
grid-column: 1 / -1;
& > label:first-child:not([for]) {
display: none;
}
}
& label {
display: block;
margin: 0 0 7px;
color: var(--color-text);
font-size: 11px;
font-weight: 700;
letter-spacing: .025em;
line-height: 1.45;
&:empty {
display: none;
}
}
}
& .wpcf7 .floatIt {
float: none;
}
& .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
& .wpcf7 .form-control {
display: block;
width: 100%;
min-height: 50px;
margin: 0;
padding: 12px 14px;
border: 1px solid #aebeb5;
border-radius: 11px;
background: #fbfcf9;
color: var(--color-text);
font: inherit;
font-size: 14px;
line-height: 1.5;
box-shadow: none;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
&:focus {
border-color: var(--color-secondary);
outline: 0;
background: var(--color-surface);
box-shadow: 0 0 0 3px rgb(45 85 119 / 12%);
}
&[aria-invalid='true'] {
border-color: #a43c35;
background: #fffafa;
}
}
& .wpcf7 select.form-control {
padding-right: 42px;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--color-primary-dark) 50%), linear-gradient(135deg, var(--color-primary-dark) 50%, transparent 50%);
background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px;
background-repeat: no-repeat;
background-size: 5px 5px;
}
& .wpcf7 textarea.form-control {
min-height: 150px;
resize: vertical;
}
& .wpcf7-not-valid-tip {
display: block;
margin-top: 6px;
color: var(--color-danger);
font-size: 11px;
line-height: 1.5;
}
& .wpcf7 input[type='submit'] {
--button-padding: 14px 28px;
--button-radius: 13px;
--button-font-size: inherit;
--button-font-weight: 800;
--button-hover-lift: -1px;
min-height: 50px;
margin: 0;
line-height: 1.4;
&:focus-visible {
outline: 3px solid var(--color-secondary);
outline-offset: 4px;
}
&:disabled {
opacity: .7;
cursor: wait;
transform: none;
}
}
& .wpcf7-spinner {
margin: 0 0 0 12px;
vertical-align: middle;
}
& .wpcf7 form .wpcf7-response-output {
margin: 22px 0 0;
padding: 13px 15px;
border: 1px solid var(--color-line);
border-left: 4px solid var(--color-secondary);
border-radius: 9px;
background: var(--color-secondary-light);
font-size: 12px;
line-height: 1.6;
}
& .wpcf7 form.invalid .wpcf7-response-output,
& .wpcf7 form.unaccepted .wpcf7-response-output,
& .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #c88b43;
background: #fff8e9;
}
& .wpcf7 form.failed .wpcf7-response-output,
& .wpcf7 form.aborted .wpcf7-response-output,
& .wpcf7 form.spam .wpcf7-response-output {
border-color: #a43c35;
background: #fff4f3;
}
& #next-disclsoure,
& #next-disclosure {
margin: 0;
padding-top: 2px !important;
color: var(--color-muted);
font-size: 11px;
line-height: 1.65;
& small {
font-size: inherit;
}
& a {
font-weight: 700;
}
}
@media (max-width: 780px) {
padding: 24px;
border-radius: 20px;
& .wpcf7 .row#form {
gap: 17px;
& > .col-md-4.col-sm-12,
& > .col-sm-12:not(.col-md-4) {
grid-column: 1 / -1;
}
}
& .wpcf7 input[type='submit'] {
width: 100%;
}
& .wpcf7-spinner {
display: block;
margin: 10px auto 0;
}
}
} .editor-styles-wrapper {
& .wrap {
width: 100%;
}
& .sidebar {
position: static;
}
& .reveal {
opacity: 1 !important;
transform: none !important;
}
& .review-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: visible;
& > .review {
flex-basis: auto;
}
}
& .carousel-controls {
display: none !important;
}
} .reveal {
transition: opacity .65s ease, transform .65s ease;
}
.motion-enabled [data-motion-state='waiting'] {
opacity: 0;
transform: translateY(28px);
}
@media (prefers-reduced-motion: reduce) {
.motion-enabled [data-motion-state='waiting'] {
opacity: 1;
transform: none;
}
}
@media print {
.site-header {
position: static;
}
.topbar,
.mobile-call,
.sals-primary-navigation,
.carousel-controls {
display: none !important;
}
.motion-enabled [data-motion-state],
.reveal {
opacity: 1 !important;
transform: none !important;
}
.section {
padding-block: 35px;
}
.service-card,
.review {
break-inside: avoid;
}
.reviews-section,
.hero {
background: var(--color-surface) !important;
color: var(--color-text);
}
.reviews-section h2,
.reviews-section .eyebrow,
.reviews-section .section-head .intro,
.hero h1,
.hero-lead,
.hero .eyebrow {
color: var(--color-text);
}
.review-grid {
display: grid !important;
grid-template-columns: 1fr 1fr;
overflow: visible;
}
.review-grid > .review {
max-width: none;
break-inside: avoid;
}
.hero-grid {
grid-template-columns: 1fr 1fr;
}
.wrap {
width: 95%;
}
.sidebar {
position: static;
}
}