/* --- List modal --- */
.lvd-cm-list-modal                                      {position:relative;}
.lvd-cm-list-modal .lvd-section-intro.lvd-text-center   {margin-left:auto; margin-right:auto;}
.lvd-cm-list-modal .lvd-section-intro                   {max-width:80%;}
.lvd-cm-list-modal .lvd-card                            {position:relative; display:flex; flex-direction: column; border-radius:var(--lvd-rounded); align-content: start;}


/*Top left*/
.lvd-cm-list-modal .lvd-icon-top-left .lvd-icon-container {width:90px; }
.lvd-cm-list-modal .lvd-icon-top-left .lvd-icon         {margin:40px 0 0 40px;}
.lvd-cm-list-modal .lvd-icon-top-left .lvd-content      {width:100%; padding:24px 40px 40px 40px;}
.lvd-cm-list-modal .lvd-icon-top-left .lvd-button-group {width:100%; padding:0 16px 40px 40px;}
/*Left*/
.lvd-cm-list-modal .lvd-icon-left .lvd-icon-container   {width:88px; padding:16px 0; display:flex; justify-content: center;}
.lvd-cm-list-modal .lvd-icon-left .lvd-content          {width: calc(100% - 90px); padding:24px 24px 24px 0; text-align:left;}
.lvd-cm-list-modal .lvd-icon-left .lvd-button-group     {width:100%; padding:8px 8px 0 0;}
.lvd-cm-list-modal .lvd-icon-left.lvd-card              {flex-direction: row;} /* Fix direction */
/*None*/
.lvd-cm-list-modal .lvd-icon-none .lvd-content          {width: 100%; padding:16px; text-align:left;}
.lvd-cm-list-modal .lvd-icon-none .lvd-button-group     {width:100%; padding:0 16px 8px 0;}
.lvd-cm-list-modal .lvd-icon-none.lvd-card              {flex-direction: row;} /* Fix direction */

.lvd-cm-list-modal .lvd-content p                       {margin-bottom:16px;}
.lvd-cm-list-modal .lvd-content p:last-child            {margin-bottom:0;}
.lvd-cm-list-modal .lvd-title                           {margin-bottom:8px;}

.lvd-cm-list-modal .lvd-modal-trigger::after            {content: ""; display: block; position:absolute; right:16px; bottom:16px;  width: 24px; height: 24px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url('../assets/svg/bs-icons/plus-circle-fill.svg');
    mask-image: url('../assets/svg/bs-icons/plus-circle-fill.svg'); transition: transform 0.3s ease, -webkit-mask-image 0.3s ease, mask-image 0.3s ease;}

/* Transparent cards fix */
.lvd-cm-list-modal.lvd-surface-style-light-no-cards .lvd-button-group  {padding-bottom:0;}

/* Animation */
/* initial state */
.lvd-cm-list-modal.lvd-animate-on-scroll .lvd-section-title,
.lvd-cm-list-modal.lvd-animate-on-scroll .lvd-section-intro, 
.lvd-cm-list-modal.lvd-animate-on-scroll .lvd-card                        {opacity: 0; transform: translateY(16px); transition-property: opacity, transform; transition-duration: 1s;
 transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);} 
/* animated */
.lvd-cm-list-modal.lvd-is-visible .lvd-section-title,
.lvd-cm-list-modal.lvd-is-visible .lvd-section-intro,
.lvd-cm-list-modal.lvd-is-visible .lvd-card                               {opacity: 1; transform: translateY(0);} 
/* delay */
.lvd-cm-list-modal.lvd-is-visible .lvd-section-title                      {transition-delay: 0s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-section-intro                      {transition-delay: 0.15s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(1)                  {transition-delay: 0.3s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(2)                  {transition-delay: 0.45s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(3)                  {transition-delay: 0.6s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(4)                  {transition-delay: 0.75s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(5)                  {transition-delay: 0.9s;}
.lvd-cm-list-modal.lvd-is-visible .lvd-card:nth-child(6)                  {transition-delay: 1.15s;}

/* --- Bm --- */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-list-modal, 
.lvd-cm-list-modal.lvd-px, 
.lvd-cm-list-modal.lvd-pxy                              {padding-left:8px; padding-right:8px;}
.lvd-cm-list-modal .lvd-cm-list-modal-intro             {max-width:100%;}
.lvd-cm-list-modal .lvd-card .lvd-content               {padding:16px;}

.lvd-cm-list-modal .lvd-modal-trigger::after            {right:8px; bottom:8px; width: 20px; height: 20px;}

/*Top left*/
.lvd-cm-list-modal .lvd-icon-top-left .lvd-icon         {margin:24px 0 0 24px;}
.lvd-cm-list-modal .lvd-icon-top-left .lvd-content      {padding:24px;}
.lvd-cm-list-modal .lvd-icon-top-left .lvd-button-group {width:100%; padding:0 16px 24px 24px;}

/*Left*/
.lvd-cm-list-modal .lvd-icon-left .lvd-icon-container   {width:80px; padding:24px 0;}
.lvd-cm-list-modal .lvd-icon-left .lvd-content          {width: calc(100% - 80px); padding:24px 24px 24px 0; text-align:left;}

/*Fix mobile position*/
.lvd-cm-list-modal .lvd-icon-left.lvd-box-icon-fix-mobile .lvd-icon-container   {width:82px; padding:16px 0;}
.lvd-cm-list-modal .lvd-icon-left.lvd-box-icon-fix-mobile .lvd-content          {width:100%; padding:0 16px 24px 16px;}

}

/* --- Bt --- */
@media (min-width:768px) and (max-width:1024px)
{
.lvd-cm-list-modal, 
.lvd-cm-list-modal.lvd-px, 
.lvd-cm-list-modal.lvd-pxy                              {padding-left:24px; padding-right:24px;}
}

/* --- Full HD --- */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-cm-list-modal, 
.lvd-cm-list-modal.lvd-px, 
.lvd-cm-list-modal.lvd-pxy                              {padding-left:24px; padding-right:24px;}
}