/* Core V.1.1.0 - Variables (containers, font size, spacing, shadow, rounded corners) - Reset - Common - Colors - Typography - Media - Layout (Containers, Grid, Flex) - Table */ :root { /* Colors */ --lvd-color-text:#3C3F49; --lvd-color-primary:#FE5440; --lvd-color-primary-100:#ffefed; --lvd-color-primary-200:#f4d2ce; --lvd-color-primary-300:#ffc000; --lvd-color-secondary:#3C3F49; --lvd-color-secondary-100:#FEF8F3; --lvd-color-secondary-200:#000000; --lvd-color-secondary-300:#000000; --lvd-color-third:#008c60; --lvd-color-black:#3C3F49; --lvd-color-white:#FFFFFF; --lvd-color-gray-100:#F9F9F9; --lvd-color-gray-200:#F2F2F2; --lvd-color-gray-300:#D9D9D9; --lvd-color-gray-400:#8a8a8a; --lvd-color-gray-500:#404040; --lvd-color-success:#22b573; --lvd-color-success-100:#c6e2d6; --lvd-color-error:#EC5252; --lvd-color-warning:#FC6D43; --lvd-color-info:#2268FD; /* Fonts */ --lvd-primary-font:'Montserrat', sans-serif; --lvd-secondary-font:'Roboto', sans-serif; --lvd-shadow-buttons: 0px 2px 5px 0px rgba(23, 46, 66, 0.15); /* Containers */ --lvd-width-stopper:1800px; --lvd-width-fullhd:1344px; --lvd-width-widescreen:1152px; --lvd-width-desktop:960px; --lvd-width-tablet:640px; /* Font size */ --lvd-text-d1:72px; --lvd-text-d2:64px; --lvd-text-d3:56px; --lvd-text-h1:48px; --lvd-text-h2:40px; --lvd-text-h3:32px; --lvd-text-h4:24px; --lvd-text-h5:20px; --lvd-text-body:16px; --lvd-text-s1:14px; --lvd-text-s2:11px; --lvd-text-s3:10px; /* Spacing */ --lvd-mb-txt:20px; --lvd-gap:16px; --lvd-line-height-base:1.4; --lvd-cover-image-height:600px; /* Shadow */ --lvd-shadow-100: 0 1px 4px 0 rgb(20 20 43 / 1%), 0 3px 6px 0 rgb(51 71 255 / 1%), 0 4px 22px 0 rgb(21 19 91 / 6%); --lvd-shadow-200: 0 1px 4px 0 rgb(20 20 43 / 1%), 0 3px 6px 0 rgb(51 71 255 / 1%), 0 4px 22px 0 rgb(21 19 91 / 8%); --lvd-shadow-300: 0 2px 6px 0 rgb(20 20 43 / 1%), 0 3px 6px 0 rgb(51 71 255 / 1%), 0 4px 22px 0 rgb(21 19 91 / 6%); --lvd-shadow-400: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); /* Transitions */ --lvd-transition:all .3s; /* Rounded corners */ --lvd-rounded:8px; --lvd-rounded-top:8px 8px 0 0; --lvd-rounded-right: 0 8px 8px 0; --lvd-rounded-bottom: 0 0 8px 8px; --lvd-rounded-left: 8px 0 0 8px; --lvd-rounded-md:16px; } /*----------------------------- RESET -----------------------------*/ html, body, div, span,iframe, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ul, li, fieldset, form, label, legend,table, caption, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} img {margin:0; padding:0; border:0; outline:0; text-decoration:none; background:transparent;} ul {list-style: none;} strong {font-weight: bold;} :focus {outline: 0;} /*----------------------------- COMMON -----------------------------*/ body {font-family: var(--lvd-primary-font); font-size:var(--lvd-text-body); font-weight:400; color:var(--lvd-color-text); background:#F5F5F7;} a {color:var(--lvd-color-secondary); padding:0; margin:0; border:0; text-decoration:none;} a:hover {color:var(--lvd-color-black); text-decoration:none; } p {margin-bottom: var(--lvd-mb-txt); line-height: var(--lvd-line-height-base); margin-block-start: 0; margin-block-end: 0;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .lvd-noclass {} .lvd-clear {clear: both;} /* Forms */ input {-webkit-border-radius:0; border-radius:0;} input[type=text], input[type=button], input[type=email], input[type=tel] {-webkit-appearance: none;} input[type=checkbox] {-webkit-appearance:checkbox !important;} input[type=text], input[type=tel], input[type=email], input[type=password] {height:48px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block;} textarea {height:120px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block; font-family: var(--lvd-primary-font);} /* Rounded corners */ .lvd-rounded, .lvd-rounded img {border-radius:var(--lvd-rounded);} .lvd-rounded-top, .lvd-rounded-top img {border-radius:var(--lvd-rounded-top);} .lvd-rounded-right, .lvd-rounded-right img {border-radius:var(--lvd-rounded-right);} .lvd-rounded-bottom, .lvd-rounded-bottom img {border-radius:var(--lvd-rounded-bottom);} .lvd-rounded-left, .lvd-rounded-left img {border-radius:var(--lvd-rounded-left);} /* Box Shadow */ .lvd-box-shadow-100 {box-shadow: var(--lvd-shadow-100);} .lvd-box-shadow-200 {box-shadow: var(--lvd-shadow-200);} .lvd-box-shadow-300 {box-shadow: var(--lvd-shadow-300);} .lvd-box-shadow-400 {box-shadow: var(--lvd-shadow-400);} /* Jump anchor */ .lvd-anchor {position:absolute; z-index:-1; left:0; margin-top:-100px;} /* Breadcrumbs */ .lvd-breadcrumbs {font-weight:300; font-size:var(--lvd-text-s1); font-family: var(--lvd-secondary-font); opacity:0.5;} /*----------------------------- COLORS -----------------------------*/ /* Body text color */ .lvd-color-text {color:var(--lvd-color-text);} /* Brand colors */ .lvd-color-primary {color:var(--lvd-color-primary);} .lvd-color-primary-100 {color:var(--lvd-color-primary-100);} .lvd-color-primary-200 {color:var(--lvd-color-primary-200);} .lvd-color-primary-300 {color:var(--lvd-color-primary-300);} .lvd-color-secondary {color:var(--lvd-color-secondary);} .lvd-color-secondary-100 {color:var(--lvd-color-secondary-100);} .lvd-color-secondary-200 {color:var(--lvd-color-secondary-200);} .lvd-color-secondary-300 {color:var(--lvd-color-secondary-300);} .lvd-color-third {color:var(--lvd-color-third);} /* Neutral colors */ .lvd-color-black {color:var(--lvd-color-black);} .lvd-color-white {color:var(--lvd-color-white);} .lvd-color-gray-100 {color:var(--lvd-color-gray-100);} .lvd-color-gray-200 {color:var(--lvd-color-gray-200);} .lvd-color-gray-300 {color:var(--lvd-color-gray-300);} .lvd-color-gray-400 {color:var(--lvd-color-gray-400);} .lvd-color-gray-500 {color:var(--lvd-color-gray-500);} /* Semantic colors */ .lvd-color-success {color:var(--lvd-color-success);} .lvd-color-error {color:var(--lvd-color-error);} .lvd-color-warning {color:var(--lvd-color-warning);} .lvd-color-info {color:var(--lvd-color-info);} /* Background color */ .lvd-background-primary {background-color:var(--lvd-color-primary);} .lvd-background-secondary {background-color:var(--lvd-color-secondary);} .lvd-background-third {background-color:var(--lvd-color-third);} .lvd-background-white {background-color:var(--lvd-color-white);} .lvd-background-black {background-color:var(--lvd-color-black);} /*----------------------------- TYPOGRAPHY -----------------------------*/ h1, h2, h3, h4, h5 {margin-bottom:var(--lvd-mb-txt);} h1 {font-size:var(--lvd-text-h1);} h2 {font-size:var(--lvd-text-h2);} h3 {font-size:var(--lvd-text-h3);} h4 {font-size:var(--lvd-text-h4);} h5 {font-size:var(--lvd-text-h5);} .lvd-text-d1 {font-size:var(--lvd-text-d1);} .lvd-text-d2 {font-size:var(--lvd-text-d2);} .lvd-text-d3 {font-size:var(--lvd-text-d3);} .lvd-text-h1 {font-size:var(--lvd-text-h1);} .lvd-text-h2 {font-size:var(--lvd-text-h2);} .lvd-text-h3 {font-size:var(--lvd-text-h3);} .lvd-text-h4 {font-size:var(--lvd-text-h4);} .lvd-text-h5 {font-size:var(--lvd-text-h5);} .lvd-text-body {font-size:var(--lvd-text-body);} .lvd-text-s2 {font-size:var(--lvd-text-s2);} .lvd-text-s1 {font-size:var(--lvd-text-s1);} .lvd-text-bold {font-weight:700;} .lvd-text-underline {text-decoration: underline;} .lvd-text-italic {font-style: italic;} .lvd-text-left {text-align:left;} .lvd-text-center {text-align:center;} .lvd-text-right {text-align:right;} /*----------------------------- MEDIA -----------------------------*/ /* Image responsive */ .lvd-img-responsive {max-width:100%; height:auto; vertical-align:bottom;} .lvd-img-responsive img {max-width:100%; height:auto; vertical-align:bottom;} /* Image cover */ .lvd-img-cover {background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;} .lvd-img-fit img {object-fit: cover;} /* Video responsive */ .lvd-video {position: relative; padding-bottom: 56.25%; margin: 0 auto; height: 0; overflow: hidden;} .lvd-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /*----------------------------- LAYOUT -----------------------------*/ /* Container */ .lvd-width-full {width:100%;} .lvd-width-stopper {max-width:var(--lvd-width-stopper); width:100%; margin:0 auto;} .lvd-width-fullhd {max-width: var(--lvd-width-fullhd); margin:0 auto;} .lvd-width-widescreen {max-width: var(--lvd-width-widescreen); margin:0 auto;} .lvd-width-desktop {max-width: var(--lvd-width-desktop); margin:0 auto;} .lvd-width-tablet {max-width: var(--lvd-width-tablet); margin:0 auto;} /* Display */ .lvd-none {display: none;} .lvd-block {display: block;} .lvd-inline {display: inline;} .lvd-inline-block {display: inline-block;} .lvd-flex {display: flex;} .lvd-inline-flex {display: inline-flex;} .lvd-grid {display: grid;} /* Overflow */ .lvd-overflow-hidden {overflow:hidden;} /* FLEX */ .lvd-flex-row {flex-direction: row; flex-wrap: wrap;} .lvd-flex-col {flex-direction: column; flex-wrap: wrap;} .lvd-flex-grow {flex-grow: 1;} .lvd-flex-grow0 {flex-grow: 0;} .lvd-flex-shrink {flex-shrink: 1;} .lvd-flex-shrink0 {flex-shrink: 0;} /* Flex Columns */ .lvd-c1 {max-width:100%; width:100%;} .lvd-c2 {max-width:calc(50% - var(--lvd-gap)); width:100%;} .lvd-c3 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} .lvd-c32 {max-width:calc(66% - var(--lvd-gap)); width:100%;} .lvd-c31 {max-width:calc(34% - var(--lvd-gap)); width:100%;} .lvd-c4 {max-width:calc(25% - var(--lvd-gap)); width:100%;} .lvd-c5 {max-width:calc(20% - var(--lvd-gap)); width:100%;} .lvd-c6 {max-width:calc(16.6666% - var(--lvd-gap)); width:100%;} .lvd-c7 {max-width:calc(14.2857% - var(--lvd-gap)); width:100%;} .lvd-c8 {max-width:calc(12.5% - var(--lvd-gap)); width:100%;} /* Flex Gap */ .lvd-gap0 {--lvd-gap: 0px;} .lvd-gap1 {--lvd-gap: 16px;} .lvd-gap2 {--lvd-gap: 12px;} .lvd-gap3 {--lvd-gap: 10px;} .lvd-gap4 {--lvd-gap: 4px;} /* fix lateral gap flex */ .lvd-margin-gap {margin:calc(-1 * var(--lvd-gap) / 2);} .lvd-margin-gap .lvd-c4 {margin:calc(var(--lvd-gap) / 2);} /* Flex Columns 12 system */ .lvd-col-1 {max-width:calc(8.3333%; - var(--lvd-gap)); width:100%;} /* 12 column*/ .lvd-col-2 {max-width:calc(16.6666%; - var(--lvd-gap)); width:100%;} /* 6 column*/ .lvd-col-3 {max-width:calc(25% - var(--lvd-gap)); width:100%;} /* 4 column*/ .lvd-col-4 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} /* 3 column*/ .lvd-col-5 {max-width:calc(41.6666% - var(--lvd-gap)); width:100%;} .lvd-col-6 {max-width:calc(50% - var(--lvd-gap)); width:100%;} /* 2 column*/ .lvd-col-7 {max-width:calc(58.3333% - var(--lvd-gap)); width:100%;} .lvd-col-8 {max-width:calc(66.6666% - var(--lvd-gap)); width:100%;} .lvd-col-9 {max-width:calc(75% - var(--lvd-gap)); width:100%;} .lvd-col-10 {max-width:calc(83.3333% - var(--lvd-gap)); width:100%;} .lvd-col-11 {max-width:calc(91.6666% - var(--lvd-gap)); width:100%;} .lvd-col-12 {max-width:100%; width:100%;} /* 1 column*/ /* GRID */ .lvd-grid-flow-row {grid-auto-flow: row;} .lvd-grid-flow-col {grid-auto-flow: column;} /* Grid columns */ .lvd-grid-cols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .lvd-grid-cols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .lvd-grid-cols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lvd-grid-cols4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .lvd-grid-cols5 {grid-template-columns: repeat(5, minmax(0, 1fr));} .lvd-grid-cols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} .lvd-grid-cols7 {grid-template-columns: repeat(7, minmax(0, 1fr));} .lvd-grid-cols8 {grid-template-columns: repeat(8, minmax(0, 1fr));} .lvd-grid-cols12 {grid-template-columns: repeat(12, minmax(0, 1fr));} /* Grid gap */ .lvd-grid-gap-none {gap:0px;} .lvd-grid-gap-xs {gap:4px;} .lvd-grid-gap-sm {gap:8px;} .lvd-grid-gap {gap:12px;} .lvd-grid-gap-md {gap:20px;} .lvd-grid-gap-lg {gap:40px;} .lvd-grid-gap-xl {gap:60px;} .lvd-grid-gap-2xl {gap:80px;} .lvd-grid-gap-3xl {gap:100px;} /* Justify content */ .lvd-justify-start {justify-content: flex-start;} .lvd-justify-center {justify-content: center;} .lvd-justify-end {justify-content: flex-end;} .lvd-justify-between {justify-content: space-between;} .lvd-justify-around {justify-content: space-around;} .lvd-justify-evenly {justify-content: space-evenly;} /* Align items */ .lvd-items-start {align-items: flex-start;} .lvd-items-end {align-items: flex-end;} .lvd-items-center {align-items: center;} .lvd-items-stretch {align-items: stretch;} .lvd-items-baseline {align-items: baseline;} /* Align self */ .lvd-self-start {align-self: flex-start;} .lvd-self-end {align-self: flex-end;} .lvd-self-center {-ms-grid-row-align:center; align-self:center;} /* Order */ .lvd-order1 {order:1;} .lvd-order2 {order:2;} .lvd-order3 {order:3;} .lvd-order4 {order:4;} .lvd-order5 {order:5;} .lvd-order6 {order:6;} .lvd-order7 {order:7;} .lvd-order8 {order:8;} /* Position */ .lvd-inset-0 {top: 0px; right: 0px; bottom: 0px; left: 0px;} /* Container center */ .lvd-align-center {margin:0 auto;} /* Padding */ .lvd-pxy-none {padding:0;} .lvd-pxy-xs {padding:10px;} .lvd-pxy-sm {padding:20px;} .lvd-pxy {padding:40px;} .lvd-pxy-md {padding:60px;} .lvd-pxy-lg {padding:80px;} .lvd-pxy-xl {padding:100px;} .lvd-px-xs {padding:0 10px 0 10px;} .lvd-px-sm {padding:0 20px 0 20px;} .lvd-px {padding:0 40px 0 40px;} .lvd-px-md {padding:0 60px 0 60px;} .lvd-px-lg {padding:0 80px 0 80px;} .lvd-px-xl {padding:0 100px 0 100px;} .lvd-py-xs {padding:10px 0 10px 0;} .lvd-py-sm {padding:20px 0 20px 0;} .lvd-py {padding:40px 0 40px 0;} .lvd-py-md {padding:60px 0 60px 0;} .lvd-py-lg {padding:80px 0 80px 0;} .lvd-py-xl {padding:100px 0 100px 0;} .lvd-pt-xs {padding-top:10px;} .lvd-pt-sm {padding-top:20px;} .lvd-pt {padding-top:40px;} .lvd-pt-md {padding-top:60px;} .lvd-pt-lg {padding-top:80px;} .lvd-pt-xl {padding-top:100px;} .lvd-pb-xs {padding-bottom:10px;} .lvd-pb-sm {padding-bottom:20px;} .lvd-pb {padding-bottom:40px;} .lvd-pb-md {padding-bottom:60px;} .lvd-pb-lg {padding-bottom:80px;} .lvd-pb-xl {padding-bottom:100px;} .lvd-pl-xs {padding-left:10px;} .lvd-pl-sm {padding-left:20px;} .lvd-pl {padding-left:40px;} .lvd-pl-md {padding-left:60px;} .lvd-pl-lg {padding-left:80px;} .lvd-pl-xl {padding-left:100px;} .lvd-pr-xs {padding-right:10px;} .lvd-pr-sm {padding-right:20px;} .lvd-pr {padding-right:40px;} .lvd-pr-md {padding-right:60px;} .lvd-pr-lg {padding-right:80px;} .lvd-pr-xl {padding-right:100px;} /* Margin */ .lvd-mxy-none {padding:0;} .lvd-mxy-xs {margin:10px;} .lvd-mxy-sm {margin:20px;} .lvd-mxy {margin:40px;} .lvd-mxy-md {margin:60px;} .lvd-mxy-lg {margin:80px;} .lvd-mxy-xl {margin:100px;} .lvd-mx-xs {margin:0 10px 0 10px;} .lvd-mx-sm {margin:0 20px 0 20px;} .lvd-mx {margin:0 40px 0 40px;} .lvd-mx-md {margin:0 60px 0 60px;} .lvd-mx-lg {margin:0 80px 0 80px;} .lvd-mx-xl {margin:0 100px 0 100px;} .lvd-my-xs {margin:10px 0 10px 0;} .lvd-my-sm {margin:20px 0 20px 0;} .lvd-my {margin:40px 0 40px 0;} .lvd-my-md {margin:60px 0 60px 0;} .lvd-my-lg {margin:80px 0 80px 0;} .lvd-my-xl {margin:100px 0 100px 0;} .lvd-mt-xs {margin-top:10px;} .lvd-mt-sm {margin-top:20px;} .lvd-mt {margin-top:40px;} .lvd-mt-md {margin-top:60px;} .lvd-mt-lg {margin-top:80px;} .lvd-mt-xl {margin-top:100px;} .lvd-mb-xs {margin-bottom:10px;} .lvd-mb-sm {margin-bottom:20px;} .lvd-mb {margin-bottom:40px;} .lvd-mb-md {margin-bottom:60px;} .lvd-mb-lg {margin-bottom:80px;} .lvd-mb-xl {margin-bottom:100px;} .lvd-ml-xs {margin-left:10px;} .lvd-ml-sm {margin-left:20px;} .lvd-ml {margin-left:40px;} .lvd-ml-md {margin-left:60px;} .lvd-ml-lg {margin-left:80px;} .lvd-ml-xl {margin-left:100px;} .lvd-mr-xs {margin-right:10px;} .lvd-mr-sm {margin-right:20px;} .lvd-mr {margin-right:40px;} .lvd-mr-md {margin-right:60px;} .lvd-mr-lg {margin-right:80px;} .lvd-mr-xl {margin-right:100px;} /* Margin bottom components */ .lvd-mb-block-spacer-sm {margin-bottom:40px;} .lvd-mb-block-spacer {margin-bottom:80px;} .lvd-mb-block-spacer-md {margin-bottom:120px;} .lvd-mb-block-spacer-lg {margin-bottom:160px;} .lvd-mb-block-spacer-none {margin-bottom:0;} /* Spacer */ .lvd-spacer-xs {height:10px;} .lvd-spacer-sm {height:20px;} .lvd-spacer {height:40px;} .lvd-spacer-md {height:80px;} .lvd-spacer-lg {height:100px;} .lvd-spacer-xl {height:120px;} .lvd-spacer-2xl {height:140px;} .lvd-spacer-3xl {height:160px;} /*----------------------------- TABLE -----------------------------*/ .lvd-table {margin-right:auto !important; margin-left:auto !important; border-collapse: collapse; width:100%; empty-cells: show;} .lvd-table td, .lvd-table th {padding:10px 20px; border:1px solid var(--lvd-color-gray-300); } .lvd-table th {color:var(--lvd-color-black); background:var(--lvd-color-gray-100); font-weight:700; text-align: left;} .lvd-table table {border-collapse: collapse; width:100%; empty-cells: show;} /*Ad*/ .lvd-ad {position:relative; border-radius:var(--lvd-rounded); padding:30px; text-align:center; border:1px solid var(--lvd-color-third);} .lvd-ad-icon {position:absolute; right:6px; top:6px; color:var(--lvd-color-third);} /*############################# MOBILE (bm-) #############################*/ @media (min-width:1px) and (max-width:767px) { /*Ad*/ .lvd-ad {padding:26px 0 22px 0; background:var(--lvd-color-third);} .lvd-ad-icon { color:var(--lvd-color-white);} /*----------------------------- COMMON -----------------------------*/ body {font-size:15px;} /*----------------------------- TYPOGRAPHY -----------------------------*/ h1, h2, h3, h4, h5 {--lvd-mb-txt:10px;} h1 {--lvd-text-h1:32px;} h2 {--lvd-text-h2:28px;} h3 {--lvd-text-h3:26px;} h4 {--lvd-text-h4:18px;} h5 {--lvd-text-h5:16px;} .lvd-text-d1 {--lvd-text-d1:44px;} .lvd-text-d2 {--lvd-text-d2:40px;} .lvd-text-d3 {--lvd-text-d3:36px;} .lvd-text-h1 {--lvd-text-h1:32px;} .lvd-text-h2 {--lvd-text-h2:28px;} .lvd-text-h3 {--lvd-text-h3:26px;} .lvd-text-h4 {--lvd-text-h4:18px;} .lvd-text-h5 {--lvd-text-h5:16px;} .lvd-text-body {--lvd-text-body:15px;} .lvd-text-s1 {--lvd-text-s1:13px;} .lvd-text-s2 {--lvd-text-s2:11px;} .lvd-text-s3 {--lvd-text-s3:9px;} /*----------------------------- LAYOUT -----------------------------*/ /* FLEX */ /* Flex Columns */ .bm-lvd-c1 {width:100%; max-width:100%;} .bm-lvd-c2 {max-width:calc(50% - var(--lvd-gap)); width:100%;} .bm-lvd-c3 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} /* Flex Columns 12 system */ .bm-lvd-col-1 {max-width:calc(8.3333%; - var(--lvd-gap)); width:100%;} /* 12 column*/ .bm-lvd-col-2 {max-width:calc(16.6666%; - var(--lvd-gap)); width:100%;} /* 6 column*/ .bm-lvd-col-3 {max-width:calc(25% - var(--lvd-gap)); width:100%;} /* 4 column*/ .bm-lvd-col-4 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} /* 3 column*/ .bm-lvd-col-5 {max-width:calc(41.6666% - var(--lvd-gap)); width:100%;} .bm-lvd-col-6 {max-width:calc(50% - var(--lvd-gap)); width:100%;} /* 2 column*/ .bm-lvd-col-7 {max-width:calc(58.3333% - var(--lvd-gap)); width:100%;} .bm-lvd-col-8 {max-width:calc(66.6666% - var(--lvd-gap)); width:100%;} .bm-lvd-col-9 {max-width:calc(75% - var(--lvd-gap)); width:100%;} .bm-lvd-col-10 {max-width:calc(83.3333% - var(--lvd-gap)); width:100%;} .bm-lvd-col-11 {max-width:calc(91.6666% - var(--lvd-gap)); width:100%;} .bm-lvd-col-12 {max-width:100%; width:100%;} /* 1 column*/ /* GRID */ /* Grid columns */ .bm-lvd-grid-cols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .bm-lvd-grid-cols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .bm-lvd-grid-cols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .bm-lvd-grid-cols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} /* GRID */ /* Grid gap */ .lvd-grid-gap-xs {gap:3px;} .lvd-grid-gap-sm {gap:6px;} .lvd-grid-gap {gap:10px;} .lvd-grid-gap-md {gap:16px;} .lvd-grid-gap-lg {gap:20px;} .lvd-grid-gap-xl {gap:40px;} .lvd-grid-gap-2xl {gap:60px;} .lvd-grid-gap-3xl {gap:80px;} /* Margin bottom components */ .lvd-mb-block-spacer-sm {margin-bottom:30px;} .lvd-mb-block-spacer {margin-bottom:60px;} .lvd-mb-block-spacer-md {margin-bottom:90px;} .lvd-mb-block-spacer-lg {margin-bottom:120px;} /*----------------------------- TABLE -----------------------------*/ .lvd-table {margin-right:10px !important; margin-left:10px !important; width: calc(100% - 20px);} .lvd-table td, .lvd-table th {padding:10px 20px; border:1px solid var(--lvd-color-gray-300); } } /*############################# END MOBILE (bm-) #############################*/ /*############################# TABLET (bt-) #############################*/ @media (min-width:768px) and (max-width:1023px) { /*----------------------------- LAYOUT -----------------------------*/ /* FLEX */ /* Flex Columns */ .bt-lvd-c1 {width:100%; max-width:100%;} .bt-lvd-c2 {max-width:calc(50% - var(--lvd-gap)); width:100%;} .bt-lvd-c3 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} } /*############################# END TABLET (bt-) #############################*/ /*############################# LARGE SCREEN (bl-) #############################*/ @media (min-width:1680px) { } /*############################# END LARGE SCREEN (bl-) #############################*/