/**
    Accordion & Toggle Transition
*/

.wdt-accordion-toggle-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

/**
    Accordion & Toggle Common
*/

.wdt-accordion-toggle-holder { overflow: hidden; width: 100%; margin: 0 auto; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description { 
    background-image: none; border-radius: 0px; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:not(:last-child) { 
    margin-bottom: 20px; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper { 
    display: flex; flex-wrap: wrap; width: 100%; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder { 
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem); /* Min-18 & Max-18 */ line-height: var(--wdtLineHeight_Alt); 
    position: relative; display: flex; align-items: flex-start; width: 100%; margin: 0 auto; padding: 18px 28px; cursor: pointer; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title {
    font-family: var(--wdt-elementor-typo-primary-font-family);
    flex-grow: 1;
    overflow-wrap: break-word;
    word-break: break-word;
    margin: 0;
    color: inherit;
    }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix'] { 
    line-height: normal; position: relative; margin: 0 10px 0 0; padding: 0 5px 0 0; display: inline-block; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix']:not(.icon):before {
    content: ''; position: absolute; width: 3px; height: 3px; top: 16px; right: 0; bottom: auto; left: auto; background: currentColor; }

.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder { 
    flex-direction: row-reverse; justify-content: start; }

.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { 
    margin: 0 20px 0 0; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-description {
    padding: 14px 28px; font-size: 1rem; width: 100%; background-color: transparent; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-description p { margin: 0; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { margin-block:auto; position: relative; 
    display: flex; flex-shrink: 0; width: 1em; height: 1em; margin-left: 10px; align-self: flex-start; margin-top: .25em; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon > div { 
    position: absolute; top: -2px; right: 0; bottom: 0; left: 0; display: flex; 
    align-items: center; justify-content: flex-end; margin: auto; font-size: var(--wdtFontSize_H6); }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 0; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 1; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 0; }

/** 
    Template Classic 
*/

.wdt-template-classic .wdt-accordion-toggle-wrapper { 
    position: relative; overflow: hidden; -webkit-border-radius: var(--wdtRadius_1X); border-radius: var(--wdtRadius_1X); }

.wdt-template-classic .wdt-accordion-toggle-title-holder { border-radius: var(--wdtRadius_1X); 
    padding: 20px clamp(1.25rem, 0.9795rem + 0.7463vw, 1.875rem); /* Min-20 & Max-30 */ border: none; }

.wdt-template-classic .wdt-accordion-toggle-description { background: rgba(var(--wdtBorderColorRgb),0.25)  ;
    border: none;padding: 40px clamp(1.25rem, 0.9795rem + 0.7463vw, 1.875rem) 25px; /* Min-20 & Max-30 */margin-top: -20px;}

/* Typo & Color */

.wdt-template-classic .wdt-accordion-toggle-wrapper { background-color: var(--wdtAccentTxtColor); }

.wdt-template-classic .wdt-accordion-toggle-title-holder {
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem); /* Min-18 & Max-18 */
    background-color: rgba(var(--wdtPrimaryColorRgb),0.15);
    color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Ext); gap: 10px; }

.wdt-template-classic .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-classic .wdt-accordion-toggle-title-holder.ui-state-active { 
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }


/** 
    Template Bordered 
*/

.wdt-template-bordered .wdt-accordion-toggle-wrapper { border: 1px solid var(--wdtBorderColor);
    position: relative; overflow: hidden; -webkit-border-radius: var(--wdtRadius_1X); border-radius: var(--wdtRadius_1X); }

.wdt-template-bordered .wdt-accordion-toggle-wrapper { background-color: var(--wdtAccentTxtColor); }

.wdt-template-bordered .wdt-accordion-toggle-title-holder {  text-transform: capitalize;
    color: var(--wdt-elementor-color-primary); padding: 20px clamp(1.25rem, 0.9795rem + 0.7463vw, 1.875rem); /* Min-20 & Max-30 */ font-weight: var(--wdtFontWeight_Base); }
.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder { color: var(--wdt-elementor-color-white); }

.wdt-template-bordered .wdt-accordion-toggle-description { padding: 0 clamp(1.25rem, 0.9795rem + 0.7463vw, 1.875rem) 25px; /* Min-20 & Max-30 */ margin-top: -7px; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { background-color: transparent; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { font-weight: var(--wdtFontWeight_Ext); }
