﻿/* Half Width Accordion */
.halfwidth-accordion .faq-card,
.halfwidth-accordion .faq-card.collapsed {
    max-width: 550px;
    margin: auto;
    margin-bottom: 12px;
    background-color: white;
    box-shadow: 0px 0 10px var(--shadow-gray-color);
    padding: 12px 16px;
    border-radius: 3px;
}

.halfwidth-accordion .faq-card-subtitle {
    text-align: left;
    font-size: .75em;
    color: var(--primary-dark-gray-color);
}

.halfwidth-accordion .faq-card-body {
    max-width: 550px;
    margin: auto;
    font-size: 1em;
    padding-top: 1em;
    line-height: 1em;
}

.halfwidth-accordion .faq-message {
    font-weight: 700;
    vertical-align: middle;
    font-size: .75em;
    line-height: 1em;
    text-align: left;
    text-decoration: underline;
}

@media screen and (min-width: 990px) {
    .halfwidth-accordion .faq-message {
        font-size: 1em;
        line-height: 1.5em;
        text-align: left;
        padding-right: .5em;
    }
}

.halfwidth-accordion .collapsed .faq-card-title,
.halfwidth-accordion .faq-card-title {
    font-size: 1.25em !important;
    font-weight: 700 !important;
    font: inherit;
    color: var(--primary-purple-color);
    opacity: 1;
}

.halfwidth-accordion .faq-card-plus-vertical,
.halfwidth-accordion .faq-card-plus-horizontal {
    display: none !important;
}

.halfwidth-accordion .faq-card-toggle {
    text-align: center;
    background-image: url(/assets/icons/circle-down.svg);
    height: 24px;
    width: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.halfwidth-accordion .faq-card[aria-expanded="true"] .faq-card-toggle {
    transform: rotate( 180deg );
}

.halfwidth-accordion .faq-card-body::before {
    content: "";
    display: none;
}

.halfwidth-accordion .value-services__header {
    max-width: 550px;
    margin: 25px auto;
}

.halfwidth-accordion .sub-hero-content-title, .data-table-title, .header-text-title, .block-content-title {
    color: var(--secondary-orange-color);
    font-family: lora, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}