.hmfq {
width: 100%;
max-width: var(--hmfq-max-width, 1040px);
font-family: var(--hmfq-font-ui, inherit);
color: var(--hmfq-question-color, #0057A6);
}
.hmfq-grouped {
width: 100%;
}
.hmfq-section + .hmfq-section {
margin-top: var(--hmfq-section-spacing, 60px);
}
.hmfq-term {
margin: 0 0 18px;
font-family: var(--hmfq-font-heading, inherit);
font-size: var(--hmfq-term-size, 15px);
line-height: 1.35;
letter-spacing: var(--hmfq-term-letter-spacing, 0.12em);
text-transform: var(--hmfq-term-text-transform, uppercase);
color: var(--hmfq-term-color, #0057A6) !important;
position: relative;
padding-bottom: 14px;
}
.hmfq-term::after {
content: "";
display: var(--hmfq-term-divider-display, none);
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: var(--hmfq-divider-color, #D7E4F1);
}
.hmfq-term a,
.hmfq-term a:visited,
.hmfq-term a:hover,
.hmfq-term a:focus {
color: var(--hmfq-term-color, #0057A6) !important;
text-decoration: none;
}
.hmfq-list {
list-style: none;
margin: 0;
padding: 0;
}
.hmfq-item {
margin: 0 0 var(--hmfq-question-gap, 4px);
position: relative;
}
.hmfq-item:last-child {
margin-bottom: 0;
}
.hmfq-item::after {
content: "";
display: var(--hmfq-question-divider-display, block);
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: var(--hmfq-divider-color, #D7E4F1);
}
.hmfq-question,
.hmfq-question:visited {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
padding: var(--hmfq-question-padding, 16px) 0;
text-decoration: none;
color: var(--hmfq-question-color, #0057A6) !important;
background: transparent;
border-radius: var(--hmfq-question-radius, 0);
transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
box-shadow: none;
}
.hmfq-question:hover,
.hmfq-question:focus {
background: var(--hmfq-question-hover-background, #F7FBFF);
padding-left: 8px;
padding-right: 8px;
transform: none;
box-shadow: none;
}
.hmfq-question-text {
display: block;
flex: 1 1 auto;
min-width: 0;
font-family: var(--hmfq-font-question, inherit);
font-size: var(--hmfq-question-size, 21px);
line-height: var(--hmfq-question-line-height, 1.35);
font-weight: var(--hmfq-question-weight, 500);
color: var(--hmfq-question-color, #0057A6) !important;
transition: color 0.2s ease;
}
.hmfq-question:hover .hmfq-question-text,
.hmfq-question:focus .hmfq-question-text {
color: var(--hmfq-hover-color, #003F7A) !important;
}
.hmfq-question-arrow {
flex: 0 0 auto;
color: var(--hmfq-arrow-color, #0057A6);
opacity: 0.55;
font-size: 18px;
line-height: 1;
transform: translateX(0);
transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}
.hmfq-question:hover .hmfq-question-arrow,
.hmfq-question:focus .hmfq-question-arrow {
opacity: 1;
transform: translateX(4px);
color: var(--hmfq-hover-color, #003F7A);
}
.hmfq-breadcrumbs {
margin: 0 0 18px;
font-family: var(--hmfq-font-ui, inherit);
font-size: 14px;
line-height: 1.5;
color: var(--hmfq-term-color, #0057A6);
}
.hmfq-breadcrumbs a,
.hmfq-breadcrumbs a:visited {
text-decoration: none;
color: var(--hmfq-term-color, #0057A6) !important;
}
.hmfq-breadcrumbs a:hover,
.hmfq-breadcrumbs a:focus {
color: var(--hmfq-hover-color, #003F7A) !important;
text-decoration: underline;
}
.hmfq-breadcrumb-sep {
opacity: 0.55;
margin: 0 6px;
}
@media (max-width: 767px) {
.hmfq-section + .hmfq-section {
margin-top: calc(var(--hmfq-section-spacing, 60px) * 0.75);
}
.hmfq-term {
margin-bottom: 12px;
}
.hmfq-question,
.hmfq-question:visited {
gap: 12px;
padding-top: calc(var(--hmfq-question-padding, 16px) * 0.85);
padding-bottom: calc(var(--hmfq-question-padding, 16px) * 0.85);
}
.hmfq-question-text {
font-size: calc(var(--hmfq-question-size, 21px) * 0.82);
}
.hmfq-question-arrow {
font-size: 16px;
}
}