/*************************************
 * Visual Composer - Accordion Custom
*************************************/
/* general */
.br-accordion {
    --br-accor-x-spacing:16px;
    --br-accor-y-spacing:var(--br-spacing-24);
    --br-accor-width-icon:24px;
}
.br-accordion__image {aspect-ratio:466/600; border-radius:2px;}

/* has image with position */
@media only screen and (min-width:769px) {
    /* column */
    .br-accordion.has-image .br-accordion__col.content {width:60%;}
    .br-accordion.has-image .br-accordion__col.image {width:40%;}


    /* Image position left */
    .br-accordion.has-image.left .br-accordion__col.content {padding-left:24px;}

    /* Image position right */
    .br-accordion.has-image.right {flex-direction:row-reverse;}
    .br-accordion.has-image.right .br-accordion__col.content {padding-right:24px;}
}

/* accordion */
.br-accordion__items {background:#f4f4f4; border-radius:2px; padding:32px 24px;}

/* item */
.br-accordion__item:not(:last-child) {border-bottom:1px solid rgba(29, 29, 31, .08);}

/* heading */
.br-accordion__item-head {padding:var(--br-accor-y-spacing) var(--br-accor-x-spacing);}

/* heading > nav */
.br-accordion__nav {
    padding-right:calc(var(--br-accor-width-icon) + 5px);
    width:100%; background:transparent; text-align:left;
    position:relative;
}

/* heading > nav > text */
.br-accordion__nav:hover .br-accordion__nav-text {color:var(--br-color-primary)}

/* heading > nav > icon */
.br-accordion__controls-icon {
    position:absolute; top:50%; right:0; transform:translateY(-50%);
    font-style:normal; pointer-events:none;
    width:var(--br-accor-width-icon); aspect-ratio:1; border-radius:50%;
    background:var(--br-color-primary); color:var(--br-color-on-primary); font-size:10px;
    transition:var(--br-transition);
}
.br-accordion__controls-icon:before, .br-accordion__controls-icon:after {
    --br-color-text:var(--br-color-black);
    content:"\e93b"; font-family:var(--br-font-icomoon);
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
    font-size:10px; line-height:1;
    transition:all .3s ease;
}
.br-accordion__controls-icon:after {content:"\e93c";}
.br-accordion__nav:not(.active) .br-accordion__controls-icon:after,
.br-accordion__nav.active .br-accordion__controls-icon:before {opacity:0;transform:translate(-50%, -50%) rotate(90deg);}

/* body */
.br-accordion__item-body-inner {
    --br-spacing-default:var(--br-spacing-24);
    padding:0 var(--br-accor-x-spacing); color:var(--br-color-heading);
}
.br-accordion__item:not(:last-child) .br-accordion__item-body.active .br-accordion__item-body-inner {padding-bottom:var(--br-spacing-40);}
.br-accordion__item-body-inner > div:last-child {margin-bottom:0;}

/* remove spacing for first item and last item */
.br-accordion__item:first-child .br-accordion__item-head {padding-top:0;}
.br-accordion__item:last-child .br-accordion__item-head {padding-bottom:0;}
.br-accordion__item:last-child .br-accordion__item-body-inner {padding-top:var(--br-accor-y-spacing);}

/* Avoid CLS */
.br-accordion__items:not(.easy-tab-accordion-enabled) .br-accordion__item:not(:first-child) .br-accordion__item-body {display:none;}
.br-accordion__item-body:not(.active) {display:none;}

/*************************************
 * Visual Composer - Accordion Custom - Responsive
*************************************/
@media only screen and (max-width:768px) {
    .br-accordion {--br-accor-x-spacing:var(--br-gap-container);}
    .br-accordion__items {padding-left:0; padding-right:0;}
    .br-accordion__item:not(:last-child) .br-accordion__item-body.active .br-accordion__item-body-inner {
        padding-bottom:var(--br-spacing-32);
    }

    .br-accordion.has-image {
        flex-direction:column-reverse;
        max-width:540px; margin-left:auto; margin-right:auto
    }
    .br-accordion.has-image .br-accordion__col.content {width:100%;}
}