/* Version 1.0.0 */

/* Card icons */
.lvd-cm-card-icons .lvd-section-title                   {color:var(--lvd-color-black);}
.lvd-cm-card-icons .lvd-section-intro.lvd-text-center   {margin-left:auto; margin-right:auto;}
.lvd-cm-card-icons .lvd-section-intro                   {max-width:80%;}

.lvd-cm-card-icons .lvd-card                            {border-radius:var(--lvd-rounded);}
.lvd-cm-card-icons .lvd-icon span                       {font-size:var(--lvd-text-h3); height:40px; width: auto;}
.lvd-cm-card-icons .lvd-icon-top .lvd-icon              {width:100%; text-align:center; padding:40px 40px 0 40px;}
.lvd-cm-card-icons .lvd-icon-top .lvd-content           {width:100%; height:100%; padding:20px 40px; text-align:center;}
.lvd-cm-card-icons .lvd-icon-left .lvd-icon             {width:80px; text-align:center; padding:40px 0; height:100%;}
.lvd-cm-card-icons .lvd-icon-left .lvd-content          {width: calc(100% - 80px); height:100%; padding:40px 20px 20px 0; text-align:left;}
.lvd-cm-card-icons .lvd-content p                       {margin-bottom:20px;}
.lvd-cm-card-icons .lvd-content p:last-child            {margin-bottom:0;}
.lvd-cm-card-icons .lvd-title                           {font-weight: 700; margin-bottom:10px; color:var(--lvd-color-black);}

/*.lvd-cm-card-icons .lvd-button-primary                  {margin-bottom:20px;}*/

/* Surface Light */
.lvd-cm-card-icons.lvd-style-light                       {background:var(--lvd-color-gray-200);}

/*Card white*/
.lvd-cm-card-icons .lvd-card.lvd-style-white             {border: 1px solid var(--lvd-color-gray-200);}

/*Card transparent*/
.lvd-cm-card-icons .lvd-card.lvd-style-transparent       {box-shadow:unset;}
.lvd-cm-card-icons .lvd-card.lvd-style-transparent.lvd-icon-top .lvd-icon              {padding:0 40px 20px 40px;}
.lvd-cm-card-icons .lvd-card.lvd-style-transparent.lvd-icon-top .lvd-content           {padding:0 40px; }
.lvd-cm-card-icons .lvd-card.lvd-style-transparent.lvd-icon-left .lvd-icon             {padding:0; }
.lvd-cm-card-icons .lvd-card.lvd-style-transparent.lvd-icon-left .lvd-content          {padding:0 20px 0 0;}

/* MOBILE (sm) */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-card-icons, .lvd-cm-card-icons.lvd-px, .lvd-cm-card-icons.lvd-pxy   {padding-left:20px !important; padding-right:20px !important;}
.lvd-cm-card-icons .lvd-cm-card-icons-intro                                 {max-width:100%;}
.lvd-cm-card-icons .lvd-card .lvd-content                                   {padding:20px;}
}