/**
   * WDT Icon List Base Styles
*/

.wdt-icon-list,
.wdt-icon-list *,
.wdt-icon-list .wdt-icon-item,
.wdt-icon-list .wdt-listicon-wrapper {
   position: relative;
   -webkit-transition: var(--wdt-Ad-Transition);
      -moz-transition: var(--wdt-Ad-Transition);
       -ms-transition: var(--wdt-Ad-Transition);
        -o-transition: var(--wdt-Ad-Transition);
           transition: var(--wdt-Ad-Transition);
}

.wdt-icon-list-wrapper { width: 100%; }

.wdt-icon-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.wdt-icon-list li { padding: 0px; }

.wdt-icon-list .wdt-icon-item, .wdt-icon-list .wdt-icon-item a { display: flex; align-items: center; position: relative; color: var(--wdt-elementor-color-text); }

.wdt-dark-bg .wdt-icon-list .wdt-icon-item,
.wdt-dark-bg .wdt-icon-list .wdt-icon-item a{ color: var(--wdtAccentTxtColor);}

.wdt-icon-list .wdt-icon-item a:hover{ color:var(--wdtSecondaryColor) }
.wdt-icon-list .wdt-icon-item a:hover .wdt-listicon-wrapper {
   color: unset;
}

.wdt-icon-list .wdt-listicon-wrapper { display: flex; align-items: center; 
   justify-content: center; flex-grow: 0; flex-shrink: 0; color: inherit; font-size: var(--wdtFontSize_H6); }

.wdt-icon-list-wrapper .wdt-icon-list li:not(:last-child){
   margin-bottom: calc(15px / 2);
   padding-bottom: calc(15px / 2);
}

.wdt-icon-list li:not(:last-child):after { content: ""; display: block; position: absolute; border-color: #ddd; }

/** 
   * Layout vertical Styles
*/

.wdt-icon-list.layout-vertical { flex-direction: column; }
.wdt-icon-list.layout-vertical .wdt-icon-item { flex: 1 1 100%; }

.wdt-icon-list.layout-vertical li:not(:last-child):after { bottom: 0; border-bottom-width: 1px; width: 100%; transform: translateY(50%); }

/** 
   * Layout horizontal Styles
*/

.wdt-icon-list.layout-horizontal { flex-direction: row; margin: -6px 0px; }
.wdt-icon-list.layout-horizontal > li { padding-top: 6px; padding-bottom: 6px; }

.wdt-icon-list.layout-horizontal li:not(:last-child):after { right: 0; top: 50%; border-right-width: 1px; height: 90%; transform: translate(50%, -50%); }
/*-- Type 1 */
.wdt-type-1 .wdt-icon-list .wdt-icon-item, .wdt-type-1 .wdt-icon-list .wdt-icon-item a {
   align-items: baseline !important;
}
.wdt-type-1 .wdt-icon-list .wdt-icon-item .wdt-listicon-wrapper, .wdt-type-1 .wdt-icon-list .wdt-icon-item a .wdt-listicon-wrapper {
   position: relative; top: -2px;
}
/*-- Type 2 */
.wdt-type-2 .wdt-icon-list .wdt-icon-item, .wdt-type-2 .wdt-icon-list .wdt-icon-item a{
   align-items: center;
}


/* Type 3 */

.wdt-type-3 .layout-horizontal.wdt-icon-list li:not(:last-child){
   margin: 0;
   padding: 0;
   margin-right: calc(15px / 2) ;
   padding-right: calc(15px / 2);
}

.wdt-type-3 .wdt-icon-list .wdt-listicon-wrapper{
   font-size: calc(var(--wdtFontSize_H6) + 2px);
}

.wdt-type-3 .wdt-icon-list .wdt-icon-item a{
   width: 44px;
   height: 44px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--wdtPrimaryColor);
   border-radius:var(--wdtRadius_Zero);
   border:1px solid var(--wdtBorderColor) ;
}
.wdt-type-3 .wdt-icon-list .wdt-icon-item a:hover{
   background-color: var(--wdtPrimaryColor);
   color:var(--wdtAccentTxtColor);
   border-color: var(--wdtPrimaryColor);
}

/* Dark Bg */

.wdt-dark-bg .wdt-type-3 .wdt-icon-item a{
   border-color: var(--wdtAccentTxtColor);
   color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-type-3 .wdt-icon-item a:hover{
   background-color: var(--wdtSecondaryColor);
   border-color: transparent;
}