/* Theme Name: Live Design */ /* Author: Live Design */ /* Author URI: http://livedesign.ro */ /* Version 1.2.0 */ /* Core V.1.3.1 - Variables - Reset - Common - Colors - Typography - Media - Layout - Table */ @font-face { font-family: Avenir Next; src: url(../assets/fonts/AvenirNext-DemiBold.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Avenir Next; src: url(../assets/fonts/AvenirNext-Medium.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Avenir Next; src: url(../assets/fonts/AvenirNext-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Avenir Next; src: url(../assets/fonts/AvenirNext-Regular.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: Avenir Next; src: url(../assets/fonts/AvenirNext-Italic.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap } @font-face { font-family: Gilroy; src: url(../assets/fonts/Gilroy-ExtraBold.woff) format("woff"); font-weight: 800; font-style: normal; font-display: swap } @font-face { font-family: Gilroy; src: url(../assets/fonts/Gilroy-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Gilroy; src: url(../assets/fonts/Gilroy-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Gilroy; src: url(../assets/fonts/Gilroy-SemiBold.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Gilroy; src: url(../assets/fonts/Gilroy-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap } :root { /* Colors */ --lvd-color-text:#0D0D4C; --lvd-color-primary:#0D0D4C; --lvd-color-primary-100:#F3F5FA; --lvd-color-primary-200:#000; --lvd-color-primary-300:#000; --lvd-color-secondary:#3360EA; --lvd-color-secondary-100:#000; --lvd-color-secondary-200:#000; --lvd-color-secondary-300:#000; --lvd-color-third:#000; --lvd-color-black:#0D0D0D; --lvd-color-white:#FFFFFF; --lvd-color-gray-100:#F9F9F9; --lvd-color-gray-200:#F2F2F2; --lvd-color-gray-300:#D9D9D9; --lvd-color-gray-400:#0c0c37; --lvd-color-gray-500:#404040; --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:'Avenir Next',sans-serif; --lvd-secondary-font:'Gilroy',sans-serif; /* 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:24px; --lvd-text-h3:20px; --lvd-text-h4:18px; --lvd-text-h5:18px; --lvd-text-body:16px; --lvd-text-s1:14px; --lvd-text-s2:11px; /* Spacing */ --lvd-mb-txt:24px; --lvd-gap:16px; --lvd-line-height-base:1.6; --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(23, 46, 66, 0.15); /* Gradients */ --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(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 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, #CD4FE4 0%, #8F4EF6 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-white);} 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); 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-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;} /* 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 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;} /* 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-secondary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-secondary); display:inline-block; height:52px; line-height:52px; font-weight:600; font-size:var(--lvd-text-body); padding:0 32px;} .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;} .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;} .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;} .lvd-button-secondary-small:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-outlined {border:1px solid var(--lvd-color-black); color:var(--lvd-color-black); 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-black); opacity:0.7;} .lvd-button-outlined-small {border:1px solid var(--lvd-color-primary); color: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;} .lvd-button-outlined-small:hover {color:var(--lvd-color-primary); opacity:0.7;} .lvd-button-text {color:var(--lvd-color-black); 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-black); opacity:0.7;} .lvd-button-text-small {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 -----------------------------*/ /* 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);} /* 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);} /* Light */ .lvd-style-apply.lvd-style-light {background:var(--lvd-color-primary-100);} /* White */ .lvd-style-apply.lvd-style-white {background:var(--lvd-color-white);} /* Transparent */ .lvd-style-apply.lvd-style-transparent {background:transparent;} /*----------------------------- DEFAULT FORMAT -----------------------------*/ .lvd-default p {line-height: var(--lvd-line-height-base); font-size: 18px; margin-bottom:var(--lvd-mb-txt); font-weight:300;} .lvd-default ul {margin-bottom:var(--lvd-mb-txt); padding-left:20px; font-size: 18px;} .lvd-default li {list-style:none; position:relative; margin-bottom:16px; padding-left:40px;} .lvd-default li::before {content: ""; position: absolute; top: 0; left: 0; margin-left: 6px; margin-top:6px; width: 12px; height: 12px; border-radius: 50%; background-color: #3872f4; box-shadow: 0 0 0 6px rgba(56, 114, 244, .15);} .lvd-default blockquote {font-size:var(--lvd-text-h2); font-weight:300; } .lvd-default blockquote p {font-size:var(--lvd-text-h2); font-weight:300; line-height:1.4;} /* 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;} /*----------------------------- 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:60px 0 60px 0;} /* 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: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%;} /* 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-) #############################*/ /* Header elastic sticky 1.0.0*/ .lvd-header-spacer {position:relative;} .lvd-header {position:fixed; top:0; width:100%; height:100px; z-index:9991; transition: var(--lvd-transition); background: transparent; padding:0;} .lvd-header-in {height:100px; position:relative; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width:var(--lvd-width-fullhd); margin:0 auto;} .lvd-logo {width:170px; margin-right:40px; display:block; align-self: center;} .lvd-logo img {width:170px;} .lvd-nav {max-width:calc(100% - 410px); margin-right:20px; width:100%; visibility: visible; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: end;} .lvd-header-cta {width:180px; position:relative; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: end;} .lvd-header-cta-button {align-self:center;} .lvd-header-search-button {font-size:20px; align-self:center; color:var(--lvd-color-primary);} .lvd-menu-button {display: none;} .lvd-search-popup {position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width:100%; z-index:999999; background: #fff; } .lvd-search {display:flex; align-self:center; flex-direction: row; flex-wrap: wrap; height:40px; width:80%; margin:0 auto;} .lvd-search .lvd-search-input {align-self:center; border:0; border-radius:20px 0 0 20px; height:40px; line-height:40px; text-indent:20px; background:var(--lvd-color-primary-100); font-size:16px; width:calc(100% - 120px); padding:0; margin:0; color:var(--lvd-regular-text-color);} .lvd-search-input placeholder {color:var(--lvd-color-text);} .lvd-search-button {align-self:center; border:0; height:40px; line-height: 40px; font-weight:700; font-size:16px; border-radius:0 20px 20px 0; padding:0; margin:0 0 0 0; width:120px; color:#FFF; background:var(--lvd-color-primary); } .lvd-search-close {display:block; color:var(--lvd-color-primary); font-size:28px; font-weight:400; align-self:center;} .lvd-search-close span {vertical-align:middle;} /*---- Menu ----*/ /* Settings Submenu list: add class -> lvd-menu-list Submenu columns: default state Submenu number of columns: default 4, lvd-menu-cols3, lvd-menu-cols2 Mobile submenu activator: add class -> lvd-submenu-activator Mobile onclick drop category: add class -> lvd-menu-nolink */ .lvd-menu {width:100%; max-width:calc(100% - 200px); align-self:center;} /* level 1 */ .lvd-menu ul {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: end; list-style: none;} .lvd-menu ul li {margin-left:30px; line-height:40px; font-size: 16px; font-weight:400;} .lvd-menu ul li a {display:inline-block; color:var(--lvd-color-white);} .lvd-menu ul li a:hover {color:var(--lvd-color-white);} .lvd-menu ul li.menu-item-has-children:after {content: "\e94f";font-family: 'icomoon';font-size: 10px; color:var(--lvd-color-white); margin-left: 2px;} .lvd-menu ul li.menu-item-has-children:hover:after {display:inline-block; transform: rotate(-180deg);} /* level 2 - default is column view*/ .lvd-menu ul ul {display:grid; visibility: hidden; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; position: absolute; top:10px; left:0; z-index: 9999; width:100%; max-width:100%; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:30px; padding:40px; background-color: var(--lvd-color-white); box-shadow: var(--lvd-shadow-200); list-style: none;} .lvd-menu .lvd-menu-cols3 ul {grid-template-columns: repeat(3, minmax(0, 1fr));} /*grid 3 cols*/ .lvd-menu .lvd-menu-cols2 ul {grid-template-columns: repeat(2, minmax(0, 1fr));} /*grid 2 cols*/ .lvd-menu .lvd-menu-cols3 ul ul, .lvd-menu .lvd-menu-cols2 ul ul {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0;} .lvd-menu ul li:hover > ul {visibility: visible;} .lvd-menu ul ul li {height: auto; line-height:1.2; font-size:20px; font-weight:700; margin-right:0;} .lvd-menu ul ul li a {color:var(--lvd-color-primary);} .lvd-menu ul ul li a:before {content:none !important;} .lvd-menu ul ul li a:hover {color:var(--lvd-color-gray-400); } .lvd-menu ul li.hover, .lvd-menu ul li:hover {z-index: 9999; cursor: default;} .lvd-menu ul *.dir {} /*current page*/ /*list view*/ .lvd-menu ul .lvd-menu-list {position:relative;} .lvd-menu ul .lvd-menu-list ul {display:block; visibility: hidden; position: absolute; top:0; right:0; left:auto; z-index: 9999; width: 300px; max-width: 300px; padding:20px; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:38px; background-color: var(--lvd-color-white); box-shadow: var(--lvd-shadow-200); list-style: none;} .lvd-menu ul .lvd-menu-list ul li {height: auto; line-height:1.2; font-size:unset; font-weight:unset; margin-right:0;} .lvd-menu ul .lvd-menu-list ul li a {padding:8px 0; width:100%;} /* level 3*/ .lvd-menu ul ul ul {visibility: hidden; position:relative; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0; left:auto; top:auto; padding: 0; margin-top:8px; width: 100%; box-shadow:none; border:0;} .lvd-menu ul li:hover > ul ul {visibility: visible;} .lvd-menu ul ul ul:before {border:0;} .lvd-menu ul ul ul li {width:100%; height:auto; line-height:1.2; font-size:14px; font-weight:300; margin-right:0; margin-bottom:8px;} .lvd-menu ul ul ul li a {color:var(--lvd-color-gray-400);} .lvd-menu ul ul ul li:hover a {color:var(--lvd-color-primary);} .lvd-menu ul ul *.menu-item-has-children::after {all: unset;} /*---- Menu Secondary ----*/ .lvd-secondary-menu {align-self:center;} /* level 1 */ .lvd-secondary-menu ul {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: start; list-style: none; position:relative;} .lvd-secondary-menu ul li {margin-left:30px; line-height:40px; font-size: 16px; font-weight:700;} .lvd-secondary-menu ul li a {display:inline-block; color:var(--lvd-color-primary);} .lvd-secondary-menu ul li a:hover {color:var(--lvd-color-gray-400);} .lvd-secondary-menu ul *.menu-item-has-children:after {content: "\e94f";font-family: 'icomoon';font-size: 10px; color:var(--lvd-color-primary); margin-left: 2px;} .lvd-secondary-menu ul li.menu-item-has-children:hover:after {display:inline-block; transform: rotate(-180deg);} /* level 2 */ .lvd-secondary-menu ul ul {display:block; visibility: hidden; position: absolute; top:0; right:0; z-index: 9999; width: 300px; padding:20px; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:38px; background-color: var(--lvd-color-white); box-shadow: var(--lvd-shadow-200); list-style: none;} .lvd-secondary-menu ul ul li {height: auto; line-height:1.2; font-size:unset; font-weight:unset; margin-left:0; font-weight:400; text-align:right;} .lvd-secondary-menu ul li:hover > ul {visibility: visible;} .lvd-secondary-menu ul ul li a {padding:8px 0; width:100%;} /*Fixed*/ .lvd-header.lvd-fixed {z-index:9991; background:var(--lvd-color-primary); box-shadow: 0 8px 24px rgb(43 56 87 / 8%);} /* MOBILE (bm) */ @media (min-width:1px) and (max-width:767px) { /* Header */ .lvd-header {padding:0 70px 0 20px; height:64px;} .lvd-header-in {position:unset; height:64px; } .lvd-logo {width:130px; z-index:99999;} .lvd-header-cta {display:none;} /* Hamburger menu button */ .lvd-menu-button {display: block; width: 24px; height: 18px; cursor: pointer; position: absolute; right:20px; top:24px; z-index:9999;} .lvd-menu-button span {display: block; width: 100%; position: absolute; left: 0; height: 2px; transform: rotate(0deg); background: var(--lvd-color-white); transition: 0.25s ease-in-out;} .lvd-menu-button span:nth-child(1) {top: 0px;} .lvd-menu-button span:nth-child(2) {top: 9px;} .lvd-menu-button span:nth-child(3) {top: 18px;} .lvd-header .lvd-menu-button.active {} .lvd-menu-button.active span:nth-child(1) {top: 9px; transform: rotate(135deg);} .lvd-menu-button.active span:nth-child(2) {opacity: 0; left: -40px;} .lvd-menu-button.active span:nth-child(3) {top: 9px; transform: rotate(-135deg);} .lvd-menu-button-bar.active {position:fixed; top:38px; right:11px; display:block; height:41px; width:41px; border-radius: 22px; background:transparent; z-index:9993;} /*---- Nav ----*/ .lvd-nav {opacity: 0; visibility: hidden; height:0; position:fixed; top:64px; left:0; bottom:0; right:0; display:block; background:var(--lvd-color-white); overflow-y: auto; padding:20px 0 20px 0; max-width:100%;} .lvd-nav.active {opacity: 1; visibility: visible; height:auto; z-index:9992;} /* Submenu arrow */ .lvd-submenu-arrow {position:absolute; z-index:2; top:0; bottom:0; right:20px; width:36px; height:auto; text-align:right;} .lvd-submenu-arrow:before {margin-top:8px; width:34px; height:34px; line-height:34px; text-align:center; border-radius:18px; display:inline-block; content: "\e94f"; font-family: 'icomoon'; font-size: 14px; background: var(--lvd-color-primary-100); color: var(--lvd-color-primary);} .lvd-submenu-arrow.active:before {transform: rotate(-180deg);} .lvd-menu-nolink > .lvd-submenu-arrow {width:calc(100% - 20px);} /* Submenu arrow no link */ /*---- Menu ----*/ .lvd-menu {max-width:100%; margin-top:0;} /* level 1 */ .lvd-menu ul {display:block; width:100%;} .lvd-menu ul li {font-size: 20px; font-weight:700; position:relative; padding: 0 40px; margin-left:0; line-height:1; border-bottom:1px solid var(--lvd-color-white);} .lvd-menu ul li a {display:inline-block; padding:20px 0; color:var(--lvd-color-primary);} .lvd-menu ul *.menu-item-has-children::after {display:none;} .lvd-menu ul li.menu-item-has-children:hover:after {display:none;} /* level 2 */ .lvd-menu ul ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-menu ul ul li {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-primary);} .lvd-menu ul ul li a {color:var(--lvd-color-primary);} .lvd-menu ul ul .lvd-submenu-arrow:before {margin-top:14px; background:var(--lvd-color-white);} .lvd-menu ul li:hover > ul {visibility: visible;} /* list view */ .lvd-menu ul .lvd-menu-list ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-menu ul .lvd-menu-list ul li {position:relative; padding:0 30px; font-weight:400;} .lvd-menu ul .lvd-menu-list ul li a {padding:20px 0; width:100%; color:var(--lvd-color-primary);} /* level 3 */ .lvd-menu ul ul ul {display:none; visibility: visible; left:auto; top:auto; padding: 0; margin-top:8px; margin-left:0; margin-right:0; width: 100%; box-shadow:none; border:0;} .lvd-menu ul ul .lvd-submenu-activator.active ul {display:block;} .lvd-menu ul ul ul li {border-bottom:0; padding:0; font-size: 16px;} .lvd-menu ul ul ul li a {padding:6px 0;} /*---- Menu Secondary ----*/ /* level 1 */ .lvd-secondary-menu ul {display:block; width:100%;} .lvd-secondary-menu ul li {font-size: 20px; font-weight:700; position:relative; padding: 0 40px; margin-left:0; line-height:1; border-bottom:1px solid var(--lvd-color-primary-100);} .lvd-secondary-menu ul li a {display:inline-block; padding:20px 0; color:var(--lvd-color-primary);} .lvd-secondary-menu ul *.menu-item-has-children::after {display:none;} .lvd-secondary-menu ul li.menu-item-has-children:hover:after {display:none;} /* level 2 */ .lvd-secondary-menu ul ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-secondary-menu ul ul li {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-primary); text-align:left;} .lvd-secondary-menu ul ul li a {padding:20px 0; width:100%; color:var(--lvd-color-primary);} .lvd-secondary-menu ul ul .lvd-submenu-arrow:before {margin-top:14px; background:var(--lvd-color-white);} .lvd-secondary-menu ul li:hover > ul {visibility: visible;} /*Fixed*/ .lvd-header.lvd-fixed .lvd-menu {max-width:100%;} .lvd-header.lvd-fixed .lvd-nav {top:0; left:0;} } /* Bt */ @media (min-width:768px) and (max-width:1023px) { /* Header */ .lvd-header {padding:40px 20px 20px 70px;} .lvd-header-in {position:unset;} .lvd-logo {width:110px;} .lvd-header-cta {width:160px;} .lvd-search-popup {padding:0 10px; width:100%; max-width:100%;} .lvd-search {width:calc(100% - 60px);} .lvd-search .lvd-search-input {width:calc(100% - 100px);} .lvd-search-button {width:100px;} /* Hamburger menu button */ .lvd-menu-button {display: block; width: 24px; height: 18px; cursor: pointer; position: absolute; left:20px; top:54px; z-index:9999;} .lvd-menu-button span {display: block; width: 100%; position: absolute; left: 0; height: 2px; transform: rotate(0deg); background: var(--lvd-color-primary); transition: 0.25s ease-in-out;} .lvd-menu-button span:nth-child(1) {top: 0px;} .lvd-menu-button span:nth-child(2) {top: 9px;} .lvd-menu-button span:nth-child(3) {top: 18px;} .lvd-header .lvd-menu-button.active {top:56px;} .lvd-menu-button.active span:nth-child(1) {top: 9px; transform: rotate(135deg);} .lvd-menu-button.active span:nth-child(2) {opacity: 0; left: -40px;} .lvd-menu-button.active span:nth-child(3) {top: 9px; transform: rotate(-135deg);} .lvd-menu-button-bar.active {position:fixed; top:46px; left:11px; display:block; height:41px; width:41px; border-radius: 22px; background:var(--lvd-color-primary-100); z-index:9993;} /*---- Nav ----*/ .lvd-nav {opacity: 0; visibility: hidden; height:0; position:fixed; top:100px; left:0; bottom:0; right:0; display:block; background:var(--lvd-color-white); overflow-y: auto; padding:20px 0 20px 0; max-width:100%;} .lvd-nav.active {opacity: 1; visibility: visible; height:auto; z-index:9992;} /* Submenu arrow */ .lvd-submenu-arrow {position:absolute; z-index:2; top:0; bottom:0; right:20px; width:36px; height:auto; text-align:right;} .lvd-submenu-arrow:before {margin-top:8px; width:34px; height:34px; line-height:34px; text-align:center; border-radius:18px; display:inline-block; content: "\e94f"; font-family: 'icomoon'; font-size: 14px; background: var(--lvd-color-primary-100); color: var(--lvd-color-primary);} .lvd-submenu-arrow.active:before {transform: rotate(-180deg);} .lvd-menu-nolink > .lvd-submenu-arrow {width:calc(100% - 20px);} /* Submenu arrow no link */ /*---- Menu ----*/ .lvd-menu {max-width:100%; margin-top:0;} /* level 1 */ .lvd-menu ul {display:block; width:100%;} .lvd-menu ul li {font-size: 20px; font-weight:700; position:relative; padding: 0 40px; margin-right:0; line-height:1; border-bottom:1px solid var(--lvd-color-primary-100);} .lvd-menu ul li a {display:inline-block; padding:20px 0; color:var(--lvd-color-primary);} .lvd-menu ul *.menu-item-has-children::after {display:none;} .lvd-menu ul li.menu-item-has-children:hover:after {display:none;} /* level 2 */ .lvd-menu ul ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-menu ul ul li {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-primary);} .lvd-menu ul ul li a {color:var(--lvd-color-primary);} .lvd-menu ul ul .lvd-submenu-arrow:before {margin-top:14px; background:var(--lvd-color-white);} .lvd-menu ul li:hover > ul {visibility: visible;} /* list view */ .lvd-menu ul .lvd-menu-list ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-menu ul .lvd-menu-list ul li {position:relative; padding:0 30px; font-weight:400;} .lvd-menu ul .lvd-menu-list ul li a {padding:20px 0; width:100%; color:var(--lvd-color-primary);} /* level 3 */ .lvd-menu ul ul ul {display:none; visibility: visible; left:auto; top:auto; padding: 0; margin-top:8px; margin-left:0; margin-right:0; width: 100%; box-shadow:none; border:0;} .lvd-menu ul ul .lvd-submenu-activator.active ul {display:block;} .lvd-menu ul ul ul li {border-bottom:0; padding:0; font-size: 16px;} .lvd-menu ul ul ul li a {padding:6px 0;} /*---- Menu Secondary ----*/ /* level 1 */ .lvd-secondary-menu ul {display:block; width:100%;} .lvd-secondary-menu ul li {font-size: 20px; font-weight:700; position:relative; padding: 0 40px; margin-left:0; line-height:1; border-bottom:1px solid var(--lvd-color-primary-100);} .lvd-secondary-menu ul li a {display:inline-block; padding:20px 0; color:var(--lvd-color-primary);} .lvd-secondary-menu ul *.menu-item-has-children::after {display:none;} .lvd-secondary-menu ul li.menu-item-has-children:hover:after {display:none;} /* level 2 */ .lvd-secondary-menu ul ul {display:none; visibility: visible; position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; } .lvd-secondary-menu ul ul li {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-primary); text-align:left;} .lvd-secondary-menu ul ul li a {padding:20px 0; width:100%; color:var(--lvd-color-primary);} .lvd-secondary-menu ul ul .lvd-submenu-arrow:before {margin-top:14px; background:var(--lvd-color-white);} .lvd-secondary-menu ul li:hover > ul {visibility: visible;} /*Fixed*/ .lvd-header.lvd-fixed {padding:8px 20px 8px 70px;} .lvd-header.lvd-fixed .lvd-menu {max-width:100%;} .lvd-header.lvd-fixed .lvd-menu-button {left:20px; top:20px;} .lvd-header.lvd-fixed .lvd-nav {top:0; left:0;} } /* Blog single 1.0.0 */ /*Hero*/ .lvd-blog-single-hero-classic {background-image: linear-gradient(174deg, var(--lvd-color-primary), #223F9E); padding-top:120px; margin-bottom:310px;} .lvd-blog-single-hero-classic .lvd-content {position:relative; z-index:1; padding:40px;} .lvd-blog-single-hero-classic .lvd-image {position:relative;} .lvd-blog-single-hero-classic .lvd-image img {width:100%; height:auto; position:relative; z-index:2; border-radius:var(--lvd-rounded-md); margin-bottom:-300px; } .lvd-blog-single-hero-classic .lvd-title {position:relative; color:var(--lvd-color-white); font-family: var(--lvd-secondary-font); font-weight:700;} .lvd-blog-single-hero-classic .lvd-button-primary {position:absolute; z-index:3; left:32px; top:32px;} .lvd-square {background:var(--lvd-gradient-accent); width:52px; height:52px; position:absolute; z-index:3; top: calc(50% + 150px); right:-26px; border-radius:4px;} .lvd-blog-back {color:var(--lvd-color-white); font-size:var(--lvd-text-h2); margin-bottom:16px; display:block;} .lvd-blog-back .icon-arrow-left {position:absolute; left:-60px; top:0; transition: var(--lvd-transition); } .lvd-blog-back:hover .icon-arrow-left {left:-80px; color:var(--lvd-color-white);} .lvd-blog-back-name {color:var(--lvd-color-secondary); opacity:0.3;} .lvd-blog-meta {color:var(--lvd-color-white); font-size:var(--lvd-text-s2); text-transform:uppercase; font-weight:300;} .lvd-blog-meta a {color:var(--lvd-color-white);} .lvd-author-url {display:inline-block;} /*Body*/ .lvd-blog-single-body { } .lvd-blog-single-body .lvd-breadcrumbs {margin-bottom:40px;} .lvd-blog-tags a {display:inline-block; margin-right:8px; margin-bottom:8px; background:var(--lvd-color-primary-100); padding:4px 8px; border-radius:4px; color:var(--lvd-color-secondary); font-size: var(--lvd-text-s2); font-weight:300;} .lvd-blog-single-body .wp-block-image img {border-radius:var(--lvd-rounded);} .lvd-blog-single-body p a {display:inline-block; border-bottom:2px solid var(--lvd-color-secondary); padding-bottom:-2px;} /*Related*/ .lvd-blog-single-related {} .lvd-blog-single-related .lvd-blog-single-related-title {font-weight:400; color:var(--lvd-color-primary);} .lvd-blog-single-related .lvd-image {width:220px;} .lvd-blog-single-related img {margin-bottom: 0;} .lvd-blog-single-related .lvd-title {width: calc(100% - 260px); font-weight:400; color:var(--lvd-color-primary);} .lvd-blog-single-related .lvd-title div {max-width:80%;} /*Comments*/ .lvd-blog-comments {} .lvd-blog-comments .comments-title {color:var(--lvd-color-black);} .lvd-blog-comments ol {margin:0; padding:0;} .lvd-blog-comments li {list-style:none; position:relative; margin-bottom:20px; padding:20px; background:var(--lvd-color-gray-200); border-radius:8px;} .lvd-blog-comments li .avatar {border-radius:30px;} .lvd-blog-comments .comment-author {display: flex; flex-direction: row; flex-wrap: wrap; align-self:center; margin-bottom:20px;} .lvd-blog-comments .comment-meta {position:absolute; top:10px; right:20px; font-size:12px; color:var(--lvd-color-gray-400);} .lvd-blog-comments .comment-meta a {color:var(--lvd-color-gray-400);} .lvd-blog-comments .comment-author .avatar {margin-right:20px;} .lvd-blog-comments .comment-author cite {display: flex; align-self:center; margin-right:8px; } .lvd-blog-comments .comment-author span {display: flex; align-self:center; } .lvd-blog-comments p {margin-bottom:var(--lvd-mb-txt);} .lvd-blog-comments li.depth-2 {background:var(--lvd-color-white);} .lvd-blog-comments li.depth-2:first-child {margin-top:20px;} .lvd-blog-comments .comment-reply-title {color:var(--lvd-color-black); margin-top:20px;} .lvd-blog-comments .comment-form label {display:block;} .lvd-blog-comments .comment-form input[type=text] {width:60%;} .lvd-blog-comments .comment-form textarea {width:100%;} .lvd-blog-comments .comment-form input[type=submit] {background:var(--lvd-color-primary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-primary); display:inline-block; height:48px; line-height:48px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;} .lvd-blog-comments .comment-reply-title a {margin-left:20px; border:1px solid var(--lvd-color-black); color:var(--lvd-color-black); vertical-align: middle; display:inline-block; height:32px; line-height:32px; font-weight:700; font-size:var(--lvd-text-body); padding:0 16px; border-radius:16px;} .lvd-blog-comments .comment-form-cookies-consent label {display: inline-block;} /*LISTING*/ .lvd-blog-category-hero {z-index:1; background-image: linear-gradient(174deg, var(--lvd-color-primary), #223F9E); padding-top:120px; padding-bottom:100px; margin-bottom:40px;} .lvd-blog-category-hero .lvd-breadcrumbs a {color:var(--lvd-color-white);} /* Blog list grid 1.0.0 */ .lvd-bl-grid-title {color:var(--lvd-color-white);} .lvd-bl-grid-body {margin-top:-150px; z-index:2;} .lvd-bl-grid-card {} .lvd-bl-grid-card .lvd-image {margin-bottom:var(--lvd-mb-txt);} .lvd-bl-grid-card .lvd-details {padding:0 10px;} .lvd-bl-grid-card .lvd-metadata {padding:0 0 20px 0; font-size:var(--lvd-text-s2); color:var(--lvd-color-primary); font-weight:300; text-transform: uppercase;} .lvd-bl-grid-card .lvd-title {color:var(--lvd-color-primary); font-family: var(--lvd-secondary-font); font-size:var(--lvd-text-h2); margin-bottom:8px;} .lvd-bl-grid-card .lvd-excerpt {max-width:100%; margin-bottom:var(--lvd-mb-txt); color:rgba(12, 12, 55, .6);} .lvd-bl-grid-pagination {text-align:center; padding:20px 20px 40px 20px; display:block;} .lvd-bl-grid-pagination .wp-pagenavi a, .lvd-bl-grid-pagination .wp-pagenavi span {border:0;} /*native*/ .lvd-blog-single-body .is-type-video div {border-radius:var(--lvd-rounded); position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16*100) */ height: 0; overflow: hidden;} .lvd-blog-single-body .is-type-video div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} /*overwrite*/ #ez-toc-container { background: var(--lvd-color-primary-100) !important; border: none !important; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); display: table; margin-bottom: 32px !important; padding: 32px !important; position: relative; width: auto;} #ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { padding-left:32px; } #ez-toc-container li {margin-top: 8px !important;} #ez-toc-container a {color:var(--lvd-color-primary) !important;} div#ez-toc-container .ez-toc-title { font-weight: 700 !important; } /*CTA*/ .lvd-box-cta {border-radius:var(--lvd-rounded-md); background: var(--lvd-color-primary); color:var(--lvd-color-white); padding:64px 128px; margin-bottom:32px; margin-left:-96px; margin-right:-96px;} .lvd-box-cta a {color:var(--lvd-color-white);} .lvd-box-cta .lvd-title {font-size:var(--lvd-text-h2); font-weight:700; font-family: var(--lvd-secondary-font); margin-bottom:16px;} /*
Știai că poți să [problemă identificată de AI] cu Termene?

RedBill te ajută să [beneficiu 1] și să [beneficiu 2]. Alege soluțiile Termene pentru că [diferentiator].

Creează-ți cont
/* /* Bm */ @media (min-width:1px) and (max-width:767px) { .lvd-blog-single-hero-classic {padding-top:80px; margin-bottom:110px;} .lvd-blog-single-hero-classic .lvd-content {padding:20px;} .lvd-blog-single-hero-classic .lvd-image {margin-right:10px; margin-left:10px;} .lvd-blog-single-hero-classic .lvd-image img {width:100%; height:auto; position:relative; z-index:2; border-radius:var(--lvd-rounded-md); margin-bottom:-100px; } .lvd-blog-single-hero-classic .lvd-button-primary {display:none;} .lvd-square {width:30px; height:30px; top: calc(50% + 30px); right:-10px;} .lvd-blog-back {font-size:var(--lvd-text-h4); margin-bottom:16px; display:block; padding-left:50px;} .lvd-blog-back .icon-arrow-left {position:absolute; left:0; } .lvd-blog-back:hover .icon-arrow-left {left:-8px;} .lvd-blog-back-name {color:var(--lvd-color-secondary); opacity:0.3;} .lvd-blog-single-body .lvd-breadcrumbs {margin-bottom:24px;} .lvd-blog-single-body {padding:0 20px;} .lvd-blog-tags {padding:0 16px;} .lvd-blog-comments {padding:0 20px;} .lvd-blog-comments .comment-form input[type=text] {width:100%;} .lvd-blog-comments .comment-reply-title a {margin-left:0; clear:both; margin-top:12px;} .lvd-blog-single-related .lvd-blog-single-related-title {margin-bottom:20px;} .lvd-blog-single-related {padding:0 20px;} .lvd-blog-single-related .lvd-row-between {margin-bottom:20px;} .lvd-blog-single-related .lvd-image {width:120px;} .lvd-blog-single-related .lvd-title {width: calc(100% - 140px); font-size:var(--lvd-text-base);} .lvd-blog-single-related .lvd-title div {max-width:100%;} .lvd-blog-meta {padding:0;} /*CTA*/ .lvd-box-cta {padding:40px; margin-left:0; margin-right:0;} /*LISTING*/ .lvd-bl-grid-title {padding-left:20px; padding-right:20px;} .lvd-bl-grid-body {padding:0 20px} .lvd-bl-grid-card .lvd-image {margin-bottom:var(--lvd-mb-txt);} .lvd-bl-grid-card .lvd-details {padding:0 10px;} .lvd-bl-grid-card .lvd-excerpt {max-width:100%; margin-bottom:var(--lvd-mb-txt); } } /* Bt */ @media (min-width:768px) and (max-width:1023px) { .lvd-blog-single-hero-classic {padding-left:20px; padding-right:20px;} .lvd-blog-single-body {padding-left:40px; padding-right:40px;} .lvd-author-box, .lvd-blog-meta {padding-left:40px; padding-right:40px;} .lvd-blog-single-related {padding-left:40px; padding-right:40px;} .lvd-blog-comments {padding-left:40px; padding-right:40px;} /*LISTING*/ .lvd-bl-grid-title {padding-left:20px; padding-right:20px;} .lvd-bl-grid-body {padding-left:20px; padding-right:20px;} .lvd-bl-grid-card .lvd-details {padding:0 10px;} } /* Hero basic 1.0.0 */ .lvd-hero-basic {text-align:center;} .lvd-hero-basic h1 {color:var(--lvd-color-black); margin-bottom:8px;} /* MOBILE (sm) */ @media (min-width:1px) and (max-width:767px) { .lvd-hero-basic {padding:0 32px;} } /* TABLET (md) */ @media (min-width:768px) and (max-width:1023px) { .lvd-hero-basic {padding:0 32px;} } /* Page 1.0.0 */ /* Basic */ .lvd-page-basic p {line-height: var(--lvd-line-height-base); margin-bottom:var(--lvd-mb-txt);} .lvd-page-basic ul {margin-bottom:var(--lvd-mb-txt); padding-left:20px;} .lvd-page-basic li {list-style:none; position:relative; margin-bottom:8px; padding-left:8px;} .lvd-page-basic li::before {position:absolute; top:-8px; left:-8px; content: "\2022"; font-size:26px; color:var(--lvd-color-primary); font-weight: bold;} .lvd-page-basic blockquote {font-size:var(--lvd-text-md); border-left:1px solid var(--lvd-color-primary); padding-left:20px; margin-left:20px;} /* List icon style */ .lvd-page-basic.lvd-icon-primary ul li {margin-bottom:20px; margin-left:6px; padding-left:20px;} .lvd-page-basic.lvd-icon-primary ul li::before {top:-2px; left:-18px; content: "\e93e"; font-family: 'icomoon' !important; font-size:22px;} .lvd-page-basic.lvd-icon-secondary ul li {margin-bottom:12px; padding-left:12px;} .lvd-page-basic.lvd-icon-secondary ul li::before {top:-2px; left:-18px; content: "\e940"; font-family: 'icomoon' !important; font-size:22px;} /* Headings */ .lvd-page-basic h2 {font-size:var(--lvd-text-h4); font-weight:700; padding-top:16px;} .lvd-page-basic h3 {font-size:var(--lvd-text-h5); font-weight:700; padding-top:8px;} .lvd-page-basic h4 {font-size:var(--lvd-text-body); font-weight:700;} /* Common */ .lvd-page-basic .wp-block-columns {margin-bottom:0;} .lvd-page-basic .wp-block-image figcaption {font-size:var(--lvd-text-s1); padding:0 16px; margin: 0 0 16px 0; position:relative; display:inline-block;} .lvd-page-basic div {max-width:100%;} .lvd-page-basic figure {margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;} .lvd-page-basic img {max-width:100%; height:auto; vertical-align: bottom; margin-bottom:var(--lvd-regular-text-spacer); border-radius:var(--lvd-rounded1);} .lvd-page-basic .wp-block-embed__wrapper {position: relative; padding-bottom: 56.25%; margin: 16px 0 40px 0; height: 0; overflow: hidden;} .lvd-page-basic .wp-block-embed__wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* 404 */ .lvd-page404 {min-height:500px;} /* Container page */ .lvd-page {} /* Bm */ @media (min-width:1px) and (max-width:767px) { /* Page basic */ .lvd-page-basic {padding:0 16px;} } /* Bt */ @media (min-width:768px) and (max-width:1023px) { /* Page basic */ .lvd-page-basic {padding:0 40px;} } /* Footer 1.1.0 */ .lvd-footer {display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between; font-weight:300; position:relative; padding-top:40px;} .lvd-footer a {color:var(--lvd-color-black);} .lvd-footer-col1 {width:calc(25% - 50px);} .lvd-footer-col2 {width:calc(25% - 50px);} .lvd-footer-col3 {width:calc(25% - 50px);} .lvd-footer-col4 {width:calc(25% - 50px);} .lvd-footer .lvd-title {font-weight:700; font-size:var(--lvd-text-h5); margin-bottom:var(--lvd-mb-txt); color:var(--lvd-color-black);} .lvd-footer-menu li {list-style: none; margin-bottom:10px;} .lvd-footer-social {width:100%;} .lvd-footer-social a {display:inline-block; margin-left:20px; font-size:16px; color:var(--lvd-color-black);} .lvd-footer-credit {font-size:var(--lvd-text-s2);} .lvd-footer-credit a {color:var(--lvd-color-black);} .lvd-footer-credit p {margin-bottom: 16px;} .lvd-footer-legal {margin-bottom:40px;} .lvd-footer-legal img {max-height:40px; width:auto; margin-right:20px; margin-bottom:20px;} /* Bm */ @media (min-width:1px) and (max-width:767px) { .lvd-footer {padding:0 20px;} .lvd-footer-col1 {width:100%; margin-bottom:20px;} .lvd-footer-col2 {width:100%; margin-bottom:20px;} .lvd-footer-col3 {width:100%; margin-bottom:20px;} .lvd-footer-col4 {width:100%; margin-bottom:20px; text-align:left;} .lvd-footer-credit {padding:0 20px;} .lvd-footer-legal {padding:0 20px;} .lvd-footer-social a {margin-left:0; margin-right:20px;} } /* Bt */ @media (min-width:768px) and (max-width:1023px) { .lvd-footer {padding:0 20px;} .lvd-footer-col1 {width:100%; margin-bottom:20px;} .lvd-footer-col2 {width:100%; margin-bottom:20px;} .lvd-footer-col3 {width:100%; margin-bottom:20px;} .lvd-footer-col4 {width:100%; margin-bottom:20px; text-align:left;} .lvd-footer-credit {padding:0 20px;} .lvd-footer-legal {padding:0 20px;} .lvd-footer-social a {margin-left:0; margin-right:20px;} } /* Full HD */ @media (min-width:1024px) and (max-width:1344px) { .lvd-footer, .lvd-footer-credit {padding-left:24px !important; padding-right:24px !important;} } /* Blog AI related */ .lvd-ai-related .lvd-card {display:flex; flex-direction: column; position:relative;} .lvd-ai-related .lvd-content {display:flex; flex-direction: row; flex-wrap: wrap; flex-grow:0;} .lvd-ai-related img {max-width:48px; height:auto; margin-bottom:10px;} .lvd-ai-related .lvd-title {font-weight:700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;} .lvd-ai-related .lvd-txt {color: rgba(12, 12, 55, .6); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin-bottom:16px;} .lvd-ai-related .lvd-txt p {font-size:var(--lvd-text-s1);} .lvd-ai-related .lvd-button-primary-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:4px;} .lvd-ai-related .lvd-button-primary-small:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-ai-related .lvd-buttons-align .lvd-button-group {align-self: end;} .lvd-ai-related .lvd-buttons-align .lvd-content {flex-grow:1;} /* Bm */ @media (min-width:1px) and (max-width:767px) { .lvd-ai-related {padding:0 16px;} .lvd-ai-related img {max-width:28px; height:auto; margin-bottom:4px;} } /* Bt */ @media (min-width:768px) and (max-width:1023px) { .lvd-ai-related {padding:0 16px;} } /* END Blog AI related */