/**
   * 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 { display: flex; align-items: center; position: relative; color: var(--wdt-elementor-color-text); }
.wdt-icon-list .wdt-listicon-wrapper { display: flex; align-items: center; 
   justify-content: center; flex-grow: 0; flex-shrink: 0; color: var(--wdt-elementor-color-accent); }

.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-icon-list-wrapper.wdt-type-1 .wdt-icon-item a{
   height: 30px;
   width: 30px;
   border: 1px solid currentColor;
   background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: var(--wdtRadius_Full);
}
.wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper{
   color:inherit;
   font-size:var(--wdtFontSize_Base);
}
.wdt-dark-bg .wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-item a{
   color: var(--wdt-elementor-color-white);
}
.wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-item a:hover{
   background-color: var(--wdt-elementor-color-accent);
   color: var(--wdt-elementor-color-white);
   border-color: var(--wdt-elementor-color-accent);
}
/*-- Type - 3 --*/
.wdt-icon-list-wrapper.wdt-type-3 .wdt-icon-item a{
   display: flex;
   align-items: center;
}