.jmkt-ta24-location {
--jmkt-ta24-red: #d60816;
--jmkt-ta24-dark: #191c1f;
--jmkt-ta24-light: #f5f5f3;
--jmkt-ta24-text: #24262b;
margin: 0;
color: var(--jmkt-ta24-text);
font-size: 16px;
line-height: 1.65;
}
.jmkt-ta24-location,
.jmkt-ta24-location *,
.jmkt-ta24-location *::before,
.jmkt-ta24-location *::after {
box-sizing: border-box;
}
.jmkt-ta24-location.alignfull {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.jmkt-ta24-location .wp-block-group__inner-container {
max-width: none;
margin: 0;
padding: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}
.jmkt-ta24-location p {
margin: 0 0 16px;
font-size: 16px;
line-height: 1.65;
}
.jmkt-ta24-location .jmkt-ta24-loc-title {
margin: 0 0 20px;
padding: 0;
color: #fff;
font-size: clamp(32px, 3.8vw, 48px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -.025em;
text-transform: none;
}
.jmkt-ta24-location .jmkt-ta24-loc-heading {
margin: 0 0 28px;
padding: 0;
color: var(--jmkt-ta24-text);
font-size: clamp(27px, 3vw, 36px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -.025em;
text-transform: none;
}
.jmkt-ta24-location .jmkt-ta24-loc-eyebrow {
margin: 0 0 16px;
color: #b90512;
font-size: 13px;
font-weight: 650;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
} .jmkt-ta24-location .jmkt-ta24-loc-dynamic {
margin: 0;
padding: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-dynamic a {
color: inherit;
text-decoration: none;
overflow-wrap: anywhere;
transition: color 180ms ease;
} .jmkt-ta24-location .jmkt-ta24-loc-hero-grid,
.jmkt-ta24-location .jmkt-ta24-loc-cards,
.jmkt-ta24-location .jmkt-ta24-loc-person-grid {
display: grid;
margin: 0;
padding: 0;
}
.jmkt-ta24-loc-hero-grid > .wp-block-group__inner-container,
.jmkt-ta24-loc-cards > .wp-block-group__inner-container,
.jmkt-ta24-loc-person-grid > .wp-block-group__inner-container {
display: contents;
} .jmkt-ta24-location .jmkt-ta24-loc-hero {
margin: 0;
padding: 56px 24px 0;
background: var(--jmkt-ta24-dark);
color: #fff;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
gap: 44px;
align-items: center;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-copy {
min-width: 0;
margin: 0;
padding: 0 0 24px;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero .jmkt-ta24-loc-eyebrow {
margin-bottom: 18px;
color: #ff6370;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-intro {
max-width: 45ch;
margin: 0 0 26px;
color: #d0d2d5;
text-align: left;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-image {
width: 100%;
aspect-ratio: 1.15;
margin: 0;
overflow: hidden;
border-bottom: 3px solid var(--jmkt-ta24-red);
}
.jmkt-ta24-loc-hero-image picture,
.jmkt-ta24-loc-portrait picture {
display: block;
width: 100%;
height: 100%;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .jmkt-ta24-location .jmkt-ta24-loc-hero-contact {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
margin: 28px 0 0;
padding: 20px 0;
border-top: 1px solid #41464b;
color: #e2e4e6;
}
.jmkt-ta24-loc-hero-contact > .wp-block-group__inner-container,
.jmkt-ta24-loc-contact-box > .wp-block-group__inner-container {
display: contents;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-contact p {
margin: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-caption {
flex-shrink: 0;
padding-right: 24px;
border-right: 1px solid #50565e;
color: #fff;
font-size: 15px;
font-weight: 650;
} .jmkt-ta24-location .wp-block-buttons {
gap: 14px;
margin: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-button .wp-block-button__link {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 14px;
min-height: 48px;
padding: 13px 21px;
border: 1px solid transparent;
border-radius: 4px;
background: var(--jmkt-ta24-red);
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
box-shadow: none;
transition:
background-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.jmkt-ta24-loc-button .wp-block-button__link::after {
content: "→";
display: inline-block;
transition: transform 180ms ease;
} .jmkt-ta24-location .jmkt-ta24-loc-services {
margin: 0;
padding: 60px 24px;
background: var(--jmkt-ta24-light);
}
.jmkt-ta24-location .jmkt-ta24-loc-cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
}
.jmkt-ta24-location .jmkt-ta24-loc-card {
display: flex;
flex-direction: column;
min-width: 0;
margin: 0;
padding: 26px;
border: 1px solid #e2e4e6;
border-top: 3px solid var(--jmkt-ta24-red);
border-radius: 6px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, .025);
transition:
transform 200ms ease,
box-shadow 200ms ease,
border-color 200ms ease;
}
.jmkt-ta24-loc-card > .wp-block-group__inner-container {
display: flex;
flex: 1;
flex-direction: column;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-number {
margin: 0 0 12px;
color: #b90512;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .07em;
text-transform: uppercase;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-title {
margin: 0 0 16px;
padding: 0;
color: var(--jmkt-ta24-text);
font-size: 23px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.02em;
text-transform: none;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-text {
margin: 0 0 22px;
color: #50565e;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-link {
margin: auto 0 0;
padding-top: 16px;
border-top: 1px solid #e4e6e8;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-link a {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
min-height: 36px;
color: var(--jmkt-ta24-text);
font-size: 15px;
font-weight: 650;
text-decoration: none;
transition: color 180ms ease;
}
.jmkt-ta24-loc-card-link a::after {
content: "→";
flex-shrink: 0;
color: var(--jmkt-ta24-red);
transition: transform 180ms ease;
} .jmkt-ta24-location .jmkt-ta24-loc-person {
margin: 0;
padding: 60px 24px;
background: #fff;
scroll-margin-top: 100px;
}
.jmkt-ta24-location .jmkt-ta24-loc-person-grid {
grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
gap: 32px;
align-items: stretch;
}
.jmkt-ta24-location .jmkt-ta24-loc-portrait {
width: 100%;
min-width: 0;
aspect-ratio: 4 / 5;
margin: 0;
overflow: hidden;
border-radius: 4px;
background: #eceeed;
}
.jmkt-ta24-location .jmkt-ta24-loc-portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 25%;
} .editor-styles-wrapper .jmkt-ta24-loc-hero-image img,
.editor-styles-wrapper .jmkt-ta24-loc-portrait img {
height: 100% !important;
}
.jmkt-ta24-location-panel .components-button {
height: auto;
min-height: 36px;
max-width: 100%;
white-space: normal;
line-height: 1.4;
}
.jmkt-ta24-location .jmkt-ta24-loc-person-copy {
min-width: 0;
margin: 0;
padding: 12px 0 12px 30px;
border-left: 2px solid var(--jmkt-ta24-red);
}
.jmkt-ta24-location .jmkt-ta24-loc-person-copy .jmkt-ta24-loc-heading {
margin-bottom: 16px;
}
.jmkt-ta24-location .jmkt-ta24-loc-person-intro {
max-width: 56ch;
color: #50565e;
} .jmkt-ta24-location .jmkt-ta24-loc-contact-box {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
margin: 24px 0;
padding: 16px 20px;
border: 1px solid #e2e4e6;
border-radius: 4px;
background: #fff;
color: var(--jmkt-ta24-text);
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box p {
margin: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-inline-mail {
min-width: 0;
margin: 0;
padding: 0;
font-size: 16px;
}
.jmkt-ta24-location .jmkt-ta24-loc-inline-mail {
position: relative;
margin: 0;
padding-left: 34px;
font-size: 16px;
line-height: 1.6;
text-transform: lowercase;
overflow-wrap: anywhere;
}
.jmkt-ta24-location .jmkt-ta24-loc-inline-phone {
margin: 0;
padding-left: 24px;
border-left: 1px solid #d8dce0;
font-size: 16px;
line-height: 1.6;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-contact .jmkt-ta24-loc-inline-phone {
border-left-color: #50565e;
}
.jmkt-ta24-location .jmkt-ta24-loc-inline-phone a {
position: relative;
display: inline-block;
padding-left: 34px;
color: inherit;
text-decoration: none;
transition: color 180ms ease;
} .jmkt-ta24-loc-inline-mail::before,
.jmkt-ta24-loc-inline-phone a::before {
content: "";
position: absolute;
top: .15em;
left: 0;
width: 23px;
height: 23px;
background: currentColor;
pointer-events: none;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.jmkt-ta24-loc-inline-mail::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E");
}
.jmkt-ta24-loc-inline-phone a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 3 4 4-2 3a16 16 0 0 0 6 6l3-2 4 4-2 3C10 22 2 14 3 5Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 3 4 4-2 3a16 16 0 0 0 6 6l3-2 4 4-2 3C10 22 2 14 3 5Z'/%3E%3C/svg%3E");
} .jmkt-ta24-location .jmkt-ta24-loc-regions {
margin: 26px 0 0;
padding-top: 20px;
border-top: 1px solid #e2e4e6;
}
.jmkt-ta24-location .jmkt-ta24-loc-regions-title {
margin: 0 0 8px;
font-weight: 650;
}
.jmkt-ta24-location .jmkt-ta24-loc-regions-text {
margin: 0;
color: #50565e;
font-size: 15px;
line-height: 1.8;
} .jmkt-ta24-location .jmkt-ta24-loc-faq {
margin: 0;
padding: 48px 24px;
background: var(--jmkt-ta24-light);
}
.jmkt-ta24-location .jmkt-ta24-loc-faq .jmkt-ta24-loc-heading {
margin-bottom: 24px;
}
.jmkt-ta24-location .jmkt-ta24-loc-detail {
margin: 0 0 12px;
padding: 0;
border: 1px solid #dfe2e5;
border-radius: 4px;
background: #fff;
overflow: hidden;
transition: border-color 180ms ease;
}
.jmkt-ta24-location .jmkt-ta24-loc-detail > summary {
position: relative;
margin: 0;
padding: 18px 52px 18px 20px;
color: var(--jmkt-ta24-text);
font-size: 16px;
font-weight: 600;
line-height: 1.5;
list-style: none;
cursor: pointer;
transition:
background-color 180ms ease,
color 180ms ease;
}
.jmkt-ta24-loc-detail > summary::-webkit-details-marker {
display: none;
}
.jmkt-ta24-loc-detail > summary::marker {
content: "";
}
.jmkt-ta24-location .jmkt-ta24-loc-detail > summary::after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
color: #b90512;
font-size: 23px;
font-weight: 400;
transform: translateY(-50%);
}
.jmkt-ta24-location .jmkt-ta24-loc-detail[open] > summary::after {
content: "−";
}
.jmkt-ta24-location .jmkt-ta24-loc-detail > p {
margin: 0;
padding: 0 20px 20px;
color: #50565e;
} .jmkt-ta24-location .jmkt-ta24-loc-final {
margin: 0;
padding: 38px 24px;
background: var(--jmkt-ta24-dark);
color: #fff;
}
.jmkt-ta24-location .jmkt-ta24-loc-final-title {
margin: 0 0 22px;
padding: 0;
color: #fff;
font-size: clamp(25px, 2.7vw, 32px);
font-weight: 700;
line-height: 1.25;
text-transform: none;
} @media (hover: hover) and (pointer: fine) {
.jmkt-ta24-location .jmkt-ta24-loc-card:hover {
transform: translateY(-4px);
border-color: #d9a1a5;
border-top-color: var(--jmkt-ta24-red);
box-shadow: 0 12px 26px rgba(0, 0, 0, .07);
}
.jmkt-ta24-location .jmkt-ta24-loc-card-link a:hover {
color: #b90512;
}
.jmkt-ta24-loc-card-link a:hover::after {
transform: translateX(4px);
}
.jmkt-ta24-location .jmkt-ta24-loc-button .wp-block-button__link:hover {
background: #b90512;
box-shadow: 0 5px 14px rgba(0, 0, 0, .12);
transform: translateY(-2px);
}
.jmkt-ta24-loc-button .wp-block-button__link:hover::after {
transform: translateX(3px);
}
.jmkt-ta24-location .jmkt-ta24-loc-detail > summary:hover {
background: #f9eeee;
color: #a90511;
}
.jmkt-ta24-location .jmkt-ta24-loc-inline-phone a:hover,
.jmkt-ta24-location .jmkt-ta24-loc-dynamic a:hover {
color: #e33140;
text-decoration: underline;
text-underline-offset: 4px;
}
} .jmkt-ta24-location a:focus-visible,
.jmkt-ta24-location summary:focus-visible {
outline: 2px solid #d60816;
outline-offset: 4px;
border-radius: 3px;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero a:focus-visible,
.jmkt-ta24-location .jmkt-ta24-loc-final a:focus-visible {
outline-color: #fff;
}
.jmkt-ta24-location .jmkt-ta24-loc-card:focus-within {
border-color: #d60816;
box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
} @media (max-width: 1100px) {
.jmkt-ta24-location .jmkt-ta24-loc-contact-box {
flex-direction: column;
align-items: flex-start;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box .jmkt-ta24-loc-inline-phone {
padding-left: 0;
border-left: 0;
}
} @media (max-width: 1000px) {
.jmkt-ta24-location .jmkt-ta24-loc-hero-grid {
gap: 28px;
}
.jmkt-ta24-location .jmkt-ta24-loc-cards {
gap: 16px;
}
.jmkt-ta24-location .jmkt-ta24-loc-card {
padding: 22px;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-title {
font-size: 21px;
}
} @media (max-width: 800px) {
.jmkt-ta24-location .jmkt-ta24-loc-hero {
padding: 40px 22px 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-grid,
.jmkt-ta24-location .jmkt-ta24-loc-cards,
.jmkt-ta24-location .jmkt-ta24-loc-person-grid {
grid-template-columns: minmax(0, 1fr);
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-copy {
padding-bottom: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-image {
aspect-ratio: 16 / 10;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-contact {
flex-direction: column;
align-items: flex-start;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-caption {
padding-right: 0;
border-right: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero-contact .jmkt-ta24-loc-inline-phone {
padding-left: 0;
border-left: 0;
}
.jmkt-ta24-location .jmkt-ta24-loc-services,
.jmkt-ta24-location .jmkt-ta24-loc-person {
padding: 40px 22px;
}
.jmkt-ta24-location .jmkt-ta24-loc-cards {
gap: 18px;
}
.jmkt-ta24-location .jmkt-ta24-loc-card {
padding: 24px;
}
.jmkt-ta24-location .jmkt-ta24-loc-card-title {
font-size: 23px;
}
.jmkt-ta24-location .jmkt-ta24-loc-portrait {
max-width: 480px;
aspect-ratio: 4 / 5;
}
.jmkt-ta24-location .jmkt-ta24-loc-person-copy {
padding-left: 22px;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box {
flex-direction: row;
align-items: center;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box .jmkt-ta24-loc-inline-phone {
padding-left: 24px;
border-left: 1px solid #d8dce0;
}
.jmkt-ta24-location .jmkt-ta24-loc-faq {
padding: 36px 22px;
}
.jmkt-ta24-location .jmkt-ta24-loc-final {
padding: 32px 22px;
}
}
@media (max-width: 600px) {
.jmkt-ta24-location .jmkt-ta24-loc-contact-box {
flex-direction: column;
align-items: flex-start;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box .jmkt-ta24-loc-inline-phone {
padding-left: 0;
border-left: 0;
}
}
@media (max-width: 480px) {
.jmkt-ta24-location .jmkt-ta24-loc-title {
font-size: 32px;
}
.jmkt-ta24-location .jmkt-ta24-loc-hero,
.jmkt-ta24-location .jmkt-ta24-loc-services,
.jmkt-ta24-location .jmkt-ta24-loc-person,
.jmkt-ta24-location .jmkt-ta24-loc-faq,
.jmkt-ta24-location .jmkt-ta24-loc-final {
padding-left: 18px;
padding-right: 18px;
}
.jmkt-ta24-location .jmkt-ta24-loc-person-copy {
padding-left: 16px;
}
.jmkt-ta24-location .jmkt-ta24-loc-contact-box {
padding: 16px;
}
} @media (prefers-reduced-motion: reduce) {
.jmkt-ta24-location *,
.jmkt-ta24-location *::before,
.jmkt-ta24-location *::after {
transition: none !important;
}
.jmkt-ta24-location .jmkt-ta24-loc-card:hover,
.jmkt-ta24-location .jmkt-ta24-loc-button .wp-block-button__link:hover {
transform: none;
}
.jmkt-ta24-loc-card-link a:hover::after,
.jmkt-ta24-loc-button .wp-block-button__link:hover::after {
transform: none;
}
}