/* Theme Name: Live Design */ /* Author: Live Design */ /* Author URI: http://livedesign.ro */ /* Version 1.0.3 */ /* Root style - Dependencies included - Variables - Buttons - Appearence - Default format - Child classes default - Tracking */ /*----------------------------- DEPENDENCIES -----------------------------*/ @import url("lvdCore/style/core.css"); @import url("lvdCore/style/header-compact-sticky.css"); /* @import url("lvdCore/style/header-compact-sticky.css"); */ /* @import url("lvdCore/style/footer-columns.css"); */ @import url("lvdCore/style/footer-compact.css"); @import url("lvdCore/style/page.css"); @import url("lvdCore/style/blog-list.css"); @import url("lvdCore/style/blog-list-grid.css"); @import url("lvdCore/style/blog-single.css"); @import url("lvdCore/style/profile.css"); @import url("lvdCore/style/job.css"); @import url("lvdCore/style/component-accordion.css"); @import url("lvdCore/style/component-card-cover.css"); @import url("lvdCore/style/component-card-grid.css"); @import url("lvdCore/style/component-card-icons.css"); @import url("lvdCore/style/component-card-icons-image.css"); @import url("lvdCore/style/component-card-map.css"); @import url("lvdCore/style/component-card-text.css"); @import url("lvdCore/style/component-card-wings.css"); @import url("lvdCore/style/component-card-wings-async.css"); @import url("lvdCore/style/component-columns.css"); @import url("lvdCore/style/component-cover.css"); @import url("lvdCore/style/component-form-basic.css"); @import url("lvdCore/style/component-form-tower.css"); @import url("lvdCore/style/component-get-posts-blog-grid.css"); @import url("lvdCore/style/component-get-posts-blog-list.css"); @import url("lvdCore/style/component-get-posts-team.css"); @import url("lvdCore/style/component-hero-form.css"); @import url("lvdCore/style/component-list-wings-async.css"); @import url("lvdCore/style/component-list-wings-icons.css"); @import url("lvdCore/style/component-logo-clouds.css"); @import url("lvdCore/style/component-map-nav.css"); @import url("lvdCore/style/component-notification.css"); @import url("lvdCore/style/component-offer-grid.css"); @import url("lvdCore/style/component-onpage-nav.css"); @import url("lvdCore/style/component-photo-card-text.css"); @import url("lvdCore/style/component-text-section.css"); @import url("lvdCore/style/component-title.css"); @import url("lvdCore/style/component-video-card-text.css"); @import url("lvdCore/style/component-video-wings-async.css"); @import url("lvdCore/style/component-wings.css"); @import url("lvdCore/style/compatibility.css"); /*----------------------------- VARIABLES -----------------------------*/ :root { /* Colors */ --lvd-color-text:#404040; --lvd-color-primary:#EB1924; --lvd-color-primary-100:#ffc000; --lvd-color-primary-200:#ffc000; --lvd-color-primary-300:#ffc000; --lvd-color-secondary:#61b9f4e0; --lvd-color-secondary-100:#d5ecfb; --lvd-color-secondary-200:#000000; --lvd-color-secondary-300:#000000; --lvd-color-third:#000000; --lvd-color-black:#0D0D0D; --lvd-color-white:#FFFFFF; --lvd-color-gray-100:#F9F9F9; --lvd-color-gray-200:#F0F0F0; --lvd-color-gray-300:#D9D9D9; --lvd-color-gray-400:#737373; --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:'Montserrat', sans-serif; --lvd-secondary-font:'Roboto', sans-serif; } /*----------------------------- 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:4px;} .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:4px;} .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:4px;} .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:4px;} .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:4px;} .lvd-button-outlined:hover {color:var(--lvd-color-black); opacity:0.7;} .lvd-button-outlined-small {border:1px solid var(--lvd-color-black); color:var(--lvd-color-black); display:inline-block; height:32px; line-height:30px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:4px;} .lvd-button-outlined-small:hover {color:var(--lvd-color-black); 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:4px;} .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:4px;} .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-secondary-100); color:var(--lvd-color-black);} /* 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-gray-200);} /* 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); 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); 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;} /* 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(235, 25, 36, 0) 0%, rgba(235, 25, 36, 1) 15%, rgba(235, 25, 36, 1) 100%) repeat scroll 0 0;} /* Dark */ /* Light */ /*############################# MOBILE (bm-) #############################*/ @media (min-width:1px) and (max-width:767px) { /*----------------------------- 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) { /*----------------------------- 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-) #############################*/