.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23004c28' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 191, 99, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366d9a1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366d9a1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.block-faq .faq-surtitle {
font-family: "GolosText-600", "GolosText-fallback", sans-serif;
color: #00BF63;
text-transform: uppercase;
position: relative;
background: rgba(231, 244, 196, 0.5);
padding: 6px 20px;
}
.block-faq .faq-surtitle::before, .block-faq .faq-surtitle::after {
content: "";
background-image: url(//www.qualitaux.fr/wp-content/themes/qualitaux/img/bg/subtitle-point.png);
background-repeat: no-repeat;
background-size: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
pointer-events: none;
}
.block-faq .faq-surtitle::before {
left: 9px;
}
.block-faq .faq-surtitle::after {
right: 9px;
}
.block-faq .faq-title {
font-family: "GolosText-800", "GolosText-fallback", sans-serif;
line-height: 1.2;
}
.block-faq .accordion {
--bs-accordion-bg: transparent;
--bs-accordion-border-color: transparent;
--bs-accordion-btn-focus-box-shadow: none;
--bs-accordion-active-bg: transparent;
--bs-accordion-border-radius: 0;
}
.block-faq .accordion-item {
overflow: hidden;
border-bottom: solid 1px #D9D9D9 !important;
border-radius: 0;
}
.block-faq .accordion-item:not(:last-child) {
margin-bottom: 1rem;
}
.block-faq .accordion-item .accordion-header {
margin: 0;
}
.block-faq .accordion-item:has(.accordion-collapse.show) {
background-color: #f3f3f3;
border-radius: 8px;
border-bottom: 0 !important;
}
.block-faq .accordion-item .accordion-button {
font-family: "GolosText-700", "GolosText-fallback", sans-serif;
color: #333745;
font-size: 1.125rem;
cursor: pointer;
gap: 20px;
position: relative;
padding-right: 3.25rem;
line-height: 1.3;
}
.block-faq .accordion-item .accordion-button::after {
background-image: none !important;
}
.block-faq .accordion-item .accordion-button:focus {
box-shadow: none;
}
.block-faq .accordion-item .accordion-button.collapsed::before {
content: "";
background-image: url(//www.qualitaux.fr/wp-content/themes/qualitaux/img/bg/up-accordion.svg);
background-repeat: no-repeat;
background-size: auto;
position: absolute;
right: 0;
top: 45%;
transform: translateY(-52%);
width: 38px;
height: 38px;
}
.block-faq .accordion-item .accordion-button:not(.collapsed) {
background-color: transparent !important;
box-shadow: none;
}
.block-faq .accordion-item .accordion-button:not(.collapsed)::before {
content: "";
background-image: url(//www.qualitaux.fr/wp-content/themes/qualitaux/img/bg/close-accordion.svg);
background-repeat: no-repeat;
background-size: auto;
position: absolute;
right: 0;
top: 45%;
transform: translateY(-52%);
width: 38px;
height: 38px;
}
.block-faq .accordion-item .accordion-collapse.show .accordion-body {
background-color: transparent !important;
}
.block-faq .accordion-body {
font-family: "Inter-400", "Inter-fallback", sans-serif;
font-size: 1rem;
color: #333745;
max-width: 90%;
}
.block-faq .btn-faq {
color: #00BF63;
display: flex;
justify-self: flex-end;
align-items: center;
max-width: max-content;
font-family: "GolosText-600", "GolosText-fallback", sans-serif;
font-size: 1.125rem;
cursor: pointer;
gap: 8px;
border: none;
box-shadow: none;
}
.block-faq .btn-faq:hover {
color: #333745;
}
.block-faq .btn-faq:hover svg path {
fill: #333745;
}
@media (max-width: 991.98px) {
.block-faq .btn-faq {
justify-self: center;
}
}