/**
    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: 0; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper { display: flex; flex-wrap: wrap; width: 100%; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder {     
    cursor: pointer; position: relative; width: 100%; display: flex; align-items: center; 
    font-size: clamp(1.25rem, 1.2055rem + 0.2454vw, 1.5rem); /*24px - 20px*/ line-height: var(--wdtLineHeight_Alt); 
    padding: clamp(1.25rem, 1.161rem + 0.4908vw, 1.75rem) 0; /*28px - 20px*/ margin: 0 auto; align-items: first baseline; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title { 
    font-family: var(--wdtFontTypo_Alt); flex-grow: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix'] { 
    line-height: 1; 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 {
    position: absolute; right: 0; bottom: 2px; width: 3px; height: 3px; content: ''; 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%; font-family: var(--wdtFontTypo_Base); background: transparent; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { position: relative; 
    display: flex; flex-shrink: 0; width: 1em; height: 1em; margin-left: 15px; top: 0.25em; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon > div { position: absolute; 
    top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: flex-end; margin: auto; }

.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; background-color: transparent; border: 1px solid var(--wdtBorderColor); -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); }

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

.wdt-template-classic .wdt-accordion-toggle-title-holder { 
    border: none; background-color: transparent; color: var(--wdtHeadAltColor); 
    padding: clamp(1.25rem, 1.161rem + 0.4908vw, 1.75rem); /*28px - 20px*/ }

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

.wdt-template-classic .wdt-accordion-toggle-description { 
    border: none; padding: clamp(1.25rem, 1.161rem + 0.4908vw, 1.75rem); /*28px - 20px*/ padding-top: 0; }


/** 
    Template Bordered 
*/

.wdt-template-bordered .wdt-accordion-toggle-wrapper { 
    border-bottom: 1px solid var(--wdtBorderColor); margin-bottom: 0; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder { border-width: 0; }

.wdt-template-bordered .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-title-holder { margin-bottom: 0; }

.wdt-template-bordered .wdt-accordion-toggle-description { 
    padding: 0 0 clamp(1.25rem, 1.161rem + 0.4908vw, 1.75rem) 0; /*28px - 20px*/ border-width: 0; 
    padding-right: clamp(0.875rem, 0.5rem + 1.6667vw, 2.5rem); }

.wdt-template-bordered .wdt-accordion-toggle-wrapper:last-child .wdt-accordion-toggle-description { border-top: 0; }
.wdt-template-bordered .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-description { border-bottom: 0; }

.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; color: var(--wdtHeadAltColor); }

.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { padding-bottom: 12px; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { color: var(--wdtHeadAltColor); }

.wdt-template-bordered .wdt-accordion-toggle-description { border-left-color: var(--wdt-elementor-color-primary); }


/** 
    Dark BG Styles
*/

.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover, 
.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { 
    color: var(--wdtAccentTxtColor); }

.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder, 
.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover, 
.wdt-dark-bg .wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { 
    color: var(--wdtAccentTxtColor); }