first commit
This commit is contained in:
@@ -0,0 +1,385 @@
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #e20b0b;
|
||||
--lqd-body-text-color: #626974;
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-blue-900: #0a1e26;
|
||||
--lqd-color-gray-100: #f2f2f2;
|
||||
--lqd-color-gray-200: #e6e6e6;
|
||||
--lqd-color-gray-300: #b7b9c4;
|
||||
--lqd-color-gray-400: #7a7a7a;
|
||||
--lqd-color-gray-500: #666666;
|
||||
--lqd-color-gray-600: #3a3a3a;
|
||||
--lqd-color-gray-700: #202020;
|
||||
--lqd-color-gray-800: #151515;
|
||||
--lqd-color-gray-900: #191919;
|
||||
--lqd-color-green-700: #121b1d;
|
||||
--lqd-color-green-900: #0b1415;
|
||||
--lqd-color-slate-300: rgba(9, 94, 193, 0.11);
|
||||
--lqd-color-slate-400: #99a4a8;
|
||||
--lqd-color-red-100: rgba(193, 9, 9, 0.11);
|
||||
--lqd-color-red-300: #f03a22;
|
||||
--lqd-color-red-500: #c41313;
|
||||
--lqd-color-yellow-500: #ffda01;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-line-height: 1.64em;
|
||||
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #000;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h1-line-height: 1em;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-line-height: 1.25em;
|
||||
--lqd-h3-font-size: 30px;
|
||||
--lqd-h3-line-height: 1.4em;
|
||||
--lqd-h4-font-size: 28px;
|
||||
--lqd-h5-font-size: 18px;
|
||||
--lqd-h5-line-height: 1.21em;
|
||||
--lqd-h6-font-size: 13px;
|
||||
--lqd-h6-font-weight: 700;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-letter-spacing: 0.1em;
|
||||
|
||||
--lqd-cc-size-inner: 12px;
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: #fff;
|
||||
--lqd-cc-active-bc: #fff;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
h2.text-init {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Site Header ***** */
|
||||
.main-header.is-stuck .lqd-head-sec-wrap {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap {
|
||||
--padding-top: 5vh;
|
||||
--padding-bottom: 5vh;
|
||||
}
|
||||
|
||||
.nav-trigger:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav-trigger.style-2 .bar:before,
|
||||
.nav-trigger.style-2 .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.module-head-sec {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Typography ***** */
|
||||
@media (max-width: 991px) {
|
||||
h2.module-h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
h2.module-h2 {
|
||||
font-size: 9.5vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .module-title {
|
||||
margin-bottom: -12%;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner h1 {
|
||||
font-size: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner h1 {
|
||||
font-size: 8vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
@media (max-width: 991px) {
|
||||
.about {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies ***** */
|
||||
@media (max-width: 991px) {
|
||||
.case-studies h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .module-case-studies {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.case-studies .module-case-studies-2,
|
||||
.case-studies .module-case-studies-3 {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Accordion Design ***** */
|
||||
.accordion-design .accordion-item.active .accordion-title a {
|
||||
border-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.accordion-design h2 {
|
||||
margin-bottom: 1.25em;
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.accordion-design h2 {
|
||||
font-size: 11vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Team ***** */
|
||||
@media (max-width: 991px) {
|
||||
.team {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.team .module-spacer {
|
||||
height: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 767px) {
|
||||
.clients-page .ld-img-hover-opacity {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials-page .carousel-dots {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-slides-current {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-slides-numbers svg,
|
||||
.testimonials-page .lqd-carousel-slides-numbers {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-numbers-line path {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-numbers-line path:last-of-type {
|
||||
stroke: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.testimonials-page {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Approach ***** */
|
||||
@media (max-width: 991px) {
|
||||
.approach h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
@media (max-width: 991px) {
|
||||
.page-footer .module-first h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
.one-bullet-list li:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
margin-inline-end: 1em;
|
||||
border-radius: 50em;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
|
||||
.main-header .btn-solid {
|
||||
--btn-ps: 1.5em;
|
||||
--btn-pe: 1.5em;
|
||||
}
|
||||
|
||||
.main-header .main-nav .link-sup {
|
||||
top: -2em;
|
||||
inset-inline-end: 1em;
|
||||
font-size: .625em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap .nav-trigger {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
/* Left Sticky */
|
||||
.main-header .lqd-stickybar-wrap {
|
||||
--padding-top: 22px;
|
||||
}
|
||||
|
||||
.main-header .is-stuck .lqd-stickybar-wrap {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-inline-start .lqd-head-col:not(:first-child) {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd>.nav-trigger {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.main-header .lqd-active-row-dark .nav-trigger .bar:before,
|
||||
.main-header .lqd-active-row-dark .nav-trigger .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.main-header .lqd-active-row-dark .lqd-scrl-indc-line {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* Left Side */
|
||||
.main-header .ld-module-dropdown {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
/* ***** Site Header ***** */
|
||||
.site-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 15px;
|
||||
}
|
||||
|
||||
.site-header .module-dropdown {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lqd-modal[data-modal-type=fullscreen] {
|
||||
padding: 25px 2em;
|
||||
}
|
||||
|
||||
.lqd-contact-form {
|
||||
--input-margin-bottom: 13px;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .lqd-modal-content {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.lity-modal .lqd-modal-content .module-col {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact Info ***** */
|
||||
@media (max-width: 767px) {
|
||||
.contact-info .module-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Lets Talk ***** */
|
||||
@media (max-width: 991px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 16vw;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Page Footer ***** */
|
||||
@media (max-width: 991px) {
|
||||
.page-footer .module-top {
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user