/* Core V.1.4.0 Designed by Live Design https://livedesign.ro */ /*----------------------------- VARIABLES -----------------------------*/ :root { /* COLORS */ --lvd-color-text:#404040; --lvd-color-bg:#FFFFFF; /* Primary colors */ --lvd-color-primary:#008ea8; --lvd-color-primary-on:#ffffff; --lvd-color-primary-surface:#DEF0F3; --lvd-color-primary-surface-text:#121212; --lvd-color-primary-light:#B3C2FF; --lvd-color-primary-light-on:#1D3CB8; --lvd-color-primary-dark:#02768b; --lvd-color-primary-dark-on:#b3c1fa; --lvd-color-primary-100:#4CDBF5; /* Secondary colors */ --lvd-color-secondary:#F57158; --lvd-color-secondary-on:#ffffff; --lvd-color-secondary-surface:#fde2dd; --lvd-color-secondary-surface-text:#831600; --lvd-color-secondary-light:#51CF80; --lvd-color-secondary-light-on:#009137; --lvd-color-secondary-dark:#005E24; --lvd-color-secondary-dark-on:#D5EDDE; --lvd-color-secondary-100:#f59583; /* Tertiary colors */ --lvd-color-tertiary:#ba4600; /* Neutral colors */ --lvd-color-black:#000000; --lvd-color-white:#FFFFFF; --lvd-color-gray-100:#F9F9F9; --lvd-color-gray-200:#E8E8EB; --lvd-color-gray-300:#D9D9DB; --lvd-color-gray-400:#737373; --lvd-color-gray-500:#404040; /* Info colors */ --lvd-color-success:#00C44F; --lvd-color-success-100: #E9FFE4; --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; /* 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; /* CONTAINERS */ --lvd-width-stopper:1800px; --lvd-width-fullhd:1344px; --lvd-width-widescreen:1152px; --lvd-width-desktop:960px; --lvd-width-tablet:640px; /* Spacing */ --lvd-mb-txt:16px; --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); --lvd-shadow-button: 0px 2px 5px 0px rgba(54, 54, 54, 0.28); --lvd-shadow-text: 0px 1px 3px rgba(0, 0, 0, 0.2); /* Gradients */ --lvd-gradient-transparent: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(245, 245, 247, 0) 0%, rgba(245, 245, 247, 1) 100%) repeat scroll 0 0; --lvd-gradient-white: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0; --lvd-gradient-light: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(232, 232, 235, 0) 0%, rgba(232, 232, 235, 1) 100%) repeat scroll 0 0; --lvd-gradient-primary-light: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(218, 221, 240, 0) 0%, rgba(218, 221, 240, 1) 100%) repeat scroll 0 0; --lvd-gradient-primary-dark: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(7, 31, 133, 0) 0%, rgba(7, 31, 133, 1) 100%) repeat scroll 0 0; --lvd-gradient-secondary-light: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(221, 234, 234, 0) 0%, rgba(221, 234, 234, 1) 100%) repeat scroll 0 0; --lvd-gradient-secondary-dark: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 94, 36, 0) 0%, rgba(0, 94, 36, 1) 100%) repeat scroll 0 0; --lvd-gradient-dark: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0; --lvd-gradient-accent: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(57, 88, 212, 0) 0%, rgba(57, 88, 212, 1) 100%) repeat scroll 0 0; /* 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; --lvd-rounded-lg:24px; } /*----------------------------- 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;} * {touch-action: manipulation;} .lvd-scrolloff {overflow-y:hidden; position:fixed; top:0; left:0; right:0; bottom:0;} /*----------------------------- COMMON -----------------------------*/ body {font-family: var(--lvd-primary-font); font-size:var(--lvd-text-body); font-weight:400; color:var(--lvd-color-text); background:var(--lvd-color-bg);} a {color:var(--lvd-color-primary); 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], select {height:48px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block; box-shadow: inset 0 2px 5px -1px rgba(0,0,0,.1); transition: background ease-in-out .15s,border ease-in-out .25s,color ease-in-out .15s;} 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); box-shadow: inset 0 2px 5px -1px rgba(0,0,0,.1); transition: background ease-in-out .15s,border ease-in-out .25s,color ease-in-out .15s;} /* 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);} /* Reviews */ .lvd-reviews-badge {font-size: var(--lvd-text-s1); color:var(--lvd-color-primary);} .lvd-reviews-badge span {color:var(--lvd-color-secondary);} /* Author tag */ .lvd-author-tag {margin-bottom:16px;} .lvd-author-tag .lvd-author-image {width:50px; margin-right:16px;} .lvd-author-tag .lvd-author-image img {border-radius:25px; padding:0; border:0; margin-bottom:0;} .lvd-author-tag .lvd-author-details {font-size: var(--lvd-text-s1);} .lvd-author-tag .lvd-author-meta {color:var(--lvd-color-primary); font-size: var(--lvd-text-s2);} /*----------------------------- COLORS -----------------------------*/ /* Body text color */ .lvd-color-text {color:var(--lvd-color-text);} /* Brand colors */ .lvd-color-primary {color:var(--lvd-color-primary);} .lvd-color-secondary {color:var(--lvd-color-secondary);} .lvd-color-tertiary {color:var(--lvd-color-tertiary);} /* 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);} /* Surface color */ .lvd-surface-primary {background-color:var(--lvd-color-primary-surface);} .lvd-surface-secondary {background-color:var(--lvd-color-secondary-surface);} /*----------------------------- 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-regular {font-weight:400;} .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;} /*Image blending*/ .lvd-image-blending {mix-blend-mode: multiply; isolation: isolate;} /* 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%;} .lvd-video video {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 gap */ .lvd-flex-gap-none {--lvd-gap: 0px;} .lvd-flex-gap-xs {--lvd-gap: 4px;} .lvd-flex-gap-sm {--lvd-gap: 8px;} .lvd-flex-gap {--lvd-gap: 12px;} .lvd-flex-gap-md {--lvd-gap: 20px;} .lvd-flex-gap-lg {--lvd-gap: 40px;} .lvd-flex-gap-xl {--lvd-gap: 60px;} .lvd-flex-gap-2xl {--lvd-gap: 80px;} .lvd-flex-gap-3xl {--lvd-gap: 100px;} /* 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%;} /* 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 gap */ .lvd-grid-gap-none {gap:0px;} .lvd-grid-gap-2xs {gap:8px;} .lvd-grid-gap-xs {gap:16px;} .lvd-grid-gap-sm {gap:24px;} .lvd-grid-gap {gap:32px;} .lvd-grid-gap-md {gap:40px;} .lvd-grid-gap-lg {gap:48px;} .lvd-grid-gap-xl {gap:56px;} .lvd-grid-gap-2xl {gap:64px;} .lvd-grid-gap-3xl {gap:72px;} /* 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));} /* 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:8px;} .lvd-pxy-sm {padding:16px;} .lvd-pxy {padding:32px;} .lvd-pxy-md {padding:48px;} .lvd-pxy-lg {padding:56px;} .lvd-pxy-xl {padding:72px;} .lvd-px-xs {padding:0 8px 0 8px;} .lvd-px-sm {padding:0 16px 0 16px;} .lvd-px {padding:0 32px 0 32px;} .lvd-px-md {padding:0 48px 0 48px;} .lvd-px-lg {padding:0 56px 0 56px;} .lvd-px-xl {padding:0 72px 0 72px;} .lvd-py-xs {padding:8px 0 8px 0;} .lvd-py-sm {padding:16px 0 16px 0;} .lvd-py {padding:32px 0 32px 0;} .lvd-py-md {padding:48px 0 48px 0;} .lvd-py-lg {padding:56px 0 56px 0;} .lvd-py-xl {padding:72px 0 72px 0;} .lvd-pt-xs {padding-top:8px;} .lvd-pt-sm {padding-top:16px;} .lvd-pt {padding-top:32px;} .lvd-pt-md {padding-top:48px;} .lvd-pt-lg {padding-top:56px;} .lvd-pt-xl {padding-top:72px;} .lvd-pb-xs {padding-bottom:8px;} .lvd-pb-sm {padding-bottom:16px;} .lvd-pb {padding-bottom:32px;} .lvd-pb-md {padding-bottom:48px;} .lvd-pb-lg {padding-bottom:56px;} .lvd-pb-xl {padding-bottom:72px;} .lvd-pl-xs {padding-left:8px;} .lvd-pl-sm {padding-left:16px;} .lvd-pl {padding-left:32px;} .lvd-pl-md {padding-left:48px;} .lvd-pl-lg {padding-left:56px;} .lvd-pl-xl {padding-left:72px;} .lvd-pr-xs {padding-right:8px;} .lvd-pr-sm {padding-right:16px;} .lvd-pr {padding-right:32px;} .lvd-pr-md {padding-right:48px;} .lvd-pr-lg {padding-right:56px;} .lvd-pr-xl {padding-right:72px;} .lvd-px-lg-py {padding:56px 32px} /*mixed*/ /* Margin */ .lvd-mxy-none {padding:0;} .lvd-mxy-xs {margin:8px;} .lvd-mxy-sm {margin:16px;} .lvd-mxy {margin:32px;} .lvd-mxy-md {margin:48px;} .lvd-mxy-lg {margin:56px;} .lvd-mxy-xl {margin:72px;} .lvd-mx-xs {margin:0 8px 0 8px;} .lvd-mx-sm {margin:0 16px 0 16px;} .lvd-mx {margin:0 32px 0 32px;} .lvd-mx-md {margin:0 48px 0 48px;} .lvd-mx-lg {margin:0 56px 0 56px;} .lvd-mx-xl {margin:0 72px 0 72px;} .lvd-my-xs {margin:8px 0 8px 0;} .lvd-my-sm {margin:16px 0 16px 0;} .lvd-my {margin:32px 0 32px 0;} .lvd-my-md {margin:48px 0 48px 0;} .lvd-my-lg {margin:56px 0 56px 0;} .lvd-my-xl {margin:72px 0 72px 0;} .lvd-mt-xs {margin-top:8px;} .lvd-mt-sm {margin-top:16px;} .lvd-mt {margin-top:32px;} .lvd-mt-md {margin-top:48px;} .lvd-mt-lg {margin-top:56px;} .lvd-mt-xl {margin-top:72px;} .lvd-mb-xs {margin-bottom:8px;} .lvd-mb-sm {margin-bottom:16px;} .lvd-mb {margin-bottom:32px;} .lvd-mb-md {margin-bottom:48px;} .lvd-mb-lg {margin-bottom:56px;} .lvd-mb-xl {margin-bottom:72px;} .lvd-ml-xs {margin-left:8px;} .lvd-ml-sm {margin-left:16px;} .lvd-ml {margin-left:32px;} .lvd-ml-md {margin-left:48px;} .lvd-ml-lg {margin-left:56px;} .lvd-ml-xl {margin-left:72px;} .lvd-mr-xs {margin-right:8px;} .lvd-mr-sm {margin-right:16px;} .lvd-mr {margin-right:32px;} .lvd-mr-md {margin-right:48px;} .lvd-mr-lg {margin-right:56px;} .lvd-mr-xl {margin-right:72px;} /* 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-2xs {height:8px;} .lvd-spacer-xs {height:16px;} .lvd-spacer-sm {height:24px;} .lvd-spacer {height:32px;} .lvd-spacer-md {height:40px;} .lvd-spacer-lg {height:48px;} .lvd-spacer-xl {height:56px;} .lvd-spacer-2xl {height:64px;} .lvd-spacer-3xl {height:72px;} /*----------------------------- 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;} /*----------------------------- BUTTONS -----------------------------*/ .lvd-button-group a:first-child {margin-left:0 !important;} .lvd-button-group a {margin-left:20px;} .lvd-button-primary {background:var(--lvd-color-primary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-primary); display:inline-block; height:48px; line-height:46px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px; box-shadow:var(--lvd-shadow-button);} .lvd-button-primary:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-primary-small {background:var(--lvd-color-primary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-primary); display:inline-block; height:32px; line-height:30px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:16px; box-shadow:var(--lvd-shadow-button);} .lvd-button-primary-small:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-secondary {background: var(--lvd-color-secondary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-secondary); display:inline-block; height:48px; line-height:46px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px; box-shadow:var(--lvd-shadow-button);} .lvd-button-secondary:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-secondary-small {background: var(--lvd-color-secondary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-secondary); display:inline-block; height:32px; line-height:30px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:16px; box-shadow:var(--lvd-shadow-button);} .lvd-button-secondary-small:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-outlined {border:1px solid var(--lvd-color-secondary); background:transparent; color:var(--lvd-color-secondary); display:inline-block; height:48px; line-height:46px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;} .lvd-button-outlined:hover {color:var(--lvd-color-secondary); opacity:0.7;} .lvd-button-outlined-small {border:1px solid var(--lvd-color-secondary); background:transparent; color:var(--lvd-color-secondary); display:inline-block; height:32px; line-height:30px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:16px;} .lvd-button-outlined-small:hover {color:var(--lvd-color-secondary); opacity:0.7;} .lvd-button-text {background:transparent; color:var(--lvd-color-primary); display:inline-block; height:50px; line-height:50px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;} .lvd-button-text:hover {color:var(--lvd-color-primary); opacity:0.7;} .lvd-button-text-small {background:transparent; color:var(--lvd-color-black); display:inline-block; height:34px; line-height:34px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:16px;} .lvd-button-text-small:hover {color:var(--lvd-color-black); opacity:0.7;} /*----------------------------- APPEARENCE -----------------------------*/ /* Generic elements: keyword, title, text, text a, img, icon, button-primary, button-primary-small, button-outlined, button-small, button-text, button-text-small, li::before */ /* Transparent */ .lvd-style-apply.lvd-style-transparent {background:transparent;} .lvd-style-apply.lvd-style-transparent .lvd-section-title, .lvd-style-apply.lvd-style-transparent .lvd-title {color:var(--lvd-color-black);} .lvd-style-apply.lvd-style-transparent .lvd-keyword {color:var(--lvd-color-tertiary);} /* White */ .lvd-style-apply.lvd-style-white {background:var(--lvd-color-white);} .lvd-style-apply.lvd-style-white .lvd-section-title, .lvd-style-apply.lvd-style-white .lvd-title {color:var(--lvd-color-black);} .lvd-style-apply.lvd-style-white .lvd-keyword {color:var(--lvd-color-tertiary);} /* Light */ .lvd-style-apply.lvd-style-light {background:var(--lvd-color-primary-surface);} .lvd-style-apply.lvd-style-light .lvd-title {color:var(--lvd-color-black);} .lvd-style-apply.lvd-style-light .lvd-keyword {color:var(--lvd-color-tertiary);} /* Primary Light */ .lvd-style-apply.lvd-style-pl {background:var(--lvd-color-primary-surface); color:var(--lvd-color-primary-surface-text);} .lvd-style-apply.lvd-style-pl .lvd-title {color:var(--lvd-color-primary-surface-text);} .lvd-style-apply.lvd-style-pl .lvd-button-outlined {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-style-apply.lvd-style-pl .lvd-button-outlined-small {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-style-apply.lvd-style-pl .lvd-keyword {color:var(--lvd-color-primary-dark);} .lvd-style-apply.lvd-style-pl .lvd-text a {color:var(--lvd-color-primary);} .lvd-style-apply.lvd-style-pl li::before {color:var(--lvd-color-primary);} /* Primary Dark */ .lvd-style-apply.lvd-style-pd {background:var(--lvd-color-primary-dark); color:var(--lvd-color-primary-dark-on);} .lvd-style-apply.lvd-style-pd .lvd-title {color:var(--lvd-color-primary-dark-on);} .lvd-style-apply.lvd-style-pd .lvd-button-primary {background:var(--lvd-color-primary-light); border-color:var(--lvd-color-primary-light); color:var(--lvd-color-primary-light-on);} .lvd-style-apply.lvd-style-pd .lvd-button-outlined {color:var(--lvd-color-primary-light); border-color:var(--lvd-color-primary-light);} .lvd-style-apply.lvd-style-pd .lvd-button-outlined-small {color:var(--lvd-color-primary-light); border-color:var(--lvd-color-primary-light);} .lvd-style-apply.lvd-style-pd .lvd-keyword {color:var(--lvd-color-primary-dark-on);} .lvd-style-apply.lvd-style-pd .lvd-text a {color:var(--lvd-color-primary-dark-on);} .lvd-style-apply.lvd-style-pd li::before {color:var(--lvd-color-primary-dark-on);} /* Secondary Light */ .lvd-style-apply.lvd-style-sl {background:var(--lvd-color-secondary-surface); color:var(--lvd-color-secondary-surface-text);} .lvd-style-apply.lvd-style-sl .lvd-title {color:var(--lvd-color-secondary-surface-text);} .lvd-style-apply.lvd-style-sl .lvd-button-outlined {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-style-apply.lvd-style-sl .lvd-button-outlined-small {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-style-apply.lvd-style-sl .lvd-keyword {color:var(--lvd-color-secondary-dark);} .lvd-style-apply.lvd-style-sl .lvd-text a {color:var(--lvd-color-secondary-dark);} .lvd-style-apply.lvd-style-sl li::before {color:var(--lvd-color-secondary);} /* Secondary Dark */ .lvd-style-apply.lvd-style-sd {background:var(--lvd-color-secondary-dark); color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd .lvd-title {color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd .lvd-button-outlined {color:var(--lvd-color-secondary-dark-on); border-color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd .lvd-button-outlined-small {color:var(--lvd-color-secondary-dark-on); border-color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd .lvd-keyword {color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd .lvd-text a {color:var(--lvd-color-secondary-dark-on);} .lvd-style-apply.lvd-style-sd li::before {color:var(--lvd-color-secondary-dark-on);} /*Accent */ .lvd-style-apply.lvd-style-accent {background:var(--lvd-color-primary); color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent .lvd-title {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent .lvd-button-primary {background:var(--lvd-color-white); color:var(--lvd-color-black);} .lvd-style-apply.lvd-style-accent .lvd-button-outlined {color:var(--lvd-color-white); border-color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent .lvd-button-outlined-small {color:var(--lvd-color-white); border-color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent .lvd-keyword {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent a {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-accent li::before {color:var(--lvd-color-white);} /* Dark */ .lvd-style-apply.lvd-style-dark {background:var(--lvd-color-black); color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-button-primary {background:var(--lvd-color-white); border-color:var(--lvd-color-white); color:var(--lvd-color-black);} .lvd-style-apply.lvd-style-dark .lvd-button-outlined {color:var(--lvd-color-white); border-color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-button-outlined-small {color:var(--lvd-color-white); border-color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-title {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-section-title {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-keyword {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark li::before {color:var(--lvd-color-white);} /* Surface Transparent */ .lvd-surface-style-transparent {background:transparent;} .lvd-surface-style-transparent .lvd-section-title {color:var(--lvd-color-black);} /* Surface White */ .lvd-surface-style-white {background:var(--lvd-color-white);} .lvd-surface-style-white .lvd-section-title {color:var(--lvd-color-black);} /* Surface Light */ .lvd-surface-style-light {background:var(--lvd-color-gray-200);} .lvd-surface-style-light .lvd-section-title {color:var(--lvd-color-black);} /* Surface Primary Light */ .lvd-surface-style-primary-light {background:var(--lvd-color-primary-surface);} .lvd-surface-style-primary-light .lvd-section-title {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light .lvd-section-intro {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light .lvd-section-buttons .lvd-button-outlined {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-surface-style-primary-light .lvd-section-buttons .lvd-button-outlined .lvd-button-outlined-small {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} /* Surface Secondary Light */ .lvd-surface-style-secondary-light {background:var(--lvd-color-secondary-surface);} .lvd-surface-style-secondary-light .lvd-section-title {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light .lvd-section-intro {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light .lvd-section-buttons .lvd-button-outlined {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light .lvd-section-buttons .lvd-button-outlined .lvd-button-outlined-small {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} /* Surface Surface Light - Transparent cards */ .lvd-surface-style-light-no-cards {background:var(--lvd-color-gray-200);} .lvd-surface-style-light-no-cards .lvd-card {box-shadow:unset; background:transparent; border:unset !important;} .lvd-surface-style-light-no-cards .lvd-section-title {color:var(--lvd-color-black);} /* Surface Transparent - Transparent cards */ .lvd-surface-style-transparent-no-cards {background:transparent;} .lvd-surface-style-transparent-no-cards .lvd-card {box-shadow:unset; background:transparent; border:unset !important;} .lvd-surface-style-transparent-no-cards .lvd-section-title {color:var(--lvd-color-black);} /* Surface Surface Primary Light - Transparent cards */ .lvd-surface-style-primary-light-no-cards {background:var(--lvd-color-primary-surface);} .lvd-surface-style-primary-light-no-cards .lvd-section-title {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light-no-cards .lvd-section-intro {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light-no-cards .lvd-section-buttons .lvd-button-outlined {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-surface-style-primary-light-no-cards .lvd-section-buttons .lvd-button-outlined .lvd-button-outlined-small {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-surface-style-primary-light-no-cards .lvd-card {box-shadow:unset; background:transparent; border:unset !important;} .lvd-surface-style-primary-light-no-cards .lvd-content .lvd-title {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light-no-cards .lvd-content .lvd-text {color:var(--lvd-color-primary-surface-text);} .lvd-surface-style-primary-light-no-cards .lvd-content .lvd-button-outlined {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} .lvd-surface-style-primary-light-no-cards .lvd-content .lvd-button-outlined-small {color:var(--lvd-color-primary); border-color:var(--lvd-color-primary);} /* Surface Surface Secondary Light - Transparent cards */ .lvd-surface-style-secondary-light-no-cards {background:var(--lvd-color-secondary-surface);} .lvd-surface-style-secondary-light-no-cards .lvd-section-title {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-section-intro {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-section-buttons .lvd-button-outlined {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-section-buttons .lvd-button-outlined .lvd-button-outlined-small {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-card {box-shadow:unset; background:transparent; border:unset !important;} .lvd-surface-style-secondary-light-no-cards .lvd-content .lvd-title {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-content .lvd-text {color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-content .lvd-button-outlined {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} .lvd-surface-style-secondary-light-no-cards .lvd-content .lvd-button-outlined-small {color:var(--lvd-color-secondary-surface-text); border-color:var(--lvd-color-secondary-surface-text);} /*----------------------------- ICONS -----------------------------*/ .lvd-icon-style-transparent {color:var(--lvd-color-black);} .lvd-icon-style-white {color:var(--lvd-color-white);} .lvd-icon-style-primary {color:var(--lvd-color-primary);} .lvd-icon-style-secondary {color:var(--lvd-color-secondary);} .lvd-icon-style-tertiary {color:var(--lvd-color-tertiary);} .lvd-icon-style-card-primary-light {border-radius:var(--lvd-rounded); background:var(--lvd-color-primary-light); color:var(--lvd-color-primary-light-on);} .lvd-icon-style-dot-primary-light {border-radius:50%; background:var(--lvd-color-primary-light); color:var(--lvd-color-primary-light-on);} .lvd-icon-style-card-secondary-light {border-radius:var(--lvd-rounded); background:var(--lvd-color-secondary-light); color:var(--lvd-color-secondary-light-on);} .lvd-icon-style-dot-secondary-light {border-radius:50%; background:var(--lvd-color-secondary-light); color:var(--lvd-color-secondary-light-on);} /*size*/ .lvd-icon-size-md {display:flex; justify-content: center; align-items: center; height:64px; width:64px; font-size:var(--lvd-text-h2);} .lvd-icon-style-card-primary-light.lvd-icon-size-md, .lvd-icon-style-dot-primary-light.lvd-icon-size-md, .lvd-icon-style-card-secondary-light.lvd-icon-size-md, .lvd-icon-style-dot-secondary-light.lvd-icon-size-md {font-size:var(--lvd-text-h3);} /*----------------------------- COVER FILTERS -----------------------------*/ .lvd-filter-none-dark-text .lvd-breadcrumbs {opacity:1; color:var(--lvd-color-text);} .lvd-filter-none-dark-text .lvd-breadcrumbs a {color:var(--lvd-color-primary);} .lvd-filter-none-dark-text .lvd-title {color:var(--lvd-color-black); text-shadow: none;} .lvd-filter-none-dark-text .lvd-keyword {color:var(--lvd-color-tertiary); text-shadow: none;} .lvd-filter-none-dark-text .lvd-text {color:var(--lvd-color-text); text-shadow: none;} .lvd-filter-none::before {display:none;} .lvd-filter-light .lvd-title, .lvd-filter-medium .lvd-title, .lvd-filter-strong .lvd-title, .lvd-filter-blackout .lvd-title, .lvd-filter-overlay-dark .lvd-title, .lvd-filter-light .lvd-keyword, .lvd-filter-medium .lvd-keyword, .lvd-filter-strong .lvd-keyword, .lvd-filter-blackout .lvd-keyword, .lvd-filter-overlay-dark .lvd-keyword {text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);} .lvd-filter-light .lvd-button-outlined, .lvd-filter-medium .lvd-button-outlined, .lvd-filter-strong .lvd-button-outlined, .lvd-filter-blackout .lvd-button-outlined, .lvd-filter-overlay-dark .lvd-button-outlined, .lvd-filter-light .lvd-button-outlined-small, .lvd-filter-medium .lvd-button-outlined-small, .lvd-filter-strong .lvd-button-outlined-small, .lvd-filter-blackout .lvd-button-outlined-small, .lvd-filter-overlay-dark .lvd-button-outlined-small {color:var(--lvd-color-white); border-color:var(--lvd-color-white);} .lvd-filter-light::before, .lvd-filter-medium::before, .lvd-filter-strong::before, .lvd-filter-blackout::before, .lvd-filter-overlay-dark::before {content: ''; position: absolute; inset: 0; z-index: 2;} .lvd-filter-light::before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));} .lvd-filter-medium::before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));} .lvd-filter-strong::before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));} .lvd-filter-blackout::before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.95));} .lvd-filter-overlay-dark::before {background: rgba(0, 0, 0, 0.5); mix-blend-mode: overlay;} /*----------------------------- DEFAULT FORMAT -----------------------------*/ .lvd-default p {line-height: var(--lvd-line-height-base); margin-bottom:var(--lvd-mb-txt);} .lvd-default ul {margin-bottom:var(--lvd-mb-txt); padding-left:20px;} .lvd-default li {list-style:none; position:relative; margin-bottom:8px; padding-left:8px;} .lvd-default li::before {position:absolute; top:-8px; left:-8px; content: "\2022"; font-size:26px; color:var(--lvd-color-primary-100); font-weight: bold;} /* List icon style */ .lvd-default.lvd-icon-primary ul li {margin-bottom:20px; margin-left:6px; padding-left:20px;} .lvd-default.lvd-icon-primary ul li::before {top:-2px; left:-18px; content: "\e93e"; font-family: 'icomoon' !important; font-size:22px;} .lvd-default.lvd-icon-secondary ul li {margin-bottom:12px; padding-left:12px;} .lvd-default.lvd-icon-secondary ul li::before {top:-2px; left:-18px; content: "\e940"; font-family: 'icomoon' !important; font-size:22px;} /* Headings */ .lvd-default.lvd-text h2 {font-size:var(--lvd-text-h4); font-weight:700;} .lvd-default.lvd-text h3 {font-size:var(--lvd-text-h5); font-weight:700;} .lvd-default.lvd-text h4 {font-size:var(--lvd-text-body); font-weight:700;} /*----------------------------- CHILD CLASSES DEFAULT -----------------------------*/ .lvd-section-title {font-weight:700;} .lvd-keyword {font-weight: 700; text-transform:uppercase;} .lvd-title {font-weight: 700;} /*----------------------------- TRACKING -----------------------------*/ .lvd-track-item {position:relative; display:inline-block; margin-right:80px;} .lvd-track-item-text {display:inline-block;} .lvd-track-item-cta {position:absolute; display:inline-block; border-radius:4px; font-weight:400; width:115px; padding-left:20px; right:-60px; top:2px; bottom:0; background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;} .lvd-track-item-cta.lvd-track-item-cta-hide {display:none;} /* Accent */ .lvd-style-accent .lvd-track-item-cta {background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(57, 88, 212, 0) 0%, rgba(57, 88, 212, 1) 15%, rgba(57, 88, 212, 1) 100%) repeat scroll 0 0;} /* Dark */ /* Light */ /*############################# MOBILE (bm-) #############################*/ @media (min-width:1px) and (max-width:767px) { /*----------------------------- COMMON -----------------------------*/ /*----------------------------- TYPOGRAPHY -----------------------------*/ h1, h2, h3, h4, h5 {--lvd-mb-txt:8px;} 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:24px;} .lvd-text-h4 {--lvd-text-h4:20px;} .lvd-text-h5 {--lvd-text-h5:18px;} .lvd-text-s1 {--lvd-text-s1:13px;} .lvd-text-s2 {--lvd-text-s2:11px;} /*----------------------------- LAYOUT -----------------------------*/ /* Display */ .bm-lvd-none {display: none;} .bm-lvd-block {display: block;} .bm-lvd-inline {display: inline;} .bm-lvd-inline-block {display: inline-block;} .bm-lvd-flex {display: flex;} .bm-lvd-inline-flex {display: inline-flex;} .bm-lvd-grid {display: grid;} /* 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));} /* GRID */ /* Grid gap */ .lvd-grid-gap-2xs {gap:4px;} .lvd-grid-gap-xs {gap:8px;} .lvd-grid-gap-sm {gap:16px;} .lvd-grid-gap {gap:24px;} .lvd-grid-gap-md {gap:32px;} .lvd-grid-gap-lg {gap:40px;} .lvd-grid-gap-xl {gap:48px;} .lvd-grid-gap-2xl {gap:56px;} .lvd-grid-gap-3xl {gap:64px;} /* Padding */ .lvd-py-lg {padding:56px 0 56px 0;} .lvd-px-lg-py {padding:56px 16px} /*mixed*/ /* Margin bottom components */ .lvd-mb-block-spacer-sm {margin-bottom:32px;} .lvd-mb-block-spacer {margin-bottom:56px;} .lvd-mb-block-spacer-md {margin-bottom:72px;} .lvd-mb-block-spacer-lg {margin-bottom:80px;} /*----------------------------- 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); } /*----------------------------- BUTTONS -----------------------------*/ .lvd-button-group-self {padding:0 20px;} .lvd-button-group a:first-child {margin-left:0 !important;} .lvd-button-group a {margin-left:0; margin-right:20px; margin-bottom:20px;} .lvd-button-group a:last-child {margin-right:0 !important; margin-bottom:0 !important;} .lvd-button-group.lvd-text-center a {margin-left:10px !important; margin-right:10px !important;} } /*############################# END MOBILE (bm-) #############################*/ /*############################# TABLET (bt-) #############################*/ @media (min-width:768px) and (max-width:1024px) { /*----------------------------- 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%;} /* GRID */ /* Grid columns */ .bt-lvd-grid-cols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .bt-lvd-grid-cols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .bt-lvd-grid-cols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} /* Flex Columns 12 system */ .bt-lvd-col-1 {max-width:calc(8.3333% - var(--lvd-gap)); width:100%;} /* 12 column*/ .bt-lvd-col-2 {max-width:calc(16.6666% - var(--lvd-gap)); width:100%;} /* 6 column*/ .bt-lvd-col-3 {max-width:calc(25% - var(--lvd-gap)); width:100%;} /* 4 column*/ .bt-lvd-col-4 {max-width:calc(33.3333% - var(--lvd-gap)); width:100%;} /* 3 column*/ .bt-lvd-col-5 {max-width:calc(41.6666% - var(--lvd-gap)); width:100%;} .bt-lvd-col-6 {max-width:calc(50% - var(--lvd-gap)); width:100%;} /* 2 column*/ .bt-lvd-col-7 {max-width:calc(58.3333% - var(--lvd-gap)); width:100%;} .bt-lvd-col-8 {max-width:calc(66.6666% - var(--lvd-gap)); width:100%;} .bt-lvd-col-9 {max-width:calc(75% - var(--lvd-gap)); width:100%;} .bt-lvd-col-10 {max-width:calc(83.3333% - var(--lvd-gap)); width:100%;} .bt-lvd-col-11 {max-width:calc(91.6666% - var(--lvd-gap)); width:100%;} .bt-lvd-col-12 {max-width:100%; width:100%;} /* 1 column*/ /* 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;} /*----------------------------- TABLE -----------------------------*/ .lvd-table {margin-right:20px !important; margin-left:20px !important; width: calc(100% - 40px);} .lvd-table td, .lvd-table th {padding:10px 20px; border:1px solid var(--lvd-color-gray-300); } /*----------------------------- BUTTONS -----------------------------*/ .lvd-button-group-self {padding:0 20px;} .lvd-button-group a:first-child {margin-left:0 !important;} .lvd-button-group a {margin-left:0; margin-right:20px; margin-bottom:20px;} .lvd-button-group a:last-child {margin-right:0 !important; margin-bottom:0 !important;} .lvd-button-group.lvd-text-center a {margin-left:10px; margin-right:10px;} } /*############################# END TABLET (bt-) #############################*/ /*############################# LARGE SCREEN (bl-) #############################*/ @media (min-width:1680px) { } /*############################# END LARGE SCREEN (bl-) #############################*/