.nvsf-duo {
display: flex;
gap: 24px;
align-items: stretch;
}
.nvsf-duo,
.nvsf-duo *,
.nvsf-duo *::before,
.nvsf-duo *::after { box-sizing: border-box; }
.nvsf-duo-col {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
}
.nvsf-duo-heading {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 12px;
color: #143B52;
margin: 0 0 10px;
}
.nvsf-duo-heading::before {
content: "";
display: inline-block;
width: 22px;
height: 2px;
background: #E05218;
margin-right: 8px;
vertical-align: middle;
} .nvsf-duo .nvsf-finder {
max-width: none;
height: 100%;
flex: 1;
margin: 0;
} .nvsf-duo-events {
flex: 1;
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 1px solid #E8E8E8;
border-radius: 3px;
padding: 36px 40px;
font-family: Roboto, Arial, sans-serif;
} .nvsf-duo-events::before {
content: "";
display: block;
height: 4px;
background: linear-gradient(90deg, #E05218 0 20%, #E8E8E8 20%);
margin-bottom: 24px;
}
.nvsf-duo-events .nvem-next-events-wrapper {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
flex: 1;
}
.nvsf-duo-events .nvem-next-events-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.nvsf-duo-events .nvem-next-event {
display: flex;
align-items: center;
gap: 16px;
padding: 14px 0 !important;
margin: 0 !important;
border: none !important;
border-bottom: 1px solid #E8E8E8 !important;
}
.nvsf-duo-events .nvem-next-event:last-child { border-bottom: none !important; }
.nvsf-duo-events .nvem-next-event-date {
background: #F7F7F7 !important;
color: #143B52 !important;
border: 1px solid #E8E8E8 !important;
border-radius: 3px !important;
font-family: Montserrat, Arial, sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 1.3 !important;
text-align: center;
padding: 10px 14px !important;
min-width: 112px;
flex-shrink: 0;
}
.nvsf-duo-events .nvem-next-event-time {
display: block;
font-family: Roboto, Arial, sans-serif !important;
font-weight: 400 !important;
font-size: 12px !important;
color: #9A9DA2 !important;
margin-top: 2px;
}
.nvsf-duo-events .nvem-next-event-details { min-width: 0; }
.nvsf-duo-events a.nvem-next-event-title,
.nvsf-duo-events a.nvem-next-event-title:visited,
.nvsf-duo-events a.nvem-next-event-title:hover,
.nvsf-duo-events a.nvem-next-event-title:focus,
.nvsf-duo-events a.nvem-next-event-title:active {
display: block;
font-family: Montserrat, Arial, sans-serif !important;
font-weight: 700 !important;
font-size: 17px !important;
line-height: 1.35 !important;
color: #143B52 !important;
text-decoration: none !important;
background: transparent !important;
overflow-wrap: anywhere;
}
.nvsf-duo-events a.nvem-next-event-title:hover { color: #E05218 !important; }
.nvsf-duo-events .nvem-next-event-category {
font-family: Montserrat, Arial, sans-serif !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: #9A9DA2 !important;
margin-top: 3px;
} .nvsf-duo .nvsf-duo-events-cta,
.nvsf-duo .nvsf-duo-events-cta:visited {
margin-top: auto;
align-self: flex-start;
background: #E05218 !important;
color: #FFFFFF !important;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none !important;
padding: 10px 20px;
border-radius: 3px !important;
border: none !important;
box-shadow: none !important;
}
.nvsf-duo .nvsf-duo-events-cta:hover,
.nvsf-duo .nvsf-duo-events-cta:focus,
.nvsf-duo .nvsf-duo-events-cta:active {
background: #C84614 !important;
color: #FFFFFF !important;
}
@media (max-width: 1024px) {
.nvsf-duo { flex-direction: column; }
.nvsf-duo .nvsf-finder { height: auto; }
}
@media (max-width: 400px) {
.nvsf-duo-events { padding: 18px 14px; }
.nvsf-duo-events .nvem-next-event-date { min-width: 92px; padding: 8px 10px !important; }
}.nvsf-finder {
--nvsf-orange: var(--nvsf-accent-color, #E05218);
--nvsf-orange-dark: #C84614;
--nvsf-navy: #143B52;
--nvsf-headline: #202027;
--nvsf-body: #6F7378;
--nvsf-line: #E8E8E8;
max-width: 760px;
margin: 0 auto;
background: #fff;
border: 1px solid var(--nvsf-line);
border-radius: 3px;
padding: 36px 40px;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: var(--nvsf-body);
}     .nvsf-finder,
.nvsf-finder *,
.nvsf-finder *::before,
.nvsf-finder *::after {
box-sizing: border-box;
}
.nvsf-finder button {
-webkit-appearance: none;
appearance: none;
font-family: inherit;
font-size: inherit;
margin: 0;
box-shadow: none;
text-shadow: none;
background-image: none;
}
.nvsf-finder button:focus { outline: 2px solid var(--nvsf-navy); outline-offset: 2px; }
.nvsf-finder a { box-shadow: none; } .nvsf-finder .nvsf-finder-option,
.nvsf-finder .nvsf-finder-option:visited {
background: #F7F7F7 !important;
background-color: #F7F7F7 !important;
color: var(--nvsf-body) !important;
border: 1px solid var(--nvsf-line) !important;
border-radius: 3px !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.nvsf-finder .nvsf-finder-option:hover,
.nvsf-finder .nvsf-finder-option:focus,
.nvsf-finder .nvsf-finder-option:focus-visible,
.nvsf-finder .nvsf-finder-option:active {
background: #FFFFFF !important;
background-color: #FFFFFF !important;
color: var(--nvsf-body) !important;
border-color: var(--nvsf-orange) !important;
border-radius: 3px !important;
}
.nvsf-finder .nvsf-finder-option .nvsf-finder-option-label,
.nvsf-finder .nvsf-finder-option:hover .nvsf-finder-option-label,
.nvsf-finder .nvsf-finder-option:focus .nvsf-finder-option-label,
.nvsf-finder .nvsf-finder-option:active .nvsf-finder-option-label {
color: var(--nvsf-navy) !important;
}
.nvsf-finder .nvsf-finder-option .nvsf-finder-option-desc,
.nvsf-finder .nvsf-finder-option:hover .nvsf-finder-option-desc,
.nvsf-finder .nvsf-finder-option:focus .nvsf-finder-option-desc,
.nvsf-finder .nvsf-finder-option:active .nvsf-finder-option-desc {
color: #9A9DA2 !important;
}
.nvsf-finder .nvsf-finder-btn,
.nvsf-finder .nvsf-finder-btn:visited {
background: var(--nvsf-orange) !important;
background-color: var(--nvsf-orange) !important;
background-image: none !important;
color: #fff !important;
border-radius: 3px !important;
text-decoration: none !important;
}
.nvsf-finder .nvsf-finder-btn:hover,
.nvsf-finder .nvsf-finder-btn:focus,
.nvsf-finder .nvsf-finder-btn:active {
background: var(--nvsf-orange-dark) !important;
background-color: var(--nvsf-orange-dark) !important;
color: #fff !important;
text-decoration: none !important;
}
.nvsf-finder .nvsf-finder-btn--outline,
.nvsf-finder .nvsf-finder-btn--outline:visited {
background: transparent !important;
background-color: transparent !important;
color: var(--nvsf-navy) !important;
border: 2px solid var(--nvsf-navy) !important;
}
.nvsf-finder .nvsf-finder-btn--outline:hover,
.nvsf-finder .nvsf-finder-btn--outline:focus,
.nvsf-finder .nvsf-finder-btn--outline:active {
background: var(--nvsf-navy) !important;
background-color: var(--nvsf-navy) !important;
color: #fff !important;
}
.nvsf-finder .nvsf-finder-back,
.nvsf-finder .nvsf-finder-restart,
.nvsf-finder .nvsf-finder-back:hover,
.nvsf-finder .nvsf-finder-restart:hover,
.nvsf-finder .nvsf-finder-back:focus,
.nvsf-finder .nvsf-finder-restart:focus,
.nvsf-finder .nvsf-finder-back:active,
.nvsf-finder .nvsf-finder-restart:active {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.nvsf-finder .nvsf-finder-back,
.nvsf-finder .nvsf-finder-restart { color: #9A9DA2 !important; }
.nvsf-finder .nvsf-finder-back:hover,
.nvsf-finder .nvsf-finder-restart:hover,
.nvsf-finder .nvsf-finder-back:focus,
.nvsf-finder .nvsf-finder-restart:focus { color: var(--nvsf-navy) !important; }
.nvsf-finder h3,
.nvsf-finder h4,
.nvsf-finder p {
margin-left: 0;
margin-right: 0;
padding: 0;
overflow-wrap: anywhere;
}
.nvsf-finder-progress {
height: 4px;
background: var(--nvsf-line);
margin-bottom: 14px;
overflow: hidden;
}
.nvsf-finder-progress span {
display: block;
height: 100%;
background: var(--nvsf-orange);
transition: width 0.25s ease;
}
.nvsf-finder-meta {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 11px;
color: #9A9DA2;
margin-bottom: 10px;
}
.nvsf-finder-meta::before {
content: "";
display: inline-block;
width: 22px;
height: 2px;
background: var(--nvsf-orange);
margin-right: 8px;
vertical-align: middle;
}
.nvsf-finder-question {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 1.25;
color: var(--nvsf-headline);
margin: 0 0 8px;
}
.nvsf-finder-help { margin: 0 0 22px; }
.nvsf-finder-options {
display: grid;
gap: 10px;
margin-bottom: 20px;
}
.nvsf-finder-option {
display: block;
width: 100%;
text-align: left;
background: #F7F7F7;
border: 1px solid var(--nvsf-line);
border-radius: 3px;
padding: 16px 18px;
cursor: pointer;
transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.nvsf-finder-option:hover,
.nvsf-finder-option:focus-visible {
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(20, 59, 82, 0.08);
outline: none;
}
.nvsf-finder-option-label {
display: block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 15px;
color: var(--nvsf-navy);
}
.nvsf-finder-option-desc {
display: block;
font-size: 14px;
line-height: 22px;
margin-top: 2px;
color: #9A9DA2;
}
.nvsf-finder-back,
.nvsf-finder-restart {
background: none;
border: none;
padding: 0;
cursor: pointer;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #9A9DA2;
}
.nvsf-finder-back:hover,
.nvsf-finder-restart:hover { color: var(--nvsf-navy); }
.nvsf-finder-loading { text-align: center; padding: 30px 0; }
.nvsf-finder-results { display: grid; gap: 14px; margin: 6px 0 22px; }
.nvsf-finder-card {
display: flex;
border: 1px solid var(--nvsf-line);
border-radius: 3px;
overflow: hidden;
background: #fff;
}
.nvsf-finder-card-img {
flex: 0 0 150px;
background-size: cover;
background-position: center;
}
.nvsf-finder-card-body { padding: 16px 18px; flex: 1; }
.nvsf-finder-card-body h4 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 17px;
color: var(--nvsf-headline);
margin: 0 0 6px;
}
.nvsf-finder-card-meta { font-size: 14px; line-height: 22px; margin: 0 0 12px; }
.nvsf-finder-card-meta strong { color: var(--nvsf-navy); }
.nvsf-finder-btn {
display: inline-block;
background: var(--nvsf-orange);
color: #fff !important;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none !important;
padding: 10px 20px;
border-radius: 3px;
transition: background 0.15s ease;
}
.nvsf-finder-btn:hover { background: var(--nvsf-orange-dark); }
.nvsf-finder-btn--outline {
background: transparent;
color: var(--nvsf-navy) !important;
border: 2px solid var(--nvsf-navy);
}
.nvsf-finder-btn--outline:hover { background: var(--nvsf-navy); color: #fff !important; }
.nvsf-finder-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
border-top: 1px solid var(--nvsf-line);
padding-top: 18px;
}
@media (max-width: 640px) {
.nvsf-finder { padding: 24px 20px; }
.nvsf-finder-question { font-size: 21px; }
.nvsf-finder-card { flex-direction: column; }
.nvsf-finder-card-img { flex-basis: 140px; height: 140px; }
.nvsf-finder-footer { flex-direction: column; align-items: stretch; }
.nvsf-finder-footer .nvsf-finder-btn { text-align: center; }
.nvsf-finder-restart { align-self: flex-start; }
}
@media (max-width: 400px) {
.nvsf-finder { padding: 18px 14px; }
.nvsf-finder-question { font-size: 19px; line-height: 1.3; }
.nvsf-finder-option { padding: 14px 14px; }
.nvsf-finder-card-body { padding: 14px; }
.nvsf-finder-btn { display: block; width: 100%; text-align: center; }
} .nvsf-finder-alt {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #143B52;
margin: 0 0 12px;
}
.nvsf-finder-card--alt { border-left: 3px solid #9A9DA2; }
.nvsf-finder-card-flag {
position: absolute;
top: 8px;
right: 10px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #9A9DA2;
}
.nvsf-finder-card { position: relative; } .nvsf-finder-footer { flex-wrap: wrap; }
.nvsf-finder-footer-ctas { display: flex; gap: 10px; flex-wrap: wrap; }
.nvsf-finder-textlink-wrap { margin: 0 0 16px; }
.nvsf-finder .nvsf-finder-textlink,
.nvsf-finder .nvsf-finder-textlink:visited {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--nvsf-navy) !important;
text-decoration: none !important;
background: transparent !important;
}
.nvsf-finder .nvsf-finder-textlink:hover,
.nvsf-finder .nvsf-finder-textlink:focus {
color: var(--nvsf-orange) !important;
background: transparent !important;
}
@media (max-width: 640px) {
.nvsf-finder-footer-ctas { width: 100%; }
.nvsf-finder-footer-ctas .nvsf-finder-btn { flex: 1; text-align: center; }
}