.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}.vel-sn-block,
.vel-sn-directory {
font-family: inherit;
color: var(--vel-sn-text, #2f3e36);
}
.vel-sn-block {
margin: 2.4rem 0;
padding: clamp(1.15rem, 3vw, 1.8rem);
background: linear-gradient(145deg, #fff 0%, var(--vel-sn-cream, #f7f2e8) 100%);
border: 1px solid rgba(183, 154, 91, .48);
border: 1px solid color-mix(in srgb, var(--vel-sn-gold, #b79a5b) 58%, transparent);
border-radius: 16px;
box-shadow: 0 14px 38px -30px rgba(35, 54, 46, .7);
clear: both;
}
.vel-sn-block--mid {
position: relative;
border-left: 4px solid var(--vel-sn-gold, #b79a5b);
}
.vel-sn-block__header {
max-width: 720px;
margin-bottom: 1.15rem;
}
.vel-sn-block__eyebrow {
display: block;
margin-bottom: .35rem;
color: var(--vel-sn-green, #30493d);
font-size: .72rem;
font-weight: 700;
letter-spacing: .13em;
}
.vel-sn-block__header h2 {
margin: 0 0 .45rem !important;
color: var(--vel-sn-green-dark, #22362e) !important;
font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
line-height: 1.2;
}
.vel-sn-block__header p {
margin: 0;
font-size: .98rem;
line-height: 1.55;
}
.vel-sn-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.vel-sn-card {
min-width: 0;
margin: 0;
background: #fff;
border: 1px solid rgba(48, 73, 61, .13);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 22px -20px rgba(34, 54, 46, .9);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vel-sn-card:hover,
.vel-sn-card:focus-within {
transform: translateY(-2px);
border-color: rgba(183, 154, 91, .75);
box-shadow: 0 15px 28px -22px rgba(34, 54, 46, .9);
}
.vel-sn-card__link {
display: flex;
height: 100%;
flex-direction: column;
color: inherit !important;
text-decoration: none !important;
}
.vel-sn-card__image-wrap {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #ece7dc;
}
.vel-sn-card__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.vel-sn-card:hover .vel-sn-card__image { transform: scale(1.025); }
.vel-sn-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: .9rem;
}
.vel-sn-card__badge {
margin-bottom: .42rem;
color: var(--vel-sn-green, #30493d);
font-size: .69rem;
font-weight: 700;
letter-spacing: .055em;
text-transform: uppercase;
}
.vel-sn-card__title {
color: var(--vel-sn-green-dark, #22362e);
font-size: 1.02rem;
font-weight: 700;
line-height: 1.3;
}
.vel-sn-card__excerpt {
margin-top: .42rem;
color: #5b665f;
font-size: .83rem;
line-height: 1.45;
}
.vel-sn-card__more {
margin-top: auto;
padding-top: .7rem;
color: var(--vel-sn-green, #30493d);
font-size: .82rem;
font-weight: 700;
}
.vel-sn-cta {
margin-top: 1.15rem;
text-align: center;
}
.vel-sn-cta a {
display: inline-flex;
min-height: 44px;
align-items: center;
justify-content: center;
padding: .7rem 1.1rem;
border: 1px solid var(--vel-sn-green, #30493d);
border-radius: 999px;
background: var(--vel-sn-green, #30493d);
color: #fff !important;
font-size: .9rem;
font-weight: 700;
text-decoration: none !important;
}
.vel-sn-cta a:hover,
.vel-sn-cta a:focus-visible { background: var(--vel-sn-green-dark, #22362e); }
.vel-sn-directory__header h2 { color: var(--vel-sn-green-dark, #22362e); }
.vel-sn-directory__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}
.vel-sn-directory-card {
overflow: hidden;
border: 1px solid rgba(183, 154, 91, .45);
border-radius: 16px;
background: var(--vel-sn-cream, #f7f2e8);
}
.vel-sn-directory-card > img {
display: block;
width: 100%;
aspect-ratio: 16 / 8;
object-fit: cover;
}
.vel-sn-directory-card__body { padding: 1.15rem; }
.vel-sn-directory-card__count {
color: var(--vel-sn-green, #30493d);
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em;
}
.vel-sn-directory-card h3 { margin: .3rem 0 .65rem; color: var(--vel-sn-green-dark, #22362e); }
.vel-sn-directory-card ul { margin: 0; padding-left: 1.15rem; }
.vel-sn-directory-card li + li { margin-top: .4rem; }
.vel-sn-directory-card a { color: var(--vel-sn-green-dark, #22362e); }
.vel-sn-progress {
position: fixed !important;
z-index: 2147483000 !important;
inset: 0 0 auto 0 !important;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
display: none !important;
width: 100vw !important;
max-width: none !important;
height: 3px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
transform: none !important;
translate: none !important;
pointer-events: none !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: none !important;
contain: layout paint style;
}
.vel-sn-progress.is-active { display: block !important; }
.vel-sn-progress span {
display: block !important;
width: 0;
max-width: 100%;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: var(--vel-sn-gold, #b79a5b);
transform: none !important;
transition: width .08s linear;
}
@media (max-width: 800px) {
.vel-sn-progress { height: 2px !important; }
.vel-sn-grid { grid-template-columns: 1fr; }
.vel-sn-card__link { flex-direction: row; }
.vel-sn-card__image-wrap { flex: 0 0 36%; aspect-ratio: auto; min-height: 128px; }
.vel-sn-card__excerpt { display: none; }
.vel-sn-directory__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.vel-sn-block { margin: 2rem -2px; padding: 1rem; border-radius: 13px; }
.vel-sn-card__image-wrap { flex-basis: 34%; min-height: 118px; }
.vel-sn-card__body { padding: .75rem; }
.vel-sn-card__title { font-size: .94rem; }
.vel-sn-card__more { padding-top: .45rem; }
}
@media (prefers-reduced-motion: reduce) {
.vel-sn-card, .vel-sn-card__image, .vel-sn-progress span { transition: none !important; }
} @media (max-width: 767px) {
.vel-sn-hide-mobile { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.vel-sn-hide-tablet { display: none !important; }
}
@media (min-width: 1025px) {
.vel-sn-hide-desktop { display: none !important; }
} @media (max-width: 767px) and (orientation: portrait) {
.vel-sn-progress,
.vel-sn-progress.is-active {
display: none !important;
}
}