/* Accordion 1.2.2 */
.lvd-cm-accordion .lvd-section-title                        {font-weight: 700; color:var(--lvd-color-black);}

.lvd-accordion .item                                        {position: relative;}
.lvd-accordion .item .title                                 {margin: 0; padding: 12px 50px 12px 0; margin-bottom:1px; font-weight: 700; cursor: pointer;  z-index: 1; position:relative; color:var(--lvd-color-black);}
.lvd-accordion .item .title:after                           {font-family: icomoon; position: absolute; right:16px; top:50%;   z-index:2; transition: all 0.1s ease;}

    /* icon chevron */
    .lvd-accordion .item .title:after                           {content: "\e94f"; font-size:16px; margin-top:-9px; right:0;} 
    .lvd-accordion .item.active .title:after                    {transform: rotate(-90deg);}

    /* icon plus */
    .lvd-accordion.lvd-icon-plus .item .title:after             {content: "\e962"; font-size:26px; margin-top:-13px; right:0;}
    .lvd-accordion.lvd-icon-plus .item.active .title:after      {transform: rotate(180deg); content: "\e95f";}

.lvd-accordion .item .content                               {padding: 0 1rem; height: 0;opacity: 0;z-index: 0;transition: all 0.1s ease; display:none; }
.lvd-accordion ul                                           {margin:0 0 16px 0 !important; padding-left:20px !important; }

.lvd-accordion .item:first-child .title                     {border-radius:8px 8px 0 0;}
.lvd-accordion .item:last-child .title                      {border-radius:0 0 8px 8px;}


/*Active state*/
.lvd-accordion .item.active                                 {border-color: var(--lvd-color-black);}
.lvd-accordion .item.active .title                          {font-weight:700;}
.lvd-accordion .item.active .content                        {padding: 0 20px 20px 0; height: auto; opacity: 1; transform: scaleY(1); display:block; }

.lvd-accordion .item.active:last-child .title               {border-radius:0;}
.lvd-accordion .item.active:last-child .content             {border-radius:0 0 8px 8px;}

/* White cards */
.lvd-cm-accordion.lvd-style-white-cards .item               {background:var(--lvd-color-white); box-shadow:var(--lvd-shadow-100); margin-bottom:8px; border-radius:4px; padding-left:20px;}
.lvd-cm-accordion.lvd-style-white-cards .lvd-section-title  {padding-left:20px;}
.lvd-cm-accordion.lvd-style-white-cards .lvd-section-title.lvd-text-center  {padding-left:0;}
.lvd-cm-accordion.lvd-style-white-cards .item .title:after  {right:16px;}

/* Light cards */
.lvd-cm-accordion.lvd-style-light-cards .item               {background:var(--lvd-color-gray-300); box-shadow:var(--lvd-shadow-100); margin-bottom:8px; border-radius:4px; padding-left:20px;}
.lvd-cm-accordion.lvd-style-light-cards .lvd-section-title  {padding-left:20px;}
.lvd-cm-accordion.lvd-style-light-cards .lvd-section-title.lvd-text-center  {padding-left:0;}
.lvd-cm-accordion.lvd-style-light-cards .item .title:after  {right:16px;}

/* Dark cards */
.lvd-cm-accordion.lvd-style-dark-cards                     {color:var(--lvd-color-white);}
.lvd-cm-accordion.lvd-style-dark-cards .item               {background:var(--lvd-color-black); box-shadow:var(--lvd-shadow-100); margin-bottom:8px; border-radius:4px; padding-left:20px;}
.lvd-cm-accordion.lvd-style-dark-cards .lvd-section-title  {padding-left:20px;}
.lvd-cm-accordion.lvd-style-dark-cards .lvd-section-title.lvd-text-center  {padding-left:0;}
.lvd-cm-accordion.lvd-style-dark-cards .item .title  {color:var(--lvd-color-white); }
.lvd-cm-accordion.lvd-style-dark-cards .item .title:after  {right:16px;}

/*Dark*/
.lvd-cm-accordion.lvd-style-dark .lvd-section-title, .lvd-cm-accordion.lvd-style-dark .item .title  {color:var(--lvd-color-white); }

/*Accent*/
.lvd-cm-accordion.lvd-style-accent .lvd-section-title, .lvd-cm-accordion.lvd-style-accent .item .title  {color:var(--lvd-color-white); }

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-accordion                                           {padding-left:20px; padding-right:20px;}  
.lvd-accordion .item .title:after                           {margin-top:-8px;}  
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-cm-accordion                                           {padding-left:20px; padding-right:20px;}  
.lvd-accordion .item .title:after                           {margin-top:-8px;}  
}