/* Theme Name: Live Design Shop V1 */ /* Author: Live Design */ /* Author URI: http://livedesign.ro */ /* Version 1.0.1 */ /*----------------------------- TEMPLATES -----------------------------*/ @import url("style/tpl-header.css"); @import url("style/tpl-page.css"); @import url("style/tpl-blog.css"); @import url("style/tpl-footer.css"); @import url("style/shop.css"); /*----------------------------- CORE COMPONENTS -----------------------------*/ @import url("style/component-wings.css"); @import url("style/component-text-section.css"); @import url("style/component-card-wings.css"); @import url("style/component-card-text.css"); @import url("style/component-card-grid.css"); @import url("style/component-card-icons.css"); @import url("style/component-video-wings-async.css"); @import url("style/component-video-card-text.css"); @import url("style/component-logo-clouds.css"); @import url("style/component-accordion.css"); /*----------------------------- OTHER -----------------------------*/ @import url("style/tpl-third-party-overwrite.css"); /*----------------------------- VARIABLES -----------------------------*/ :root { /*colors*/ --lvd-color-text:#555555; --lvd-color-primary:#ffc000; --lvd-color-primary-100:#ffc000; --lvd-color-primary-200:#ffc000; --lvd-color-primary-300:#ffc000; --lvd-color-secondary:#000000; --lvd-color-secondary-100:#000000; --lvd-color-secondary-200:#000000; --lvd-color-secondary-300:#000000; --lvd-color-third:#000000; --lvd-color-black:#000000; --lvd-color-white:#FFFFFF; --lvd-color-gray-100:#F9F9F9; --lvd-color-gray-200:#F0F0F0; --lvd-color-gray-300:#eff0f6; --lvd-color-gray-400:#666666; --lvd-color-success:#14B07D; --lvd-color-error:#EC5252; --lvd-color-warning:#FC6D43; --lvd-color-info:#2268FD; /*containers*/ --lvd-width-stopper:1800px; --lvd-width-fullhd:1344px; --lvd-width-widescreen:1152px; --lvd-width-desktop:960px; /*fonts*/ --lvd-text-d1:72px; --lvd-text-d2:64px; --lvd-text-d3:56px; --lvd-text-h1:48px; --lvd-text-h2:40px; --lvd-text-h3:32px; --lvd-text-h4:24px; --lvd-text-h5:20px; --lvd-text-body:16px; --lvd-text-s1:14px; --lvd-text-s2:11px; --lvd-primary-font:'Montserrat', sans-serif; --lvd-secondary-font:'Roboto', sans-serif; /*spacing*/ --lvd-mb-txt:20px; --lvd-gap:16px; --lvd-line-height-base:1.4; --lvd-cover-image-height:600px; /*decoration*/ --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 / 10%); --lvd-shadow-300: 1px 1px 10px rgb(0 0 0 / 6%); /*rounded corners cards*/ --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; } /*----------------------------- 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;} /*----------------------------- ROOT -----------------------------*/ body {font-family: var(--lvd-primary-font); font-size:var(--lvd-text-body); font-weight:300; color:var(--lvd-color-text);} a {color:var(--lvd-color-secondary); padding:0; margin:0; border:0; text-decoration:none;} a:hover {color:#000000; 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;} /*forms*/ input {-webkit-border-radius:0; border-radius:0;} input[type=text], input[type=button], input[type=email], input[type=tel] {-webkit-appearance: none;} input[type=checkbox]{-webkit-appearance:checkbox !important;} input[type=text], input[type=tel], input[type=email], input[type=password] {height:48px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block;} textarea {height:120px; line-height:48px; border-radius:4px; color:var(--lvd-color-black); border:1px solid var(--lvd-color-black); display:inline-block; font-family: var(--lvd-primary-font);} /*display*/ .lvd-no-mobile {display:block;} .lvd-no-desktop {display:none;} /* 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);} /*sep line*/ .lvd-sep-line {border-top:4px solid var(--lvd-color4); height:1px;} /*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%;} /*effect*/ .lvd-box-shadow-100 {box-shadow: 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-box-shadow-200 {box-shadow: 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-effect-shadow2 {box-shadow: 0px 5px 14px 0px rgb(36 36 59 / 7%);} /*table*/ .lvd-table {box-shadow: 0 0 6px rgba(0,0,0,0.07); background:#FFF; border-collapse: collapse; width:100%; empty-cells: show;} .lvd-table td, .lvd-table th {padding:10px 16px; border:1px solid #00ACEE; } .lvd-table th {color:#00ACEE; font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:700; text-align: left;} .lvd-table table {box-shadow: 0 0 6px rgba(0,0,0,0.07); background:#FFF; border-collapse: collapse; width:100%; empty-cells: show;} .lvd-noclass {} .lvd-clear {clear: both;} /*----------------------------- COLORS -----------------------------*/ /*body text color*/ .lvd-color-text {color:var(--lvd-color-text);} /*brand text 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 text 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);} /*semantic text colors*/ .lvd-color-success {color:var(--lvd-color-success);} .lvd-color-error {color:var(--lvd-color-error);} .lvd-color-warning {color:var(--lvd-color-warning);} .lvd-color-info {color:var(--lvd-color-info);} /*background color*/ .lvd-background-primary {background-color:var(--lvd-color-primary);} .lvd-background-secondary {background-color:var(--lvd-color-secondary);} .lvd-background-third {background-color:var(--lvd-color-third);} .lvd-background-white {background-color:var(--lvd-color-white);} .lvd-background-black {background-color:var(--lvd-color-black);} /*----------------------------- TYPOGRAPHY -----------------------------*/ h1, h2, h3, h4, h5 {margin-bottom:var(--lvd-mb-txt);} h1 {font-size:var(--lvd-text-h1);} h2 {font-size:var(--lvd-text-h2);} h3 {font-size:var(--lvd-text-h3);} h4 {font-size:var(--lvd-text-h4);} h5 {font-size:var(--lvd-text-h5);} .lvd-text-d1 {font-size:var(--lvd-text-d1);} .lvd-text-d2 {font-size:var(--lvd-text-d2);} .lvd-text-d3 {font-size:var(--lvd-text-d3);} .lvd-text-h1 {font-size:var(--lvd-text-h1);} .lvd-text-h2 {font-size:var(--lvd-text-h2);} .lvd-text-h3 {font-size:var(--lvd-text-h3);} .lvd-text-h4 {font-size:var(--lvd-text-h4);} .lvd-text-h5 {font-size:var(--lvd-text-h5);} .lvd-text-body {font-size:var(--lvd-text-body);} .lvd-text-s2 {font-size:var(--lvd-text-s2);} .lvd-text-s1 {font-size:var(--lvd-text-s1);} .lvd-text-bold {font-weight:700;} .lvd-text-underline {text-decoration: underline;} .lvd-text-italic {font-style: italic;} .lvd-text-left {text-align:left;} .lvd-text-center {text-align:center;} .lvd-text-right {text-align:right;} /*----------------------------- IMAGES -----------------------------*/ /*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;} /*----------------------------- LAYOUT -----------------------------*/ /* Position */ .lvd-inset-0 {top: 0px; right: 0px; bottom: 0px; left: 0px;} /* Align */ .lvd-align-center {margin:0 auto;} /* Sizing */ .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;} /* Padding */ .lvd-pxy-none {padding:0;} .lvd-pxy-xs {padding:10px;} .lvd-pxy-sm {padding:20px;} .lvd-pxy {padding:40px;} .lvd-pxy-md {padding:60px;} .lvd-pxy-lg {padding:80px;} .lvd-pxy-xl {padding:100px;} .lvd-px-xs {padding:0 10px 0 10px;} .lvd-px-sm {padding:0 20px 0 20px;} .lvd-px {padding:0 40px 0 40px;} .lvd-px-md {padding:0 60px 0 60px;} .lvd-px-lg {padding:0 80px 0 80px;} .lvd-px-xl {padding:0 100px 0 100px;} .lvd-py-xs {padding:10px 0 10px 0;} .lvd-py-sm {padding:20px 0 20px 0;} .lvd-py {padding:40px 0 40px 0;} .lvd-py-md {padding:60px 0 60px 0;} .lvd-py-lg {padding:80px 0 80px 0;} .lvd-py-xl {padding:100px 0 100px 0;} .lvd-pt-xs {padding-top:10px;} .lvd-pt-sm {padding-top:20px;} .lvd-pt {padding-top:40px;} .lvd-pt-md {padding-top:60px;} .lvd-pt-lg {padding-top:80px;} .lvd-pt-xl {padding-top:100px;} .lvd-pb-xs {padding-bottom:10px;} .lvd-pb-sm {padding-bottom:20px;} .lvd-pb {padding-bottom:40px;} .lvd-pb-md {padding-bottom:60px;} .lvd-pb-lg {padding-bottom:80px;} .lvd-pb-xl {padding-bottom:100px;} .lvd-pl-xs {padding-left:10px;} .lvd-pl-sm {padding-left:20px;} .lvd-pl {padding-left:40px;} .lvd-pl-md {padding-left:60px;} .lvd-pl-lg {padding-left:80px;} .lvd-pl-xl {padding-left:100px;} .lvd-pr-xs {padding-right:10px;} .lvd-pr-sm {padding-right:20px;} .lvd-pr {padding-right:40px;} .lvd-pr-md {padding-right:60px;} .lvd-pr-lg {padding-right:80px;} .lvd-pr-xl {padding-right:100px;} /* Margin */ .lvd-mxy-none {padding:0;} .lvd-mxy-xs {margin:10px;} .lvd-mxy-sm {margin:20px;} .lvd-mxy {margin:40px;} .lvd-mxy-md {margin:60px;} .lvd-mxy-lg {margin:80px;} .lvd-mxy-xl {margin:100px;} .lvd-mx-xs {margin:0 10px 0 10px;} .lvd-mx-sm {margin:0 20px 0 20px;} .lvd-mx {margin:0 40px 0 40px;} .lvd-mx-md {margin:0 60px 0 60px;} .lvd-mx-lg {margin:0 80px 0 80px;} .lvd-mx-xl {margin:0 100px 0 100px;} .lvd-my-xs {margin:10px 0 10px 0;} .lvd-my-sm {margin:20px 0 20px 0;} .lvd-my {margin:40px 0 40px 0;} .lvd-my-md {margin:60px 0 60px 0;} .lvd-my-lg {margin:80px 0 80px 0;} .lvd-my-xl {margin:100px 0 100px 0;} .lvd-mt-xs {margin-top:10px;} .lvd-mt-sm {margin-top:20px;} .lvd-mt {margin-top:40px;} .lvd-mt-md {margin-top:60px;} .lvd-mt-lg {margin-top:80px;} .lvd-mt-xl {margin-top:100px;} .lvd-mb-xs {margin-bottom:10px;} .lvd-mb-sm {margin-bottom:20px;} .lvd-mb {margin-bottom:40px;} .lvd-mb-md {margin-bottom:60px;} .lvd-mb-lg {margin-bottom:80px;} .lvd-mb-xl {margin-bottom:100px;} .lvd-ml-xs {margin-left:10px;} .lvd-ml-sm {margin-left:20px;} .lvd-ml {margin-left:40px;} .lvd-ml-md {margin-left:60px;} .lvd-ml-lg {margin-left:80px;} .lvd-ml-xl {margin-left:100px;} .lvd-mr-xs {margin-right:10px;} .lvd-mr-sm {margin-right:20px;} .lvd-mr {margin-right:40px;} .lvd-mr-md {margin-right:60px;} .lvd-mr-lg {margin-right:80px;} .lvd-mr-xl {margin-right:100px;} .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;} /* Spacing */ .lvd-spacer-xs {height:10px;} .lvd-spacer-sm {height:20px;} .lvd-spacer {height:40px;} .lvd-spacer-md {height:80px;} .lvd-spacer-lg {height:100px;} .lvd-spacer-xl {height:120px;} .lvd-spacer-2xl {height:140px;} .lvd-spacer-3xl {height:160px;} /* Flexbox */ .lvd-row, .lvd-flex {display: flex; flex-direction: row; flex-wrap: wrap;} .lvd-row-between {justify-content: space-between;} /*horiz align*/ .lvd-row-center {justify-content: center;} .lvd-row-around {justify-content: space-around;} .lvd-row-evenly {justify-content: space-evenly;} .lvd-items-start {align-items: flex-start;} /*vertical align*/ .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;} .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;} /*self vertical align*/ .lvd-flex-grow {flex-grow: 1;} .lvd-flex-grow0 {flex-grow: 0;} .lvd-flex-shrink {flex-shrink: 1;} .lvd-flex-shrink0 {flex-shrink: 0;} .lvd-gap0 {--lvd-gap: 0px;} .lvd-gap1 {--lvd-gap: 16px;} .lvd-gap2 {--lvd-gap: 12px;} .lvd-gap3 {--lvd-gap: 10px;} .lvd-gap4 {--lvd-gap: 4px;} .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%;} .lvd-order1 {order:1;} .lvd-order2 {order:2;} .lvd-order3 {order:3;} .lvd-margin-gap {margin:calc(-1 * var(--lvd-gap) / 2);} .lvd-margin-gap .lvd-c4 {margin:calc(var(--lvd-gap) / 2);} /* Grids */ .lvd-grid {display:grid;} .lvd-grid-cols1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .lvd-grid-cols2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .lvd-grid-cols3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lvd-grid-cols4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .lvd-grid-cols5 {grid-template-columns: repeat(5, minmax(0, 1fr));} .lvd-grid-cols6 {grid-template-columns: repeat(6, minmax(0, 1fr));} .lvd-grid-cols7 {grid-template-columns: repeat(7, minmax(0, 1fr));} .lvd-grid-cols8 {grid-template-columns: repeat(8, minmax(0, 1fr));} .lvd-grid-flow-row {grid-auto-flow: row;} .lvd-grid-flow-col {grid-auto-flow: column;} .lvd-grid-gap-none {gap:0px;} .lvd-grid-gap-xs {gap:4px;} .lvd-grid-gap-sm {gap:8px;} .lvd-grid-gap {gap:12px;} .lvd-grid-gap-md {gap:20px;} .lvd-grid-gap-lg {gap:40px;} .lvd-grid-gap-xl {gap:60px;} .lvd-grid-gap-2xl {gap:80px;} .lvd-grid-gap-3xl {gap:100px;} /* 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:48px; line-height:46px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;} .lvd-button-primary:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-primary-small {background:var(--lvd-color-black); 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-primary-small:hover {color:var(--lvd-color-white); opacity:0.7;} .lvd-button-secondary {background: var(--lvd-color-primary); color:var(--lvd-color-black); 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;} .lvd-button-secondary:hover {color:var(--lvd-color-black); opacity:0.7;} .lvd-button-secondary-small {background: var(--lvd-color-primary); color:var(--lvd-color-black); 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-secondary-small:hover {color:var(--lvd-color-black); opacity:0.7;} .lvd-button-outlined {border:1px solid var(--lvd-color-secondary); 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); 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 {color:var(--lvd-color-secondary); 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-secondary); opacity:0.7;} .lvd-button-text-small {color:var(--lvd-color-secondary); 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-secondary); opacity:0.7;} /* Appearence */ .lvd-style-apply.lvd-style-accent {background:var(--lvd-color-primary);} .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); color:var(--lvd-color-secondary);} .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-title {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-dark .lvd-keyword {color:var(--lvd-color-white);} .lvd-style-apply.lvd-style-light {background:var(--lvd-color-gray-200);} .lvd-style-apply.lvd-style-white {background:var(--lvd-color-white);} .lvd-style-apply.lvd-style-transparent {background:transparent;} /* Breadcrumbs */ .lvd-breadcrumbs {font-weight:300; font-size:var(--lvd-text-s1); font-family: var(--lvd-secondary-font); opacity:0.5;} /* 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:-9px; left:-8px; content: "\2022"; font-size:26px; color:var(--lvd-color-primary); font-weight: bold;} .lvd-default blockquote {font-size:var(--lvd-text-md); border-left:1px solid var(--lvd-color-primary); padding-left:20px; margin-left:20px;} /* Jump anchor */ .lvd-anchor {position:absolute; z-index:-1; left:0; margin-top:-100px;} /*----------------------------- MOBILE (sm) -----------------------------*/ @media (min-width:1px) and (max-width:767px) { /* ROOT */ body {font-size:15px;} .lvd-c1-sm {width:100%; max-width:100%;} /* Grids */ .lvd-grid-cols1-sm {grid-template-columns: repeat(1, minmax(0, 1fr));} .lvd-grid-cols2-sm {grid-template-columns: repeat(2, minmax(0, 1fr));} .lvd-grid-cols3-sm {grid-template-columns: repeat(3, minmax(0, 1fr));} /*----------------------------- TYPOGRAPHY -----------------------------*/ h1, h2, h3, h4, h5 {--lvd-mb-txt:10px;} h1 {--lvd-text-h1:32px;} h2 {--lvd-text-h2:28px;} h3 {--lvd-text-h3:26px;} h4 {--lvd-text-h4:18px;} .lvd-text-d1 {--lvd-text-d1:44px;} .lvd-text-d2 {--lvd-text-d2:40px;} .lvd-text-d3 {--lvd-text-d3:36px;} .lvd-text-h1 {--lvd-text-h1:32px;} .lvd-text-h2 {--lvd-text-h2:28px;} .lvd-text-h3 {--lvd-text-h3:26px;} .lvd-text-h4 {--lvd-text-h4:18px;} .lvd-text-body {--lvd-text-body:15px;} .lvd-text-s1 {--lvd-text-s1:13px;} .lvd-text-s2 {--lvd-text-s2:11px;} .lvd-mb-block-spacer {margin-bottom:60px;} /* 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 MOBILE -----------------------------*/ /*----------------------------- TABLET (md) -----------------------------*/ @media (min-width:768px) and (max-width:1023px) { .lvd-c2-md {width:100%; max-width:50%;} } /*----------------------------- END TABLET -----------------------------*/