.aljo-home,
.aljo-home-footer {
--aljo-home-navy: #1f2d55;
--aljo-home-dark: #172343;
--aljo-home-indigo: #40539a;
--aljo-home-text: #283246;
--aljo-home-pale: #f3f6fc;
--aljo-home-blue: #e3ebf7;
--aljo-home-border: #ccd8ea;
font-size: 17px;
line-height: 1.58;
}
.aljo-home *,
.aljo-home-footer * {
box-sizing: border-box;
}
.aljo-home {
width: min(1180px, calc(100% - 32px));
margin: clamp(24px, 5vw, 64px) auto;
color: var(--aljo-home-text);
container: aljo-home / inline-size;
}
.editor-styles-wrapper .aljo-home {
width: auto;
}
.aljo-home > .wp-block-group + .wp-block-group {
margin-block-start: clamp(24px, 5vw, 48px);
}
.aljo-home :is(h1, h2, h3),
.aljo-home-footer h2 {
color: var(--aljo-home-navy);
font-weight: 700;
letter-spacing: normal;
line-height: 1.2;
text-transform: none;
margin: 0 0 .65em;
}
.aljo-home h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
.aljo-home h2 { font-size: clamp(1.45rem, 3vw, 2.25rem); }
.aljo-home h3 { font-size: 1.15rem; }
.aljo-home p,
.aljo-home-footer p {
margin: 0 0 1em;
color: inherit;
line-height: inherit;
}
.aljo-home p:last-child,
.aljo-home-footer p:last-child { margin-bottom: 0; }
.aljo-home-hero,
.aljo-home-kranz {
border-radius: 20px;
padding: clamp(20px, 5vw, 60px);
}
.aljo-home-hero {
background: linear-gradient(125deg, #263862, #172343);
color: #fff;
}
.aljo-home-hero h1,
.aljo-home-footer h2 { color: #fff; }
.aljo-home-hero p,
.aljo-home-kranz > p { max-width: 69ch; }
.aljo-home-kranz { background: var(--aljo-home-pale); }
.aljo-home-specials { scroll-margin-top: 100px; }
.aljo-home-footer-grid {
display: grid;
gap: 16px;
align-items: stretch;
}
.aljo-home-perk,
.aljo-home-card,
.aljo-home-info-box {
padding: clamp(15px, 2.3vw, 26px);
border: 1px solid var(--aljo-home-border);
border-radius: 16px;
background: var(--aljo-home-blue);
overflow-wrap: anywhere;
}
.aljo-home-perk { font-size: .94em; }
.aljo-home-perk p:first-child { margin-bottom: .25em; }
.aljo-home-perk strong { color: var(--aljo-home-navy); }
.aljo-home-info-box { background: var(--aljo-home-pale); }
.aljo-home :is(.aljo-home-card, .aljo-home-info-box):not(:has(> .wp-block-group__inner-container)),
.aljo-home :is(.aljo-home-card, .aljo-home-info-box) > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
}
.aljo-home .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.aljo-home :is(.aljo-home-card, .aljo-home-info-box) .wp-block-buttons {
margin-top: auto;
}
.aljo-home .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
max-width: 100%;
padding: .65em 1em;
border: 1px solid var(--aljo-home-indigo);
border-radius: 999px;
background: var(--aljo-home-indigo);
color: #fff;
font-size: .9em;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none;
white-space: normal;
overflow-wrap: anywhere;
}
.aljo-home .aljo-home-button-secondary .wp-block-button__link,
.aljo-home-hero .wp-block-button__link {
background: #fff;
color: var(--aljo-home-navy);
}
.aljo-home-hero .aljo-home-button-secondary .wp-block-button__link {
border-color: #c9d5ee;
background: transparent;
color: #fff;
}
.aljo-home .wp-block-button__link:hover {
background: var(--aljo-home-dark);
color: #fff;
}
.aljo-home a:focus-visible,
.aljo-home-footer :is(a, button):focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.aljo-home-footer {
background: linear-gradient(115deg, #1f2d55, #172343);
color: #fff;
font-size: 15px;
overflow-wrap: anywhere;
}
.aljo-home-footer-inner {
width: min(1180px, calc(100% - 32px));
margin-inline: auto;
padding-block: clamp(28px, 5vw, 56px) 20px;
}
.aljo-home-footer-grid {
grid-template-columns: 1.3fr 1fr 1fr 1.15fr;
gap: clamp(18px, 4vw, 48px);
}
.aljo-home-footer h2 { font-size: 1.12rem; }
.aljo-home-footer a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.aljo-home-footer a:hover { color: #dbe7ff; }
.aljo-home-footer address { margin: 0 0 1em; font-style: normal; }
.aljo-home-footer ul { list-style: none; margin: 0; padding: 0; }
.aljo-home-footer li + li { margin-top: .4em; }
.aljo-home-footer .aljo-home-contact {
display: block;
margin-bottom: .65em;
padding: .55em .8em;
border: 1px solid #7180a1;
border-radius: 12px;
}
.aljo-home-contact span { display: block; font-weight: 700; }
.aljo-home-footer-bottom,
.aljo-home-footer-bottom nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.aljo-home-footer-bottom {
justify-content: space-between;
margin-top: 24px;
padding-top: 16px;
border-top: 1px solid #7180a1;
}
@media (max-width: 920px) {
.aljo-home-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.aljo-home-footer-grid { grid-template-columns: minmax(0, 1fr); }
} .aljo-home :is(.aljo-home-perks, .aljo-home-cards, .aljo-home-info, .aljo-home-intro):not(:has(> .wp-block-group__inner-container)),
.aljo-home :is(.aljo-home-perks, .aljo-home-cards, .aljo-home-info, .aljo-home-intro) > .wp-block-group__inner-container {
display: grid !important;
grid-template-columns: var(--aljo-grid-columns);
gap: var(--aljo-grid-gap, 16px);
width: 100%;
max-width: none;
}
.aljo-home :is(.aljo-home-perks, .aljo-home-cards, .aljo-home-info, .aljo-home-intro) > .wp-block-group,
.aljo-home :is(.aljo-home-perks, .aljo-home-cards, .aljo-home-info, .aljo-home-intro) > .wp-block-group__inner-container > .wp-block-group {
width: auto;
min-width: 0;
max-width: none;
margin: 0;
}
.aljo-home-perks { --aljo-grid-columns: repeat(4, minmax(0, 1fr)); }
.aljo-home-cards { --aljo-grid-columns: repeat(3, minmax(0, 1fr)); }
.aljo-home-info { --aljo-grid-columns: repeat(2, minmax(0, 1fr)); }
.aljo-home-intro {
--aljo-grid-columns: minmax(0, 1.35fr) minmax(0, 1fr);
--aljo-grid-gap: clamp(18px, 4vw, 48px);
}
.aljo-home-intro,
.aljo-home-intro > .wp-block-group__inner-container {
align-items: center;
}
.aljo-home .aljo-home-kranz h3 {
margin-block: 30px 12px;
font-size: 1.15em;
}
.aljo-home .aljo-home-perk {
padding: clamp(12px, 1.5vw, 20px);
}
.aljo-home .aljo-home-visual {
overflow: hidden;
border-radius: 14px;
}
.aljo-home .aljo-home-visual:not(:has(.wp-block-image)) {
display: grid;
place-items: center;
aspect-ratio: 4 / 3;
min-height: 100px;
padding: 14px;
border: 1px dashed #7386ad;
background: #e3ebf7;
color: #1f2d55;
text-align: center;
font-size: .86em;
}
.aljo-home .aljo-home-card .aljo-home-visual {
margin-bottom: 16px;
}
.aljo-home .aljo-home-card .aljo-home-visual:not(:has(.wp-block-image)) {
aspect-ratio: 3 / 2;
}
.aljo-home-visual .wp-block-image { margin: 0; }
.aljo-home-visual .wp-block-image img {
display: block;
width: 100%;
height: auto;
border-radius: 14px;
}
@container aljo-home (max-width: 880px) {
.aljo-home-perks,
.aljo-home-cards { --aljo-grid-columns: repeat(2, minmax(0, 1fr)); }
}
@container aljo-home (max-width: 680px) {
.aljo-home-intro,
.aljo-home-info { --aljo-grid-columns: minmax(0, 1fr); }
}
@container aljo-home (max-width: 520px) {
.aljo-home-cards { --aljo-grid-columns: minmax(0, 1fr); }
}
@container aljo-home (max-width: 365px) {
.aljo-home-perks { --aljo-grid-columns: minmax(0, 1fr); }
} body .aljo-home .wp-block-button__link,
body .aljo-home .wp-block-button__link:visited {
background: #40539a !important;
color: #ffffff !important;
}
body .aljo-home .aljo-home-button-secondary .wp-block-button__link,
body .aljo-home .aljo-home-button-secondary .wp-block-button__link:visited,
body .aljo-home .aljo-home-hero .wp-block-button__link,
body .aljo-home .aljo-home-hero .wp-block-button__link:visited {
background: #ffffff !important;
color: #1f2d55 !important;
}
body .aljo-home .wp-block-button__link:hover,
body .aljo-home .wp-block-button__link:focus-visible {
background: #172343 !important;
color: #ffffff !important;
} body .aljo-home .aljo-home-card {
display: flex !important;
flex-direction: column !important;
align-self: stretch;
min-width: 0;
} body .aljo-home .aljo-home-card > .wp-block-group__inner-container {
display: flex !important;
flex-direction: column !important;
flex: 1;
width: 100%;
min-width: 0;
} body .aljo-home .aljo-home-card .wp-block-buttons {
display: flex !important;
flex-wrap: wrap;
justify-content: center !important;
align-items: center;
width: 100%;
margin-top: auto !important;
padding-top: 20px;
gap: 10px;
}
body .aljo-home .aljo-home-card .wp-block-button {
margin: 0 !important;
max-width: 100%;
} body .aljo-home-footer a,
body .aljo-home-footer a:visited,
body .aljo-home-footer a span {
color: #ffffff !important;
}
body .aljo-home-footer a:hover,
body .aljo-home-footer a:focus-visible {
color: #dbe7ff !important;
text-decoration: underline !important;
} body .aljo-home .aljo-home-card .wp-block-image {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
margin: 0;
overflow: hidden;
border-radius: 14px;
}
body .aljo-home .aljo-home-card .wp-block-image > a {
display: block;
width: 100%;
height: 100%;
}
body .aljo-home .aljo-home-card .wp-block-image img {
display: block;
width: 100% !important;
height: 100% !important;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
}