diff --git a/public/assets/css/demo/adaptive-colors/adaptive-color.css b/public/assets/css/demo/adaptive-colors/adaptive-color.css deleted file mode 100644 index 69482cc..0000000 --- a/public/assets/css/demo/adaptive-colors/adaptive-color.css +++ /dev/null @@ -1,62 +0,0 @@ -/* ***** Banner ***** */ -@media (max-width: 991px) { - .banner h1 { - font-size: 8vw; - } -} -@media (max-width: 767px) { - .banner h1 { - font-size: 10vw; - } -} - -/* ***** Module Sec ***** */ -.module-sec { - padding-top: 10vh; - padding-bottom: 10vh; -} -.module-sec h2 { - font-size: 9vw; -} -@media (max-width: 991px) { - .module-sec { - padding-top: 40px; - padding-bottom: 40px; - } -} - -/* ***** Help ***** */ -.help .module-accordion a { - padding-right: 30px; -} -@media (max-width: 991px) { - .help { - padding-top: 60px; - padding-bottom: 60px; - } - .help .module-col { - padding-right: 15px; - } - .help .module-accordion { - margin-top: 0; - padding-right: 30px; - padding-left: 30px; - } -} -@media (max-width: 767px) { - .help .module-accordion { - margin-top: 50px; - padding-right: 15px; - padding-left: 15px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 991px) { - .clients .module-client { - padding-bottom: 30px; - } - .clients { - padding-bottom: 60px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/adaptive-colors/base.css b/public/assets/css/demo/adaptive-colors/base.css deleted file mode 100644 index b507420..0000000 --- a/public/assets/css/demo/adaptive-colors/base.css +++ /dev/null @@ -1,117 +0,0 @@ -:root { - --lqd-container-width-lg: 1170px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-container-width-xs: 100%; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #f13c46; - --lqd-color-gradient-start: #f42958; - --lqd-color-gradient-stop: #f42958; - --lqd-color-blue-100: #d1f0fc; - --lqd-color-blue-700: #004ac7; - --lqd-color-brown-700: #5a220c; - --lqd-color-gray-800: #1f1f1f; - --lqd-color-gray-900: #141414; - --lqd-color-purple-100: #d7c9f6; - --lqd-color-purple-700: #2f1c58; - --lqd-color-red-100: #ffc1c5; - --lqd-color-red-300: #ff4e5c; - --lqd-color-slate-100: #e8fcff; - --lqd-color-slate-200: #d5f5ff; - --lqd-color-orange-100: #ffc29b; - /* */ - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.5em; - --lqd-body-font-size: 1em; - --lqd-body-color: #000000; - /* */ - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-line-height: 1.2em; - --lqd-heading-font-weight: 500; - --lqd-heading-color: #181b31; - --lqd-h1-font-weight: 700; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 22px; - --lqd-h6-font-size: 17px; - /* */ - --lqd-cc-size-inner: 17px; - --lqd-cc-bg: rgb(32, 38, 76); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-bg: rgba(0, 0, 0, 0.68); - --lqd-cc-active-bc: rgba(0, 0, 0, 0.68); -} - -/* ***** Main Header ***** */ -.main-header .main-nav-trigger .bars:before { - background-color: rgba(255, 255, 255, 0); -} -.main-header .main-nav { - --lqd-menu-items-right-padding: 22px; - --lqd-menu-items-left-padding: 22px; -} -.main-header .module-navbar.show { - display: inline-flex; -} -.main-header .main-nav-trigger:hover .bars:before { - background-color: #ffffff; -} -.main-header .main-nav .link-sup { - top: -2em; - right: 1em; -} -.submenu-expander:before { - content: '\ea2f'; - display: inline-flex; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - align-items: center; - justify-content: center; - font: normal 1em/1 'lqd-essentials'; -} - -/* ***** Main Footer ***** */ -.main-footer .footer-content { - padding-right: 12vw; - padding-left: 12vw; -} -.main-footer .module-btn { - font-size: clamp(60px, 8vw, 70px); -} -.main-footer .module-title { - font-size: 3vw; -} -@media (max-width: 1199px) { - .main-footer .footer-content { - padding: 100px 7vw; - } -} -@media (max-width: 991px) { - .main-footer .footer-content { - padding: 100px 0; - } - .main-footer .module-title { - font-size: 35px; - margin-top: 40px; - margin-bottom: 0.5em; - } - .main-footer .module-space { - height: 50px; - } - .main-footer .module-info { - margin-bottom: 45px; - } -} -@media (max-width: 767px) { - .main-footer .module-email { - margin-bottom: 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-9.css b/public/assets/css/demo/asymmetric-9.css deleted file mode 100644 index 1c82bbf..0000000 --- a/public/assets/css/demo/asymmetric-9.css +++ /dev/null @@ -1,720 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width: 1220px; - --lqd-container-width-md: 100%; - --lqd-container-width-sm: 100%; - --lqd-row-gutter-x: 0; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #000000; - --lqd-body-text-color: #000000; - --lqd-color-accent: #f7fd92; - --lqd-color-dark: #1A1D21; - --lqd-badge-color: rgba(255, 255, 255, 0.678); - --lqd-color-gray-500: #6b7280; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 13px; - --lqd-body-line-height: 1.23em; - - --lqd-accent-font-family: 'Playfair Display', serif; - --lqd-accent-font-weight: 400; - - --lqd-heading-font-family: 'Space Grotesk', sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1em; - --lqd-heading-color: var(--lqd-color-primary); - --lqd-h1-font-size: 55px; - --lqd-h2-font-size: 42px; - --lqd-h2-letter-spacing: -0.8px; - --lqd-h3-font-size: 32px; - --lqd-h3-line-height: 1.31em; - --lqd-h3-letter-spacing: -0.4px; - --lqd-h4-font-size: 29px; - --lqd-h4-letter-spacing: -0.4px; - --lqd-h5-font-size: 20px; - --lqd-h5-line-height: 1.2em; - --lqd-h6-font-family: var(--lqd-body-font-family); - --lqd-h6-font-size: 14px; - --lqd-h6-font-weight: 500; - --lqd-h6-line-height: 1.2em; - - --lqd-cc-size-inner: 25px; - --lqd-cc-bg: #fff; - --lqd-cc-active-bw: 1px; - --lqd-cc-active-bg: #fff; - --lqd-cc-active-bc: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-blend-mode: difference; -} - -/* ***** Button ***** */ -button, -input[type="button"], -input[type="submit"], -.button { - font-family: var(--lqd-heading-font-family); -} - -/* ***** Lity Modal ***** */ -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 30px 0; - --input-margin-bottom: 30px; -} - -.lity-modal 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; - } - - .lity-modal .module-content { - padding: 10px; - } -} - -@media (max-width: 767px) { - .lity-modal .container { - padding: 30px 15px; - } - - .lity-modal .module-info, - .lity-modal .module-form { - margin-top: 30px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - } -} - -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 16px; - --lqd-menu-items-right-padding: 40px; - --lqd-menu-items-bottom-padding: 16px; - --lqd-menu-items-left-padding: 40px; -} - -.main-header .ld-module-sd .main-nav { - --lqd-menu-items-top-padding: 0; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 60px; - --lqd-menu-items-left-padding: 0; -} - -.module-mobile-nav .main-nav { - --lqd-menu-items-top-padding: 0; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 40px; - --lqd-menu-items-left-padding: 0; -} - -.module-mobile-nav .ld-module-dropdown { - width: 80vw; -} - -.module-mobile-nav .module-col-inner { - padding: 35px; -} - -.module-mobile-nav .lqd-menu-counter-right li a { - font-size: 24px; -} - -@media (min-width: 1200px) and (max-width: 1400px) { - .main-header .main-nav { - --lqd-menu-items-right-padding: 20px; - --lqd-menu-items-left-padding: 20px; - } -} - -@media (max-width: 1199px) { - .main-header .module-logo { - padding: 20px 0; - } -} - -@media (max-width: 767px) { - .main-header .ld-module-sd .main-nav { - --lqd-menu-items-bottom-padding: 25px; - } - - .module-mobile-nav .lqd-menu-counter-right li a { - font-size: 17px; - } - - .main-header .module-header { - padding: 20px 20px 0; - } - - .main-header .ld-module-sd .module-social { - bottom: 30px; - } -} - -/* ***** Stickybar Right ***** */ -.main-header .lqd-stickybar-right { - padding: 0 0 7% 0; -} - -/* ***** Stickybar Left ***** */ -.main-header .lqd-stickybar-left { - padding: 6% 2% 6% 0; - justify-content: space-between; -} - -.lqd-stickybar-wrap .ld-module-sd>.nav-trigger { - transform: rotate(-90deg); -} - -/* ***** Sidebar Left ***** */ -.main-header .lqd-stickybar-left .ld-module-sd>.ld-module-dropdown { - width: 55vw; -} - -.main-header .ld-sd-wrap { - padding: 0; -} - -.main-header .ld-module-sd .main-nav>li:hover>a, -.main-header .ld-module-sd .main-nav>li.is-active>a, -.navbar-fullscreen .main-header .ld-module-sd .main-nav>li>a:hover { - color: #184341; -} - -.main-header .main-nav>li>a>.link-icon { - font-size: 0.7em; -} - -@media (max-width: 1199px) { - .main-header .module-left-side { - padding: 100px 50px 50px 50px; - flex-direction: row; - } -} - -@media (max-width: 767px) { - .main-header .ld-module-sd>.ld-module-dropdown { - width: 80vw; - } - - .main-header .module-left-side { - flex-direction: column; - padding: 35px; - } - - .main-header .module-left-side .lqd-fancy-menu { - margin-bottom: 30px; - } - - .main-header .module-left-side .main-nav a { - font-size: 24px; - --lqd-menu-items-top-padding: 0; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 40px; - --lqd-menu-items-left-padding: 0; - } -} - -/* ***** Mobile Header ***** */ -.main-header .navbar-collapse { - flex: 1 auto; - overflow: visible; - height: auto; -} - -/* ***** Banner ***** */ -.banner .lqd-vslider-ext h2 { - font-size: 55px; -} - -.banner .lqd-vslider .lqd-extra-cursor { - background-color: rgba(255, 4, 4, 0.85); -} - -.banner .lqd-vslider-scrn { - height: calc(100vh - 120px); -} - -@media (max-width: 1199px) { - .banner .lqd-vslider-ext .d-flex { - padding-inline-end: 20%; - } -} - -@media screen and (min-width: 992px) { - .lqd-vslider-ext li { - top: 0; - inset-inline-start: 0; - padding: 5.5rem 4rem 1rem; - } -} - -@media (max-width: 767px) { - .banner { - padding: 20px 20px 0 20px; - } - - .banner .ld-fancy-heading h2 { - font-size: 50px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 1199px) { - .clients { - padding: 50px 20px 40px 20px; - } -} - -@media (max-width: 767px) { - .clients { - padding-top: 40px; - } - - .clients .module-img { - margin-bottom: 20px; - } -} - -/* ***** Our Services ***** */ -.our-services .module-img-3 { - inset-inline-start: 25%; -} - -@media (max-width: 1199px) { - .our-services { - padding-inline-end: 20px; - padding-inline-start: 20px; - } -} - -@media (min-width: 768px) { - .our-services .ld-fancy-heading h3 { - padding-inline-end: 10px; - } -} - -@media (max-width: 767px) { - .our-services { - padding-top: 20px; - padding-bottom: 40px; - } - - .our-services .module-img-3 img { - width: 170px; - } - - .our-services .module-col { - margin-bottom: 140px; - } - - .our-services .module-img-1 { - width: 40%; - } - - .our-services .module-img-2 { - width: 45%; - } -} - -/* ***** Solutions ***** */ -@media (max-width: 1199px) { - .solutions { - padding-top: 80px; - padding-inline-end: 20px; - padding-inline-start: 20px; - } - - .solutions .module-title h2 { - margin: 15px 0 30px 0; - } - - .solutions .module-box { - gap: 30px; - } -} - -@media (max-width: 767px) { - .solutions { - padding-top: 40px; - padding-bottom: 90px; - } - - .solutions .module-title { - padding-bottom: 6%; - } - - .solutions .module-title h2 { - margin: 5px 0 10px 0; - } -} - -/* ***** Section Dark ***** */ -@media (max-width: 767px) { - .section-dark { - padding: 80px 20px; - } -} - -/* ***** Our Vision ***** */ -.our-vision .lqd-throwable-scene { - height: 73vh; -} - -.our-vision .lqd-throwable-scene .module-float-1 span { - background-color: #d5d5d5; -} - -.our-vision .lqd-throwable-scene .module-float-2 span { - background-color: #e1e3e8; -} - -.our-vision .lqd-throwable-scene .module-float-3 span { - background-color: #c7d0c1; -} - -.our-vision .lqd-throwable-scene .module-float-4 span { - background-color: #d9f8ea; -} - -.our-vision .lqd-throwable-scene .module-float-5 span { - background-color: #c7d0c1; -} - -.our-vision .lqd-throwable-scene .module-float-6 span { - background-color: #d9eef8; -} - -.our-vision .lqd-throwable-scene .module-float-7 span { - background-color: #d9f8f1; -} - -.our-vision .lqd-throwable-scene .module-float-8 span { - background-color: #f8f8d9; -} - -.our-vision>.pos-abs { - inset-inline-start: 0px; -} - -@media (max-width: 767px) { - .our-vision .lqd-text-reveal-el { - font-size: 12vw; - } -} - -/* ***** Case Studies ***** */ -.case-studies .liquid-filter-items { - margin-bottom: 35px; -} - -.case-studies .filter-list li, -.case-studies .lqd-filter-dropdown .ui-button { - color: #4d4d4d; -} - -.case-studies .filter-list li.active, -.case-studies .filter-list li.hover, -.case-studies .lqd-filter-dropdown .ui-button:active, -.case-studies .lqd-filter-dropdown .ui-button:focus { - color: #000000; -} - -.case-studies .lqd-pf-item:hover .lqd-pf-overlay-bg { - opacity: 0; -} - -@media (max-width: 1199px) { - .case-studies .module-title { - padding-inline-start: 30px; - } - - .case-studies .module-col { - padding-inline-end: 30px; - padding-inline-start: 30px; - } -} - -@media (max-width: 767px) { - .case-studies .col-12>.d-flex .ld-fancy-heading:first-child h2 { - font-size: 14vw; - } - - .case-studies .col-12>.d-flex h2 { - font-size: 13vw; - } -} - -/* ***** Services ***** */ -.services .lqd-counter-element { - font-family: var(--lqd-heading-font-family); -} - -.services .accordion-item.active .accordion-expander { - color: #ffffff; - background-color: #000000; - border-color: #000000; -} - -.services .accordion-title a { - border-color: #707070; -} - -.services .accordion-item.active .accordion-title a { - border-color: transparent; -} - -.services .lqd-counter-element { - font-size: 170px; -} - -@media (min-width: 1199px) { - .services .lqd-counter-element { - font-size: 220px; - } -} - -@media (max-width: 1199px) { - .services .module-col { - padding-inline-end: 45px; - padding-inline-start: 45px; - } - - .services .module-title { - padding-inline-start: 20px; - } - - .services .module-btn { - padding-inline-end: 20px; - } - - .services .module-content { - padding-inline-end: 20px; - } -} - -@media (max-width: 767px) { - .services .module-title { - margin-bottom: 20px; - } - - .services .module-btn { - padding-inline-start: 20px; - } - - .services .module-col { - padding: 0 20px 30px 20px; - } - - .services .accordion-title a { - font-size: 24px; - line-height: 1.1em; - } - - .services .accordion-expander { - font-size: 20px; - width: 45px; - height: 45px; - } - - .services span.ld-fh-element { - margin-bottom: 0; - } -} - -/* ***** Section Flow ***** */ -.section-flow { - min-height: 655px; -} - -.section-flow .lqd-section-flow-panel-end { - padding: 13% 6%; -} - -.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item { - padding-top: 20%; - padding-bottom: 20%; -} - -@media (max-width: 767px) { - .section-flow .lqd-section-flow-panel-end .lqd-section-flow-item { - padding-top: 45px; - padding-bottom: 45px; - } -} - -/* ***** Testimonials ***** */ -.testimonials .divider { - --divider-border-style: solid; - --divider-color: #FFFFFF26; - --divider-border-width: 1px; - --divider-element-spacing: 20px; -} - -.testimonials .lqd-carousel-slides { - justify-content: center; - align-items: center; -} - -.testimonials .carousel-nav .flickity-button { - width: 26px; - height: 26px; - color: #ffffff; - border-color: #3b3d3f; - background: #3b3d3f; - padding: 0; -} - -.testimonials .carousel-nav .flickity-button svg { - fill: #ffffff; -} - -.testimonials .carousel-dots { - top: auto; - bottom: 0px; - inset-inline-end: 0px; - inset-inline-start: 0; -} - -.testimonials .lqd-carousel-slides-numbers { - color: #ffffff; -} - -.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots { - margin-top: 1.5em; -} - -.testimonials .flickity-page-dots .dot { - background-color: rgba(255, 255, 255, 0.14); -} - -.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: #ffffff; -} - -/* ***** Clients Carousel ****** */ -@media (max-width: 1199px) { - .clients-carousel .carousel-item { - padding-inline-start: 10px; - padding-inline-end: 10px; - } -} - -@media (max-width: 767px) { - .clients-carousel .carousel-item { - width: calc(100% / 1.5); - } -} - -/* ***** Bolg ***** */ -.blog .lqd-lp-style-21 h2.lqd-lp-title { - font-size: 21px; -} - -.blog .lqd-lp .lqd-lp-content-bg, -.blog .lqd-lp .lqd-lp-img .lqd-overlay { - background-color: rgba(66, 46, 46, 0.16); -} - -@media (max-width: 1199px) { - .blog { - padding-inline-end: 20px; - padding-inline-start: 20px; - } -} - -@media screen and (min-width: 768px) { - .blog .lqd-lp-style-21 .lqd-lp-img { - margin-bottom: 0; - } -} - -@media (max-width: 767px) { - .blog { - padding-bottom: 20px; - } - - .blog .row:first-child .col-12:first-child { - margin-bottom: 20px; - } -} - -/* ***** Contact ***** */ -.contact .lqd-contact-form { - --inputs-margin: 0 0 25px 0; - --input-margin-bottom: 25px; -} - -.lqd-contact-form select:focus, -.lqd-contact-form input:focus, -.lqd-contact-form textarea:focus, -.lqd-contact-form .ui-button.ui-selectmenu-button:focus { - outline: none; - border-color: #000000; - color: #000000; -} - -.contact input[type=submit] { - height: 40px; - border: 2px solid; -} - -@media (max-width: 1199px) { - .contact { - padding-inline-end: 20px; - padding-inline-start: 20px; - } -} - -@media (max-width: 767px) { - .contact .module-content { - margin-bottom: 30px; - } -} - -/* ***** FOOTER ***** */ -.main-footer .divider { - --divider-border-style: solid; - --divider-color: rgba(255, 255, 255, 0.12); - --divider-border-width: 1px; -} - -.main-footer .social-icons-wrapper { - --grid-template-columns: repeat(0, auto); - --justify-content: center; - --grid-column-gap: 40px; - --content-width: 100%; -} - -.main-footer .module-menu .link-badge { - font-size: 10px; - letter-spacing: 1px; -} - -@media (max-width: 1199px) { - .main-footer { - padding-inline-end: 20px; - padding-inline-start: 20px; - } - - .main-footer .module-menu .module-col { - margin-top: 15px; - } -} - -@media (max-width: 767px) { - .main-footer .module-top .module-col { - margin-bottom: 30px; - } - - .main-footer .module-info .module-col { - margin-bottom: 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-about-us.css b/public/assets/css/demo/asymmetric-agency/asymmetric-agency-about-us.css deleted file mode 100644 index b76e5cd..0000000 --- a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-about-us.css +++ /dev/null @@ -1,175 +0,0 @@ -/* ***** 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; -} - -/* ***** 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; - } -} - -/* ***** Text Box ***** */ -@media (max-width: 991px) { - .text-box { - padding-top: 30px; - padding-bottom: 10px; - } -} - -/* ***** Icon Box ***** */ -@media (max-width: 991px) { - .icon-box h2 { - font-size: 45px; - } -} - -@media (max-width: 767px) { - .icon-box .module-icon-box { - padding-right: 20px; - padding-left: 20px; - } - - .icon-box .module-icon-box-2, - .icon-box .module-icon-box-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; - } -} - -/* ***** Awards ***** */ -@media (max-width: 991px) { - .awards h2 { - font-size: 45px; - } -} - -/* ***** Footer ***** */ -@media (max-width: 991px) { - .page-footer .module-first h2 { - font-size: 45px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-case-studies.css b/public/assets/css/demo/asymmetric-agency/asymmetric-agency-case-studies.css deleted file mode 100644 index 1551e3e..0000000 --- a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-case-studies.css +++ /dev/null @@ -1,156 +0,0 @@ -:root { - --lqd-h2-line-height: 0.85em; -} - -/* ***** Page Footer ***** */ -.page-header .lqd-stickybar-wrap { - --padding-top: 5vh; - --padding-bottom: 80px; -} - -/* ***** Banner Case Studies ***** */ -@media (max-width: 991px) { - .banner-case-studies { - padding-top: 160px; - padding-bottom: 100px; - } - - .banner-case-studies h1 { - font-size: 100px; - } -} - -@media (max-width: 767px) { - .banner-case-studies h1 { - font-size: 80px; - } -} - -/* ***** Section Navigation ***** */ -.section-navigation .module-navigation { - max-width: 1170px; -} - -.section-navigation .lqd-scrl-indc-el { - background-color: var(--lqd-color-primary); -} - -@media (max-width: 991px) { - .section-navigation .module-navigation { - width: 100%; - } - -} - -/* ***** Services Accordion ***** */ -@media (max-width: 767px) { - .services-accordion { - padding-bottom: 15px; - } - - .services-accordion .module-first { - margin-bottom: 30px; - } - - .services-accordion .accordion-expander { - right: 15px; - } -} - -/* ***** Case Studies Row ***** */ -.case-studies-row .lqd-fb-style-6 .lqd-fb-content { - padding: 0; -} - -.case-studies-row .lqd-fb-style-6 .lqd-fb-content h6 { - letter-spacing: 0.2em; -} - -@media (max-width: 1199px) { - .case-studies-row .lqd-fb-content-inner { - padding: 1.5rem; - } -} - -/* ***** Careers ***** */ -.careers .module-sticky { - top: calc(var(--lqd-sticky-header-height, 0) + 90px); -} - -.careers .btn-hover-reveal { - --icon-move: 0.5em; - --icon-ms: -1em; -} - -.careers .btn-hover-reveal:hover .btn-icon i { - opacity: 1; - transform: translateX(1em); -} - -.careers .btn-hover-reveal:hover.btn-underlined .btn-icon, -.careers .btn-hover-reveal:hover.btn-naked .btn-icon { - transform: translateX(.5em); -} - -.careers .module-content { - padding-right: 7%; -} - -@media (max-width: 1199px) { - .careers .module-content { - padding-right: 0; - } -} - -@media (max-width: 991px) { - .careers { - padding-bottom: 70px; - padding-top: 80px; - } - - .careers .module-spacer { - height: 32px; - } -} - -@media (max-width: 767px) { - .careers { - padding-bottom: 50px; - } - - .careers .module-content { - padding-right: 0; - } -} - -/* ***** Process ***** */ -@media (max-width: 991px) { - .process { - padding-top: 70px; - padding-bottom: 70px; - } - - .process .module-icon-box { - padding-top: 30px; - } -} - -@media (max-width: 767px) { - .process { - padding-bottom: 40px; - } -} - -/* ***** How It Work ***** */ -@media (max-width: 991px) { - .how-it-work { - padding-top: 70px; - padding-bottom: 60px; - } -} - -@media (max-width: 767px) { - .how-it-work .module-title { - margin-bottom: 0.35em; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-expertise.css b/public/assets/css/demo/asymmetric-agency/asymmetric-agency-expertise.css deleted file mode 100644 index 549383a..0000000 --- a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-expertise.css +++ /dev/null @@ -1,79 +0,0 @@ -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-right-padding: 25px; - --lqd-menu-items-left-padding: 25px; -} - -/* ***** About Us ***** */ -@media (max-width: 767px) { - .about-us { - padding-top: 60px; - } -} - -/* ***** Hero ***** */ -.hero { - padding-top: 18vw; - padding-bottom: 18vw; -} -.hero:hover .row-bg-inner { - transform: scale(1.075); -} -@media (max-width: 991px) { - .hero { - padding-top: 150px; - padding-bottom: 150px; - } -} - -/* ***** Services ***** */ -@media (max-width: 991px) { - .services { - padding-bottom: 20px; - } - .services .module-title { - margin-bottom: 30px; - } -} - -/* ***** Portfolio ***** */ -.portfolio .carousel-items { - margin-inline-start: -1.5%; - margin-inline-end: -1.5%; -} -.portfolio .carousel-item { - width: 36.3636%; - flex-basis: 36.3636%; - padding-inline-start: 1.5%; - padding-inline-end: 1.5%; -} -@media (max-width: 767px) { - .portfolio .carousel-item { - width: 66.6667%; - flex-basis: 66.6667%; - } -} - -/* ***** Team ***** */ -@media (max-width: 991px) { - .team { - padding-top: 20px; - } - .team h2 { - font-size: 42px; - } -} -@media (max-width: 767px) { - .team { - padding-top: 0; - } - .team h2 { - font-size: 35px; - } - .team .module-first { - margin-bottom: 15px; - } - .team .module-last { - margin-bottom: 30px; - } -} diff --git a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-our-approach.css b/public/assets/css/demo/asymmetric-agency/asymmetric-agency-our-approach.css deleted file mode 100644 index 78df5fc..0000000 --- a/public/assets/css/demo/asymmetric-agency/asymmetric-agency-our-approach.css +++ /dev/null @@ -1,136 +0,0 @@ -.main-header .main-nav { - --lqd-menu-items-right-padding: 20px; - --lqd-menu-items-left-padding: 20px; -} - -/* ***** Banner ***** */ -@media (max-width: 991px) { - .banner-our-approach { - padding-top: 80px; - padding-bottom: 50px; - } - - .banner-our-approach h1 { - margin-bottom: 0.5em; - } -} - -@media (max-width: 1199px) { - .banner-our-approach h1 { - font-size: 17vw; - } -} - -/* ***** Services ***** */ -@media (max-width: 991px) { - .services .module-title { - margin-bottom: 15px; - } -} - -@media (max-width: 767px) { - .services { - padding-bottom: 15px; - } -} - -/* ***** Icon Box ***** */ -@media (max-width: 991px) { - .icon-box .iconbox { - margin-bottom: 35px; - } -} - -/* ***** What We Do ***** */ -@media (max-width: 1199px) { - .what-we-do .module-content { - padding-left: 10%; - } -} - -@media (max-width: 991px) { - .what-we-do .module-line { - margin-bottom: 15px; - } - - .what-we-do .module-content { - padding-left: 0; - } -} - -@media (max-width: 767px) { - .what-we-do .module-img { - margin-top: 35%; - } -} - -/* ***** Steps ***** */ -.steps .ld-fh-txt-outline { - -webkit-text-stroke-color: #d8d8d8; -} - -@media (max-width: 991px) { - .steps { - padding-bottom: 40px; - } -} - -/* ***** Our vision ***** */ -.our-vision .module-content { - -webkit-backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1); - backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1); -} - -.our-vision .btn-hover-reveal { - --icon-move: 0.5em; - --icon-ms: -1em; -} - -.our-vision .btn-hover-reveal:hover .btn-icon i { - opacity: 1; - transform: translateX(1em); -} - -.our-vision .btn-hover-reveal:hover.btn-underlined .btn-icon, -.our-vision .btn-hover-reveal:hover.btn-naked .btn-icon { - transform: translateX(.5em); -} - -@media (max-width: 991px) { - .our-vision { - padding-top: 100px; - padding-bottom: 100px; - } - - .our-vision .module-content { - padding-right: 30px; - padding-left: 30px; - } -} - -@media (max-width: 767px) { - .our-vision { - padding-top: 80px; - padding-bottom: 80px; - } - - .our-vision .module-content { - padding-right: 20px; - padding-left: 20px; - } -} - -/* ***** About Accordion ***** */ -@media (max-width: 767px) { - .about-accordion .module-line { - margin-bottom: 30px; - } -} - -/* ***** Lets Talk ***** */ -@media (max-width: 767px) { - .lets-talk h2 { - font-size: 16vw; - margin-bottom: 0.5em; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-agency/asymmetric-agency.css b/public/assets/css/demo/asymmetric-agency/asymmetric-agency.css deleted file mode 100644 index 726a809..0000000 --- a/public/assets/css/demo/asymmetric-agency/asymmetric-agency.css +++ /dev/null @@ -1,251 +0,0 @@ -/* ***** Banner ***** */ -.lqd-vslider-scrn { - height: 950px; -} - -.banner .lqd-vslider-scrn { - height: calc(100vh - 110px); -} - -.ld-fancy-heading .split-inner { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -@media (max-width: 991px) { - .banner .lqd-vslider-ext .module-item { - padding: 1rem 1rem 0; - } - - .banner .lqd-vslider-menu .module-item { - padding: 1.5rem; - } -} - -@media (max-width: 767px) { - .banner .ld-fancy-heading h2 { - font-size: 18vw; - } -} - -@media screen and (max-width: 479px) { - - .lqd-vslider-menu a { - padding: 0; - } -} - -/* ***** Clients ***** */ -.clients { - margin-inline-end: 2.5vw; - margin-inline-start: 2.5vw; -} - -/* ***** Text Box Single ***** */ -@media (max-width: 991px) { - .text-box-single .ld-fancy-heading h1 { - font-size: 38px; - } -} - -@media (max-width: 767px) { - .text-box-single .ld-fancy-heading h1 { - font-size: 25px; - } - - .text-box-single .ld-fancy-heading p { - font-size: 17px; - } -} - -/* ***** FAQ ***** */ -.faq .btn-icon-circle.btn-icon-ripple .btn-icon:before { - border-color: rgb(255, 255, 255); -} - -@media (max-width: 991px) { - .faq { - padding-top: 20px; - padding-bottom: 40px; - } - - .faq .lqd-imggrp-single { - padding-inline-end: 15px; - padding-inline-start: 15px; - margin-bottom: 40px; - } - - .faq .module-col { - padding-inline-start: 30px; - } - - .faq .lqd-imggrp-content { - order: 2; - margin-top: 1em; - } - - .faq .module-text h6 { - margin-bottom: 1em; - } -} - -@media (max-width: 767px) { - .faq .module-col { - padding-inline-end: 15px; - padding-inline-start: 15px; - } -} - -/* ***** Text Box Number ***** */ -.text-box-number .ld-fh-txt-outline { - -webkit-text-stroke-color: rgb(234, 234, 234); -} - -.text-box-number .module-box-1 h6 { - top: -0.4em; - inset-inline-start: 240px; -} - -.text-box-number .module-box-2 h6 { - top: -0.6em; - inset-inline-start: 220px; -} - -.text-box-number .module-box-3 h6 { - top: -0.7em; - inset-inline-start: 150px; -} - -@media (max-width: 991px) { - - .text-box-number .module-box-1 h6, - .text-box-number .module-box-2 h6, - .text-box-number .module-box-3 h6 { - position: relative; - top: 0; - inset-inline-start: 0; - } -} - -/* ***** Bananas Banner ***** */ -.bananas-banner .lqd-bnr-bnns .module-sticky { - inset-inline-start: 0; - top: 0; -} - -.bananas-banner .lqd-bnr-bnns-h { - font-size: 5vw; -} - -/* ***** Carousel Text ***** */ -.lqd-fade-sides.carousel-container { - mask-image: none; - -webkit-mask-image: none; -} - -.lqd-fade-sides.carousel-container .flickity-viewport { - mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); - -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); -} - -.carousel-text .ld-fancy-heading .ld-fh-txt-outline { - -webkit-text-stroke-color: rgba(0, 0, 0, 0.33); - -webkit-text-stroke-width: 1px; -} - -@media (max-width: 991px) { - .carousel-text .ld-fancy-heading h2 { - font-size: 10vw; - } -} - -/* ***** Case Studies ***** */ -.case-studies .liquid-filter-items-label { - margin-bottom: 0; - line-height: 1; -} - -.case-studies .liquid-filter-items { - margin-bottom: 50px; -} - -.case-studies .lqd-pf-item { - margin-bottom: 55px; -} - -.case-studies .filter-list li, -.case-studies .liquid-filter-items-inner .btn:hover { - color: #000; -} - -.case-studies .filter-list li.active, -.case-studies .filter-list li.hover { - color: #c10909; -} - -.lqd-pf-item:hover .lqd-pf-img>figure { - transform: scale(1.05); -} - -.lqd-pf-item-style-2 .lqd-pf-overlay-bg i { - transition-timing-function: cubic-bezier(.23, 1, .32, 1); - transform: translateX(-20px); -} - -.lqd-pf-item-style-2:hover .lqd-pf-overlay-bg i { - opacity: 1; - transform: translateX(0); -} - -@media (max-width: 540px) { - .case-studies .lqd-pf-item { - margin-bottom: 30px; - } -} - -/* ***** Testimonials ***** */ -.testimonials .carousel-nav .flickity-button { - font-size: 20px; - width: 35px; - height: 35px; - padding: 0; - background-color: transparent; -} - -/* ***** Carousel Image ***** */ -.carousel-image { - margin-bottom: -12%; -} - -@media (max-width: 991px) { - .carousel-image { - margin-bottom: 0; - } -} - -@media (max-width: 767px) { - .carousel-image .carousel-item { - width: 66.666%; - } -} - -/* ***** Footer ***** */ -.main-footer .module-top { - padding-top: 12%; -} - -@media (max-width: 991px) { - .main-footer .module-top { - padding-top: 60px; - } - - .main-footer .module-top h2 { - font-size: 45px; - } -} - -@media (max-width: 767px) { - .main-footer .module-top h2 { - font-size: 13.5vw; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/asymmetric-agency/base.css b/public/assets/css/demo/asymmetric-agency/base.css deleted file mode 100644 index ba9e99d..0000000 --- a/public/assets/css/demo/asymmetric-agency/base.css +++ /dev/null @@ -1,208 +0,0 @@ -: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); - } -} - -.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) { - .main-header .main-nav { - --lqd-menu-items-left-padding: 10px; - --lqd-menu-items-right-padding: 10px; - } - - .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; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/classic.css b/public/assets/css/demo/classic.css deleted file mode 100644 index 356e3cf..0000000 --- a/public/assets/css/demo/classic.css +++ /dev/null @@ -1,362 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - - --lqd-color-primary: #3ead3c; - --lqd-color-gradient-start: #4dad4b; - --lqd-color-gradient-stop: #4dad4b; - --lqd-color-link: #000000; - --lqd-color-link-hover: #727272; - --lqd-body-text-color: #626974; - --lqd-color-dark: #212121; - --lqd-color-blue-900: #181b31; - --lqd-color-gray-100: #f7f8f8; - --lqd-color-gray-200: #cccccc; - --lqd-color-gray-500: #868686; - --lqd-color-gray-600: #4e4e4e; - --lqd-color-gray-700: #3b3b3b; - --lqd-color-slate-300: #7b838e; - - --lqd-body-font-family: 'Open Sans', sans-serif; - --lqd-body-font-size: 15px; - --lqd-body-line-height: 1.8em; - - --lqd-heading-font-family: 'IBM Plex Sans', sans-serif; - --lqd-heading-line-height: 1.2em; - --lqd-heading-font-weight: 600; - --lqd-heading-color: #000; - --lqd-h1-font-size: 46px; - --lqd-h1-font-weight: 700; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 38px; - --lqd-h4-font-size: 32px; - --lqd-h5-font-size: 20px; - --lqd-h6-font-size: 12px; - --lqd-h6-font-weight: 700; - --lqd-h6-text-transform: uppercase; - --lqd-h6-letter-spacing: 0.1em; - --lqd-h6-color: var(--lqd-color-primary); -} - -/* ***** Carousel ***** */ -.carousel-dots .dot.is-selected, -.carousel-dots .dot:hover { - background: var(--lqd-color-primary); - border-color: var(--lqd-color-primary); - color: var(--lqd-color-primary); -} - -.carousel-dots .dot { - background: #efefef; - border-color: #efefef; - color: #efefef; -} - -.carousel-dots { - position: relative; - top: auto; - right: auto; - bottom: -15px; - left: auto; -} - -.carousel-dots-sm .dot { - width: 9px; - height: 9px; -} - -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-right-padding: 13px; - --lqd-menu-items-bottom-padding: 15px; - --lqd-menu-items-left-padding: 13px; -} - -.main-header .main-nav-hover-underline-1>li>a:after { - content: ""; - display: inline-block; - width: 100%; - height: 3px; - position: absolute; - bottom: 0; - left: 0; - background-color: currentColor; - transform-origin: right center; - transform: scaleX(0); - transition: transform .25s cubic-bezier(0, 0, 0.2, 1); -} - -.main-header .main-nav-hover-underline-1>li.is-active>a:after, -.main-header .main-nav-hover-underline-1>li.active>a:after, -.main-header .main-nav-hover-underline-1>li.current-menu-item>a:after, -.main-header .main-nav-hover-underline-1>li.current-menu-ancestor>a:after, -.main-header .main-nav-hover-underline-1>li>a:hover:after { - transform-origin: left center; - transform: scaleX(1); -} - -.main-header .lqd-mobile-sec .ld-module-cart .ld-module-dropdown.show { - visibility: visible; - opacity: 1; -} - -.is-stuck .lqd-head-sec-wrap { - background: #fff; -} - -.is-stuck .module-logo { - padding-top: 23px; - padding-bottom: 23px; -} - -.is-stuck .lqd-head-col>.header-module>p, -.is-stuck .lqd-head-col>.header-module .nav-trigger, -.is-stuck .lqd-head-col>.header-module .lqd-scrl-indc, -.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu, -.is-stuck .lqd-head-col>.header-module>.btn-naked, -.is-stuck .lqd-head-col>.header-module>.btn-underlined, -.is-stuck .lqd-head-col>.header-module>.social-icon li a, -.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu>ul>li>a, -.is-stuck .lqd-head-col>.header-module>.navbar-collapse .main-nav>li>a, -.is-stuck .lqd-head-col>.header-module .ld-module-trigger .ld-module-trigger-txt, -.is-stuck .lqd-head-col>.header-module .lqd-module-badge-outline .ld-module-trigger-count, -.is-stuck .lqd-head-col>.header-module .ld-module-trigger-icon, -.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu .lqd-custom-menu-dropdown-btn { - color: rgba(0, 0, 0, 0.77); -} - -/* ***** LQD Modal ***** */ -@media (max-width: 991px) { - .lqd-modal .module-bottom { - padding-top: 60px; - padding-bottom: 60px; - } - - .lqd-modal .module-inner { - padding-right: 20px; - padding-left: 20px; - } - - .lqd-modal .lqd-contact-form { - padding-right: 0; - } -} - -@media (max-width: 767px) { - .lqd-modal .module-inner { - padding-top: 45px; - padding-bottom: 25px; - margin-bottom: 30px; - } -} - -/* ***** Banner ***** */ -@media (max-width: 1199px) { - .banner .btn { - font-size: 12px; - } -} - -@media (max-width: 991px) { - .banner { - padding-top: 140px; - padding-bottom: 140px; - } -} - -/* ***** Icon Box ***** */ -@media (max-width: 991px) { - .services-grid { - padding-top: 70px; - padding-bottom: 45px; - } -} - -@media (max-width: 767px) { - .services-grid { - padding-top: 60px; - padding-bottom: 35px; - } -} - -/* ***** Steps ***** */ -@media (max-width: 991px) { - .steps { - padding-top: 60px; - padding-bottom: 40px; - } - - .steps .module-space { - display: block; - } -} - -@media screen and (max-width: 768px) { - .carousel-dots.carousel-dots-from-options { - display: none; - } -} - -/* ***** Service Plans ***** */ -@media (max-width: 991px) { - .service-plans { - padding-bottom: 60px; - } -} - -/* ***** Image Box Carousel 2 ***** */ -@media (max-width: 991px) { - .case-studies { - padding-top: 60px; - padding-bottom: 60px; - } - - .case-studies .carousel-items { - margin-right: -15px; - margin-left: -15px; - } -} - -@media (max-width: 767px) { - .case-studies .carousel-item { - padding-right: 15px; - padding-left: 15px; - } -} - -/* ***** Progress ***** */ -@media (max-width: 991px) { - .progress { - padding-top: 70px; - padding-bottom: 50px; - } -} - -@media (max-width: 991px) { - .progress { - padding-top: 60px; - padding-bottom: 40px; - } -} - -/* ***** Image BG ***** */ -.image-bg { - box-shadow: 0 22px 55px 0 rgba(0, 0, 0, 0.13); -} - -.help figure { - background-position: 25% 50%; -} - -.help figure { - background-position: 25% 50%; -} - -.image-bg:hover figure { - transform: scale(1.075); -} - -.image-bg .btn:hover { - background-color: #3b3b3b; - border-color: #3b3b3b; -} - -@media (max-width: 991px) { - .image-bg { - padding-top: 60px; - padding-bottom: 60px; - } -} - -@media (max-width: 767px) { - .image-bg .mask-text h2 { - font-size: 35px; - } -} - -/* ***** Testimonials */ -.testimonials .flickity-slider { - position: absolute; - width: 100%; - height: 100%; -} - -.testimonials h5 strong { - width: 65%; -} - -.testimonials .carousel-nav-lg { - margin-left: -15px; -} - -.testimonials .carousel-nav.carousel-nav-lg .flickity-button { - font-size: 26px; - width: 50px; - height: 50px; - background: transparent; - border: none; - padding: 0; -} - -.testimonials .carousel-nav .lqd-carousel-slides>svg { - margin-inline-start: .65em; - margin-inline-end: .75em; -} - -.testimonials .testi-avatars .carousel-dots-mobile { - display: none; -} - -@media (max-width: 991px) { - .testimonials { - padding-bottom: 80px; - } -} - -@media (max-width: 767px) { - .testimonials { - padding-top: 60px; - padding-bottom: 60px; - } -} - -/* ***** Clients ***** */ -.clients .carousel-container .carousel-items { - margin-inline-start: -4%; - margin-inline-end: -4%; -} - -.clients .carousel-container .carousel-item { - width: 20%; - padding-inline-start: 4%; - padding-inline-end: 4%; -} - -@media (max-width: 991px) { - .clients .module-col { - margin-bottom: 35px; - } - - .clients .carousel-container .carousel-item { - width: 25%; - } -} - -/* ***** Main Footer ***** */ -@media (max-width: 991px) { - .main-footer .module-top .module-first { - padding-right: 0; - } -} - -@media (max-width: 767px) { - .main-footer .module-top .module-first { - margin-bottom: 45px; - } - - .main-footer .module-top .module-text p { - margin-bottom: 1.5em; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/company/base.css b/public/assets/css/demo/company/base.css deleted file mode 100644 index 8b18109..0000000 --- a/public/assets/css/demo/company/base.css +++ /dev/null @@ -1,141 +0,0 @@ -@font-face { - font-family: 'Source Sans Pro'; - src: url('../../../fonts/source-sans-pro/SourceSansPro-Regular.woff2') format('woff2'); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Source Sans Pro'; - src: url('../../../fonts/source-sans-pro/SourceSansPro-Bold.woff2') format('woff2'); - font-weight: 700; - font-style: normal; - font-display: swap; -} - -/* ***** Global ***** */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-row-gutter-x: 20px; - --lqd-row-gutter-y: 20px; - - --lqd-body-text-color: #5F6973; - --lqd-color-primary: #FFCD28; - --lqd-color-secondary: #194341; - --lqd-color-link: #5b7bfb; - --lqd-color-link-hover: #181b31; - --lqd-color-dark: #292929; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - --lqd-color-accent: #F7F8FA; - --lqd-color-blue-300: #39374D; - --lqd-color-blue-900: #10131d; - --lqd-color-green-100: rgba(0, 34, 44, 0.43); - --lqd-color-green-600: rgba(17, 48, 46, 0.9); - --lqd-color-green-700: #143331; - --lqd-color-blue-700: #112446; - --lqd-color-gray-100: #FCFAF9; - --lqd-color-gray-200: #F4F4F4; - --lqd-color-gray-300: #e5e3df; - --lqd-color-gray-400: #909197; - --lqd-color-gray-500: #7F8284; - --lqd-color-slate-200: #F7F8F8; - --lqd-color-slate-700: #3B4B53; - --lqd-color-slate-900: #222232; - --lqd-color-yellow-100: #F8F5F3; - - --lqd-body-font-family: 'Source Sans Pro', sans-serif; - --lqd-body-font-size: 17px; - --lqd-body-line-height: 1.64em; - - --lqd-heading-font-family: 'Montserrat', sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.25em; - --lqd-heading-color: #184341; - --lqd-h1-font-size: 42px; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 35px; - --lqd-h4-font-size: 28px; - --lqd-h5-font-size: 20px; - --lqd-h5-line-height: 1.5em; - --lqd-h6-font-size: 16px; - --lqd-h6-line-height: 1.5em; - - --lqd-sticky-header-height: 72px; -} - -/* Button & Link */ -button, -input[type="button"], -input[type="submit"], -.btn, -.font-heading { - font-family: var(--lqd-heading-font-family); -} - -.btn-md { - --btn-pt: 17px; - --btn-pe: 55px; - --btn-pb: 17px; - --btn-ps: 55px; -} - -/* ***** Main Header ****** */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 25px; - --lqd-menu-items-right-padding: 15px; - --lqd-menu-items-bottom-padding: 6px; - --lqd-menu-items-left-padding: 15px; -} - -.main-header .main-nav>li>a { - font-family: var(--lqd-heading-font-family); -} - -.main-header .nav-item-children a { - font-size: 1em; - font-weight: 500; -} - -.is-stuck .main-nav { - --lqd-menu-items-bottom-padding: 12px; -} - -/* ***** Header Sticky ***** */ -.is-stuck .module-header { - background-color: #fff; -} - -.is-stuck .navbar-collapse .main-nav>li>a, -.is-stuck .module-header h6 { - color: #102020; -} - -/* ***** Mobile Header ***** */ -.lqd-mobile-sec .main-nav>li>a { - font-family: var(--lqd-body-font-family); -} - -/* ***** Titlebar ***** */ -.titlebar-inner h1 { - font-weight: 700; -} - -.titlebar-inner p { - font-family: Montserrat; - font-size: 18px; - font-weight: 600; - line-height: 28px; -} - -.accordion-active-has-fill .accordion-item.active .accordion-title a { - background-color: var(--lqd-color-secondary); - color: #fff; -} - -.has-accordion .accordion-item.active .accordion-expander { - color: #FFFFFF; -} \ No newline at end of file diff --git a/public/assets/css/demo/company/company-about.css b/public/assets/css/demo/company/company-about.css deleted file mode 100644 index 305cad3..0000000 --- a/public/assets/css/demo/company/company-about.css +++ /dev/null @@ -1,136 +0,0 @@ -/* ***** Tab Items ***** */ -.tab-items .lqd-tabs-style-3 .lqd-tabs-nav { - --icon-size: 1em; -} -.tab-items .lqd-tabs-style-3 .lqd-tabs-nav li a:after { - content: ""; - display: inline-block; - width: 100%; - height: 2px; - position: absolute; - bottom: -2px; - left: 0; - background-color: var(--lqd-color-secondary); - transform: scaleX(0); - transition: transform .3s; -} -.tab-items .lqd-tabs-style-3 .lqd-tabs-nav li a.active:after { - transform: scaleX(1); -} -@media (max-width: 1199px){ - .tab-items { - padding: 0 45px; - } - .tab-items .lqd-tabs-content{ - padding: 10px; - } -} -@media (max-width: 767px){ - .tab-items { - padding: 40px 15px 0 15px; - } -} - -/* ***** Image box ***** */ -@media (max-width: 1199px){ - .image-box { - padding-right: 35px; - padding-left: 35px; - } - .image-box .module-col { - padding-right: 10px; - padding-left: 10px; - } -} -@media (max-width: 767px){ - .image-box { - padding: 0 10px 50px 10px; - } - .image-box .module-img { - height: 312px; - } -} - -/* ***** Has Accordion ***** */ -@media (max-width: 1199px){ - .has-accordion-page { - padding-right: 35px; - padding-left: 35px; - } - .has-accordion-page h2 { - font-size: 36px; - } - .has-accordion-page .module-col { - padding: 10px; - } -} -@media (max-width: 767px){ - .has-accordion-page { - padding: 70px 10px 0 10px; - } -} - -/* ***** Icon Box ***** */ -.icon-box-page .iconbox { - box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07); -} -.icon-box-page .iconbox h3 { - display: flex; -} -@media (max-width: 1199px){ - .icon-box-page { - padding-right: 35px; - padding-left: 35px; - } -} -@media (max-width: 767px){ - .icon-box-page { - padding-right: 10px; - padding-left: 10px; - } -} - -/* ***** Team ***** */ -@media (max-width: 1199px){ - .team { - padding: 0 25px 80px 25px; - } - .team .module-col { - padding: 10px; - } -} -@media (max-width: 767px){ - .team { - padding: 65px 0; - } -} - -/* ***** Counters ***** */ -.counters .container { - --lqd-container-width-sm: 1024px; - --lqd-container-width-md: 1024px; -} -@media (max-width: 767px){ - .counters { - padding: 70px 0; - } -} - -/* ***** Partners ***** */ -@media (max-width: 1199px){ - .partners { - padding: 0 35px - } - .partners img { - height: 400px; - } - .partners .module-contnet { - padding-right: 30px; - padding-left: 30px; - } -} -@media (max-width: 767px){ - .partners { - padding: 0 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/company/company-contact.css b/public/assets/css/demo/company/company-contact.css deleted file mode 100644 index 9d2a712..0000000 --- a/public/assets/css/demo/company/company-contact.css +++ /dev/null @@ -1,65 +0,0 @@ -/* ***** Form ***** */ -.form .lqd-contact-form .ui-button.ui-selectmenu-button, -.form .lqd-contact-form input, -.form .lqd-contact-form select { - height: 50px; -} -.form .lqd-contact-form-button-lg button[type=submit], -.form .lqd-contact-form-button-lg input[type=submit]{ - height: 60px; -} -@media (max-width: 1199px) { - .form { - padding: 40px 30px; - } - .form .module-content { - padding: 10px; - } - .form h2 { - padding-right: 14%; - } - -} -@media (max-width: 767px) { - .form { - padding-right: 10px; - padding-left: 10px; - } - .form .module-form { - padding: 30px 20px; - } - .form .module-title { - margin-bottom: 0.75em; - } -} - -/* ***** Global Offices ***** */ -@media (max-width: 1199px) { - .global-offices { - padding: 0 10px 80px 10px; - } -} -@media (max-width: 767px) { - .global-offices { - padding: 65px 0; - } -} - -/* ***** Page Footer ***** */ -@media (max-width: 1199px) { - .page-footer .footer-content { - padding: 50px 35px 0 35px; - } - .page-footer .footer-info { - padding: 20px 35px; - } -} -@media (max-width: 767px) { - .page-footer .footer-content { - padding: 20px 10px 0 10px; - } - .page-footer .footer-info { - padding: 10px; - } -} - diff --git a/public/assets/css/demo/company/company-services-2.css b/public/assets/css/demo/company/company-services-2.css deleted file mode 100644 index 0f89463..0000000 --- a/public/assets/css/demo/company/company-services-2.css +++ /dev/null @@ -1,57 +0,0 @@ -/* ***** Services Content ***** */ -.services-content .container { - --lqd-container-width-sm: 1024px; - --lqd-container-width-md: 1024px; -} -.services-content .module-first { - --lqd-sticky-offset: 30px; - top: calc(var(--lqd-sticky-offset) + var(--lqd-sticky-header-height, 0px)); -} - -/* ***** List BG ***** */ -.services-content .module-first .module-list-bg a { - font-family: "Montserrat", Sans-serif; -} - -/* ***** Form ***** */ -.services-content .module-first .lqd-contact-form { - --inputs-margin: 0 0 10px 0; - --input-margin-bottom: 10px; -} -.services-content .module-first input:not([type=submit]):focus, -.services-content .module-first textarea:focus, -.services-content .module-first .lqd-contact-form select:focus, -.services-content .module-first .ui-button.ui-selectmenu-button:focus { - color: #000000; -} - -/* ***** Portfolio ***** */ -.services-content .module-last .lqd-fb-content .lqd-fb__title { - font-weight: 600; -} - -/* ***** Accordion ***** */ -.services-content .accordion-side-spacing .accordion-title a { - padding: 1.05em 1.5em; -} - -@media (max-width: 1199px) { - .services-content .module-first, - .services-content .module-last { - padding-right: 40px; - padding-left: 40px; - } - - /* ***** List Column ***** */ - .services-content .module-list-col { - margin-bottom: 20px; - } -} -@media (max-width: 767px) { - .services-content .module-first { - padding: 70px 20px 10px 20px; - } - .services-content .module-last { - padding: 40px 20px 0 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/company/company-what-we-do.css b/public/assets/css/demo/company/company-what-we-do.css deleted file mode 100644 index 72abda8..0000000 --- a/public/assets/css/demo/company/company-what-we-do.css +++ /dev/null @@ -1,15 +0,0 @@ -.what-we-do-page .btn-naked { - --icon-font-size: 14px; -} -@media (max-width: 1199px) { - .what-we-do-page { - padding-right: 30px; - padding-left: 30px; - } -} -@media (max-width: 767px) { - .what-we-do-page { - padding-right: 0; - padding-left: 0; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/company/company.css b/public/assets/css/demo/company/company.css deleted file mode 100644 index 587c3e2..0000000 --- a/public/assets/css/demo/company/company.css +++ /dev/null @@ -1,356 +0,0 @@ -/* ***** Banner ***** */ -.banner .lqd-highlight-inner, -.banner .lqd-highlight-inner .lqd-highlight-brush-svg { - height: 0.2em; -} - -@media (min-width: 1200px) { - .banner { - background-attachment: fixed; - } -} - -@media (max-width: 1199px) { - .banner { - padding: 0 35px; - } - - .banner .ld-fancy-heading h1 { - font-size: 82px; - } - - .banner .module-btn-circle { - padding: 40px 15px 0 0; - } -} - -@media (max-width: 767px) { - .banner { - padding: 120px 10px 50px 10px; - } - - .banner .row { - min-height: 73vh; - } - - .banner .ld-fancy-heading h1 { - font-size: 13vw; - } - - .banner .ld-fancy-heading p { - font-size: 19px; - line-height: 1.5em; - } - - .banner .btn-lg { - margin-bottom: 10px; - } - - .banner h6.ld-fh-element { - margin: 1em 6em 0 0; - } - - .banner .module-btn-circle { - font-size: 19px; - margin-top: -30%; - padding: 30px 0 0 0; - } -} - -/* ***** Contact ***** */ -.contact .module-form { - padding: 0 0 0 17.5%; -} - -@media (max-width: 1199px) { - .contact { - padding: 0 35px 30px 35px; - } - - .contact .module-title { - padding: 40px 10px; - } - - .contact .module-form { - padding: 0 10px 0 0; - } - - .contact .form-mini { - padding: 35px; - margin: 0; - } -} - -@media (max-width: 767px) { - .contact { - padding: 70px 10px 0 10px; - } - - .contact .module-title { - padding: 0 10px; - } - - .contact .module-form { - padding: 0 10px; - } - - .contact .form-mini { - margin: 30px 0 0; - padding: 30px 20px; - } -} - -/* ***** Case Study ***** */ -.case-study .iconbox:hover .iconbox-icon-container path { - fill: #fff; -} - -@media (max-width: 1199px) { - .case-study { - padding-top: 30px; - padding-right: 20px; - padding-bottom: 80px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .case-study { - padding: 65px 0; - } - - .case-study .container-xl .row:first-child { - padding-right: 0; - padding-left: 0; - } -} - -@media (max-width: 575px) { - .case-study .col-md-12:first-child { - padding: 5px; - } -} - -/* ***** Thin Fixed BG ***** */ -@media (min-width: 1200px) { - .thin-fixed-bg { - background-attachment: fixed; - } -} - -@media (max-width: 1199px) { - .thin-fixed-bg { - padding: 100px 35px; - } -} - -@media (max-width: 767px) { - .thin-fixed-bg { - padding: 100px 10px; - } - - .thin-fixed-bg .col-md-12, - .thin-fixed-bg .container-xl { - padding: 0; - } - - .thin-fixed-bg .ld-fancy-heading h2 { - font-size: 11.5vw; - line-height: 1.5em; - } -} - -/* ***** Clients ***** */ -@media (max-width: 1199px) { - .clients .carousel-items { - margin-inline-start: -34px; - margin-inline-end: -34px; - } - - .clients .carousel-item { - width: calc(100% / 4); - padding-inline-start: 34px; - padding-inline-end: 34px; - } -} - -@media (max-width: 767px) { - .clients .carousel-items { - margin-inline-start: -20px; - margin-inline-end: -20px; - } - - .clients .carousel-item { - width: calc(100% / 3); - padding-inline-start: 20px; - padding-inline-end: 20px; - } -} - -/* ***** Consultation ***** */ -.consultation .ld-flipbox-face { - background-color: var(--lqd-color-secondary); -} - -.consultation .ld-flipbox-front .ld-flipbox-inner { - padding: 200px 30px 15px 30px; -} - -.consultation .btn-hover-txt-liquid-y:hover, -.consultation .btn-hover-txt-liquid-y:focus { - color: #fff; -} - -@media (max-width: 1199px) { - .consultation { - padding: 70px 35px 30px 35px; - } -} - -@media (max-width: 767px) { - .consultation { - padding: 65px 10px; - } - - .consultation .col-md-12:first-child { - padding: 0; - } - - .consultation .ld-flipbox-front .ld-flipbox-inner { - padding: 40px 0 0 0; - } -} - -/* ***** Has Accordion ***** */ -.has-accordion .accordion-title a { - font-family: "Montserrat", Sans-serif; - padding: 1.05em 1.5em 1.05em 1.5em; -} - -@media (max-width: 1199px) { - .has-accordion { - padding: 20px 35px 0 35px; - } - - .has-accordion .col-md-12:first-child { - padding: 10px; - } - - .has-accordion .accordion { - margin-top: 40px; - } -} - -@media (max-width: 767px) { - .has-accordion { - padding: 0 10px; - } - - .has-accordion .col-md-12:first-child { - padding-bottom: 30px; - } - - .has-accordion .accordion { - margin-top: 50px; - } -} - -/* ***** What We Do ***** */ -@media (max-width: 1199px) { - .what-we-do { - padding: 0 35px 0 38px; - } - - .what-we-do .module-content { - padding: 10px; - } -} - -@media (max-width: 767px) { - .what-we-do { - padding: 0 10px; - } -} - -/* ***** Testimonial ***** */ -.testimonial .carousel-nav { - top: 25px; -} - -.testimonial .carousel-nav .flickity-button, -.testimonial .carousel-nav .flickity-button svg { - fill: #FFFFFF; - background-color: transparent; -} - -.testimonial .carousel-nav .lqd-carousel-slides { - color: #FFFFFF; -} - -.testimonial .lqd-imggrp-single { - top: -25px; - left: -100px; -} - -.carousel-dots-mobile .flickity-page-dots .dot { - background-color: #FFFFFF; -} - -.carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: rgba(255, 255, 255, 0.14); -} - -@media (max-width: 1199px) { - .testimonial { - padding: 70px 35px; - } -} - -@media (max-width: 767px) { - .testimonial { - padding: 70px 20px; - } -} - -@media (max-width: 1199px) { - .blog { - padding: 70px 35px 0 35px; - } -} - -@media (max-width: 567px) { - .blog { - padding-left: 10px; - padding-right: 10px; - } -} - -/* ***** Footer ***** */ -/* Module Top */ -@media (max-width: 1199px) { - .main-footer .module-top { - padding: 50px 35px 0 35px; - } - - .main-footer .module-bottom { - padding: 20px 35px; - } -} - -@media (max-width: 767px) { - .main-footer .module-top { - padding: 20px 10px 0 10px; - } - - .main-footer .module-top .module-contact { - margin: 0; - } - - .main-footer .module-list .mb-10:last-child { - margin-bottom: 0; - } - - .main-footer .module-bottom { - padding: 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/creative-atelier.css b/public/assets/css/demo/creative-atelier.css deleted file mode 100644 index 07d0c2d..0000000 --- a/public/assets/css/demo/creative-atelier.css +++ /dev/null @@ -1,385 +0,0 @@ -: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; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/creative-services.css b/public/assets/css/demo/creative-services.css deleted file mode 100644 index 59ce8f1..0000000 --- a/public/assets/css/demo/creative-services.css +++ /dev/null @@ -1,350 +0,0 @@ -:root { - --lqd-container-width: 1250px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - - --lqd-color-primary: #e20b0b; - --lqd-color-gradient-start: #e20b0b; - --lqd-color-gradient-stop: #e20b0b; - --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: 'Chivo', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.64em; - --lqd-body-font-size: 17px; - --lqd-body-color: #5f6973; - - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.2em; - --lqd-heading-color: #000; - --lqd-h1-font-size: 55px; - --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-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); - } -} - -.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: 350px; -} - -/* Site Header */ -.main-header .main-nav { - --lqd-menu-items-right-padding: 20px; - --lqd-menu-items-left-padding: 20px; -} - -.main-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; - } -} - - -/* Banner */ -.banner:hover .row-bg-inner { - transform: scale(1.075); -} - -.banner h1 { - font-size: 110px; - line-height: 1.15em; - color: #fff; -} - -@media (max-width: 991px) { - .banner { - padding-top: 80px; - padding-bottom: 50px; - } - - .banner h1 { - margin-bottom: 0.5em; - } -} - -@media (max-width: 1199px) { - .banner h1 { - font-size: 15vw; - } -} - -/* About */ -@media (max-width: 991px) { - .about .module-title { - margin-bottom: 15px; - } -} - -@media (max-width: 767px) { - .about { - padding-bottom: 15px; - } -} - -/* Icon Box */ -@media (max-width: 991px) { - .icon-box .iconbox { - margin-bottom: 35px; - } -} - -/* Case Studies */ -@media (max-width: 1199px) { - .case-studies .module-content { - padding-left: 10%; - } -} - -@media (max-width: 991px) { - .case-studies .module-line { - margin-bottom: 15px; - } - - .case-studies .module-content { - padding-left: 0; - } -} - -@media (max-width: 767px) { - .case-studies .module-img { - margin-top: 35%; - } -} - -/* Approach */ -.approach .ld-fh-txt-outline { - -webkit-text-stroke-color: #d8d8d8; -} - -@media (max-width: 991px) { - .approach { - padding-bottom: 40px; - } -} - -/* Expertise */ -.expertise .module-content { - -webkit-backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1); - backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1); -} - -.expertise .btn-hover-reveal { - --icon-move: 0.5em; - --icon-ms: -1em; -} - -.expertise .btn-hover-reveal:hover .btn-icon i { - opacity: 1; - transform: translateX(1em); -} - -.expertise .btn-hover-reveal:hover.btn-underlined .btn-icon, -.expertise .btn-hover-reveal:hover.btn-naked .btn-icon { - transform: translateX(.5em); -} - -@media (max-width: 991px) { - .expertise { - padding-top: 100px; - padding-bottom: 100px; - } - - .expertise .module-content { - padding-right: 30px; - padding-left: 30px; - } -} - -@media (max-width: 767px) { - .expertise { - padding-top: 80px; - padding-bottom: 80px; - } - - .expertise .module-content { - padding-right: 20px; - padding-left: 20px; - } -} - -/* About Accordion */ -@media (max-width: 767px) { - .help .module-line { - margin-bottom: 30px; - } -} - -/* Lets Talk */ -@media (max-width: 767px) { - .lets-talk h2 { - font-size: 16vw; - margin-bottom: 0.5em; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-ai.css b/public/assets/css/demo/dark-ai.css deleted file mode 100644 index 0d1cf2b..0000000 --- a/public/assets/css/demo/dark-ai.css +++ /dev/null @@ -1,313 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width: 1200px; - --lqd-row-gutter-x: 20px; - --lqd-row-gutter-y: 20px; - - --lqd-color-primary: #8777E0; - --lqd-body-text-color: rgba(229, 227, 219, 0.71); - --lqd-color-yellow-100: #EDEAE1; - --lqd-color-yellow-200: rgba(245, 240, 226, 0.72); - --lqd-color-slate-300: #6a7a90; - - --lqd-body-font-family: 'Plus Jakarta Sans', sans-serif; - --lqd-body-font-size: 22px; - --lqd-body-font-weight: 500; - - --lqd-accent-font-family: 'ivymode', sans-serif; - --lqd-accent-font-weight: 400; - - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-line-height: 1.2em; - --lqd-heading-font-weight: 600; - --lqd-heading-color: #DDDACD; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 100px; - --lqd-h2-line-height: 0.9em; - --lqd-h2-text-transform: uppercase; - --lqd-h3-font-size: 45px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; - - --lqd-cc-size-inner: 32px; - --lqd-cc-bg: rgb(255, 255, 255); - --lqd-cc-active-bg: var(--lqd-cc-bg); - --lqd-cc-active-bw: 1px; - --lqd-cc-blend-mode: exclusion; -} - -@media (max-width: 767px) { - :root { - --lqd-h2-font-size: 16vw; - } -} - -.btn-xs { - --btn-pt: 2px; - --btn-pe: 8px; - --btn-pb: 2px; - --btn-ps: 8px; -} - -.btn-sm { - --btn-pt: 0.6em; - --btn-pe: 1em; - --btn-pb: 0.6em; - --btn-ps: 1em; -} - -.btn-md { - --btn-pt: 12px; - --btn-pe: 20px; - --btn-pb: 12px; - --btn-ps: 20px; -} - -.bg-before:before { - content: ""; - position: absolute; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - opacity: 1; - z-index: 1; - mix-blend-mode: initial; - background-color: transparent; - transition: background 0.3s, border-radius 0.3s, opacity 0.3s; -} - -@media screen and (min-width: 1200px) { - .lqd-sticky-footer-shadow-1 #lqd-site-content { - box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .1); - } -} - -/* ***** Main Header ***** */ -.main-header .module-menu { - min-height: 60px; -} - -.main-header .btn.border-white-10:hover { - border-color: #fff; -} - -.main-header .module-menu .lqd-fancy-menu { - backdrop-filter: blur(10px); -} - -.main-header .module-menu .lqd-fancy-menu ul>li>a:hover, -.main-header .module-menu .lqd-fancy-menu li.is-active>a { - color: #FFFFFF; -} - -.lqd-modal .container { - max-width: 530px; -} - -/* ***** Banner ***** */ -.banner .container { - max-width: 700px; -} - -.banner h1 { - font-size: 154px; -} - -.banner .module-video { - mix-blend-mode: luminosity; -} - -.banner .module-video:before { - background-image: url("../../images/demo/dark-ai/banner/hero-overlay.png"); - background-position: center center; - background-repeat: no-repeat; - background-size: cover; -} - -@media (min-width: 768px) { - - .banner-btn-left .btn { - --btn-ps: 40px; - } - - .banner-btn-right .btn { - --btn-pe: 40px; - } -} - -@media (max-width: 767px) { - .banner h1 { - font-size: 18vw; - } - - .banner .btn { - padding: 12px 20px; - } - - .banner .btn-icon-left { - padding: 12px 20px; - } -} - -/* ***** Parallax GB ***** */ -.parallax-bg:before { - background-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%); -} - -@media (max-width: 767px) { - .parallax-bg { - min-height: 200px; - } -} - -/* ***** Features ***** */ -.features .container { - max-width: 1280px; -} - -/* ***** How It Work ***** */ -.how-it-works .container { - max-width: 1260px; -} - -@media (max-width: 767px) { - .how-it-works .module-top { - margin-bottom: 80px; - } - - .how-it-works .lqd-text-reveal-el { - font-size: 24px; - line-height: 1.3em; - } -} - -/* ***** Carousel Button ***** */ -.carousel-button .btn { - box-shadow: 0 3px 6px 0 rgba(205, 5, 5, 0.09) inset; -} - -@media (max-width: 1199px) { - .carousel-button .carousel-items { - margin-inline-start: -20px; - margin-inline-end: -20px; - } - - .carousel-button .carousel-item { - padding-inline-start: 20px; - padding-inline-end: 20px; - } -} - -/* ***** Float Text ***** */ -.float-text { - filter: saturate(0%); -} - -.float-text .container { - max-width: 970px; -} - -@media (max-width: 1199px) { - .float-text { - padding: 240px 0; - } -} - -@media (max-width: 767px) { - .float-text { - padding: 120px 20px; - } - - .float-text .lqd-text-reveal-el { - font-size: 32px; - } -} - -/* ***** Testimonial ***** */ -.testimonial { - background-position: 50% 15%; -} - -.testimonial .carousel-dots { - top: -200px; - right: -140px; - bottom: -25px; - left: auto; -} - -.testimonial .lqd-carousel-slides-numbers { - color: #FFFFFF; -} - -.testimonial .lqd-carousel-slides { - justify-content: center; - align-items: center; -} - -@media (max-width: 1199px) { - .testimonial { - background-position: top center; - } - - .testimonial .carousel-dots-mobile { - display: block; - } - - .testimonial .carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: #FFFFFF; - } - - .testimonial .carousel-dots-mobile .flickity-page-dots .dot { - background-color: rgba(255, 255, 255, 0.45); - } - - .testimonial .module-svg { - margin-top: 100px; - } -} - -@media (max-width: 767px) { - .testimonial .module-svg .carousel-items { - margin-inline-start: -120px; - margin-inline-end: -120px; - } -} - -/* ***** Faq ***** */ -@media (max-width: 1199px) { - .faq { - padding-right: 40px; - padding-left: 40px; - } -} - -/* ***** Newsletter ***** */ -.newsletter .container { - max-width: 530px; -} - -@media (min-width: 992px) { - .newsletter { - background-attachment: fixed; - } -} - -@media (max-width: 767px) { - .newsletter { - padding: 60px 10px; - } -} - -/* ***** Footer ***** */ -@media (max-width: 1199px) { - .main-footer .module-logo { - margin-bottom: 30px; - } - - .main-footer .module-social { - margin-top: 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-app.css b/public/assets/css/demo/dark-app.css deleted file mode 100644 index f8788a8..0000000 --- a/public/assets/css/demo/dark-app.css +++ /dev/null @@ -1,276 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - - --lqd-color-primary: #5e55ff; - --lqd-body-text-color: rgba(255, 255, 255, .47); - --lqd-color-link: #5b7bfb; - --lqd-color-link-hover: #181b31; - --lqd-color-gradient-start: #f42958; - --lqd-color-gradient-stop: #e4442a; - --lqd-color-dark: #171717; - --lqd-color-slate-900: #262626; - --lqd-color-gray-500: #818181; - --lqd-color-gray-700: #cbcbcb; - --lqd-color-gray-800: #1c1c1e; - --lqd-color-gray-900: #141414; - --lqd-color-footer: #1a1a1a; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 15px; - --lqd-body-line-height: 1.7em; - - --lqd-heading-font-family: "Space Grotesk", sans-serif; - --lqd-heading-font-weight: 500; - --lqd-heading-line-height: 1.2em; - --lqd-heading-color: #fff; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; -} - -/* ***** Button ***** */ -.btn-xs { - --btn-ps: 1.5em; - --btn-pt: 0.6em; - --btn-pe: 1.5em; - --btn-pb: 0.6em; -} - -.btn-md { - font-size: 13px; - font-weight: 700; - letter-spacing: 0.1em; - line-height: 2em; - --btn-ps: 2.15em; - --btn-pt: 1.15em; - --btn-pe: 2.15em; - --btn-pb: 1.15em; -} - -.btn-border-lg:hover { - background-color: #fff; - border-color: #fff; - color: #000; -} - -/* ***** Main Header ***** */ -.main-header .btn-solid:hover { - border-color: transparent; - background-color: var(--lqd-color-primary); - color: #fff; - transform: translate3d(0, -2px, 0); - box-shadow: 0 12px 28px rgba(0, 0, 0, .12); -} - -/* ***** Banner ***** */ -@media (max-width: 991px) { - .banner { - padding-top: 60px; - padding-bottom: 60px; - } - - .banner .ld-fancy-heading h1 { - font-size: 7vw; - padding-right: 1vw; - padding-left: 1vw; - } - - .banner .module-img { - padding-top: 120px; - } -} - -@media (max-width: 767px) { - .banner { - padding-top: 70px; - padding-bottom: 30px; - } - - .banner .ld-fancy-heading h1 { - font-size: 13vw; - } -} - -/* ***** Navigation Sections ***** */ -.navigation-sections ul>li>a:hover, -.navigation-sections li.is-active>a { - color: #ffffff; - background: #000; -} - -/* ***** Features ***** */ -.features .container { - --lqd-row-gutter-x: 4px; -} - -.features .row { - margin-inline-start: -2px; - margin-inline-end: -2px; - --lqd-row-gutter-x: 4px; -} - -@media (max-width: 991px) { - .features .module-icon-box-1 { - padding: 15px 15px 5px 15px; - } - - .features .module-icon-box-2 { - padding: 25px 15px 5px 15px; - } -} - -@media (max-width: 767px) { - .features .ld-fancy-heading h2 { - font-size: 40px; - } -} - -/* ***** Float Text ***** */ -@media (max-width: 991px) { - .float-text .ld-fancy-heading h2 { - font-size: 48px; - } -} - -@media (max-width: 767px) { - .float-text .ld-fancy-heading h2 { - font-size: 10vw; - } -} - -/* ***** Float Text 1 ***** */ -.float-text-1 { - padding-top: 5vh; - padding-bottom: 10vh; -} - -/* ***** Float Text 2 ***** */ -.float-text-2 { - padding-top: 10vh; - padding-bottom: 10vh; -} - -/* ***** Float Text 3 ***** */ -.float-text-3 { - padding-top: 10vh; - padding-bottom: 20vh; -} - -/* ***** Connect ***** */ -.connect { - margin-right: 10vw; - margin-left: 10vw; -} - -.connect .lqd-tabs-nav li a.active { - color: #ffffff; -} - -@media (max-width: 1199px) { - .connect { - margin-right: 2vw; - margin-left: 2vw; - } -} - -@media (max-width: 991px) { - .connect { - margin-right: 1vw; - margin-left: 1vw; - } - - .lqd-tabs-style-3 .lqd-tabs-nav li { - margin-inline-start: 15px; - margin-inline-end: 15px; - } - -} - -@media (max-width: 767px) { - .connect { - padding-top: 45px; - } - - .connect .ld-fancy-heading h2 { - font-size: 12vw; - } - - .lqd-tabs-style-3 .lqd-tabs-nav li { - margin-inline-start: 0; - margin-inline-end: 0; - margin-bottom: 1.5em; - } -} - -/* ***** Pricing ***** */ -.pricing .lqd-tabs-nav li a.active { - background: rgb(23, 23, 23); -} - -@media (max-width: 991px) { - - .pricing .lqd-pt-head, - .pricing .lqd-pt-body { - padding-right: 3rem; - padding-left: 3rem; - } -} - -@media (max-width: 767px) { - .pricing .ld-fancy-heading h2 { - font-size: 40px; - } -} - -/* ***** Download ***** */ -@media (max-width: 991px) { - .download .module-first { - margin-bottom: 35px; - } -} - -@media (max-width: 767px) { - .download .ld-fancy-heading h2 { - font-size: 12vw; - } -} - -/* ***** Footer ***** */ -/* ***** Clients ***** */ -.clients .carousel-items { - margin-inline-start: -1.5%; - margin-inline-end: -1.5%; -} - -.clients .flickity-slider { - position: absolute; - width: 100%; - height: 100%; -} - -.clients .carousel-item { - width: 16.6667%; - padding-inline-start: 1.5%; - padding-inline-end: 1.5%; -} - -@media (max-width: 991px) { - .clients .carousel-item { - width: 20%; - } -} - -@media (max-width: 767px) { - .clients .carousel-item { - width: 33.333%; - } - - .main-footer .ld-sf--button-inside [type=submit] { - position: relative; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-portfolio/base.css b/public/assets/css/demo/dark-portfolio/base.css deleted file mode 100644 index 6368590..0000000 --- a/public/assets/css/demo/dark-portfolio/base.css +++ /dev/null @@ -1,125 +0,0 @@ -:root { - --lqd-container-width: 1170px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #d3aa85; - --lqd-color-gradient-start: #d3aa85; - --lqd-color-gradient-stop: #d3aa85; - --lqd-color-gray-300: #9d9d9d; - --lqd-color-gray-400: #777777; - --lqd-color-gray-800: #161616; - --lqd-color-gray-900: #141414; - --lqd-color-orange-300: #c2895c; - --lqd-color-orange-500: #b77f51; - /* */ - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 27px; - --lqd-body-font-size: 15px; - --lqd-body-text-color:#9a9a9a; - /* */ - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 500; - --lqd-heading-color: #000000; - --lqd-h1-font-size: 46px; - --lqd-h1-line-height: 1.5em; - --lqd-h2-font-size: 35px; - --lqd-h2-line-height: 1.5em; - --lqd-h3-font-size: 30px; - --lqd-h3-line-height: 1.2em; - --lqd-h4-font-size: 26px; - --lqd-h4-line-height: 1.2em; - --lqd-h5-font-size: 22px; - --lqd-h5-line-height: 1.2em; - --lqd-h5-color: #d3aa85; - --lqd-h6-font-size: 18px; - --lqd-h6-font-weight: 700; - --lqd-h6-line-height: 1.2em; - --lqd-h6-color: #d3aa85; - /* */ - --lqd-cc-bg: rgba(255, 255, 255, 0); - --lqd-cc-bc: #fffafa; - --lqd-cc-active-bw: 1px; - --lqd-cc-active-bg: #1f1f1f; - --lqd-cc-active-bc: #1f1f1f; - --lqd-cc-active-circle-color: #0f0f0f; - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-arrow-color: #fff; -} - -.lqd-cc-wrap { - color: var(--lqd-cc-bc); -} - - -/* ***** Main Header ***** */ -.main-header .nav-item-children:before { - background: #242424; -} -.main-header .nav-item-children > li > a { - color: rgba(255, 255, 255, 0.66); -} -.main-header .nav-item-children > li > a:hover { - color: #ffffff; -} -.main-header .module-trigger .bars { - width: 62px; - height: 62px; -} -.main-header .module-trigger .bars:before { - background-color: rgba(255, 255, 255, 0); -} -.main-header .module-trigger:hover .bars:before { - background-color: #fff; -} -.main-header .module-trigger .bar:before, -.main-header .module-trigger .bar:after { - background: #fff; -} -.main-header .module-trigger:hover .bar:before, -.main-header .module-trigger:hover .bar:after { - background: #000; -} - -.main-header .lqd-mobile-sec .nav-trigger { - color: #fff; -} - -.main-header .lqd-mobile-sec .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-bottom-padding: 15px; - --lqd-menu-items-left-padding: 25px; - --lqd-menu-items-right-padding: 25px; - flex: 1 auto; -} - -.is-stuck .lqd-head-sec-wrap { - background: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 2.5%, rgba(0, 0, 0, 0.65) 19%, rgba(0, 0, 0, 0.54) 34%, rgba(0, 0, 0, 0.38) 48.5%, rgba(0, 0, 0, 0.19) 65.5%, rgba(0, 0, 0, 0.13) 73%, rgba(0, 0, 0, 0.07) 81%, rgba(0, 0, 0, 0.04) 86.5%, rgba(0, 0, 0, 0.02) 88.5%, rgba(17, 17, 17, 0.01) 96.5%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%); -} - -.is-stuck .module-logo { - padding: 30px 0; -} - -/* ***** Main Footer ***** */ -.main-footer .btn-xlg { - --btn-pt: 1.5em; - --btn-ps: 6.5em; - --btn-pb: 1.5em; - --btn-pe: 6.5em; -} -@media (max-width: 767px){ - .main-footer .footer-content { - padding-top: 100px; - padding-bottom: 70px; - } - .main-footer h2 { - font-size: 28px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-portfolio/dark-portfolio.css b/public/assets/css/demo/dark-portfolio/dark-portfolio.css deleted file mode 100644 index 4858c57..0000000 --- a/public/assets/css/demo/dark-portfolio/dark-portfolio.css +++ /dev/null @@ -1,48 +0,0 @@ -/* ***** Portfolio ***** */ -.portfolio .filter-list li.active, -.portfolio .filter-list li:hover { - color: #ffffff; -} -.portfolio .lqd-filter-dropdown .ui-button { - color: #979797; - border-color: #979797 -} -.portfolio .btn .btn-icon { - width: auto; - margin-inline-start: 15px; -} -@media (max-width: 991px) { - .portfolio { - padding-top: 140px; - padding-bottom: 50px; - } - .portfolio .module-title { - font-size: 8vw; - } -} -@media (max-width: 575px) { - .portfolio .lqd-pf-item { - margin-bottom: 30px; - } -} -/* ***** About ***** */ -@media (max-width: 991px) { - .about { - padding-bottom: 70px; - } -} -@media (max-width: 767px) { - .about .module-text { - line-height: 0.9em; - } -} - -/* ***** Clients ***** */ -@media (max-width: 991px) { - .clients { - padding-bottom: 70px; - } - .clients .module-col { - margin-bottom: 30px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-portfolio/page-dark-portfolio-nexa-mobile.css b/public/assets/css/demo/dark-portfolio/page-dark-portfolio-nexa-mobile.css deleted file mode 100644 index 482c829..0000000 --- a/public/assets/css/demo/dark-portfolio/page-dark-portfolio-nexa-mobile.css +++ /dev/null @@ -1,60 +0,0 @@ -/* Banner */ -@media (max-width: 991px) { - .banner h1 { - font-size: 52px; - } - .banner .lqd-imggrp-single { - margin-top: 50px; - } -} -@media (max-width: 767px) { - .banner { - padding-bottom: 45px; - } -} - -/* About */ -@media (max-width: 767px) { - .about { - padding-top: 40px; - } -} - -/* Carousel Full */ -.carousel-full .carousel-items { - margin-inline-start: -3%; - margin-inline-end: -3%; -} -.carousel-full .carousel-item { - padding-inline-start: 3%; - padding-inline-end: 3%; -} -@media (max-width: 767px) { - .carousel-full .carousel-items { - margin-inline-start: -2%; - margin-inline-end: -2%; - } - .carousel-full .carousel-item { - padding-inline-start: 2%; - padding-inline-end: 2%; - } -} - -/* Image Box */ -@media (max-width: 767px) { - .image-box { - padding-top: 70px; - } -} - -/* Dark Carousel */ -@media (max-width: 767px) { - .dark-carousel .social-media { - padding-top: 70px; - } -} -@media (max-width: 767px) { - .dark-carousel { - padding-top: 35px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/dark-portfolio/page-dark-portfolio-the-portraits.css b/public/assets/css/demo/dark-portfolio/page-dark-portfolio-the-portraits.css deleted file mode 100644 index db65ee7..0000000 --- a/public/assets/css/demo/dark-portfolio/page-dark-portfolio-the-portraits.css +++ /dev/null @@ -1,59 +0,0 @@ -:root { - --lqd-container-width-md: 100%; - --lqd-container-width-sm: 100%; -} -/* Page Header */ -.page-header .header-lg .module-trigger:hover .bars:before { - background-color: #000; -} -.page-header .header-lg .module-trigger .bar:before, -.page-header .header-lg .module-trigger .bar:after { - background: #000; -} -.page-header .header-lg .module-trigger:hover .bar:before, -.page-header .header-lg .module-trigger:hover .bar:after { - background: #fff; -} -.page-header .header-lg .main-nav li.is-active > a, -.page-header .header-lg .main-nav li:hover > a { - color: #000; -} -.page-header .header-lg .nav-item-children:before { - background: #fff; -} -.page-header .header-lg .nav-item-children > li > a { - color: rgba(0, 0, 0, 0.60); -} - -/* Portraits */ -.portraits .module-col { - position: sticky; - top: calc(var(--lqd-sticky-header-height, 0) + 30px); -} - -.portraits .module-content { - padding: 12vmax 10vw; -} -.portraits .module-number { - padding-top: 15vmax; -} - -@media (max-width: 1199px) { - .portraits .module-content { - padding: 12vmax 9vw; - } -} -@media (max-width: 991px) { - .portraits .module-container { - padding-right: 15px; - padding-left: 15px; - } - .portraits .module-col { - padding-top: 120px; - padding-bottom: 35px; - } - .portraits .module-content, - .portraits .module-number { - padding: 0; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/digital-hub/base.css b/public/assets/css/demo/digital-hub/base.css deleted file mode 100644 index b9d975c..0000000 --- a/public/assets/css/demo/digital-hub/base.css +++ /dev/null @@ -1,211 +0,0 @@ -:root { - --lqd-container-width-sm: 1024px; - --lqd-row-gutter-x: 30px; - --lqd-row-gutter-y: 30px; - /* */ - --lqd-body-text-color: #485666; - --lqd-color-primary: #F27E3F; - --lqd-color-secondary: #54595F; - --lqd-color-accent: #F27E3F; - --lqd-color-blue-100: #E2F5F8; - --lqd-color-blue-200: rgba(0, 35, 82, 0.35); - --lqd-color-blue-300: rgba(0, 22, 52, 0.70); - --lqd-color-blue-400: rgba(54, 85, 128, 0.702); - --lqd-color-blue-600: #243D62; - --lqd-color-blue-700: #002352; - --lqd-color-gray-100: #eef3f9; - --lqd-color-gray-500: #7e8085; - --lqd-color-gray-900: #242424; - --lqd-color-green-100: #E3F8EB; - --lqd-color-green-200: rgba(56, 231, 128, 0.31); - --lqd-color-green-300: #00937E; - --lqd-color-green-900: #0E524A; - --lqd-color-slate-100: #F8F9FF; - --lqd-color-slate-200: #D3FFF8; - --lqd-color-slate-500: #50596c; - --lqd-color-orange-100: #FFEFE3; - --lqd-color-orange-500: #ed6a04; - --lqd-color-red-100: #FBE3E5; - --lqd-color-purple-100: #F5E5F1; - --lqd-color-link: #5b7bfb; - --lqd-color-link-hover: #181b31; - --lqd-color-dark: #292929; - /* */ - --lqd-body-font-family: "sofia-pro", Sans-serif; - --lqd-body-font-size: 15px; - --lqd-body-font-wieght: 600; - --lqd-body-line-height: 1.66em; - --lqd-body-letter-spacing: 0.2px; - /* */ - --lqd-heading-font-family: "Golos Text", sans-serif; - --lqd-heading-color: #233D62; - --lqd-heading-line-height: 1.2em; - --lqd-heading-font-weight: 600; - --lqd-h2-font-size: 41px; - --lqd-h3-font-size: 24px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 19px; - --lqd-h6-font-size: 12px; - --lqd-h6-letter-spacing: 1px; - --lqd-h6-color: #ED6A04; - /* */ - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.ld-fancy-heading .lqd-highlight-inner, -.ld-fancy-heading .lqd-highlight-inner .lqd-highlight-brush-svg { - height: 0.275em; -} - -/* ***** Button ***** */ -.btn-xlg { - --btn-pt: 1.5em; - --btn-pe: 3.5em; - --btn-pb: 1.5em; - --btn-ps: 3.5em; -} - -a { - font-family: var(--lqd-body-font-family); -} - -/* ***** Main Header ***** */ -.main-header .desktop-header { - padding: 0.75% 2.5% 0 3.5%; -} - -.main-header.is-stuck .desktop-header { - padding: 0 2.5% 0 3.5%; -} - -.main-header .desktop-header .main-nav { - --lqd-menu-items-top-padding: 10px; - --lqd-menu-items-right-padding: 25px; - --lqd-menu-items-bottom-padding: 10px; - --lqd-menu-items-left-padding: 25px; - max-width: auto; -} - -.main-header .main-nav>li.current-menu-item>a, -.main-header .main-nav>li.is-active>a, -.main-header .main-nav>li:hover>a, -.main-header .main-nav>li:focus>a { - color: var(--lqd-color-primary); -} - -.is-stuck section:not(.lqd-stickybar-wrap) { - background: rgba(255, 255, 255, 0.98); -} - -.main-header .module-btn .btn:hover, -.main-header .module-btn .btn:focus { - background-color: var(--lqd-color-blue-700); -} - -/* ***** Lity Modal ***** */ -.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 .ld-fancy-heading h2 { - font-size: 34px; - } -} - - -/* ***** FOOTER ***** */ -/* Subscribe */ -.subscribe .ld-sf input[type="email"], -.ld-sf input[type="text"] { - color: #7E8085; - border-color: #FFFFFF; -} - -.ld-sf [type="submit"] { - color: var(--lqd-color-green-300); -} - -.subscribe .ld-sf input[type="email"]:focus, -.ld-sf input[type="text"]:focus { - color: #000000; -} - -@media (max-width: 1199px) { - .subscribe { - padding: 60px 35px 0px 35px; - } - - .subscribe .module { - padding-left: 0px; - } - - .subscribe .lqd-iconbox-heading { - justify-content: flex-start; - } -} - -@media (max-width: 767px) { - .subscribe { - padding: 60px 15px 0px 15px; - } - - .subscribe .module { - flex-wrap: wrap; - padding: 0; - margin-bottom: 0; - } - - .subscribe .module .iconbox { - width: 100%; - text-align: left; - margin: 0; - } - - .subscribe .lqd-iconbox-heading { - justify-content: flex-start; - } -} -/* Footer Menu */ -.footer-menu .module { - padding: 10px 0 25px 0; -} - -@media (max-width: 1199px) { - .footer-menu { - padding: 50px 35px 20px 35px; - } - - .footer-menu .module { - padding: 10px 10px 10px 0; - } -} - -@media (max-width: 767px) { - .footer-menu { - padding: 50px 15px 20px 15px; - } - - .footer-menu .module-content { - padding: 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/digital-hub/digital-hub-blog.css b/public/assets/css/demo/digital-hub/digital-hub-blog.css deleted file mode 100644 index d58bb91..0000000 --- a/public/assets/css/demo/digital-hub/digital-hub-blog.css +++ /dev/null @@ -1,18 +0,0 @@ -/* Blog */ -.titlebar-inner h1 { - font-size: 60px; -} -.blog .lqd-lp-style-2-alt .lqd-lp-author figure { - margin-inline-end: 0; -} -@media (max-width: 1199px) { - .blog { - padding: 45px 35px 40px 35px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 45px 15px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/digital-hub/digital-hub.css b/public/assets/css/demo/digital-hub/digital-hub.css deleted file mode 100644 index fef4e5a..0000000 --- a/public/assets/css/demo/digital-hub/digital-hub.css +++ /dev/null @@ -1,405 +0,0 @@ - -/* ***** Banner ***** */ -.banner .btn { - --icon-font-size: 16px; -} - -.banner .btn-solid { - background-image: linear-gradient(90deg, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%); -} - -.banner .btn-solid:hover, -.banner .btn-solid:focus { - background-image: linear-gradient(90deg, var(--lqd-color-gradient-stop) 0%, var(--lqd-color-gradient-start) 100%); -} - -.ld-masked-image .clip-svg { - clip-path: url(#banner-masked-svg); - -webkit-clip-path: url(#banner-masked-svg); - background-size: cover; - background-position-x: 50%; - background-position-y: 50%; -} - -@media (max-width: 1199px) { - .banner { - padding: 100px 30px 0px 30px; - } - - .banner .ld-fancy-heading h2 { - font-size: 58px; - } - - .banner .module-btn { - margin-right: 10px; - } -} - -@media (max-width: 767px) { - .banner { - padding: 120px 10px 0px 10px; - } - - .banner .ld-fancy-heading h2 { - font-size: 14vw; - } - - .banner .module-btn { - margin: 0 0 10px 0; - } -} - -/* ***** services ***** */ -@media (max-width: 1199px) { - .services { - padding: 0 30px; - } -} - -@media (max-width: 767px) { - .services { - padding: 70px 0 20px 10px; - } -} - -/* ***** Portfoilo ***** */ -@media (max-width: 1199px) { - .portfolio { - padding: 50px 0 50px 0; - } - - .portfolio .module h2 { - font-size: 23px; - } -} - -@media (max-width: 767px) { - .portfolio { - padding: 20px 10px 30px 10px; - } - - .portfolio .module-content { - padding: 15px; - } -} - -/* ***** Marketing ***** */ -.marketing .module-content { - padding-left: 18%; -} - -.marketing .module-content .lqd-highlight-inner { - background: #D3FFF8; - bottom: 4px; - left: 0em; -} - -.carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots { - margin-top: 2.5em; -} - -.marketing .carousel-nav { - left: -17px; -} - -.marketing .carousel-nav .flickity-button { - font-size: 26px; - width: 50px; - height: 50px; -} - -.marketing .flickity-button, -.marketing .flickity-button:focus, -.marketing .flickity-button:hover { - background-color: transparent; - color: #000; -} - -@media (max-width: 1199px) { - .marketing { - padding: 50px 30px 60px 30px; - } - - .marketing .carousel-dots-mobile { - display: block; - } - - .marketing .carousel-dots-mobile-inside .carousel-dots-mobile { - opacity: 0; - } - - .marketing .module-content { - padding: 0 10px; - } -} - -@media(max-width:767px) { - .marketing { - padding: 40px 10px 50px 10px; - } - - .marketing .module-image { - margin: 0 0 10px 0; - } - - .marketing .module-content { - padding: 0 15px; - } - - .marketing .module-content .ld-fancy-heading h2 { - font-size: 15vw; - } -} - -/* ***** case Study Carousel ***** */ -.case-study-carousel .carousel-nav .flickity-button { - width: 20px; - height: 20px; -} - -.case-study-carousel .flickity-button { - padding: 0; - border-radius: 0; -} - -.case-study-carousel .flickity-button, -.case-study-carousel .flickity-button:focus, -.case-study-carousel .flickity-button:hover { - background-color: transparent; - color: #000; -} - -@media (max-width: 1199px) { - .case-study-carousel { - padding: 45px 40px 25px 40px; - } - - .case-study-carousel .carousel-items { - overflow-x: hidden; - } -} - -@media (max-width: 767px) { - .case-study-carousel { - padding: 45px 25px 55px 25px; - } - - .case-study-carousel .ld-fancy-heading { - margin: 0 0 10px 0; - } -} - -/* ***** Case Study ***** */ -.case-study .icon-box-module { - box-shadow: -5px 18px 60px 0px rgba(210, 210, 234, 0.4); -} - -.case-study .module-1 .iconbox-icon-container { - box-shadow: 6px 15px 30px 0px rgb(188 0 50 / 12%); -} - -.case-study .module-2 .iconbox-icon-container { - box-shadow: 6px 15px 30px 0px rgb(103 200 216 / 23%); -} - -.case-study .module-3 .iconbox-icon-container { - box-shadow: 6px 15px 30px 0px rgb(80 207 128 / 18%); -} - -.case-study .module-4 .iconbox-icon-container { - box-shadow: 6px 15px 30px 0px rgb(221 116 195 / 19%); -} - -@media (max-width: 1199px) { - .case-study { - padding: 50px 30px 25px 30px; - } - - .case-study .title-module { - padding: 0 15%; - } - - .case-study .module-1, - .case-study .module-3 { - padding: 10px 25px 10px 10px; - } - - .case-study .module-2, - .case-study .module-4 { - padding: 10px 10px 10px 25px; - } - - .case-study .icon-box-module { - padding: 30px 20px; - } -} - -@media (max-width: 767px) { - .case-study { - padding: 30px 25px 35px 25px; - } - - .case-study .title-module { - padding: 0 0 30px 0; - } - - .case-study .title-module .ld-fancy-heading p { - font-size: 18px; - } - - .case-study .module-content { - margin-bottom: 20px; - padding: 0; - } - - .case-study .icon-box-module { - margin: 0; - } -} - -/* ***** Team ***** */ -.team .lqd-tm-details svg stop:first-child { - stop-color: #F8F9FFE6; -} - -.team .lqd-tm-details svg stop:last-child { - stop-color: #F8F9FF; -} - -@media (max-width: 1199px) { - .team { - padding: 25px 30px 50px 30px; - } - - .team .module-2, - .team .module-3 { - margin-top: 40px; - } -} - -@media (max-width: 767px) { - .team { - padding: 25px 10px 50px 10px; - } - - .team .module-title { - margin: 0 0 10px 0; - } - - .team .module-btn { - padding: 0 15px 20px 15px; - } - - .team .module-1, - .team .module-2 { - margin-bottom: 35px; - } -} - -/* ***** counters ***** */ -.counters .ld-fancy-heading .h2 { - font-size: 62px; -} - -@media (max-width: 767px) { - .counters { - padding: 50px 0; - } - - .counters .title-container { - margin: 0 0 15px 0; - } - - .counters .data-container { - margin: 0 0 10px 0; - } - - .counters .module-number p { - font-size: 52px; - line-height: 1em; - } -} - -/* ***** Testimonial ***** */ -.testimonial .carousel-nav .flickity-button:hover { - color: #FFFFFF; - background: #000000; -} - -.testimonial .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots { - margin-top: 1.5em; -} - -.carousel-dots-mobile .flickity-page-dots .dot:first-child { - margin-inline-start: 0; -} - -@media (max-width: 1199px) { - .testimonial { - padding: 170px 30px 85px 30px; - } - - .testimonial .image-container { - width: 100%; - max-width: 100%; - } - - .testimonial .lqd-imggrp-img-container { - width: 50%; - margin: auto; - } - - .testimonial .carousel-item { - padding-inline-start: 0; - padding-inline-end: 0; - } -} - -@media (max-width: 767px) { - .testimonial { - padding: 70px 10px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 1199px) { - .clients .module-img { - margin: 20px 0; - } -} - -@media (max-width: 767px) { - .clients .lqd-imggrp-single { - margin: 0 0 20px 0; - } -} - -/* ***** Contact ***** */ -@media (max-width: 1199px) { - .contact { - padding-right: 35px; - padding-left: 35px; - } - - .contact .ld-fancy-heading h2 { - font-size: 38px; - } - - .contact .module-white { - padding: 30px 20px; - } -} - -@media (max-width: 767px) { - .contact { - padding: 70px 15px; - } - - .contact .ld-fancy-heading h2 { - font-size: 11vw; - } - - .contact .module-white { - padding: 30px 20px 15px 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/events-hub/base.css b/public/assets/css/demo/events-hub/base.css deleted file mode 100644 index a0ee762..0000000 --- a/public/assets/css/demo/events-hub/base.css +++ /dev/null @@ -1,246 +0,0 @@ -@font-face { - font-family: "aktiv-grotesk"; - src: url(../../../fonts/aktiv-grotesk/aktivgrotesk-xbold.woff2) format("woff2"); - font-weight: 800; - font-style: normal; - font-display: wrap; -} - -@font-face { - font-family: "aktiv-grotesk"; - src: url(../../../fonts/aktiv-grotesk/aktivgrotesk-black.woff2) format("woff2"); - font-weight: 900; - font-style: normal; - font-display: wrap; -} - -:root { - --lqd-container-width: 1250px; - --lqd-container-width-md: 1024px; - --lqd-container-width-sm: 1024px; - --lqd-row-gutter-x: 30px; - --lqd-row-gutter-y: 30px; - /* */ - --lqd-color-primary: #0B054B; - --lqd-color-secondary: #FEFE43; - --lqd-color-text: #4E4F62; - --lqd-color-accent: #EB7556; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - --lqd-color-gray-100: #f5f5f7; - --lqd-color-gray-200: #EBEFF1; - --lqd-color-gray-300: rgba(95, 96, 127, 0.702); - --lqd-color-gray-900: #121212; - --lqd-color-slate-100: rgba(35, 48, 64, 0.1); - --lqd-color-slate-200: rgba(35, 48, 64, 0.08); - --lqd-color-slate-300: #B0B9D5; - --lqd-color-slate-400: #587685; - --lqd-color-slate-700: #233040; - --lqd-color-yellow-500: #E0FF5C; - /* */ - --lqd-typography-primaryfont-family: 'Be Vietnam Pro', sans-serif; - --lqd-typography-primary-font-weight: 400; - --lqd-typography-text-font-family: var(--lqd-typography-primaryfont-family); - --lqd-typography-text-font-size: 17px; - --lqd-typography-text-font-weight: 400; - --lqd-typography-text-line-height: 1.29em; - --lqd-typography-accentfont-family: var(--lqd-typography-primaryfont-family); - --lqd-typography-accent-font-weight: 700; - /* */ - --lqd-body-color: var(--lqd-color-text); - --lqd-body-font-family: var(--lqd-typography-text-font-family), Sans-serif; - --lqd-body-font-size: var(--lqd-typography-text-font-size); - --lqd-body-font-weight: var(--lqd-typography-text-font-weight); - --lqd-body-line-height: var(--lqd-typography-text-line-height); - /* */ - --lqd-heading-color: var(--lqd-color-slate-700); - --lqd-heading-font-family: "aktiv-grotesk", Sans-serif; - --lqd-heading-font-weight: 900; - --lqd-heading-line-height: 1em; - --lqd-h1-font-size: 55px; - --lqd-h1-letter-spacing: -0.4px; - --lqd-h2-font-size: 50px; - --lqd-h2-letter-spacing: -0.5px; - --lqd-h3-font-size: 42px; - --lqd-h4-font-size: 32px; - --lqd-h5-font-size: 22px; - --lqd-h6-font-size: 10px; - --lqd-h6-font-weight: 800; - --lqd-h6-text-transform: uppercase; - --lqd-h6-letter-spacing: 1.1px; -} - -/* Main Header */ -.main-header .header-desktop .main-nav { - --lqd-menu-items-top-padding: 10px; - --lqd-menu-items-right-padding: 30px; - --lqd-menu-items-bottom-padding: 10px; - --lqd-menu-items-left-padding: 30px; -} - -.nav-trigger, -.nav-trigger:hover, -.nav-trigger:focus { - font-size: 12px; - color: #fff; -} - -.is-stuck { - background-color: #fff; -} - -.is-stuck .ld-module-sd > .nav-trigger { - color: #000000; -} - -.is-stuck .module-logo { - padding-top: 25px; - padding-bottom: 25px; -} - -.is-stuck .navbar-collapse .main-nav > li > a { - color: rgba(0, 0, 0, 0.72); -} - -.is-stuck .btn-underlined { - color: var(--lqd-color-slate-700); -} - -.is-stuck .btn-underlined:before { - background-color: var(--lqd-color-slate-700); -} - -.is-stuck .btn-underlined:after { - background-color: var(--lqd-color-accent); -} - -.is-stuck .btn-underlined:hover, -.is-stuck .btn-underlined:focus { - color: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .main-header .header-desktop .main-nav { - --lqd-menu-items-top-padding: 0; - --lqd-menu-items-right-padding: 10px; - --lqd-menu-items-bottom-padding: 0; - --lqd-menu-items-left-padding: 10px; - } - - .main-header .header-desktop .main-nav > li > a { - font-size: 12px; - } - - .main-header .module-sec { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .main-header .module-sec { - padding-right: 15px; - padding-left: 15px; - } - - .main-header .module-sec .ld-module-dropdown { - width: 80vw; - } -} - -/* Mobile Header */ -.main-header .module-sec .module-social { - --grid-template-columns: repeat(0, auto); - --icon-size: 28px; - --grid-column-gap: 17px; - --grid-row-gap: 0px; -} - -/* Hover 3D */ -.lqd-imggrp-single[data-hover3d] { - perspective: 1200px; -} - -.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container { - transform-style: preserve-3d; -} - -/* Counter */ -.countdown-row { - justify-content: center; -} - -/* Road Map */ -.one-roadmap-item-checked .one-roadmap-bar, -.one-roadmap-item-checked .one-roadmap-info { - opacity: .6; -} - -.one-roadmap-item .one-roadmap-bar:before, -.one-roadmap-item:not(:last-child) .one-roadmap-bar:after { - content: ""; - display: inline-block; - position: absolute; - top: 3px; - background: #6C0FFC; - transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1); -} - -.one-roadmap-bar:before { - width: 100%; - height: 15px; - border-radius: 50em; -} - -.one-roadmap-bar:after { - width: 2px; - left: 6px; - bottom: -3px; - transform-origin: top center; -} - -.one-roadmap-item-checked .one-roadmap-mark { - opacity: 1; -} - -@media (max-width: 767px) { - .module-roadmap { - padding: 25px 15px 25px 20px; - } -} - -/* Main Footer */ -.main-footer .footer-content .container { - max-width: 500px; -} - -.main-footer .footer-content .social-icons-wrapper { - --icon-size: 28px; -} - -@media (max-width: 767px) { - .main-footer .footer-content { - padding-top: 60px; - padding-bottom: 70px; - } - - .main-footer .footer-content .lqd-fancy-menu > ul > li:not(:last-child) { - margin-inline-end: 15px; - } -} - -/* ******* */ -.screen-only, -.screen-reader-text, -.screen-reader-text span, -.ui-helper-hidden-accessible { - position: absolute; - top: -10000em; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} \ No newline at end of file diff --git a/public/assets/css/demo/events-hub/events.css b/public/assets/css/demo/events-hub/events.css deleted file mode 100644 index 01ef761..0000000 --- a/public/assets/css/demo/events-hub/events.css +++ /dev/null @@ -1,268 +0,0 @@ -/* Banner */ -.banner .module-col .el-btn { - --btn-pt: 15px; - --btn-pe: 50px; - --btn-pb: 15px; - --btn-ps: 50px; -} - -@media (max-width: 1199px) { - .banner .el-btn { - padding-right: 30px; - padding-left: 30px; - } - - .banner .module-col { - padding-right: 20px; - padding-left: 20px; - } - - .banner .module-col .el-btn { - --btn-pe: 30px; - --btn-ps: 30px; - } -} - -@media (max-width: 767px) { - .banner { - padding-top: 100px; - padding-bottom: 60px; - } - - .banner h1 { - font-size: 10vw; - } - - .banner .module-col { - padding: 0; - } -} - -/* Webinar */ -@media (max-width: 767px) { - .webinar { - padding-top: 80px; - padding-bottom: 30px; - } -} - -/* Events */ -.events .lqd-tabs-style-3 .lqd-tabs-nav li a:after { - background-color: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .events { - padding-top: 35px; - padding-bottom: 35px; - } -} - -@media (max-width: 767px) { - .events .module-container { - padding-right: 15px; - padding-left: 15px; - } -} - -/* Speakers */ -@media (max-width: 767px) { - .speakers .module-col { - margin-bottom: 10px; - } -} - -/* Carousel Text */ -@media (max-width: 767px) { - .carousel-text .carousel-item-content { - font-size: 20vw; - } -} - -/* What We Do */ -@media (max-width: 1199px) { - .what-we-do .module-shape-1 { - top: 76px; - } - - .what-we-do .module-shape-2 { - right: 6%; - bottom: -6%; - } - - .what-we-do .module-shape-3 { - top: -24px; - right: -77px; - } -} - -@media (max-width: 767px) { - .what-we-do { - padding-top: 50px; - } - - .what-we-do .module-shape-1 { - top: -8px; - left: 10px; - } - - .what-we-do .module-shape-2 { - right: 29%; - bottom: -8%; - } - - .what-we-do .module-shape-2 img { - width: 244px; - } - - .what-we-do .module-shape-3 { - top: -78px; - right: -33px; - } - - .what-we-do .module-shape-3 img { - width: 275px; - } - - .what-we-do .module-col { - padding: 30px 15px 50px 15px; - } -} - -/* Clients */ -@media (max-width: 767px) { - .clients { - padding-bottom: 50px; - } -} - -/* Gallery */ -@media (max-width: 1199px) { - .gallery .module-masonry-1 { - height: 34vw; - } - - .gallery .module-masonry-2 { - height: 38vw; - } - - .gallery .module-timer { - padding-top: 10px; - margin-bottom: 80px; - } -} - -@media (max-width: 767px) { - .gallery { - padding: 80px 0; - } - - .gallery .el-title { - margin-bottom: 1em; - } - - .gallery .module-timer { - padding-top: 0; - margin-bottom: 60px; - } - - .gallery .module-timer .countdown { - font-size: 60px; - } -} - -/* Faq */ -.faq .accordion-title a { - padding: 1em 30px 1em 0; -} - -@media (max-width: 1199px) { - .faq { - padding-top: 100px; - padding-bottom: 70px; - } - - .faq h4 { - font-size: 20px; - } -} - -@media (max-width: 767px) { - .faq { - padding-top: 70px; - padding-bottom: 20px; - } - - .faq h2 { - font-size: 100px; - } - - .faq .accordion-title a { - padding-inline-end: 15px; - } - - .faq h4 { - font-size: 18px; - } -} - -/* Contact */ -.contact .lqd-cf-response-output { - margin: 0; -} - -@media (max-width: 1199px) { - .contact { - margin-top: 200px; - } - - .contact .module-content { - margin-top: -200px; - } -} - -@media (max-width: 767px) { - .contact .module-content { - margin-top: -170px; - } -} - -/* Pricing */ -@media (max-width: 1199px) { - .pricing .module-price { - margin: 0 6px 30px 0; - padding: 30px 20px; - } - - .pricing .module-divider { - margin-right: -20px; - margin-left: -20px; - } -} - -@media (max-width: 767px) { - .pricing { - padding-top: 70px; - padding-bottom: 70px; - } - - .pricing .module-price { - margin: 0 15px 30px 15px; - } -} - -/* Subscribe */ -.subscribe .ld-sf input[type="email"]:focus { - border-color: var(--lqd-color-accent); -} - -@media (max-width: 767px) { - .subscribe { - padding-top: 20px; - padding-bottom: 20px; - } - - .subscribe .ld-sf p { - margin-bottom: 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/hub/base.css b/public/assets/css/demo/hub/base.css deleted file mode 100644 index a9ae20b..0000000 --- a/public/assets/css/demo/hub/base.css +++ /dev/null @@ -1,96 +0,0 @@ -:root { - --lqd-container-width: 1270px; - --lqd-container-width-sm: 750px; - --lqd-container-width-md: 970px; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #f40460; - --lqd-color-secondary: #5b7bfb; - --lqd-color-gradient-start: #ed6a04; - --lqd-color-gradient-stop: #ed6a04; - --lqd-badge-color: var(--lqd-color-red-400); - --lqd-color-blue-300: #5b7bfb; - --lqd-color-blue-400: #006dff; - --lqd-color-blue-600: #003179; - --lqd-color-blue-700: #002352; - --lqd-color-blue-800: #001634; - --lqd-color-gray-200: #f4f4f4; - --lqd-color-gray-400: #7e8085; - --lqd-color-gray-900: #27292c; - --lqd-color-green-500: #00937e; - --lqd-color-orange-100: rgb(237 106 4 / 5%); - --lqd-color-orange-500: #ed6b03; - --lqd-color-red-400: #fd7171; - --lqd-color-slate-100: rgba(0,22,52,0.703); - --lqd-color-slate-200: #f8f8fd; - --lqd-color-slate-300: #50596c; - --lqd-color-purple-500: #5b44ff; - --lqd-color-zinc-900: #191919; - /* */ - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.5em; - --lqd-body-letter-spacing: 0.01em; - --lqd-body-font-size: 16px; - --lqd-body-color: #878b91; - --lqd-body-text-color: var(--lqd-body-color); - /* */ - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 700; - --lqd-h1-line-height: 1.15em; - --lqd-h1-font-size: 52px; - --lqd-heading-color: #181b31; - --lqd-heading-line-height: 1.2em; - --lqd-h2-letter-spacing: -0.0125em; - --lqd-h2-font-size: 42px; - --lqd-h3-font-size: 34px; - --lqd-h4-font-size: 30px; - --lqd-h5-font-size: 25px; - --lqd-h6-font-weight: 600; - --lqd-h6-letter-spacing: 0.1em; - --lqd-h6-font-size: 12px; - --lqd-h6-text-transform: uppercase; - --lqd-h6-color: #ed6a04; - /* */ - --lqd-cc-active-bw: 1px; -} - -/* Main Header */ -.main-header .header-desktop .main-nav{ - --lqd-menu-items-top-padding: 3px; - --lqd-menu-items-right-padding: 20px; - --lqd-menu-items-bottom-padding: 3px; - --lqd-menu-items-left-padding: 20px; -} -@media (max-width: 1199px) { - .main-header .main-nav li a { - font-size: 12px; - } - .main-header .header-desktop .main-nav { - --lqd-menu-items-right-padding: 10px; - --lqd-menu-items-left-padding: 10px; - } -} - -/* Stickybar Left */ -.main-header .lqd-stickybar-left .module-btn:hover .btn-icon { - background: #ef4557; -} - -/* Main Footer */ -.main-footer .ld-sf input[type="email"]:focus { - border-color: transparent; - color: #000; -} -.main-footer .ld-sf--button-naked [type=submit] { - color: var(--lqd-color-green-500); -} -.main-footer .footer-menu li > a:hover { - color: var(--lqd-color-blue-800); -} -@media (max-width: 991px) { - .main-footer .footer-contact { - padding-top: 70px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/hub/hub-careers.css b/public/assets/css/demo/hub/hub-careers.css deleted file mode 100644 index 9237c57..0000000 --- a/public/assets/css/demo/hub/hub-careers.css +++ /dev/null @@ -1,23 +0,0 @@ -/* Banner */ -@media (max-width: 991px) { - .banner { - padding-top: 120px; - padding-bottom: 80px; - } - .banner h1 { - font-size: 42px; - } -} - -/* Featured */ -.featured .module-btn:hover { - background-color: var(--lqd-color-purple-500); -} -.featured .module-btn-naked:before { - background: var(--lqd-color-purple-500); -} -@media (max-width: 991px) { - .featured .module-content { - padding-left: 25px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/hub/hub-faq.css b/public/assets/css/demo/hub/hub-faq.css deleted file mode 100644 index ca3a2ae..0000000 --- a/public/assets/css/demo/hub/hub-faq.css +++ /dev/null @@ -1,24 +0,0 @@ -/* Banner */ -.banner { - background-position: 50% 120%; -} - -/* Help */ -.help { - background-position: 50% -20%; -} - -/* Assistance */ -.assistance .iconbox .btn-underlined:before { - background-color: #efefef; -} - -.assistance .iconbox .btn-underlined:after { - background-color: var(--lqd-color-secondary); -} - -@media (max-width: 991px) { - .assistance { - padding-bottom: 45px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/lawyer/base.css b/public/assets/css/demo/lawyer/base.css deleted file mode 100644 index 6cc435f..0000000 --- a/public/assets/css/demo/lawyer/base.css +++ /dev/null @@ -1,186 +0,0 @@ -:root { - --lqd-container-width-lg: 1170px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-container-width-xs: 100%; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #1c4e4e; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - --lqd-color-link: #a3816a; - --lqd-color-link-hover: #181b31; - --lqd-color-amber-600: #bb9857; - --lqd-color-amber-700: #b17856; - --lqd-color-gray-100: #f7f7f7; - --lqd-color-slate-50: rgba(15,64,100,.08); - --lqd-color-slate-100: rgba(15,64,100,.13); - --lqd-color-slate-200: rgba(15,64,100,.6); - --lqd-color-slate-300: #86939e; - --lqd-color-slate-500: #0f4064; - --lqd-color-slate-700: #232a3b; - --lqd-color-green-300: rgba(21,81,83,.85); - --lqd-color-green-600: #1c4e4e; - --lqd-color-green-700: #185757; - - /* */ - --lqd-body-font-family: 'Libre Franklin', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.5em; - --lqd-body-font-size: 16px; - --lqd-body-color: #56565c; - /* */ - --lqd-heading-font-family: "marcellus",Arial,Helvetica,sans-serif; - --lqd-heading-font-weight: 400; - --lqd-heading-color: var(--lqd-color-slate-700); - --lqd-h2-line-height: 1.13em; - --lqd-h2-font-size: 42px; - --lqd-h3-line-height: 1.21em; - --lqd-h3-font-size: 28px; - --lqd-h4-line-height: 1.2em; - --lqd-h4-font-size: 25px; - --lqd-h6-font-family: var(--lqd-font-family, Arial,Helvetica,sans-serif); - --lqd-h6-font-weight: 700; - --lqd-h6-line-height: 1.2em; - --lqd-h6-letter-spacing: .11em; - --lqd-h6-font-size: 12px; - --lqd-h6-text-transform: uppercase; -} - -/* ***** Typography ***** */ -.ld-fh-element u { - text-decoration-thickness: 2px; -} -@media (max-width: 991px) { - .module-mb-init { - margin-bottom: 0.5em; - } - .module-h2-init-md { - font-size: var(--lqd-h2-font-size); - } -} -@media (max-width: 767px) { - .module-h2-init-sm { - font-size: var(--lqd-h2-font-size); - } -} - -/* ***** Button ***** */ -.border-thick:before, -.border-thick:after { - width: 30%; - background: var(--lqd-color-slate-700); -} -.border-thick.border-thick-white:before, -.border-thick.border-thick-white:after { - background: #fff; -} -.btn-underlined .btn-txt { - padding-top: 0.4em; - padding-bottom: 0.4em; -} - -/* ***** Icon ***** */ -.lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon { - color: var(--lqd-color-amber-700); -} - -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-right-padding: 22px; - --lqd-menu-items-left-padding: 22px; -} - -.main-header .module-trigger .bars:before { - background-color: #fff; -} - -.main-header .ld-module-dropdown { - width: 445px; -} -.main-header .ld-module-dropdown .btn-solid { - --icon-ms: 20px; -} - -.main-header .lqd-mobile-sec .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-right-padding: 25px; - --lqd-menu-items-bottom-padding: 15px; - --lqd-menu-items-left-padding: 25px; -} - -.main-header .submenu-expander:before { - content: '\ea2f'; - display: inline-flex; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - align-items: center; - justify-content: center; - font: normal 1em/1 'lqd-essentials'; -} - -.is-stuck .module-header { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.is-stuck .nav-trigger.collapsed { - z-index: 1; -} - -.is-stuck .main-nav > li > a, -.is-stuck .module-number, -.is-stuck .module-trigger { - color: var(--lqd-color-slate-700); -} -.is-stuck .module-trigger .bars:before { - background-color: rgba(35,42,59,.05); -} - - -/* ***** Lity Modal ***** */ -.lqd-modal[data-modal-type=fullscreen] { - padding: 25px 2em; -} -.lity-modal .ld-fancy-heading span { - font-family: 'DM Serif Text', serif; - font-style: italic; -} - -.lity-modal .lqd-contact-form { - --input-margin-bottom: 13px; - --inputs-margin: 0 0 var(--input-margin-bottom) 0; -} - -.lity-modal input:focus, -.lity-modal select:focus, -.lity-modal textarea:focus, -.lity-modal .ui-button.ui-selectmenu-button:hover { - border-color: rgb(0, 0, 0); -} - -.lity-modal .lqd-contact-form input:focus { - color: #000000; -} - -@media (max-width: 991px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - line-height: 0.75em; - } -} - -/* */ -.lqd-imggrp-single[data-animate-shadow] .lqd-imggrp-img-container { - box-shadow: 0 0 0 rgba(0,0,0,.3); - transition: box-shadow .5s cubic-bezier(.7,0,.3,1); -} - -/* ***** Footer ***** */ -.main-footer .footer-menu .lqd-fancy-menu { - --lqd-badge-color: rgb(255, 255, 255); -} \ No newline at end of file diff --git a/public/assets/css/demo/lawyer/lawyer.css b/public/assets/css/demo/lawyer/lawyer.css deleted file mode 100644 index 9596e6a..0000000 --- a/public/assets/css/demo/lawyer/lawyer.css +++ /dev/null @@ -1,228 +0,0 @@ -/* ***** Banner ***** */ -.banner .btn-solid { - --btn-pt: 1.5em; - --btn-pe: 3.5em; - --btn-pb: 1.5em; - --btn-ps: 3.5em; -} -@media (max-width: 1199px) { - .banner .module-text { - padding-right: 0; - padding-left: 0; - } -} -@media (max-width: 991px) { - .banner .module-text { - padding-right: 12%; - padding-left: 12%; - } - .banner .btn-xlg { - --btn-pt: 1.3em; - --btn-pe: 3.1em; - --btn-pb: 1.3em; - --btn-ps: 3.1em; - } -} -@media (max-width: 767px) { - .banner h1 { - font-size: 15vw; - } - .banner .module-text { - padding-right: 0; - padding-left: 0; - } -} - -/* ***** About ***** */ -.about { - background-position: 80% 50% ; -} - -@media (max-width: 1199px) { - .about .iconbox { - padding-right: 10%; - } -} -@media (max-width: 991px) { - .about .iconbox { - padding-right: 0; - } -} - -/* ***** Experience ***** */ -.experience .module-col:hover .row-bg-inner { - transform: scale(1.075); -} -.experience .module-img { - box-shadow: 0 20px 88px 0 rgba(0,0,0,.2); - --lqd-move-onhover-val: -5px; -} -.experience .modul-img:hover { - transform: translateY(var(--lqd-move-onhover-val,0)); -} - -@media (max-width: 991px) { - .experience { - padding-top: 35px; - padding-bottom: 35px; - } - .experience .module-img { - margin-bottom: 30px; - padding-top: 250px; - padding-right: 20px; - padding-left: 20px; - } -} - -/* ***** Counter ***** */ -@media (max-width: 991px) { - .counter { - padding-top: 35px; - padding-bottom: 35px; - } - .counter .module-col { - margin-bottom: 30px; - } -} -/* ***** Practice Area ***** */ -.practice-area .one-bullet-list li:before { - content: ''; - display: inline-block; - width: 4px; - height: 4px; - margin-inline-end: 1em; - border-radius: 50em; - background-color: #fff; -} -@media (max-width: 1199px) { - .practice-area .module-col-1 { - padding: 75px 30px 75px 55px; - } - .practice-area .module-col-2{ - padding: 75px 30px 55px 45px; - } - - .practice-area .module-col-3 { - padding: 65px 15px 55px 25px; - } -} -@media (max-width: 991px) { - .practice-area { - padding-top: 35px; - padding-bottom: 35px; - } - .practice-area .module-col-1 { - padding: 35px 15px; - } - .practice-area .module-col-2, - .practice-area .module-col-3 { - padding: 35px 15px 15px 15px; - } -} - -/* ***** Help ***** */ -@media (max-width: 991px) { - .help { - padding-top: 35px; - padding-bottom: 35px; - } - .help .module-img { - margin-bottom: 240px; - } - .help .module-img-2 { - right: 20%; - } -} - -@media (max-width: 767px) { - .help .module-img { - margin-bottom: 220px; - } - .help .module-img-3 { - left: 10%; - } - .help .module-img-2 { - right: 0; - } -} - -/* ***** Practice Carousel ***** */ -@media (max-width: 991px) { - .practice-carousel { - padding-top: 35px; - padding-bottom: 70px; - } -} - -/* ***** Testimonials ***** */ -.testimonials { - background-position: 25% 50%; -} -.testimonials .carousel-nav { - left: -15px; -} -.testimonials .carousel-nav .flickity-button { - width: 40px; - height: 40px; -} -.testimonials .carousel-nav .flickity-prev-next-button, -.testimonials .carousel-nav .lqd-carousel-slides { - color: #fff; -} -.testimonials .carousel-nav .lqd-carousel-slides > svg { - margin-inline-start: 0.65em; - margin-inline-end: 0.75em; -} -.testimonials .carousel-dots-mobile .flickity-page-dots .dot { - background-color: rgba(255,255,255,.6); -} -.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: #fff; -} -@media (max-width: 991px) { - .testimonials { - padding-top: 80px; - padding-bottom: 70px; - } -} - -/* ***** Blog ***** */ -.blog .lqd-lp-title { - font-size: 20px; -} -.blog .lqd-lp h2 .split-inner { - display: inline-block; - position: relative; -} -.blog .lqd-lp h2 .split-inner:before, -.blog .lqd-lp h2 .split-inner:after { - content: ''; - display: inline-block; - position: absolute; - bottom: .15em; - left: 0; - right: 0; - z-index: -1; - transform: scaleX(0); - transition: transform .65s cubic-bezier(.23,1,.32,1); -} -.blog .lqd-lp h2 .split-inner:after { - height: .414em; - background: rgba(163,129,106,.25); - transform-origin: left; -} -.blog .lqd-lp:hover .split-inner:before { - transform: scaleX(0); -} -.blog .lqd-lp:hover h2 .split-inner:after { - transform: scaleX(1); -} -@media (max-width: 991px) { - .blog { - padding-top: 70px; - padding-bottom: 70px; - } - .blog .module-col { - margin-bottom: 30px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-agancy/base.css b/public/assets/css/demo/modern-agancy/base.css deleted file mode 100644 index 435a920..0000000 --- a/public/assets/css/demo/modern-agancy/base.css +++ /dev/null @@ -1,199 +0,0 @@ -:root { - --lqd-container-width-md: 1024px; - --lqd-container-width-sm: 1024px; - --lqd-row-gutter-x: 20px; - --lqd-row-gutter-y: 20px; - - --lqd-color-primary: #FF5538; - --lqd-body-text-color: #7A7A7A; - --lqd-color-accent: #336AEA; - --lqd-color-dark: #292929; - --lqd-color-title: #1A3760; - --lqd-badge-color: var(--lqd-color-primary); - --lqd-color-gradient-start: #FE753E; - --lqd-color-gradient-stop: #FE753E; - --lqd-color-orange-500: #ed6a04; - --lqd-color-blue-100: #F1F7FD; - --lqd-color-blue-200: rgba(0, 35, 82, 0.6); - --lqd-color-blue-300: rgba(26, 55, 96, 0.831); - --lqd-color-blue-900: #181B31; - --lqd-color-gray-100: #eef3f9; - --lqd-color-gray-200: #f8f8f8; - --lqd-color-gray-300: #e5e3df; - --lqd-color-gray-400: #EFEFEF; - --lqd-color-gray-500: #646464; - --lqd-color-gray-600: #464959; - --lqd-color-gray-700: #36363B; - --lqd-color-pink-100: #FEF7FC; - --lqd-color-purple-100: #F0F8FF; - --lqd-color-red-100: #F4EEFA; - --lqd-color-slate-100: #FFFAF6; - --lqd-color-orange-100: #FFEAE6; - --lqd-color-yellow-100: #FFEDEF; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-textcolor: #808291; - --lqd-body-font-size: 1em; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.7em; - --lqd-body-letter-spacing: 0px; - - --lqd-heading-color: var(--lqd-color-title); - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.2em; - --lqd-h1-letter-spacing: -0.2px; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 48px; - --lqd-h3-font-size: 38px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 20px; - --lqd-h5-font-weight: 600; - --lqd-h6-font-size: 14px; - --lqd-h6-font-weight: 500; - --lqd-h6-letter-spacing: 0.28px; - --lqd-h6-color: #FE753E; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.lqd-gdpr-accept:hover { - color: #eff3f5; - background-color: #184341; -} - -.lqd-post-content, -.lqd-post-header .entry-excerpt { - font-family: var(--lqd-body-font-family); - font-size: 18px; - line-height: 1.7em; -} - -.ld-fancy-heading .lqd-highlight-inner { - background: rgba(255, 185, 158, 0.5); - bottom: 0.15em; - left: 0; -} - -@media screen and (min-width: 992px) { - body.has-sidebar #lqd-contents-wrap { - padding-top: 25px; - } -} - -@media (min-width: 1200px) { - .is-stuck section:not(.lqd-stickybar-wrap) { - background: rgba(255, 255, 255, 0.96) !important; - } -} - -@media (max-width: 1199px) { - :root { - --lqd-h2-font-size: 40px; - } -} - -@media (max-width: 767px) { - :root { - --lqd-h2-font-size: 37px; - } -} - -/* ***** Button ***** */ -button, -input[type="button"], -input[type="submit"], -.button { - font-family: "IBM Plex Sans", Sans-serif; -} - -/* ***** Main Header ***** */ -.is-stuck .module-logo { - padding: 25px 50px 25px 25px; -} - -/* ***** Left Sticky ***** */ -.main-header .lqd-stickybar-left { - padding: 100px 0 25px 0; -} - -/* ***** Left Side Drawer ***** */ -.main-header .ld-module-sd-left .ld-module-dropdown { - width: 350px; - --grid-template-columns: repeat(0, auto); - --grid-column-gap: 17px; - --grid-row-gap: 0; -} - -/* ***** Lity Modal ***** */ -.lity-modal .ld-fancy-heading h2 span { - font-family: 'DM Serif Text', serif; - font-style: italic -} - -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 30px 0; - --input-margin-bottom: 30px; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - } -} - -/* ***** Footer ***** */ -.main-footer .module-btn button { - color: #000; -} - -.main-footer .module-btn button:hover { - color: #FFFFFF; - background: #FFA5A5; -} - -@media (max-width: 1199px) { - .main-footer>.footer-menu { - padding: 110px 30px 60px 30px; - } - - .main-footer>.footer-info { - padding: 0 30px; - } -} - -@media (max-width: 767px) { - .main-footer>.footer-menu { - padding: 0 10px; - } - - .main-footer>.footer-info { - padding: 0 10px; - } - - .main-footer .footer-info .module-last { - padding: 30px 0; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-agancy/modern-agancy-blog.css b/public/assets/css/demo/modern-agancy/modern-agancy-blog.css deleted file mode 100644 index 84180ab..0000000 --- a/public/assets/css/demo/modern-agancy/modern-agancy-blog.css +++ /dev/null @@ -1,16 +0,0 @@ -/* Blog */ -.titlebar-inner h1 { - font-size: 60px; -} -@media (max-width: 1199px) { - .blog { - padding-right: 30px; - padding-left: 30px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 0 10px 80px 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-agancy/modern-agency-contact.css b/public/assets/css/demo/modern-agancy/modern-agency-contact.css deleted file mode 100644 index 9f7a4fc..0000000 --- a/public/assets/css/demo/modern-agancy/modern-agency-contact.css +++ /dev/null @@ -1,48 +0,0 @@ -/* ***** Titlebar ***** */ -@media (max-width: 767px) { - .titlebar-inner h1 { - font-size: 60px; - } -} -/* ***** Form ***** */ -.form .module-form { - box-shadow: 0 40px 80px 0px rgba(83, 94, 132, 0.15); -} -.form .lqd-contact-form { - --input-margin-bottom: 20px; - --inputs-margin: 0 0 var(--input-margin-bottom) 0; -} -@media (max-width: 767px) { - .form { - padding-right: 10px; - padding-left: 10px; - } - .form .module-form { - margin-right: 10px; - margin-left: 10px; - padding: 35px 15px; - } -} - -/* ***** Map ***** */ -.map .module-contact { - box-shadow: 20px 40px 60px 0px rgba(0, 0, 0, 0.1); -} -@media (max-width: 1199px) { - .map .module-col { - padding-right: 50px; - padding-left: 50px; - margin-top: 30px; - margin-bottom: 30px; - } -} -@media (max-width: 767px) { - .map .module-col { - padding-right: 20px; - padding-left: 20px; - margin: 0; - } - .map .module-contact { - padding: 45px 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-agancy/modern-agency.css b/public/assets/css/demo/modern-agancy/modern-agency.css deleted file mode 100644 index 41d1af9..0000000 --- a/public/assets/css/demo/modern-agancy/modern-agency.css +++ /dev/null @@ -1,330 +0,0 @@ -/* ***** Banner Image ***** */ -.banner-image .module-btn { - right: 19%; - top: 32vh; -} - -.banner-image .btn { - --icon-font-size: 22px; -} - -.banner-image .btn-icon:before { - border-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .banner-image .module-img { - width: 600px; - max-width: 600px; - } - - .banner-image .module-btn { - right: 17%; - z-index: 5; - top: 19vh; - } -} - -@media (max-width: 767px) { - .banner-image .module-img { - width: 100vw; - max-width: 100vw; - top: 65px; - } - - .banner-image .lqd-imggrp-single { - margin: -65px 0px 0px 0px; - } - - .banner-image .module-btn { - right: 30vw; - } -} - -/* ***** Banner ***** */ -.banner .module-bg { - background-position: 95% 95%; -} - -.banner .btn-xl { - --btn-pt: 1.5em; - --btn-pe: 3.15em; - --btn-pb: 1.5em; - --btn-ps: 3.15em; -} - -@media (max-width: 1199px) { - .banner { - padding: 0 30px; - z-index: 2; - } -} - -@media (max-width: 767px) { - .banner { - padding: 320px 10px 50px 10px; - } - - .banner .ld-fancy-heading h1 { - font-size: 10vw; - } - - .banner .module-text p { - font-size: 18px; - } - - .banner .btn-solid { - margin-bottom: 15px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 767px) { - .clients .ld-fancy-heading p { - margin-bottom: 1em; - } -} - -/* ***** About ***** */ -@media (max-width: 767px) { - .about { - padding: 20px 10px 0 10px; - } - - .about .module-first { - margin-bottom: 30px; - } -} - -/* ***** Digital Experience ***** */ -.digital-experience .module-img-1 { - right: 4vw; -} - -.digital-experience .module-img-2 { - right: 55px; -} - -.digital-experience .module-img-3 { - left: -19%; -} - -@media (max-width: 1199px) { - .digital-experience { - padding: 50px 30px; - } - - .digital-experience .module-img-2 { - width: 192px; - max-width: 192px; - top: 6.5%; - right: 5%; - } - - .digital-experience .module-img-3 { - width: 272px; - max-width: 272px; - top: 0%; - left: 15px; - } - - .digital-experience .module-img-4 { - width: 319px; - max-width: 319px; - } -} - -@media (max-width: 767px) { - .digital-experience { - padding: 0 10px 30px 10px; - } - - .digital-experience .btn { - margin-bottom: 15px; - } -} - -/* ***** Digital Experience Counter ***** */ -@media (max-width: 1199px) { - .digital-experience-counter { - padding: 50px 30px 60px 30px; - } - - .digital-experience-counter .module-counter { - padding: 10px; - } -} - -@media (max-width: 767px) { - .digital-experience-counter { - padding: 30px 10px 0 10px; - } -} - -/* ***** Services ***** */ -.services .icon-box-bg-color:hover { - background-color: #FFFFFF; - box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07); -} - -.services .icon-box-bg-color:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -.services .icon-box-bg-color:hover p { - color: var(--lqd-color-title); -} - -@media (max-width: 1199px) { - .services { - padding: 0 40px; - } - - .services .col-sm-12 { - padding: 0; - } - - .services .icon-box-bg-color { - padding: 20px; - } -} - -@media (max-width: 767px) { - .services { - padding: 50px 20px; - } -} - -/* ***** Case Studies ***** */ -.case-studies .liquid-filter-items { - margin-bottom: 50px; -} - -@media (max-width: 1199px) { - .case-studies { - padding: 100px 30px 50px 30px; - } -} - -@media (max-width: 767px) { - .case-studies { - padding: 0 10px; - } -} - -/* ***** Testimonials ***** */ -.testimonials .carousel-nav { - bottom: -40px; -} - -.testimonials .flickity-button, -.testimonials .flickity-button:focus, -.testimonials .flickity-button:hover { - background-color: transparent; - color: #000; -} - -.testimonials .d-flex .module-shape-2 { - right: 3vw; -} - -.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots { - margin-top: 2.25em; -} - -@media (max-width: 1199px) { - .testimonials { - padding-right: 30px; - padding-left: 30px; - } - - .testimonials .d-flex .module-shape-2 { - bottom: -70px; - right: -50px; - } -} - -@media (max-width: 767px) { - .testimonials { - padding-right: 10px; - padding-left: 10px; - } - - .testimonials .carousel-item-content { - font-size: 20px; - } - - .testimonials .module-last { - margin-bottom: 20px; - } -} - -/* ***** Global Companies ***** */ -@media (max-width: 1199px) { - .global-companies { - padding: 40px 30px 60px 30px; - } - - .global-companies .lqd-imggrp-single { - margin: 40px 0 0 0; - } -} - -@media (max-width: 767px) { - .global-companies { - padding: 0 10px; - } - - .global-companies .lqd-imggrp-single { - margin: 0 0 15px 0; - } - - .global-companies .btn-solid { - margin-bottom: 15px; - } -} - -/* ***** Blog ***** */ -@media (max-width: 1199px) { - .blog { - padding: 50px 30px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 20px 10px 40px 10px; - } -} - -/* ***** Contact ***** */ -@media (max-width: 1199px) { - .contact { - padding: 0 30px 70px 30px; - } - - .contact .module-content { - padding: 40px; - } - - .contact .module-shape { - top: -10px; - right: 32%; - } -} - -@media (max-width: 767px) { - .contact { - padding: 0 10px; - } - - .contact .module-content { - padding: 40px 15px; - } - - .contact .btn-solid { - margin-bottom: 15px; - } -} - diff --git a/public/assets/css/demo/modern-blocks/base.css b/public/assets/css/demo/modern-blocks/base.css deleted file mode 100644 index 81cb2cf..0000000 --- a/public/assets/css/demo/modern-blocks/base.css +++ /dev/null @@ -1,84 +0,0 @@ -:root { - --lqd-container-width: 75vw; - --lqd-container-width-md: 75vw; - --lqd-container-width-sm: 100%; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #ff6c4f; - --lqd-color-gradient-start: #ff6c4f; - --lqd-color-gradient-stop: #ff6c4f; - /* */ - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.3em; - --lqd-body-font-size: 19px; - --lqd-body-color: #8f8f91; - /* */ - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 500; - --lqd-heading-line-height: 1.2em; - --lqd-heading-color: #181b31; - /* */ - --lqd-h1-font-weight: 700; - --lqd-h1-letter-spacing: -0.02em; - --lqd-h1-font-size: 52px; - --lqd-h2-font-weight: 700; - --lqd-h2-letter-spacing: -0.02em; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; - /* */ - --lqd-cc-size-inner: 12px; - --lqd-cc-size-outer: 55px; - --lqd-cc-bg: rgba(255, 255, 255, 0.94); - --lqd-cc-bc: #ffffff; - --lqd-cc-active-bw: 3px; -} - -/* Main Header */ -.main-header .el-btn .bars { - width: 62px; - height: 62px; - flex: 1 0 62px; -} - -.main-header .el-btn .bars:before { - background-color: transparent; -} - -.main-header .el-btn .bar:before, -.main-header .el-btn .bar:after, -.main-header .el-btn:hover .bars:before { - background: #ffffff; -} - -.main-header .el-btn:hover { - color: #000; -} - -.main-header .el-btn:hover .bar:before, -.main-header .el-btn:hover .bar:after { - background: #000000; -} - -.main-header .nav-trigger:hover, -.main-header .nav-trigger:focus { - color: #fff; -} - -/* Mobile Header */ -[data-mobile-nav-style=modern] .lqd-mobile-sec:before { - background: rgb(32, 32, 32); -} - -/* LQD GDPR */ -#lqd-gdpr { - border-radius: 100px; -} - -.lqd-gdpr-left { - margin: 0; -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-blocks/modern-blocks.css b/public/assets/css/demo/modern-blocks/modern-blocks.css deleted file mode 100644 index 2400ca0..0000000 --- a/public/assets/css/demo/modern-blocks/modern-blocks.css +++ /dev/null @@ -1,31 +0,0 @@ -.slide-one .lqd-af-slide__img .liquid-overlay-link { - background-color: transparent; -} - -.lqd-af-slide__img .liquid-overlay-link { - background-color: rgba(0, 0, 0, 0.15); -} - -/* Title */ -.slide-one h2, -.slide-three h2, -.slide-five h2 { - font-size: clamp(70px, 9vw, 130px); -} - -.slide-two h2 { - font-size: clamp(55px, 9vw, 130px); -} - -.slide-four h2 { - font-size: clamp(60px, 9vw, 130px); -} - -/* Slide Two */ -.slide-two .lqd-af-slide__img .liquid-overlay-link { - background: rgba(0, 0, 0, 0.15); -} - -.slide-two .lqd-vbg-loader { - background-size: 55px; -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-business/base.css b/public/assets/css/demo/modern-business/base.css deleted file mode 100644 index 090c406..0000000 --- a/public/assets/css/demo/modern-business/base.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - --lqd-container-width: 1170px; - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-row-gutter-y: 0; - --lqd-row-gutter-x: 30px; - /* */ - --lqd-color-primary: #d42828; - --lqd-color-gradient-start: #ce2350; - --lqd-color-gradient-stop: #c62224; - --lqd-color-blue-900: #0f144e; - --lqd-color-gray-300: #e3e3e3; - --lqd-color-gray-400: #737a80; - --lqd-color-gray-700: #3b3b3b; - --lqd-color-gray-900: #222226; - --lqd-color-cyan-700: #081b22; - --lqd-color-purple-200: rgba(54, 90, 214, 0.39); - /* */ - --lqd-body-font-family: chivo, sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.7em; - --lqd-body-font-size: 1em; - --lqd-body-color: #8a8a91; - /* */ - --lqd-heading-font-family: inter, sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.2em; - --lqd-heading-color: #181b31; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 40px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h6-letter-spacing: .1em; - --lqd-h6-font-size: 12px; - --lqd-h6-text-transform: uppercase; -} - -.lqd-highlight-inner svg { - height: 0.275em; - max-height: 0.475em; -} - -/* Hover 3D */ -.lqd-imggrp-single[data-hover3d], -.ld-flipbox { - perspective: 1200px; -} - -.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container, -.ld-flipbox-wrap, -.ld-flipbox-face { - transform-style: preserve-3d; -} - -/* Main Header */ -.main-header .main-nav { - --lqd-menu-items-right-padding: 30px; - --lqd-menu-items-left-padding: 30px; -} - -.main-header .lqd-head-col > .lqd-active-row-light.header-module .navbar-brand .logo-dark { - opacity: 1; - visibility: visible; -} - -.main-header .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > li > a { - color: rgba(0, 0, 0, .8); -} - -.main-header .lqd-head-col > .lqd-active-row-light.header-module > .el-btn { - color: rgb(0, 0, 0); - border-color: rgb(0, 0, 0); -} - -.lqd-head-col > .lqd-active-row-light.header-module > .el-btn:hover { - border-color: rgb(0, 0, 0); - background-color: rgb(0, 0, 0); - color: rgb(255, 255, 255); -} - -/* Footer */ -.main-footer .ld-sf button.ld_sf_submit { - background: rgba(255, 255, 255, 0); - color: rgb(255, 255, 255); - border-color: rgba(151, 151, 151, 0.2); -} - -.main-footer .ld-sf .submit-text + .submit-icon { - margin-inline-start: 0; -} \ No newline at end of file diff --git a/public/assets/css/demo/modern-business/modern-business.css b/public/assets/css/demo/modern-business/modern-business.css deleted file mode 100644 index b7bd69f..0000000 --- a/public/assets/css/demo/modern-business/modern-business.css +++ /dev/null @@ -1,127 +0,0 @@ -/* Banner */ -.banner .btn-icon-ripple .btn-icon:before { - border-color: #fff; -} - -@media (max-width: 1199px) { - .banner .module-space-top { - height: 200px; - } -} - -@media (max-width: 991px) { - .banner { - padding-top: 100px; - padding-bottom: 40px; - } - - .banner h1, - .banner h2 { - font-size: 66px; - } - - .banner .module-space-top { - height: 100px; - } - - .banner .module-space-bottom { - height: 70px; - } -} - -@media (max-width: 767px) { - .banner h1 { - font-size: 45px; - } - - .banner h2 { - font-size: 40px; - } -} - -/* About */ -@media (max-width: 991px) { - .about { - padding-bottom: 40px; - } - - .about .module-img-1 { - left: 10vw; - } - - .about .module-img-2 { - right: 9vw; - } - - .about .module-img-3 { - left: 25vw; - } - - .about h2 { - font-size: 38px; - } -} - -@media (max-width: 767px) { - .about { - padding-bottom: 70px; - } - - .about .module-img-1 { - left: 5vw; - } - - .about .module-img-2 { - right: -14vw; - } - - .about h2 { - font-size: var(--lqd-h2-font-size); - } -} - -/* Strategy */ -@media (max-width: 991px) { - .strategy { - padding-top: 30px; - padding-bottom: 30px; - } - - .strategy h2 { - font-size: 38px; - } -} - -@media (max-width: 767px) { - .strategy h2 { - font-size: var(--lqd-h2-font-size); - } -} - -/* Case Studies */ -.ld-flipbox-face { - backface-visibility: hidden; -} - -@media (max-width: 767px) { - .ld-flipbox-inner { - padding: 25px; - } -} - -/* Contact */ -@media (max-width: 991px) { - .contact { - border-width: 10px; - } - - .contact h1 { - font-size: 66px; - } -} - -@media (max-width: 767px) { - .contact h1 { - font-size: 56px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/restaurant.css b/public/assets/css/demo/restaurant.css deleted file mode 100644 index 6fd6093..0000000 --- a/public/assets/css/demo/restaurant.css +++ /dev/null @@ -1,623 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-md: 1024px; - --lqd-container-width-sm: 1024px; - --lqd-row-gutter-x: 20px; - --lqd-row-gutter-y: 20px; - - --lqd-color-primary: #8B752C; - --lqd-body-text-color: #505050; - --lqd-color-accent: #B23421; - --lqd-color-brown-500: #483924; - --lqd-color-secondary: #BBA07A; - --lqd-badge-color: #ffffff; - --lqd-color-dark: #212121; - --lqd-color-green-700: #20484F; - --lqd-color-green-900: #232c2e; - --lqd-color-orange-100: #f2f2ec; - --lqd-color-yellow-100: #FDFDF8; - --lqd-color-yellow-200: #efefe2; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - - --lqd-mobile-sec-height: 0; - --lqd-sticky-header-height: 81px; - - --lqd-body-font-family: "Lato", Sans-serif; - --lqd-body-font-size: 16px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.25em; - --lqd-body-background-color: #F2F2EC; - - --lqd-heading-color: #484036; - --lqd-heading-font-family: "Marcellus", Sans-serif; - --lqd-heading-font-weight: 400; - --lqd-heading-line-height: 1em; - --lqd-h1-font-size: 67px; - --lqd-h1-line-height: 1.05em; - --lqd-h2-font-size: 46px; - --lqd-h3-font-family: var(--lqd-body-font-family); - --lqd-h3-font-size: 40px; - --lqd-h4-font-size: 36px; - --lqd-h5-font-family: var(--lqd-body-font-family); - --lqd-h5-font-size: 21px; - --lqd-h5-line-height: 1.14em; - --lqd-h6-font-size: 11px; - --lqd-h6-font-family: var(--lqd-body-font-family); - --lqd-h6-font-weight: 600; - --lqd-h6-text-transform: uppercase; - --lqd-h6-letter-spacing: 1.2px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.lqd-preloader-dissolve-el { - background: #bba07a; -} - -.lqd-imggrp-single[data-hover3d] { - perspective: 1200px; -} - -@media screen and (min-width: 992px) { - .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container { - transform-style: preserve-3d; - } -} - -/* ***** Button ***** */ -.btn-hover-reveal:hover.btn-underlined .btn-icon { - transform: translateX(1.5em); -} - -.module-btn-px { - --btn-pt: 23px; - --btn-pe: 65px; - --btn-pb: 23px; - --btn-ps: 65px; -} - -/* ***** Main Header ***** */ -.main-header .container { - --lqd-container-width: 1170px; -} - -.main-header .nav-trigger.is-active { - color: #FFFFFF; -} - -.main-header .module-main-nav { - min-height: 45vw; -} - -.main-header .navbar-fullscreen .lqd-fsh-bg-side-container:before, -.main-header .navbar-fullscreen .lqd-fsh-bg-col:before { - background: hwb(0 100% 0% / 0.059); -} - -.is-stuck section { - background-color: #F2F2EC; -} - -.is-stuck .module-logo { - padding: 30px 0; -} - -.is-stuck .nav-trigger, -.is-stuck .btn, -.is-stuck .txt { - color: var(--lqd-color-green-900); -} - -.is-stuck .nav-trigger .bar, -.is-stuck .btn:before { - background-color: var(--lqd-color-green-900); -} - -.is-stuck .btn:after { - background-color: var(--lqd-color-primary); -} - -.main-header .lqd-mobile-sec .navbar-header { - padding-right: 15px; - padding-left: 15px; -} - -/* ***** Navbar Fullscreen ***** */ -.navbar-fullscreen .module-container { - --lqd-container-width: 1140px; -} - -/* ***** LQD Modal ***** */ -.lqd-modal[data-modal-type=fullscreen] { - padding: 25px 2em; -} - -.lqd-modal .lqd-contact-form { - --input-margin-bottom: 13px; -} - -.lqd-modal .ld-fancy-heading h2 span { - font-family: 'DM Serif Text', serif; - font-style: italic -} - -@media (max-width: 1199px) { - .lqd-modal .module-content { - padding: 10px; - } - - .lqd-modal .ld-fancy-heading h2 { - font-size: 72px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lqd-modal .container { - min-height: 100%; - } - - .lqd-modal .lqd-modal-content { - padding: 30px 0; - } - - .lqd-modal .ld-fancy-heading h2 { - font-size: 17vw; - } - - .lqd-modal .module-info { - margin-top: 20px; - } - - .lqd-modal .module-info-inner { - margin-bottom: 20px; - } -} - -/* ***** Banner ***** */ -.banner .container { - --lqd-container-width: 910px; -} - -@media (max-width: 767px) { - .banner .ld-fancy-heading h1 { - font-size: 18vw; - } -} - -/* ***** Navigation Btn ***** */ -.navigation-btn .btn-solid:hover { - transform: rotate(45deg); -} - -@media (max-width: 767px) { - .navigation-btn .module-btn { - margin-top: -80px; - } -} - -/* ***** Date ***** */ -@media (max-width: 1199px) { - .date { - padding: 10px 10px 0 10px; - } -} - -@media (max-width: 575px) { - .date { - padding: 10px 10px 0; - } -} - -/* ***** About ***** */ -.about .btn-xl { - --btn-pe: 4em; - --btn-ps: 4em; -} - -.about .btn-solid:hover { - background-color: var(--lqd-color-brown-500); -} - -.about .module-img { - bottom: -33%; -} - -.about .module-img { - right: -20%; -} - -.about .module-text { - right: -29%; -} - -@media (max-width: 1199px) { - .about .module-img { - width: 80%; - max-width: 80%; - } - - .about .module-text { - bottom: -36%; - } - - .about .module-bottom { - margin-top: -40px; - } - - .about .module-number { - margin-left: -260px; - } - - .about .module-img { - right: 32%; - } - - .about .module-text { - right: 16%; - } -} - -@media (max-width: 767px) { - .about { - padding: 70px 0; - } - - .about .module-img { - width: 85%; - max-width: 85%; - } - - .about .module-text { - bottom: -45%; - } - - .about .module-bottom { - margin: 0 0 30px; - } - - .about .module-middle { - margin-bottom: 65%; - } - - .about .module-number { - margin: 0; - } - - .about .module-img { - right: 10px; - } - - .about .module-text { - right: 61%; - } -} - -/* ***** Icon Box ***** */ -.icon-box { - padding: 0 3%; -} - -@media (max-width: 767px) { - .icon-box { - padding: 35px 0; - } - - .icon-box .module-circle { - padding-bottom: 10px; - } - - .icon-box .module-icon-box { - margin-top: 35px; - } -} - -/* ***** Image BG ***** */ -@media (max-width: 767px) { - .image-bg { - background-position: 30% 50%; - } -} - -/* ***** Experience ***** */ -.experience .container { - --lqd-container-width: 1200px; -} - -.experience .module-img { - min-height: 565px; -} - -.experience .ken-burns { - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; - -o-transition-property: transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-duration: 10s; - -o-transition-duration: 10s; - transition-duration: 10s; - -webkit-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; -} - -@media (max-width: 1199px) { - .experience { - padding: 110px 15px; - } - - .experience .swiper-container { - padding: 35px 20px; - } - - .experience .module-content { - padding: 35px; - } - - .experience .module-col-first { - padding: 10px 10px 10px 0; - } - - .experience .module-col-last { - padding: 10px; - } -} - -@media (max-width: 767px) { - .experience { - padding: 80px 10px; - } - - .experience .module-content { - padding: 20px; - } - - .experience .module-col-first { - padding: 0 0 50px 0; - } - - .experience .module-col-last { - padding: 0; - } -} - -/* ***** Text Box ***** */ -@media (max-width: 1199px) { - .text-box .module-col { - padding: 5%; - } -} - -@media (max-width: 767px) { - .text-box { - padding: 40px 0; - } -} - -/* ***** Gallery ***** */ -.gallery .ld-media-row { - margin-inline-start: -0.25vw; - margin-inline-end: -0.25vw; -} - -.gallery .masonry-item { - padding-inline-start: 0.25vw; - padding-inline-end: 0.25vw; - margin-bottom: 0.5vw; -} - -.gallery .module-item-1, -.gallery .module-item-4 { - height: 22.25vw; -} - -.gallery .module-item-2, -.gallery .module-item-3 { - height: 45vw; -} - -@media (max-width: 767px) { - .gallery .masonry-item { - height: 50vw; - } -} - -/* ***** Testimonials ***** */ -.testimonials { - --lqd-color-primary: #184341; -} - -.testimonials .lqd-testi .lqd-star-rating .active { - color: var(--lqd-color-primary); -} - -@media (max-width: 767px) { - .testimonials .module-carousel { - padding: 0 10px; - } -} - -/* ***** Reserve Form ***** */ -.reserve-form { - background-position: 100% -40px; -} - -.reserve-form .container { - --lqd-container-width: 1200px; -} - -.reserve-form .btn-underlined:before { - background: #FFFFFF; -} - -.btn-hover-reveal .btn-icon { - margin-inline-start: -1em; -} - -.reserve-form .lqd-contact-form { - --input-margin-bottom: 10px; -} - -@media (max-width: 1199px) { - .reserve-form { - padding: 50px 15px; - } - - .reserve-form .module-content { - padding: 30px; - } -} - -@media (max-width: 767px) { - .reserve-form { - padding: 30px 10px 50px 10px; - } -} - -/* ***** Blog ***** */ -.blog .btn-solid { - --btn-pt: 0.5rem; - --btn-pe: 1.5rem; - --btn-pb: 0.5rem; - --btn-ps: 1.5rem; -} - -.blog .btn-hover-swp .btn-icon+.btn-icon { - margin-inline-start: 0; - margin-inline-end: 0; -} - -.blog .lqd-lp h2 { - font-size: 21px; -} - -.blog .lqd-lp h2 .split-inner { - display: inline-block; - position: relative; -} - -.blog .lqd-lp h2 .split-inner:before, -.blog .lqd-lp h2 .split-inner:after { - content: ''; - display: inline-block; - position: absolute; - bottom: 0.15em; - left: 0; - right: 0; - z-index: -1; - transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); -} - -.blog .lqd-lp h2 .split-inner:after { - height: 0.414em; - background-color: rgba(255, 218, 1, 0.35); - transform-origin: left; - transform: scaleX(0); -} - -.blog .lqd-lp:hover .split-inner:after { - transform: scaleX(1); -} - -@media (max-width: 1199px) { - .blog .module-text { - padding-right: 20%; - padding-left: 20%; - } -} - -@media (max-width: 767px) { - .blog { - padding: 30px 0; - } - - .blog .module-text { - padding: 0; - } -} - -/* ***** Map ***** */ -@media (max-width: 767px) { - .map .module-col { - padding: 0 10px; - } - - .map .ld-gmap-container { - height: 60vh; - } -} - -/* ***** Contact ***** */ -.contact .btn-underlined:before { - background: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .contact .module-contact { - width: 45%; - padding: 40px; - margin-top: -450px; - } -} - -@media (max-width: 767px) { - .contact { - padding: 20px 10px 70px 10px; - } - - .contact .module-contact { - width: 100%; - margin: 0; - } -} - -/* ***** Main Footer ***** */ -.main-footer .module-btn .btn-solid { - --btn-pt: 1.6em; - --btn-pe: 5.6em; - --btn-pb: 1.6em; - --btn-ps: 5.6em; -} - -.main-footer .module-menu { - --grid-template-columns: repeat(0, auto); - --icon-size: 16px; -} - -.main-footer .module-btn .btn:hover, -.main-footer .module-btn .btn:focus { - color: #B23421; -} - -.main-footer .module-menu .social-icon { - --icon-padding: 1.1em; -} - -.main-footer .module-menu .social-icon:hover { - background-color: #ffffff; - border-color: #ffffff; -} - -.main-footer .module-menu .social-icon:hover svg { - fill: var(--lqd-color-accent); -} - -@media (max-width: 767px) { - .main-footer .module-menu { - padding-bottom: 40px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/saas.css b/public/assets/css/demo/saas.css deleted file mode 100644 index 09b8146..0000000 --- a/public/assets/css/demo/saas.css +++ /dev/null @@ -1,481 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-row-gutter-x: 30px; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #0044eb; - --lqd-color-gradient-start: #00cb99; - --lqd-color-gradient-stop: #00cb99; - --lqd-color-purple-500: #7a25ff; - --lqd-color-blue-100: #f6f5ff; - --lqd-color-blue-200: rgba(177, 204, 255, 0.35); - --lqd-color-blue-300: #006ce3; - --lqd-color-blue-700: #1d293f; - --lqd-color-blue-900: #000645; - --lqd-color-green-700: #043c39; - --lqd-color-slate-100: #edf2f6; - --lqd-color-slate-200: #b7b9c4; - --lqd-color-slate-300: #f4f7ff; - --lqd-color-slate-400: rgba(0, 36, 88, 0.599); - --lqd-color-slate-500: #e3f0ff; - --lqd-color-slate-700: #404046; - --lqd-color-slate-900: #24232c; - --lqd-color-gray-100: #fafafa; - --lqd-color-gray-500: #585858; - --lqd-color-gray-700: #2c2c2c; - --lqd-color-red-500: #ef4557; - --lqd-badge-color: #0044eb; - --lqd-body-texr-color: #4d4d4d; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - ; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.666em; - --lqd-body-letter-spacing: 0.01em; - --lqd-body-font-size: 15px; - - --lqd-heading-font-family: 'Be Vietnam Pro', Arial, Helvetica, sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.2em; - --lqd-heading-letter-spacing: -0.02em; - --lqd-heading-color: #01213a; - - --lqd-h1-font-size: 54px; - --lqd-h1-line-height: 1.333em; - --lqd-h2-line-height: 1.05em; - --lqd-h2-font-size: 42px; - --lqd-h3-font-size: 51px; - --lqd-h4-font-weight: 500; - --lqd-h4-font-size: 42px; - --lqd-h5-font-weight: 500; - --lqd-h5-font-size: 20px; - --lqd-h6-letter-spacing: 0.1em; - --lqd-h6-font-size: 10px; - --lqd-h6-text-transform: uppercase; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer)/2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-arrow-color: #fff; -} - -.lqd-highlight-inner { - height: 0.275em; - bottom: 0.15em; -} - -.lqd-imggrp-single[data-hover3d] { - perspective: 1200px; -} - -@media (min-width: 768px) and (max-width:991px) { - .container { - --lqd-row-gutter-x: 0; - --lqd-row-gutter-y: 0; - } -} - -/* ***** Typography ***** */ -.lqd-post-content, -.lqd-post-header .entry-excerpt { - font-family: inherit; - font-weight: 400; - line-height: 2; - font-size: 14px; - color: #737373; -} - -@media (max-width: 767px) { - .module-title-10vw h2 { - font-size: 10vw; - } - - .module-title-11vw h2 { - font-size: 11vw; - } -} - -/* ***** Main Header ***** */ -.main-header .module-bottom, -.main-header .module-line { - padding-right: 9vw; - padding-left: 9vw; -} - -.main-header .module-bottom { - border-radius: 25px 25px 0 0; -} - -.main-header .btn-sm { - --btn-pe: 1.5em; - --btn-ps: 1.5em; -} - -.main-header .main-nav>li.is-active>a { - color: #000000; -} - -.main-header .lqd-stickybar-wrap { - padding-bottom: 10vh; -} - -.main-header .main-nav { - --lqd-menu-items-top-padding: 3px; - --lqd-menu-items-right-padding: 30px; - --lqd-menu-items-bottom-padding: 3px; - --lqd-menu-items-left-padding: 30px; -} - -.main-header .lqd-stickybar-right .btn:hover .btn-icon { - background-color: #000; -} - -.is-stuck .module-bottom { - margin: 0; -} - -@media (max-width: 1199px) { - .main-header .module-bottom { - padding-right: 20px; - padding-left: 20px; - } -} - -/* Lity Modal */ -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 84px; - line-height: 0.75em; - } -} - -@media (max-width: 991px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - } -} - -/* ***** Banner ***** */ -.banner .btn-solid { - --btn-pt: 0; - --btn-pe: 1em; - --btn-pb: 0; - --btn-ps: 1em; -} - -@media (max-width: 1199px) { - .banner .module-title { - padding-right: 10%; - padding-left: 10%; - } -} - -@media (max-width: 991px) { - .banner { - padding-top: 60px; - } - - .banner .module-title { - padding-right: 0; - padding-left: 0; - } -} - -@media (max-width: 767px) { - .banner .ld-fancy-heading h1 { - font-size: 16vw; - } - - .banner .ld-fancy-heading p { - font-size: 16px; - } - - .banner .module-icon-box { - padding-top: 35px; - } -} - -/* ***** Section Navigation ***** */ -.section-navigation .lqd-fancy-menu li.is-active>a { - color: rgb(255, 255, 255); - background: rgb(0, 0, 0); -} - -/* ***** Clients ***** */ -.clients-marquee .lqd-fade-sides .flickity-viewport { - mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); - -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); -} - -@media(max-width: 767px) { - .clients .carousel-item { - width: 33.333%; - } -} - -/* ***** Use Cases ***** */ -.use-cases .lqd-tabs-nav li a.active { - background: #ffffff; -} - -.use-cases .lqd-tabs .lqd-tabs-nav li a.active .lqd-tabs-nav-ext { - display: block; -} - -@media (max-width: 767px) { - .use-cases .module-title { - margin-bottom: 35px; - } - - .use-cases .lqd-tabs-nav-wrap { - margin-bottom: 1.5em; - } - - .lqd-tabs-style-13 .lqd-tabs-content { - margin-bottom: 0; - } -} - -/* ***** Solutions ***** */ -.solutions .lqd-tabs-style-2 .lqd-tabs-nav li a.active .lqd-tabs-nav-progress-inner { - transform-origin: left; - transform: scaleX(1); -} - -@media screen and (min-width: 768px) and (max-width: 991px) { - .solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container { - width: 55px; - height: 55px; - font-size: 23px; - } - - .solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-wrap { - margin-inline-end: 20px; - } -} - -@media (max-width: 991px) { - .solutions { - padding-top: 60px; - padding-bottom: 30px; - } - - .solutions .module-content { - margin-bottom: 35px; - } - - .solutions .lqd-tabs-nav li { - flex-basis: 100%; - padding-top: 1em; - padding-bottom: 1em; - } -} - -/* ***** Overview ***** */ -.overview .carousel-container .carousel-items { - margin-inline-start: -2%; - margin-inline-end: -2%; -} - -.overview .carousel-container .carousel-item { - width: 66.667%; - flex-basis: 66.667%; - padding-inline-start: 2%; - padding-inline-end: 2%; -} - -@media (max-width: 767px) { - .overview .carousel-container .carousel-item { - width: 86.956%; - flex-basis: 86.956%; - } -} - -/* ***** Text Image Box ***** */ -@media (min-width: 992px) { - .text-image-box .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container { - transform-style: preserve-3d; - } -} - -@media (max-width: 991px) { - .text-image-box { - padding-top: 80px; - } - - .text-image-box .module-content { - margin-bottom: 20px; - } -} - -@media (max-width: 767px) { - .text-image-box { - padding-top: 60px; - padding-bottom: 15px; - } -} - -/* ***** Icon Box ***** */ -.icon-box .iconbox:hover .iconbox-icon-hover-bg { - opacity: 1; -} - -.icon-box .iconbox:hover .iconbox-icon-container { - color: #ffffff; - border-color: var(--lqd-color-primary); -} - -/* ***** Testimonials ***** */ -.testimonials .carousel-dots { - position: relative; - top: auto; - right: auto; - bottom: -25px; - left: 0; -} - -.testimonials .lqd-imggrp-container[data-move-element].element-was-moved { - right: 15vw; - opacity: 1; - visibility: visible; -} - -.testimonials .lqd-imggrp-single[data-float=ease-in] { - --float-animation-ease: ease-in; -} - -.testimonials .carousel-items> :not([class*=col-]):not(.has-width) { - flex: 1 0 100%; -} - -.testimonials .lqd-overlay { - align-items: center; -} - -@media (max-width: 991px) { - .testimonials { - padding-top: 90px; - padding-bottom: 90px; - } - - .testimonials .carousel-dots-from-options { - display: none; - } -} - -/* ***** Pricing ***** */ -.pricing .lqd-tabs-nav li a.active { - color: #000; -} - -.pricing .lqd-tabs-nav a:after { - background: rgb(12, 50, 83); -} - -.pricing .lqd-tabs-nav li a.active:before { - opacity: 1; - transform: scale(1); -} - -.pricing .lqd-pt:hover { - transform: translateY(-5px); -} - -@media (max-width: 575px) { - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li { - width: auto; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child { - margin-bottom: 0; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li .lqd-tabs-nav-txt { - padding-inline-end: 1em; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after { - order: unset; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav a:before { - width: 30px; - height: 30px; - top: 3px; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:before { - right: 3px; - left: auto; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:before { - right: auto; - left: 3px; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after { - border-radius: 50em 0 0 50em; - } -} - -@media (max-width: 991px) { - .pricing { - padding-top: 80px; - padding-bottom: 25px; - } - - .pricing .lqd-pt-body, - .pricing .lqd-pt-head { - padding-right: 3rem; - padding-left: 3rem; - } -} - -/* ***** Subscribe ***** */ -@media (max-width: 991px) { - .subscribe .module-col { - padding-right: 15px; - padding-left: 15px; - } - - .subscribe .btn>span { - padding: 0.6em 1.2em; - } -} - -/* ***** Help ***** */ -@media (max-width: 575px) { - .help .accordion-title a { - padding-inline-end: 50px; - } -} - -/* ***** Download ***** */ -@media (max-width: 991px) { - .download .module-col { - padding-right: 15px; - padding-left: 15px; - } - - .download .ld-fancy-heading h2 { - margin-bottom: 0.5em; - } - - .download .btn-lg { - padding: 1.15em 2.5em; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/software.css b/public/assets/css/demo/software.css deleted file mode 100644 index d7904fe..0000000 --- a/public/assets/css/demo/software.css +++ /dev/null @@ -1,453 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width-md: 970px; - --lqd-container-width-sm: 750px; - --lqd-row-gutter-x: 30px; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #7635ee; - --lqd-color-gradient-start: var(--lqd-color-primary); - --lqd-color-gradient-stop: var(--lqd-color-primary); - --lqd-color-blue-300: #8fe8f2; - --lqd-color-blue-100: rgba(96, 120, 255, 0.28); - --lqd-color-blue-200: rgba(96, 120, 255, 0.21); - --lqd-color-blue-500: #2865fa; - --lqd-color-blue-600: #0a5373; - --lqd-color-blue-700: #203152; - --lqd-color-blue-900: #112446; - --lqd-color-green-100: rgba(64, 202, 117, 0.19); - --lqd-color-green-200: rgba(64, 202, 117, 0.28); - --lqd-color-green-900: #373c36; - --lqd-color-red-100: rgba(242, 120, 96, 0.26); - --lqd-color-red-200: rgba(242, 120, 96, 0.25); - --lqd-color-gray-100: #eef3f9; - --lqd-color-gray-500: #7a7a7a; - --lqd-color-gray-700: #26262b; - --lqd-color-sky-100: rgba(13, 135, 231, 0.25); - --lqd-color-sky-200: rgba(13, 135, 231, 0.27); - --lqd-color-slate-100: rgba(17, 36, 70, 0.04); - --lqd-color-slate-600: #313f58; - --lqd-color-purple-50: rgba(118, 53, 238, 0.09); - --lqd-color-purple-100: rgba(139, 52, 245, 0.25); - --lqd-color-purple-200: rgba(139, 52, 245, 0.29); - --lqd-color-purple-500: #6e2380; - --lqd-color-purple-700: #4a2170; - --lqd-color-red-500: #e76c6c; - --lqd-body-text-color: #525f7f; - --lqd-color-yellow-100: rgba(232, 178, 104, 0.26); - --lqd-color-yellow-200: rgba(232, 178, 104, 0.32); - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.8em; - --lqd-body-font-size: 16px; - - --lqd-heading-font-family: 'Nunito', sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1.2em; - --lqd-heading-color: #112446; - --lqd-h1-font-size: 48px; - --lqd-h2-font-size: 42px; - --lqd-h3-font-size: 34px; - --lqd-h4-font-size: 28px; - --lqd-h5-font-size: 20px; - --lqd-h5-color: var(--lqd-color-primary); - --lqd-h6-font-size: 16px; - --lqd-h6-color: var(--lqd-color-primary); - --lqd-h6-line-height: 1.2em; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-arrow-color: #fff; -} - -.ld-fancy-heading .lqd-highlight .lqd-highlight-inner { - height: 0.375em; -} - -/* ***** Main Header ***** */ -.main-header .btn-solid { - --btn-pt: 0; - --btn-pe: 0.5em; - --btn-pb: 0; - --btn-ps: 0.5em; -} - -.main-header .main-nav { - --lqd-menu-items-top-padding: 5px; - --lqd-menu-items-right-padding: 32px; - --lqd-menu-items-bottom-padding: 5px; - --lqd-menu-items-left-padding: 32px; -} - -.is-stuck .lqd-head-sec-wrap { - background: rgb(255, 255, 255); -} - -/* Lity Modal */ -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - .lity-modal .ld-fancy-heading h2 { - font-size: 84px; - line-height: 0.75em; - } -} -@media (max-width: 991px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - } -} - -/* ***** Banner ***** */ -.banner .module-btn-solid:hover { - background-color: #4a2170; - border-color: #4a2170; - color: #ffffff; -} - -.banner .module-btn-solid:hover .btn-icon { - color: #ffffff; -} - -.banner .module-btn-solid:hover .btn-icon:before { - background: rgba(255, 255, 255, 0.15); -} - -.banner .lqd-imggrp-single[data-hover3d] { - perspective: 1200px; -} - -.banner .btn-icon-sep .btn-icon { - padding-inline-start: .909em; - margin-inline-start: .909em; -} - -.banner .btn-icon-solid.btn-icon-left .btn-txt+.btn-icon, -.banner .btn-icon-bordered.btn-icon-left .btn-txt+.btn-icon { - margin-inline-start: 0; - margin-inline-end: 20px; -} - -@media (max-width: 1199px) { - .banner .module-tablet { - margin-right: -45%; - } - - .banner .module-phone { - bottom: -50%; - left: -25%; - } -} - -@media (max-width: 991px) { - .banner { - padding-top: 60px; - padding-bottom: 60px; - } - - .banner .module-tablet { - margin-top: -2vw; - margin-right: -20vw; - } - - .banner .module-phone { - bottom: -10vw; - left: -12vw; - } -} - -@media screen and (min-width: 576px) and (max-width: 768px) { - .banner .module-order { - order: -1; - } -} - -@media screen and (max-width: 768px) { - .banner .lqd-shape { - max-height: 120px; - } -} - -@media (max-width: 767px) { - .banner .ld-fancy-heading h1 { - font-size: 60px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 991px) { - .clients .carousel-items { - margin-right: -35px; - margin-left: -35px; - } - - .clients .carousel-item { - padding-right: 35px; - padding-left: 35px; - } -} - -@media (max-width: 767px) { - - .banner .one-row_top_divider, - .banner .one-row_bottom_divider { - max-height: 120px; - } - - .clients .carousel-items { - margin-right: -20px; - margin-left: -20px; - } - - .clients .carousel-item { - width: 50%; - padding-right: 20px; - padding-left: 20px; - } -} - -/* ***** Features ***** */ -.features .module-purple .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(139, 52, 245, 0.25); -} - -.features .module-blue .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(96, 120, 255, 0.28); -} - -.features .module-sky .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(13, 135, 231, 0.24); -} - -.features .module-yellow .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(232, 178, 104, 0.24); -} - -.features .module-red .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(242, 120, 96, 0.23); -} - -.features .module-green .iconbox-icon-container { - box-shadow: 0 10px 50px 0 rgba(64, 202, 117, 0.25); -} - -.features .iconbox-shadow-hover:hover { - box-shadow: 0 25px 70px rgba(0, 0, 0, .07); -} - -.features .iconbox:hover .iconbox-icon-hover-bg { - opacity: 1; -} - -/* ***** Tab Items ***** */ -.lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type):after { - content: '\ea2c'; - display: inline-block; - position: absolute; - top: 12%; - right: 15px; - font-family: lqd-essentials; - font-size: 25px; - line-height: 1; - color: #2c2e30; -} - -.lqd-pb-icon-between-middle .lqd-pb-column:not(:last-child):after { - top: 50%; - font-size: 20px; - transform: translateY(-50%); -} - -.tab-items .lqd-pb-style-5 { - counter-increment: lqd-pb-numbers; -} - -@media (max-width: 991px) { - .tab-items { - padding-bottom: 60px; - } - - .lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type):after { - content: none; - } - - .tab-items .module-steps { - padding-right: 30px; - padding-left: 30px; - } - - .tab-items .lqd-pb-style-5 { - margin-bottom: 1.5em; - } -} - -@media (max-width: 767px) { - .tab-items .module-steps { - padding: 0; - } -} - -/* ***** Pricing ***** */ -.pricing .lqd-tabs-nav a { - color: rgba(255, 255, 255, 0.51); -} - -.pricing .lqd-tabs-nav li a.active { - color: rgb(255, 255, 255); -} - -.pricing .lqd-tabs-nav a:after { - background: rgba(0, 0, 0, 0.19); -} - -.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a.active:before { - opacity: 1; - transform: scale(1); -} - -.pricing .lqd-pt-featured .lqd-pt-bg { - background: #26344b; -} - -@media (max-width: 767px) { - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li { - width: auto; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:not(:last-child) { - margin-bottom: 0; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after { - order: 0; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt { - margin-inline-end: 1em; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before { - width: 30px; - height: 30px; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before { - top: 3px; - } -} - -/* ***** Testimonials ***** */ -.testimonials .lqd-testi-card { - padding: 0; -} - -.testimonials .lqd-carousel-stack-btn { - background: 0 0; - font-size: 26px; - box-shadow: none; - color: inherit; -} - -.testimonials .lqd-carousel-stack-prev { - left: -10%; -} - -.testimonials .lqd-carousel-stack-next { - right: -10%; -} - -.testimonials .lqd-carousel-stack-btn i { - display: inline-block; - transition: transform .45s cubic-bezier(.23, 1, .32, 1); -} - -.testimonials .lqd-carousel-stack-btn:hover { - background-color: transparent; -} - -.testimonials .lqd-carousel-stack-next:hover i, -.testimonials .lqd-carousel-stack-next:focus i { - transform: translateX(50%); -} - -.testimonials .lqd-carousel-stack-prev:hover i, -.lqd-carousel-stack-prev:focus i { - transform: translateX(-50%); -} - -.testimonials .flickity-page-dots { - text-align: start; -} - -.testimonials .flickity-page-dots .dot { - width: 10px; - height: 10px; - margin: 0 8px; -} - -@media(max-width: 991px) { - .testimonials { - padding-bottom: 60px; - } - - .testimonials .module-content { - padding: 2rem; - } -} - -/* ***** Icon Text ***** */ -@media(max-width: 991px) { - .icon-text { - padding-top: 40px; - padding-bottom: 30px; - } -} - -@media(max-width: 767px) { - .icon-text { - padding-top: 10px; - padding-bottom: 10px; - } -} - -/* ***** Download ***** */ -@media(max-width: 991px) { - .download .ld-fancy-heading h2 { - font-size: 45px; - } -} - -/* ***** Float Icon ***** */ -.float-icon { - padding-right: 7vw; - padding-left: 7vw; -} - -@media(max-width: 991px) { - .float-icon { - padding: 0; - } -} - -/* ***** Contact ***** */ -.contact .lqd-contact-form { - --input-margin-bottom: 0; - --inputs-margin: 0 0 var(--input-margin-bottom) 0; -} - -.contact .lqd-contact-form-inputs-lg select, -.contact .lqd-contact-form-inputs-lg input, -.contact .lqd-contact-form-inputs-lg .ui-selectmenu-button { - margin-bottom: -1px; - height: 75px; -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-1/base.css b/public/assets/css/demo/start-hub-1/base.css deleted file mode 100644 index 3825101..0000000 --- a/public/assets/css/demo/start-hub-1/base.css +++ /dev/null @@ -1,256 +0,0 @@ -/* Global */ -:root { - --lqd-container-width: 1170px; - --lqd-container-width-md: 100%; - --lqd-container-width-sm: 100%; - --lqd-row-gutter-y: 20px; - --lqd-row-gutter-x: 20px; - - --lqd-color-primary: #225469; - --lqd-color-secondary: #54595F; - --lqd-body-text-color: #7A7A7A; - --lqd-color-accent: #61CE70; - --lqd-color-gradient-start: #AEBAE0; - --lqd-color-gradient-stop: #E6A042; - --lqd-color-darkgreen: #103A40; - --lqd-color-amber-100: #FCF5F3; - --lqd-color-amber-600: #CC7851; - --lqd-color-blue-100: #E9ECFB; - --lqd-color-blue-200: #F0F2FA; - --lqd-color-blue-300: #C4D4FF; - --lqd-color-blue-500: #4D68F9; - --lqd-color-blue-600: #2A63EB; - --lqd-color-blue-700: #2560FF; - --lqd-color-blue-800: #1C206F; - --lqd-color-blue-900: #0E1758BD; - --lqd-color-emerald-500: #49C193; - --lqd-color-gray-100: #F0F0F0; - --lqd-color-gray-300: #d1d5db; - --lqd-color-gray-400: #B4B6C6; - --lqd-color-gray-500: #6b7280; - --lqd-color-gray-700: #374151; - --lqd-color-green-100: #EAFBF7; - --lqd-color-green-200: #D7EDEA; - --lqd-color-green-500: #49C193; - --lqd-color-green-700: #0DA781; - --lqd-color-purple-100: #D4CCFF; - --lqd-color-purple-300: #9A8DFF; - --lqd-color-purple-400: #B469FF; - --lqd-color-purple-500: #7A25FF; - --lqd-color-purple-700: #5725FF; - --lqd-color-red-100: #FCEEEC; - --lqd-color-slate-100: #EBEFF1; - --lqd-color-slate-400: #94a3b8; - --lqd-color-slate-500: #64748b; - --lqd-color-slate-600: #4D7184; - --lqd-color-slate-700: #45485F; - --lqd-color-slate-900: #292B57; - --lqd-color-cyan-100: #EAF7FA; - --lqd-color-sky-100: #C7ECFE; - --lqd-color-sky-800: #104662; - --lqd-color-sky-900: #083467; - --lqd-color-orange-100: #FDE9CD; - --lqd-color-orange-500: #F69F29; - --lqd-color-orange-700: #CC7851; - --lqd-color-yellow-500: #FFC221; - --lqd-badge-color: #6f6fff; - - --lqd-text-font-family: 'Roboto', sans-serif; - --lqd-text-font-weight: 400; - - --lqd-sticky-header-height: 56px; - --lqd-sticky-header-placeholder-height: 0; - --lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height); - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 18px; - --lqd-body-font-weight: 400; - --lqd-body-text-color: #627C89; - - --lqd-heading-color: #181b31; - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 600; - --lqd-heading-line-height: 1.2em; - --lqd-h1-color: #444762; - --lqd-h1-font-family: "Nunito", Sans-serif; - --lqd-h1-font-size: 55px; - --lqd-h1-font-weight: 700; - --lqd-h2-color: #45485F; - --lqd-h2-font-family: var(--lqd-h1-font-family); - --lqd-h2-font-size: 40px; - --lqd-h2-font-weight: 700; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.lqd-gdpr-accept:hover { - color: #eff3f5; - background-color: #184341; -} - -.font-title { - font-family: var(--lqd-h1-font-family); -} - -@media screen and (min-width: 992px) { - body.has-sidebar #lqd-contents-wrap { - padding-top: 25px; - } -} - -.module-icons { - --grid-template-columns: repeat(0, auto); - --icon-size: 20px; - --grid-column-gap: 15px; - --grid-row-gap: 0px; -} - -.social-icons-wrapper a:hover { - color: #34353C; - fill: #34353C; -} - -/* Button */ -.module-btn-xxs { - --btn-pt: 4px; - --btn-pe: 8px; - --btn-pb: 2px; - --btn-ps: 8px; -} - -.module-btn-xs { - --btn-pt: 5px; - --btn-pe: 10px; - --btn-pb: 5px; - --btn-ps: 10px; -} - -.module-btn-sm { - --btn-pt: 5px; - --btn-pe: 12px; - --btn-pb: 5px; - --btn-ps: 22px; -} - -.module-btn-md { - --btn-pt: 15px; - --btn-pe: 35px; - --btn-pb: 15px; - --btn-ps: 35px; -} - -.module-btn-circle { - --btn-pt: 15px; - --btn-pe: 15px; - --btn-pb: 15px; - --btn-ps: 15px; -} - -/* Main Header */ -.main-header .module-btn-sm { - --icon-mt: 0; - --icon-me: 0; - --icon-mb: 0; - --icon-ms: 0; -} - -.main-header .btn-hover-txt-marquee-y:hover { - color: var(--lqd-color-blue-200); - background-color: var(--lqd-color-blue-900); -} - -.main-nav { - --lqd-menu-items-top-padding: 0; - --lqd-menu-items-right-padding: 25px; - --lqd-menu-items-bottom-padding: 0; - --lqd-menu-items-left-padding: 40px; -} - -/* Lity Modal */ -.main-header .lqd-contact-form { - --inputs-margin: 0px 0px 15px 0px; - --input-margin-bottom: 15px; -} -@media (max-width: 1199px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 84px; - line-height: 0.75em; - } -} -@media (max-width: 991px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - } -} - -/* Footer */ -.main-footer .badge-color { - --lqd-badge-color: #00CB99; -} - -.main-footer .btn-solid { - --icon-mt: 0; - --icon-me: 12px; - --icon-mb: 0; - --icon-ms: 0; - --btn-pt: 8px; - --btn-pe: 0; - --btn-pb: 8px; - --btn-ps: 0; -} - -.main-footer .btn-dark:hover { - background-color: var(--lqd-color-blue-900); - color: #fff; -} - -.main-footer .btn-light:hover { - background-color: var(--lqd-color-blue-100); - color: #000; -} - -.main-footer .icon-list-items { - --e-icon-list-icon-size: 12px; - --e-icon-list-icon-align: center; - --e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125); -} - -.main-footer .icon-list-items i { - width: 1.25em; - font-size: var(--e-icon-list-icon-size); -} - -@media (max-width: 1199px) { - .main-footer .footer-content { - padding: 40px 14px 0 14px; - } - - .main-footer .module-bottom { - margin-top: 20px; - } -} - -@media (max-width: 767px) { - .main-footer .footer-content { - padding: 40px 6px 0 6px; - } - - .main-footer .footer-content .module-title h3 { - margin: 1em 0 0 0; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-1/start-hub-1-contact.css b/public/assets/css/demo/start-hub-1/start-hub-1-contact.css deleted file mode 100644 index 10068f6..0000000 --- a/public/assets/css/demo/start-hub-1/start-hub-1-contact.css +++ /dev/null @@ -1,21 +0,0 @@ -/* Form */ -.form .module-container { - max-width: 945px; -} -.form .module-form { - border-top: 10px solid #E66C6C; -} -@media (max-width: 1199px) { - .form { - padding: 0 10px; - } - .form .module-col { - padding-right: 10px; - padding-left: 10px; - } -} -@media (max-width: 767px) { - .form .module-form { - padding: 45px 30px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-1/start-hub-1.css b/public/assets/css/demo/start-hub-1/start-hub-1.css deleted file mode 100644 index 40d01fe..0000000 --- a/public/assets/css/demo/start-hub-1/start-hub-1.css +++ /dev/null @@ -1,800 +0,0 @@ -/* ***** Banner ***** */ -.banner .btn-naked { - --icon-font-size: 1em; - --icon-mt: 04px; - --icon-me: 0px; - --icon-mb: 0px; - --icon-ms: 20px; -} - -.banner .btn-hover-txt-switch:hover { - color: var(--lqd-color-green-100); - background-color: var(--lqd-color-green-700); -} - -.banner .lqd-imggrp-single[data-float] { - --float-animate-to: 4%; - --float-animation-ease: ease-in-out; -} - -@media (max-width: 1199px) { - .banner { - padding: 120px 14px 0 14px; - } - - .banner .module-content { - margin: 0 40px 0 0; - } - - .banner .module-left { - padding: 10px 0 10px 36px; - } - - .banner .ld-fancy-heading h1 { - font-size: 45px; - } -} - -@media (max-width: 767px) { - .banner { - padding: 120px 6px 0 6px; - } - - .banner .module-content { - margin: 0; - } - - .banner .ld-fancy-heading h1 { - font-size: 40px; - } - - .banner .module-text p { - font-size: 16px; - } -} - -/* ***** Clients ***** */ -@media (max-width: 1199px) { - .clients { - padding: 10px 14px 0 14px; - } - - .clients .right-space { - padding: 0 20px 0 0; - } - - .clients .left-space { - padding: 0 0 0 20px; - } -} - -@media (max-width: 767px) { - .clients { - padding: 0 6px 0 6px; - } - - .clients .module-client { - padding: 0 0 30px 0; - } -} - -/* ***** BG Shape ***** */ -@media (max-width: 1199px) { - .bg-shape { - margin: 0; - } -} - -/* ***** About ***** */ -.about .iconbox h3 { - font-family: var(--lqd-h1-font-family); - color: #45485F; -} - -.about .lqd-iconbox-scale:hover .bg-green-100 { - background-color: #129B67; -} - -.about .lqd-iconbox-scale:hover .bg-blue-100 { - background-color: #3750E0; -} - -.about .lqd-iconbox-scale:hover .bg-gray-100 { - background-color: #767B7E; -} - -.about .lqd-iconbox-scale:hover .bg-red-100 { - background-color: #E8664D; -} - -.about .lqd-iconbox-scale:hover .bg-slate-100 { - background-color: #476D83; -} - -.about .lqd-iconbox-scale:hover .bg-cyan-100 { - background-color: #40B8D5; -} - -.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) { - fill: #E6F4EE; -} - -.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) { - stroke: #FCEEEC; -} - -.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) { - stroke: #EBEFF1; -} - -@media (max-width: 1199px) and (min-width: 768px) { - .about .module-text { - width: 18%; - } -} - -@media (max-width: 1199px) { - .about { - padding: 40px 14px 0 14px; - } - - .about .module-icon-box { - margin-top: 40px; - } - - .about .ld-fancy-heading h2 { - margin-right: 16em; - } -} - -@media (max-width: 767px) { - .about { - padding: 40px 6px 0 6px; - } - - .about .lqd-iconbox-scale { - padding: 20px; - } - - .about .module-spacer { - padding-right: 60%; - } -} - -/* ***** Features ***** */ -.features .lqd-tabs-nav>li>a, -.features .lqd-tabs-nav .h3, -.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt { - font-family: var(--lqd-h1-font-family); - font-size: 35px; - line-height: 1.14em; -} - -.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before { - background-color: transparent; - background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%); -} - -.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span { - background-color: #A5B5C3; -} - -.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before { - opacity: 1; -} - -.features .lqd-slsh-item .ld-slideelement-hidden-inner, -.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span { - opacity: 0; -} - -.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext { - opacity: 1; - transform: translateX(var(--lqd-tabs-nav-translate, 0)); -} - -.features .module-section { - min-height: 510px; -} - -.features .lqd-tabs-content .container { - max-width: 980px; -} - -.features .btn-solid { - --icon-mt: 0; - --icon-me: 0; - --icon-mb: 0; - --icon-ms: 40px; -} - -.features .btn-icon-right:hover { - color: #FFFFFF; - background-color: #30546F; -} - -.features .module-btn-xs:hover { - background-color: var(--lqd-color-blue-700); - color: #ffffff; -} - -@media (max-width: 1199px) { - .features { - padding: 40px 14px 0 14px; - } - - .features .module-section { - padding-right: 25px; - padding-left: 25px; - } - - .features .ld-fancy-heading h2 { - font-size: 32px; - } -} - -@media (max-width: 767px) { - .features { - padding: 40px 6px 0 6px; - } - - .features .lqd-tabs { - padding-bottom: 40px; - } -} - -/* ***** Text Box Image ***** */ -.text-box-image .lqd-imggrp-single[data-float] { - --float-animate-from: -2%; - --float-animate-to: 1%; - --float-delay: 0s; - --float-animation-ease: ease-in-out; -} - -.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container { - color: #FFFFFF; - background-color: #2A63EB; -} - -@media (max-width: 1199px) { - .text-box-image { - padding: 60px 14px; - } - - .text-box-image .lqd-imggrp-single { - margin: -40px 0 -80px 0; - } -} - -@media (max-width: 767px) { - .text-box-image { - padding: 60px 6px 80px 6px; - } - - .text-box-image .module-section { - margin-top: 60px; - } - - .text-box-image .ld-fancy-heading h2 { - font-size: 32px; - } - - .text-box-image .lqd-imggrp-single { - margin: -40px 0 -40px 0; - } -} - -/* ***** Tab Items ***** */ -.tab-items .lqd-tabs-nav { - --icon-size: 34px; -} - -.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner { - transform-origin: left; - transform: scaleX(1); -} - -.tab-items .lqd-imggrp-single[data-float] { - --float-animate-from: -3%; - --float-animate-to: 3%; - --float-animation-ease: ease-in-out; -} - -@media (max-width: 1199px) { - .tab-items { - padding: 0 14px 0 14px; - } - - .tab-items .lqd-tabs-content { - padding: 0 14px 80px 14px; - } - - .tab-items .module-img { - margin-bottom: -160px; - } - - .tab-items .module-img .lqd-imggrp-img-container { - width: 32%; - } - - .tab-items .lqd-tabs-nav { - --icon-size: 25px; - } -} - -@media (max-width: 991px) { - .tab-items .lqd-tabs { - flex-direction: column; - flex-wrap: nowrap; - } -} - -@media (max-width: 767px) { - .tab-items { - padding: 80px 6px 0 6px; - } - - .tab-items .lqd-tabs-content { - padding: 0 6px; - } - - .tab-items .module-title h2 { - font-size: 32px; - } - - .tab-items .module-avatar { - margin-right: -50px; - } - - .tab-items .lqd-tabs-nav { - --icon-size: 32px; - } - - .tab-items .module-content { - padding: 20px; - } - - .tab-items .module-content .module-avatar { - width: 25%; - } - - .tab-items .module-content .module-text { - width: 75%; - } -} - -/* ***** Pricing ***** */ -.pricing .background-overlay { - background-size: 120% auto; -} - -.pricing .module-section:hover { - box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -} - -.pricing .lqd-shape-top svg { - width: calc(110% + 1.3px); - height: 500px; -} - -.pricing .module-shape { - left: -368px; -} - -.pricing .lqd-tabs-nav { - --icon-size: 1em; -} - -.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li { - background-color: #EFF3F5; -} - -.pricing .lqd-tabs .lqd-tabs-nav a { - color: #033350; -} - -.pricing .lqd-tabs .lqd-tabs-nav a.active { - color: #FF4D12; - background-color: #FFFFFF; -} - -.pricing .btn:hover, -.pricing .btn:focus { - color: #FFFFFF; -} - -.pricing .bg-red-100 { - box-shadow: 0px 16px 33px 0px #FAF1EC; -} - -.pricing .bg-green-100 { - box-shadow: 0px 17px 33px 0px #EAFBF7; -} - -.pricing .module-btn-1:hover, -.pricing .module-btn-1:focus { - background-color: var(--lqd-color-amber-600) -} - -.pricing .module-btn-3:hover, -.pricing .module-btn-3:focus { - background-color: var(--lqd-color-emerald-500); -} - -.pricing .module-btn-2:hover, -.pricing .module-btn-2:focus { - color: var(--lqd-color-blue-500); - background-color: #F0F4FE; -} - -@media (max-width: 1199px) { - .pricing { - padding: 20px 14px 320px 14px; - } - - .pricing .module-section { - margin: 0 10px 0 10px; - } - - .pricing .module-section-bottom { - margin-top: 10px; - margin-bottom: 5px; - padding: 15px; - } - - .pricing .lqd-imggrp-img-container { - width: 45%; - } - - .pricing .lqd-shape-top svg { - width: calc(180% + 1.3px); - height: 650px; - } - - .pricing .pos-abs { - left: -274px; - } -} - -@media (max-width: 767px) { - .pricing { - padding: 0 6px; - } - - .pricing .background-overlay { - background-position: center center; - background-size: contain; - } - - .pricing .lqd-shape-top svg { - width: calc(220% + 1.3px); - height: 500px; - } - - .pricing .module-pricing { - padding: 10px; - } - - .pricing .module-sections { - padding: 0 6px 0 6px; - } - - .pricing .module-section { - margin: 0 0 20px 0; - } - - .pricing .ld-fancy-heading h2 { - font-size: 32px; - } -} - -/* ***** Analysis ***** */ -@media (max-width: 1199px) { - .analysis { - padding: 80px 0 40px 0; - } - - .analysis .module-img { - margin-bottom: -190px; - padding: 0px 14px 0px 14px; - } - - .analysis .module-content { - padding: 0px 14px 0px 14px; - } - - .analysis .module-right { - width: 90%; - } -} - -@media (max-width: 767px) { - .analysis { - padding: 60px 6px 0 6px; - } - - .analysis .module-img { - margin-bottom: -60px; - } - - .analysis .module-content { - padding: 0; - } - - .analysis .ld-fancy-heading h2 { - font-size: 32px; - padding: 10px 0 0 0; - } -} - -/* ***** Process ***** */ -.process .btn-solid:hover { - background-color: var(--lqd-color-green-100); - color: var(--lqd-color-green-500); -} - -.process .module-icon-box { - background-size: 60% auto; -} - -.process .iconbox:hover .iconbox-icon-container { - box-shadow: 0 0 20px 0px rgba(22, 92, 253, 0.271); -} - -.process .shadow-green:hover .bg-green-500 { - box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51); -} - -@media (max-width: 1199px) { - .process { - padding: 0 14px 60px 14px; - } - - .process .module-img .lqd-imggrp-single { - margin-bottom: -80px; - } - - .process .module-img .lqd-imggrp-img-container { - width: 35%; - } -} - -@media (max-width: 767px) { - .process { - padding: 40px 6px; - } - - .process .ld-fancy-heading h2 { - font-size: 32px; - } -} - -/* ***** Testimonials ***** */ -.testimonials .background-overlay { - background-size: 150% auto; -} - -/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape { - transform: translateX(-50%) rotate(180deg); -} */ -.testimonials .lqd-shape svg { - width: calc(200% + 1.3px); -} - -.testimonials .lqd-testi .lqd-star-rating-fill:before { - background: #6355FF; -} - -.testimonials .lqd-testi .lqd-star-rating .active { - color: #6355FF; -} - -.testimonials .testimonials-clients .container { - max-width: 1040px; -} - -.testimonials-clients .icon-list-items { - --e-icon-list-icon-size: 14px; - --e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0; -} - -.testimonials-clients .icon-list-icon i { - width: 1.25em; - font-size: var(--e-icon-list-icon-size); -} - -.testimonials-clients .icon-list-item>.elementor-icon-list-text, -.testimonials-clients .icon-list-item>a { - font-family: var(--lqd-text-font-family), Sans-serif; - font-weight: var(--lqd-text-font-weight); -} - -.testimonials-clients .icon-list-text { - padding-left: 3px; -} - -.testimonials .carousel-dots-mobile .flickity-page-dots .dot { - background-color: #9B9B9B; -} - -.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .testimonials { - padding: 60px 14px; - } - - .testimonials .background-overlay { - background-size: 240vw auto; - } - - .testimonials .lqd-shape svg { - width: calc(300% + 1.3px); - height: 12px; - } - - .testimonials .carousel-item { - width: calc(100% / 2); - padding-inline-start: 15px; - padding-inline-end: 15px; - } -} - -@media (max-width: 767px) { - .testimonials { - padding: 40px 6px 60px 6px; - } - - .testimonials .background-overlay { - background-position: -130px 570px; - background-size: 1000px auto; - } - - .testimonials .lqd-shape svg { - width: calc(300% + 1.3px); - height: 6px; - } - - .testimonials .module-carousels { - padding: 0 10px 0 10px; - } - - .testimonials .ld-fancy-heading h2 { - font-size: 32px; - } - - .testimonials .carousel-item { - width: calc(100% / 1); - padding-inline-start: 30px; - padding-inline-end: 30px; - } - - .testimonials .lqd-imggrp-img-container { - width: 80%; - } -} - -/* ***** Blog ***** */ -.blog .btn-label:hover { - background-color: var(--lqd-color-blue-100); - color: var(--lqd-color-blue-500); -} - -.blog .lqd-lp .lqd-lp-img .lqd-overlay { - background-color: #430080C7; -} - -@media (max-width: 1199px) { - .blog { - padding: 60px 14px 0 14px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 60px 6px 0 6px; - } - - .blog .module-blog { - margin-bottom: 30px; - } - - .blog .ld-fancy-heading h2 { - font-size: 32px; - } -} - -/* ***** How It Work ***** */ -.how-it-work .bg-size { - background-size: 64% auto; -} - -.how-it-work .accordion-title a { - font-family: var(--lqd-h1-font-family); - color: #45485F; -} - -@media (max-width: 1199px) { - .how-it-work { - padding: 60px 14px 0 14px; - } -} - -@media (max-width: 767px) { - .how-it-work { - padding: 60px 6px 0 6px; - } - - .how-it-work .module-title { - background-position: top center; - padding: 0 6px 60px 6px; - } - - .how-it-work .ld-fancy-heading h2 { - font-size: 32px; - } -} - -/* ***** Social Media ***** */ -@media (max-width: 767px) { - .social-media { - padding: 30px 0 60px 0; - } - - .social-media .iconbox-icon-container { - font-size: 60px; - } -} - -/* ***** Contact ***** */ -.contact .btn-solid { - --icon-font-size: 1.2em; - background-color: #083467; -} - -.contact .module-lines { - height: 4px; -} - -@media (max-width: 1199px) { - .contact { - padding: 60px 14px 20px 14px; - } - - .contact .ld-fancy-heading { - padding-left: 30px; - } - - .contact .ld-fancy-heading h2 { - font-size: 22px; - } - - .contact .btn-solid { - --icon-ms: 10px; - --btn-pt: 10px; - --btn-pe: 20px; - --btn-pb: 10px; - --btn-ps: 25px; - } -} - -@media (max-width: 767px) { - .contact { - padding: 0 6px 40px 6px; - } - - .contact .ld-fancy-heading h2 { - font-size: 20px; - } - - .contact .module-section { - padding-top: 30px; - padding-bottom: 30px; - } - - .contact .ld-fancy-heading { - padding-left: 0; - } -} diff --git a/public/assets/css/demo/start-hub-2.css b/public/assets/css/demo/start-hub-2.css deleted file mode 100644 index 6e907fe..0000000 --- a/public/assets/css/demo/start-hub-2.css +++ /dev/null @@ -1,656 +0,0 @@ -/* Global */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-sm: 1024px; - --lqd-container-width-md: 1024px; - --lqd-row-gutter-y: 30px; - --lqd-row-gutter-x: 30px; - - --lqd-color-primary: #00CB99; - --lqd-color-secondary: #2D6FE8; - --lqd-body-text-color: #737588; - --lqd-color-dark: #292929; - --lqd-color-dark: #292929; - --lqd-color-accent: #61CE70; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - --lqd-color-orange-500: #ed6a04; - --lqd-color-blue-50: rgba(45, 111, 232, 0.08); - --lqd-color-blue-100: #B7EEF5; - --lqd-color-blue-200: rgba(28, 79, 141, 0.11); - --lqd-color-blue-300: #008ABA; - --lqd-color-blue-400: #0e3f58; - --lqd-color-blue-500: #1C4F8D; - --lqd-color-blue-600: #1A4265; - --lqd-color-green-100: rgba(0, 203, 153, 0.1); - --lqd-color-green-500: #21A081; - --lqd-color-gray-300: #9ca3af; - --lqd-color-gray-400: #707070; - --lqd-color-gray-500: #505050; - --lqd-color-gray-600: #45485F; - --lqd-color-slate-100: #eef3f9; - --lqd-color-red-700: #471412; - --lqd-color-purple-100: rgba(122, 37, 255, 0.11); - --lqd-color-purple-500: #7A25FF; - --lqd-color-purple-700: #504C74; - --lqd-color-yellow-200: #FFE29D; - - --lqd-body-text-color: #737588; - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 16px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.375em; - - --lqd-heading-color: #225469; - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1em; - --lqd-h1-font-size: 52px; - --lqd-h2-font-size: 43px; - --lqd-h3-font-size: 45px; - --lqd-h4-font-size: 37px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 14px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -@media screen and (min-width: 992px) { - body.has-sidebar #lqd-contents-wrap { - padding-top: 25px; - } -} - -@media (max-width: 767px) { - - h2, - .h2 { - font-size: 40px; - } -} - -/* Button */ -.module-btn-sm { - --btn-pt: 10px; - --btn-pe: 18px; - --btn-pb: 10px; - --btn-ps: 18px; -} - -.module-btn-md { - --btn-pt: 15px; - --btn-pe: 65px; - --btn-pb: 15px; - --btn-ps: 30px; -} - -/* Main Header */ -.main-header .header-desktop .main-nav { - --lqd-menu-items-top-padding: 18px; - --lqd-menu-items-right-padding: 27px; - --lqd-menu-items-bottom-padding: 18px; - --lqd-menu-items-left-padding: 27px; -} - -.main-header .main-nav>li>a:before { - background-color: rgba(255, 255, 255, 0.07); -} - -.main-header .social-icon svg { - fill: rgba(255, 255, 255, 0.3); -} - -.social-icon:hover { - opacity: .9; - color: #fff; -} - -.main-header .social-icon:hover svg { - fill: #fff; -} - -.animation-pulse-grow:active, -.animation-pulse-grow:focus, -.animation-pulse-grow:hover { - animation-name: animation-pulse-grow; - animation-duration: .3s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} - -@media (max-width: 767px) { - .main-header .module-header { - padding-right: 5px; - padding-left: 15px; - } -} - -/* Stickybar Right */ -.lqd-stickybar-right .btn-solid { - --icon-font-size: 20px; - --icon-mt: -8px; - --icon-me: 15px; - --icon-mb: -8px; - --icon-ms: 0px; - --btn-pt: 15px; - --btn-pe: 20px; - --btn-pb: 15px; - --btn-ps: 12px; -} - -/* Mobile Navigation */ -.main-header .nav-trigger .bar { - background-color: #fff; -} - -.main-header .ld-module-sd>.ld-module-dropdown { - width: 350px; -} - -.main-header .ld-module-dropdown { - --lqd-menu-items-top-padding: 10px; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 10px; - --lqd-menu-items-left-padding: 0; -} - -.main-header .ld-module-dropdown .social-icon { - --icon-size: 27px; -} - -.main-header .ld-module-dropdown li a { - color: #000; - font-size: 20px; - font-weight: 500; - line-height: 1.5em; -} - -.main-header .ld-module-dropdown .main-nav>li>a>.link-icon { - font-size: 0.75em; -} - -.main-header .ld-module-dropdown .social-icon svg { - fill: rgba(0, 0, 0, 0.24); -} - -.social-icon:hover { - opacity: .9; - color: #000; -} - -.main-header .ld-module-dropdown .social-icon:hover svg { - fill: #000; -} - -.main-header .ld-sd-wrap { - padding: 0; -} - -/* Mobile Hedear */ -.ld-module-sd .main-nav { - --lqd-menu-items-top-padding: 10px; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 10px; - --lqd-menu-items-left-padding: 0; -} - -/* Lity Modal */ -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 13px 0; - --input-margin-bottom: 13px; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-container { - padding: 70px 0 30px 0; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 20vw; - line-height: 0.75em; - } -} - -/* Banner */ -.banner .container { - max-width: 850px; -} - -.banner .module-shape-2 { - left: 2%; -} - -.banner .module-shape-3 { - right: -8%; -} - -.banner .module-shape-4 { - right: 4%; -} - -.banner .btn:hover, -.banner .btn:focus { - color: #FFF; - background-color: var(--lqd-color-blue-600); -} - -.banner .container-fluid img:hover { - transform: scale(1.1); -} - -.banner .lqd-sticky-sentinel, -.titlebar>.lqd-sticky-sentinel { - --lqd-sticky-header-sentinel-top: calc(100% - var(--lqd-sticky-header-height, 0) - 2px); -} - -@media (max-width: 1199px) { - .bann .module-shape-1 { - top: -9%; - left: -2%; - } -} - -@media (max-width: 767px) { - .banner { - padding-bottom: 110px; - } - - .banner h1 { - font-size: 16vw; - } - - .banner .module-shape-2 { - top: 33%; - } - - .banner .module-shape-4 { - top: 55%; - } - - .banner .lqd-shape-bottom svg { - height: 231px; - } - - .banner .module-client { - margin-bottom: 10px; - } -} - -/* About */ -.about .module-shape { - right: -2.5%; -} - -@media (max-width: 1199px) { - .about .module-shape { - right: -16%; - } -} - -@media (max-width: 767px) { - .about { - padding: 40px 5px 0 5px; - } - - .about .module-title { - margin-bottom: 30px; - padding: 10px; - } -} - -/* Marketing */ -.marketing .container { - max-width: 960px; -} - -@media (max-width: 1199px) { - .marketing { - padding: 70px 0; - } -} - -@media (max-width: 767px) { - .marketing { - padding: 30px 0 50px 0; - } - - .marketing .col-md-6:first-child { - margin-bottom: 20px; - } -} - -/* Services */ -.services .col-md-6:last-child .ld-fancy-heading { - right: 0; -} - -.services .iconbox:hover { - background-color: var(--lqd-color-blue-600); -} - -.services .iconbox:hover svg path:not([stroke=none]) { - fill: #FFF; -} - -.services .iconbox:hover .contents h3, -.services .iconbox:hover .contents p { - color: #fff; -} - -.services .iconbox:hover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -@media (max-width: 1199px) { - .services .iconbox { - padding: 35px; - } -} - -@media (max-width: 767px) { - .services .module-title { - padding: 15px; - } -} - -/* Case Studies */ -.case-studies .filter-list li { - color: #000; - font-size: 15px; -} - -.case-studies .filter-list li.active, -.case-studies .filter-list li.hover, -.case-studies .lqd-filter-dropdown .ui-button:active, -.case-studies .lqd-filter-dropdown .ui-button:focus { - color: #C10909; -} - -.case-studies .btn-icon-circle .btn-icon:before { - border-color: #000; -} - -.case-studies .btn-icon-circle:hover { - color: #000; -} - -.case-studies .btn-icon-circle:hover .btn-icon { - color: #fff; - background-color: #000; -} - -@media (max-width: 1199px) { - .case-studies { - padding: 60px 0 90px 0; - } -} - -@media (max-width: 767px) { - .case-studies .module-title { - padding: 15px; - } -} - -/* Text LG */ -.text-lg .ld-fancy-heading h2 { - font-size: 25vw; - line-height: 0.8em; - letter-spacing: -20px; - margin: 0; -} - -.text-lg .ld-fh-element, -.text-lg .ld-fh-element a { - color: #D9DCFF; -} - -@media (max-width: 1199px) { - .text-lg .ld-fancy-heading h2 { - font-size: 26vw; - letter-spacing: -15px; - } -} - -@media (max-width: 767px) { - .text-lg .ld-fancy-heading h2 { - font-size: 25vw; - letter-spacing: -5px; - } -} - -/* Experiences */ -.experiences .module-img-1 { - left: 0; -} - -.experiences .module-img-2 { - left: 12%; -} - -.experiences .module-img-3 { - right: 15%; -} - -.experiences .module-img-5 { - right: 23%; -} - -@media (max-width: 1199px) { - .experiences { - padding: 100px 0 35px 0; - } - - .experiences .module { - margin-bottom: 20px; - } -} - -@media (max-width: 767px) { - .experiences { - padding: 100px 0 55px 0; - } - - .experiences .border-r-1 { - border-width: 0 0 1px 0; - } -} - -/* Clients */ -@media (max-width: 1199px) { - .clients { - padding: 30px 15px; - } -} - -@media (max-width: 767px) { - .clients { - padding: 50px 15px 15px 15px; - } - - .clients .module-col { - margin-bottom: 20px; - } -} - -/* Testimonials */ -.testimonials .lqd-imggrp-single { - left: 0; -} - -.testimonials .module-line-1:before { - background: #4452F2; -} - -.testimonials .module-line-2:before { - background: #FFB66B; -} - -.testimonials .module-line-3:before { - background: #8BD9FF; -} - -.testimonials .module-line-4:before { - background: #F0AFA1; -} - -.testimonials .lqd-testi .lqd-star-rating .active { - color: #0F144E; -} - -.testimonials .flickity-page-dots { - width: 100%; - padding: 0; - margin: 0; - list-style: none; - line-height: 1; - text-align: left; -} - -.carousel-dots-style4 .dot { - width: 10px; - height: 10px; -} - -.testimonials .flickity-page-dots .dot.is-selected { - width: 10px; - background-color: #333; - color: #333; -} - -@media (max-width: 1199px) { - .testimonials .module-col { - margin-bottom: 30px; - } -} - -@media (max-width: 767px) { - .testimonials { - padding: 70px 0; - } -} - -/* Blog */ -@media (max-width: 1199px) { - .blog { - padding: 60px 0 90px 0; - } - - .blog .module-blog { - margin-right: -20px; - margin-left: -20px; - } - - .blog .module-col { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 30px 0 60px 0; - } - - .blog .module-blog { - margin-right: 0; - margin-left: 0; - } - - .blog .module-col { - padding-right: 0; - padding-left: 0; - } -} - -/* Connect Top */ -.connect-top .container { - max-width: 530px; -} -.connect-top .btn { - --btn-pt: 20px; - --btn-pe: 50px; - --btn-pb: 20px; - --btn-ps: 50px; - background-image: linear-gradient(110deg, rgb(0, 127, 255) 0, rgba(255, 0, 0, 0.6) 100%); -} - -.connect-top .btn:hover, -.connect .btn:focus { - background-color: transparent; - background-image: linear-gradient(120deg, rgba(255, 0, 0, 0.6) 0, rgb(0, 127, 255) 100%); -} - -/* Connect bottom */ -.connect-bottom .lqd-imggrp-single[data-float] { - --float-animate-from: -10%; -} - -@media (max-width: 1199px) { - .connect-bottom .module { - padding: 30px; - } - - .connect-bottom .lqd-imggrp-single { - margin: 0 -50px 0 -75px; - } -} - -@media (max-width: 767px) { - .connect-bottom { - margin-top: 0; - margin-bottom: 0; - padding: 60px 0; - } -} - -/* Footer */ -.main-footer .btn-solid { - --btn-pt: 6px; - --btn-pe: 14px; - --btn-pb: 6px; - --btn-ps: 14px; -} - -.main-footer .lqd-fancy-menu>.reset-ul>li>a:hover, -.main-footer .lqd-fancy-menu li.is-active>a { - color: var(--lqd-color-secondary); -} - -@media (max-width: 1199px) { - .main-footer .module-menu li { - margin-right: 18px; - } -} - -@media (max-width: 767px) { - .main-footer .footer-content { - padding: 140px 0 65px 0; - } - - .main-footer .footer-content .module-btn { - margin-bottom: 10px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-3/base.css b/public/assets/css/demo/start-hub-3/base.css deleted file mode 100644 index 5684b68..0000000 --- a/public/assets/css/demo/start-hub-3/base.css +++ /dev/null @@ -1,194 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-sm: 100%; - --lqd-container-width-md: 100%; - --bs-gutter-x: 20px; - --lqd-row-gutter-y: 20px; - --lqd-row-gutter-x: 20px; - - --lqd-color-primary: #032A3E; - --lqd-color-accent: #45485F; - --lqd-color-purple-500: #7A25FF; - --lqd-color-darkpurple: #330C60; - --lqd-color-green-500: #00CB99; - --lqd-color-darkpink: #671E3F; - --lqd-badge-color: #f36861; - --lqd-color-dark: #292929; - --lqd-color-gradient-start: #007fff; - --lqd-color-gradient-stop: #ff4d54; - --lqd-color-purple-100: #F4EDFF; - --lqd-color-brown-300: #F5DBB8; - --lqd-color-brown-500: #A25139; - --lqd-color-blue-100: #F2FDFF; - --lqd-color-blue-200: #E7F3FF; - --lqd-color-blue-300: #00BCF1; - --lqd-color-blue-500: #3481D9; - --lqd-color-blue-600: #283C62; - --lqd-color-blue-700: #0152c5; - --lqd-color-gray-100: #F7F7F8; - --lqd-color-gray-400: #8e929b; - --lqd-color-gray-700: #22272F; - --lqd-color-gray-900: #1C1C1C; - --lqd-color-green-100: #E1F2E6; - --lqd-color-slate-100: rgba(116, 159, 239, 0.2); - --lqd-color-slate-200: rgba(128, 130, 145, 0.77); - --lqd-color-slate-300: #b4b6c6; - --lqd-color-slate-400: #4B6E84; - --lqd-color-slate-600: #225469; - --lqd-color-orange-100: #F0EBE7; - --lqd-color-pink-100: #FFD3D3; - --lqd-color-purple-200: #F0EBFF; - --lqd-color-purple-400: #a876f1; - --lqd-color-purple-500: #3700CB; - --lqd-color-red-200: #FFE6F9; - --lqd-color-red-500: #A0124F; - --lqd-color-red-700: #c50101; - --lqd-color-yellow-100: #EDEBE2; - --lqd-color-yellow-500: #c59801; - --lqd-body-text-color: #737588; - - --lqd-text-font-family: 'Rubik', sans-serif; - --lqd-text-font-size: 13px; - --lqd-accent-font-family: var(--lqd-text-font-family); - --lqd-accent-font-size: 16px; - --lqd-accent-line-height: 2em; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 16px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 22px; - - --lqd-heading-color: var(--lqd-color-accent); - --lqd-heading-font-family: var(--lqd-text-font-family); - --lqd-heading-font-weight: 600; - --lqd-heading-line-height: 1.2em; - --lqd-h1-font-size: 65px; - --lqd-h1-line-height: 57px; - --lqd-h1-letter-spacing: -1.96px; - --lqd-h2-font-size: 40px; - --lqd-h2-line-height: 1.1em; - --lqd-h2-letter-spacing: -0.5px; - --lqd-h3-font-size: 36px; - --lqd-h4-font-size: 32px; - --lqd-h5-font-size: 20px; - --lqd-h6-font-size: 17px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; -} - -/* ***** Button ***** */ -button, -input[type="button"], -input[type="submit"], -.btn { - font-family: var(--lqd-text-font-family); -} - -/* ***** Main Header ***** */ -.main-header .lqd-hide-onstuck { - background-size: 91px auto; -} - -.main-header .lqd-hide-onstuck a:before { - background-color: #fff; -} - -.social-icon:hover { - opacity: .9; - color: #fff; -} - -.main-header .module-primary-nav a:hover, -.main-header .module-primary-nav li.is-active, -.social-icon:hover i { - color: #000; -} - -.main-header.is-stuck .module-logo { - padding-top: 18px; - padding-inline-end: 0; - padding-bottom: 18px; - padding-inline-start: 0; -} - -@media (max-width: 1199px) { - .main-header .module-primary-nav .navbar-collapse { - margin-right: 50px; - } -} - -/* ***** Sticky Bar ***** */ -.main-header .lqd-stickybar-left .btn:before { - background: #000000; -} - -/* ***** Mobile Header ***** */ -@media (max-width: 767px) { - .main-header .lqd-mobile-sec .navbar-brand img { - max-width: 171px; - } -} - -/* ***** Main Footer ***** */ -.main-footer .module-bg { - background-position: 50% 100px; -} - -.main-footer .module-icon-bg-1, -.main-footer .module-icon-bg-5 { - background-color: rgba(112, 112, 112, 0.2); -} - -.main-footer .module-icon-bg-2, -.main-footer .module-icon-bg-4 { - background-color: rgba(112, 112, 112, 0.5); -} - -.main-footer .module-icon-bg-3 { - background-color: #707070; -} - -@media (max-width: 1199px) { - .main-footer .module-bg { - padding: 70px 40px 50px 40px; - } - - .main-footer .footer-info { - padding-top: 20px; - } - - .footer-content .module-last { - margin-top: 50px; - } - - .footer-menu .module-last { - margin-top: 30px; - } - - .footer-info .module-social, - .footer-info .module-copyright { - padding: 10px 0; - } -} - -@media (max-width: 767px) { - .main-footer .module-bg { - padding: 40px 20px; - } - - .footer-menu .module-third, - .footer-menu .module-last { - margin-top: 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-3/start-hub-3-pricing.css b/public/assets/css/demo/start-hub-3/start-hub-3-pricing.css deleted file mode 100644 index f2a9129..0000000 --- a/public/assets/css/demo/start-hub-3/start-hub-3-pricing.css +++ /dev/null @@ -1,69 +0,0 @@ -/* Testi Pricing */ -.testi-pricing { - --lqd-color-blue-100: #E3E4E8; -} -.testi-pricing .star-rating { - font-family: Arial, Helvetica, sans-serif; -} - -.testi-pricing .carousel-dots { - top: auto; - right: auto; - bottom: -65px; - left: auto; -} - -.testi-pricing .carousel-dots:not(.carousel-dots-inside) { - position: relative; -} - -[data-elementor-device-mode*=tablet] .testi-pricing .carousel-dots-mobile, -[data-elementor-device-mode*=mobile] .testi-pricing .carousel-dots-mobile { - display: none; -} - -.testi-pricing .module-shape-1 { - left: 13%; -} - -.testi-pricing .module-shape-2 { - right: 23%; -} - -@media (max-width: 1199px) { - .testi-pricing { - padding-right: 20px; - padding-left: 20px; - } - - .testi-pricing .carousel-item { - padding-right: 15px; - padding-left: 15px; - } - - .testi-pricing .module-shape-2 { - top: 14%; - } - - .testi-pricing .module-shape-1 { - left: 3%; - } - - .testi-pricing .module-shape-2 { - right: 8%; - } -} - -@media (max-width: 767px) { - .testi-pricing .col-12:first-child { - margin-bottom: 40px; - } - - .testi-pricing .carousel-item { - padding: 0; - } - - .testi-pricing .module-shape-2 { - top: 4%; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-3/start-hub-3.css b/public/assets/css/demo/start-hub-3/start-hub-3.css deleted file mode 100644 index 8b4195f..0000000 --- a/public/assets/css/demo/start-hub-3/start-hub-3.css +++ /dev/null @@ -1,603 +0,0 @@ -/* ***** Banner ***** */ -.banner .btn-solid { - --btn-pt: 16px; - --btn-pe: 31px; - --btn-pb: 16px; - --btn-ps: 31px; - --icon-mt: 0; - --icon-me: 18px; - --icon-mb: 0; - --icon-ms: 0; -} - -.banner .btn-icon-right { - --icon-mt: 2px; - --icon-ms: 10px; -} - -.banner .btn-txt small { - font-size: 9px; -} - -.banner .lqd-imggrp-single[data-float] { - --float-animate-to: 1%; -} - -@media (max-width: 1199px) { - .banner { - padding: 40px 40px 0 40px; - } - - .banner .ld-fancy-heading p { - padding: 0 15%; - } - - .banner .module-img { - margin-top: 50px; - } -} - -@media (max-width: 767px) { - .banner { - padding: 20px 20px 180px 20px; - } - - .banner .ld-fancy-heading p { - padding: 0; - } - - .banner .btn-icon-right { - margin: 20px 30px 0 30px; - } -} - -/* ***** Fixed Navigation ***** */ -.fixed-navigation { - border-radius: 55px 55px 0 0; -} - -.fixed-navigation .lqd-fancy-menu>.reset-ul>li>a:hover, -.fixed-navigation .lqd-fancy-menu li.is-active>a { - color: #FFFFFF; - background: var(--lqd-color-primary); -} - -/* ***** Clients ***** */ -.clients .lqd-imggrp-single:hover { - opacity: 0.7; -} - -@media (max-width: 1199px) { - .clients { - padding: 50px 40px; - } - - .clients .module-img { - margin: 30px 0; - } -} - -@media (max-width: 767px) { - .clients { - padding: 40px 20px; - } -} - -/* ***** Features ***** */ -.features .lqd-iconbox-scale:hover { - transform: scale(1.1); - background-color: #fff; - box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%); -} - -.features .iconbox-side .iconbox-icon-wrap { - margin-inline-end: 24px; -} - -.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -.features .iconbox h3 { - margin: 0 0 20px; -} - -@media (max-width: 1199px) { - .features { - padding: 100px 20px; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px 0; - } - - .features .col-12:first-child .d-flex { - margin: 0 0 30px 20px; - } -} - -@media (max-width: 767px) { - .features { - padding: 40px 0; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px; - } -} - -/* ***** Payments ***** */ -.payments .iconbox:last-child .iconbox-icon-wrap:before { - height: 0; -} - -.payments .module-icon-1 { - left: -7px; -} - -.payments .module-icon-2 { - left: 229px; -} - -.payments .module-icon-3 { - left: 36px; -} - -.payments .module-icon-4 { - left: 411px; -} - -.payments .module-icon-5 { - left: 180px; -} - -.payments .module-icon-6 { - left: 351px; -} - -.payments .lqd-imggrp-single[data-float] { - --float-animate-from: 0; - --float-animate-to: 1%; - --float-animation-ease: ease-in-out; -} - -.payments .iconbox-circle:hover .iconbox-icon-container { - color: #F2FDFF; - background-color: #00BFF1; -} - -@media (max-width: 1199px) { - .payments { - padding: 50px 40px; - } -} - -@media (max-width: 767px) { - .payments { - padding: 40px 20px; - } -} - -/* ***** Carousel Text LG ***** */ -.carousel-text-lg .carousel-item-content { - font-size: 12vw; -} - -.carousel-text-lg .carousel-item-content>* { - white-space: nowrap; -} - -.carousel-text-lg .module-title-top h2 { - background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -.carousel-text-lg .module-title-bottom h2 { - -webkit-text-stroke-color: #000; - -webkit-text-stroke-width: 1px; -} - -@media (max-width: 767px) { - .carousel-text-lg .carousel-item-content { - font-size: 17vw; - } -} - -/* ***** Solutions ***** */ -.solutions .lqd-section-scroll-dots { - flex-direction: column; -} - -.solutions .lqd-section-scroll-dot { - justify-content: center; - align-items: center; - border-radius: 50em; -} - -.solutions .lqd-overlay { - display: block; -} - -.solutions .module-img-1 .block-revealer__element { - background-color: #F0EBFF; -} - -.solutions .module-img-2 .block-revealer__element { - background-color: #EBF3FF; -} - -.solutions .module-img-3 .block-revealer__element { - background-color: #FFEBEB; -} - -@media (max-width: 1199px) { - .solutions { - padding: 40px; - } - - .solutions .lqd-section-scroll-inner { - margin-top: 50px; - margin-bottom: 50px; - } - - .solutions .module-col { - padding: 10px; - } -} - -@media (max-width: 767px) { - .solutions { - padding: 40px 20px; - } -} - -/* ***** Subscribe ***** */ -.subscribe>.container { - max-width: 850px; -} - -.subscribe .module-lines { - --divider-border-style: solid; - --divider-border-width: 4px; - margin-top: -18px; -} - -.subscribe .module-lines .divider:first-child { - --divider-color: #F69F29; -} - -.subscribe .module-lines .divider:nth-child(2) { - --divider-color: #B469FF; -} - -.subscribe .module-lines .divider:nth-child(3) { - --divider-color: #FFC221; -} - -.subscribe .module-lines .divider:last-child { - --divider-color: #30C469; -} - -.subscribe .lqd-shape-top svg { - width: calc(300% + 1.3px); -} - -@media (max-width: 1199px) { - .subscribe { - padding: 0 20px 50px 20px; - } -} - -@media (max-width: 767px) { - .subscribe .module-section { - padding: 20px; - } -} - -/* ***** Tab Box ***** */ -.tab-box .lqd-tabs-nav { - --icon-size: 1em; -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active, -.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after { - background-color: transparent; - background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%); -} - -.tab-box .lqd-tabs-nav>li>a, -.tab-box .lqd-tabs-nav .h3, -.tab-box .lqd-tabs-nav>li>a .lqd-tabs-nav-txt { - font-family: var(--lqd-accent-font-family), Sans-serif; - font-size: var(--lqd-accent-font-size); - line-height: var(--lqd-accent-line-height); - letter-spacing: var(--lqd-accent-letter-spacing); - word-spacing: var(--lqd-accent-word-spacing); -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active { - color: #35399F; -} - -.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext { - display: block; - color: var(--lqd-body-text-color); -} - -.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext { - font-family: var(--lqd-body-font-family); - font-size: 15px; - font-weight: 400; - line-height: 22px; -} - -.tab-box .lqd-counter-element { - margin-bottom: .3em; - font-size: 51px; -} - -@media (max-width: 1199px) { - .tab-box { - padding: 50px 40px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 100px; - } -} - -@media screen and (max-width: 768px) { - .lqd-tabs-style-13 { - flex-direction: column-reverse !important; - } -} - -@media (max-width: 767px) { - .tab-box { - padding: 40px 20px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 0; - } - - .tab-box .lqd-counter-element { - font-size: 12vw; - } -} - -/* ***** Pricing ***** */ -.pricing .lqd-shape-top svg { - width: calc(300% + 1.3px); - height: 60px; -} - -.pricing .module-shape-1 { - left: 50%; -} - -.pricing .lqd-tabs .lqd-tabs-nav a { - color: #545767; -} - -.pricing .lqd-tabs .lqd-tabs-nav a.active { - color: #000; -} - -.lqd-tabs-style-10 .lqd-tabs-nav li a.active:before { - opacity: 1; - transform: scale(1); -} - -.pricing .lqd-tabs .lqd-tabs-nav a:after { - background-color: #49C193; -} - -.pricing .iconbox-icon-wrap { - margin-inline-end: 24px; -} - -.pricing .iconbox-icon-container { - min-width: 49px; - font-size: 49px; - width: 74px; - height: 74px; - background-color: #D5F9EE; -} - -.pricing .lqd-imggrp-single[data-float] { - --float-animate-to: 16%; - --float-animation-ease: ease; -} - -.pricing .badge-lqd-shape { - right: -27px; -} - -.pricing .icon-list-item>.icon-list-text, -.pricing .icon-list-item>a { - font-family: var(--lqd-text-font-family), Sans-serif; - font-size: var(--lqd-text-font-size); - line-height: var(--lqd-text-line-height); - letter-spacing: var(--lqd-text-letter-spacing); - word-spacing: var(--lqd-text-word-spacing); -} - -.pricing .lqd-tabs-content { - --divider-border-style: solid; - --divider-color: #F1F2F5; - --divider-border-width: 1px; -} - -.pricing .badge-shape { - right: -27px; -} - -.pricing .badge-text { - right: -10px; -} - -.pricing .module-btn-1:before { - background-color: var(--lqd-color-green-500); -} - -.pricing .module-btn-2:before { - background-color: var(--lqd-color-gradient-start); -} - -.pricing .module-btn-3:before { - background-color: var(--lqd-color-darkpink); -} - -@media (max-width: 1199px) { - .pricing { - padding: 50px 40px; - } - - .pricing .lqd-tabs { - margin: 0; - } - - .pricing .lqd-tabs-content { - padding: 0; - } -} - -@media (max-width: 767px) { - .pricing { - padding: 40px 20px; - } - - .pricing .lqd-tabs .py-50 { - padding: 10px 20px 50px 20px; - } -} - -@media screen and (max-width: 479px) { - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a { - flex-direction: row; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before { - left: 10px; - bottom: 10px; - right: auto; - } - - .pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after { - border-radius: 50%; - } -} - -/* ***** Testimonials ***** */ -.testimonials .module-slider { - max-width: 470px; -} - -.testimonials .lqd-shape-top svg { - width: calc(300% + 1.3px); - height: 100px; - transform: translateX(-50%) rotateY(180deg); -} - -.testimonials .module-shape-1 { - right: 10%; -} - -.testimonials .module-shape-2 { - left: 10%; -} - -.testimonials .module-shape-3 { - left: 66%; -} - -.testimonials .carousel-nav { - top: auto; - bottom: 80px; -} - -.testimonials .carousel-nav .flickity-button { - color: #0E524A; - background: transparent; -} - -.testimonials .carousel-nav .flickity-button svg { - fill: #0E524A; -} - -.testimonials .carousel-nav .flickity-button.previous { - left: -100px; -} - -.testimonials .carousel-nav .flickity-button.next { - right: -100px; -} - -@media (max-width: 1199px) { - .testimonials .module-shape-1 { - right: -31px; - } -} - -/* ***** Faq ***** */ -.faq .accordion-item.active .accordion-title a { - color: #000000; - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .faq { - padding: 50px 40px; - } -} - -@media (max-width: 767px) { - .faq { - padding: 40px 20px; - } -} - -/* ***** Blog ***** */ -.blog .lqd-shape-top svg { - width: calc(300% + 1.3px); -} - -.blog .iconbox h3 { - display: flex; -} - -.blog .module-color, -.blog .module-color-1 { - --lqd-color-primary: var(--lqd-color-blue-700); -} - -.blog .module-color-2 { - --lqd-color-primary: var(--lqd-color-green-500); -} - -.blog .module-color-3 { - --lqd-color-primary: var(--lqd-color-red-700); -} - -.blog .module-color-4 { - --lqd-color-primary: var(--lqd-color-yellow-500); -} - -@media (max-width: 1199px) { - .blog { - padding: 0 40px 50px 40px; - } -} - -@media (max-width: 767px) { - .blog { - padding: 0 20px; - } -} - diff --git a/public/assets/css/demo/start-hub-4/base.css b/public/assets/css/demo/start-hub-4/base.css deleted file mode 100644 index 467d93c..0000000 --- a/public/assets/css/demo/start-hub-4/base.css +++ /dev/null @@ -1,190 +0,0 @@ -/* Global */ -:root { - --lqd-container-width: 1060px; - --lqd-container-width-md: 100%; - --lqd-container-width-sm: 100%; - --lqd-row-gutter-x: 0; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #675DE1; - --lqd-color-secondary: #6BCD94; - --lqd-color-dark: #292929; - --lqd-color-purple-500: #8745D5; - --lqd-color-blue-500: #007fff; - --lqd-color-blue-600: #354B60; - --lqd-color-blue-700: #032A3E; - --lqd-color-blue-900: #282734; - --lqd-color-brown-300: #F5DBB8; - --lqd-color-brown-500: #A25139; - --lqd-color-green-300: #82B541; - --lqd-color-green-400: #84F0B2; - --lqd-color-green-500: #49C193; - --lqd-color-green-700: #26372D; - --lqd-color-slate-100: rgba(110, 127, 153, 0.1); - --lqd-color-slate-200: #b4b6c6; - --lqd-color-slate-300: #9999A3; - --lqd-color-slate-400: #6e7f99; - --lqd-color-slate-500: rgba(69, 67, 113, 0.58); - --lqd-color-slate-600: #61969D; - --lqd-color-slate-700: #45485F; - --lqd-color-orange: #ed6a04; - --lqd-badge-color: #6E7F99; - --lqd-color-gradient-start: var(--lqd-color-purple-500); - --lqd-color-gradient-stop: var(--lqd-color-green-500); - --lqd-color-orange-100: rgba(196, 116, 66, 0.15); - --lqd-color-green-100: rgba(66, 196, 106, 0.2); - --lqd-color-purple-100: rgba(142, 114, 235, 0.17); - --lqd-color-yellow-100: rgba(249, 223, 104, 0.22); - --lqd-color-pink-100: rgba(196, 66, 132, 0.15); - --lqd-color-blue-100: rgba(47, 178, 187, 0.22); - --lqd-body-text-color: #3C4B62; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 17px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.35em; - --lqd-accent-font-family: 'Rubik',sans-serif; - --lqd-accent-font-size: 16px; - --lqd-accent-line-height: 2em; - - --lqd-heading-color: var(--lqd-color-blue-900); - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-h1-font-size: 40px; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1em; - --lqd-h1-letter-spacing: -1.5px; - --lqd-h2-font-size: 36px; - --lqd-h2-letter-spacing: -1.5px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; - - --lqd-cc-size-inner: 17px; - --lqd-cc-bg: rgb(255, 255, 255); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-bg: rgb(255, 251, 251); - --lqd-cc-active-bc: rgb(255, 251, 251); - --lqd-cc-active-circle-txt: rgb(255, 251, 251); - --lqd-cc-blend-mode: difference; -} - -@media (max-width: 1199px) { - .container { - --lqd-row-gutter-x: 40px; - } -} - -@media (max-width: 767px) { - .module-content-col { - padding: 30px; - } - - .module-first-col { - margin: 0 0 20px 0; - } -} - -/* Titlebar */ -.titlebar-inner h1 { - font-size: 72px; -} - -@media (max-width: 767px) { - .titlebar-inner h1 { - font-size: 62px; - } -} - -/* Button */ -.nav-trigger .bars { - width: 41px; - height: 41px; -} - -.nav-trigger.style-2 .bar { - width: 15px; -} - -.module-btn-sm { - --btn-pt: 8px; - --btn-pe: 22px; - --btn-pb: 8px; - --btn-ps: 22px; -} - -.module-btn-md { - --icon-ms: 12px; - --btn-pt: 1em; - --btn-pe: 1.66em; - --btn-pb: 1em; - --btn-ps: 1.66em; -} - -.btn .btn-icon { - --icon-ms: 12px; -} - -/* Main Header */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-right-padding: 22px; - --lqd-menu-items-bottom-padding: 15px; - --lqd-menu-items-left-padding: 22px; -} - -.main-header .main-nav li a:before { - background-color: #F7F7F7; -} - -.main-header .main-nav>li.is-active>a, -.main-header .main-nav>li.current-menu-item>a, -.main-header .main-nav>li.current-menu-ancestor>a, -.navbar-fullscreen .main-header .main-nav>li.is-active>a, -.navbar-fullscreen .main-header .main-nav>li.current-menu-item>a, -.navbar-fullscreen .main-header .main-nav>li.current-menu-ancestor>a { - color: #000000; -} - -.site-header.is-stuck .module-bg { - background-color: #fff; -} - -/* Left Side Drawer */ -.main-header .ld-module-sd-left .ld-module-dropdown { - width: 40vw; -} - -/* Sticky Bar Left */ -.main-header .lqd-stickybar-left .btn { - box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27); -} - -/* Lity Modal */ -.lity-modal .ld-fancy-heading h2 span { - font-family: 'DM Serif Text', serif; - font-style: italic -} - -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 30px 0; - --input-margin-bottom: 30px; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - } -} - diff --git a/public/assets/css/demo/start-hub-4/start-hub-4-about.css b/public/assets/css/demo/start-hub-4/start-hub-4-about.css deleted file mode 100644 index cc38a13..0000000 --- a/public/assets/css/demo/start-hub-4/start-hub-4-about.css +++ /dev/null @@ -1,213 +0,0 @@ -/* Features */ -.features .lqd-iconbox-scale:hover { - transform: scale(1.1); - background-color: #fff; - box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%); -} - -.features .iconbox-side .iconbox-icon-wrap { - margin-inline-end: 24px; -} - -.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -.features .iconbox h3 { - margin: 0 0 20px; -} - -@media (max-width: 1199px) { - .features { - padding: 100px 20px; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px 0; - } - - .features .col-12:first-child .d-flex { - margin: 0 0 30px 20px; - } -} - -@media (max-width: 767px) { - .features { - padding: 40px 0; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px; - } -} - -/* Carousel Text LG */ -.carousel-text-lg .carousel-item-content { - font-size: 12vw; -} - -.carousel-text-lg .carousel-item-content > * { - white-space: nowrap; -} - -.carousel-text-lg .module-title-top h2 { - background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -.carousel-text-lg .module-title-bottom h2 { - -webkit-text-stroke-color: #000; - -webkit-text-stroke-width: 1px; -} - -@media (max-width: 767px) { - .carousel-text-lg .carousel-item-content { - font-size: 17vw; - } -} - -/* Tab Box */ -.tab-box .lqd-tabs-nav { - --icon-size: 1em; -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active, -.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after { - background-color: transparent; - background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%); -} - -.tab-box .lqd-tabs-nav > li > a, -.tab-box .lqd-tabs-nav .h3, -.tab-box .lqd-tabs-nav > li > a .lqd-tabs-nav-txt { - font-family: var(--lqd-accent-font-family), Sans-serif; - font-size: var(--lqd-accent-font-size); - line-height: var(--lqd-accent-line-height); - letter-spacing: var(--lqd-accent-letter-spacing); - word-spacing: var(--lqd-accent-word-spacing); -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active { - color: #35399F; -} - -.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext { - display: block; - color: var(--lqd-body-text-color); -} - -.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext { - font-family: var(--lqd-body-font-family); - font-size: 15px; - font-weight: 400; - line-height: 22px; -} - -.tab-box .lqd-counter-element { - margin-bottom: .3em; - font-size: 51px; -} - -@media (max-width: 1199px) { - .tab-box { - padding: 50px 40px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 100px; - } -} - -@media screen and (max-width: 768px) { - .lqd-tabs-style-13 { - flex-direction: column-reverse !important; - } -} - -@media (max-width: 767px) { - .tab-box { - padding: 40px 20px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 0; - } - - .tab-box .lqd-counter-element { - font-size: 12vw; - } -} - -/* Testimonials About */ -.testimonials-about .module-slider { - max-width: 470px; -} - -.testimonials-about .lqd-shape-top svg { - width: calc(300% + 1.3px); - height: 100px; - transform: translateX(-50%) rotateY(180deg); -} - -.testimonials-about .module-shape-1 { - right: 10%; -} - -.testimonials-about .module-shape-2 { - left: 10%; -} - -.testimonials-about .module-shape-3 { - left: 66%; -} - -.testimonials-about .carousel-nav { - top: auto; - bottom: 80px; -} - -.testimonials-about .carousel-nav .flickity-button { - color: #0E524A; - background: transparent; -} - -.testimonials-about .carousel-nav .flickity-button svg { - fill: #0E524A; -} - -.testimonials-about .carousel-nav .flickity-button.previous { - left: -100px; -} - -.testimonials-about .carousel-nav .flickity-button.next { - right: -100px; -} - -@media (max-width: 1199px) { - .testimonials-about .module-shape-1 { - right: -31px; - } -} - -/* Faq */ -.faq .accordion-item.active .accordion-title a { - color: #000000; - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .faq { - padding: 50px 40px; - } -} - -@media (max-width: 767px) { - .faq { - padding: 40px 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-4/start-hub-4-contact.css b/public/assets/css/demo/start-hub-4/start-hub-4-contact.css deleted file mode 100644 index 10068f6..0000000 --- a/public/assets/css/demo/start-hub-4/start-hub-4-contact.css +++ /dev/null @@ -1,21 +0,0 @@ -/* Form */ -.form .module-container { - max-width: 945px; -} -.form .module-form { - border-top: 10px solid #E66C6C; -} -@media (max-width: 1199px) { - .form { - padding: 0 10px; - } - .form .module-col { - padding-right: 10px; - padding-left: 10px; - } -} -@media (max-width: 767px) { - .form .module-form { - padding: 45px 30px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-4/start-hub-4-services.css b/public/assets/css/demo/start-hub-4/start-hub-4-services.css deleted file mode 100644 index cb2a8ea..0000000 --- a/public/assets/css/demo/start-hub-4/start-hub-4-services.css +++ /dev/null @@ -1,200 +0,0 @@ -/* Global */ -:root { - --lqd-color-blue-100: #E3E4E8; - --lqd-color-blue-200: #D9F8EA; - --lqd-color-blue-300: #EBF8D9; - --lqd-color-blue-600: #696d79; - --lqd-color-gray-100: rgba(97, 150, 157, 0.18); - --lqd-color-green-100: #E1F2E6; - --lqd-color-green-200: #ECF0E7; - --lqd-color-green-400: #5AC394; - --lqd-color-green-500: #C7D0C1; - --lqd-color-green-600: #5e746a; - --lqd-color-slate-200: #e2e8f0; - --lqd-color-orange-100: #F0EBE7; - --lqd-color-orange-200: #F8E6D9; - --lqd-color-orange-300: #ffc29f; - --lqd-color-orange-600: #807264; - --lqd-color-yellow-100: rgba(255, 208, 118, 0.12); - --lqd-color-yellow-200: #F1F0E8; - --lqd-color-yellow-600: #84806f; -} - -/* Design Services */ -.design-services .lqd-iconbox-scale:hover { - background-color: #EBF0E6; - transform: scale(1.1); -} - -@media (max-width: 1199px) { - .design-services .lqd-iconbox-scale { - padding: 35px 20px; - } - - .design-services .module-iconbox { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .design-services { - padding: 90px 20px; - } - - .design-services .module-shape { - top: 3%; - } - - .design-services .module-shape img { - width: 49px; - } -} - -/* Services */ -.services .carousel-nav .flickity-button { - width: 50px; - height: 50px; - color: #000000; - border-width: 1px; - border-radius: 12px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.15); - background-color: transparent; -} - -.services .carousel-nav { - width: 100%; - max-width: 100%; -} - -.services .flickity-button:hover { - color: #FFFFFF; - border-style: solid; - border-color: #000000; - background-color: #000000; -} - -.services .module-shape { - left: 30%; -} - -@media (max-width: 1199px) { - .services { - padding: 50px 20px; - } -} - -/* Our Vision */ -.our-vision .lqd-section-flow-panel-end { - padding: 10% 8% 10% 8%; -} - -.our-vision .lqd-throwable-scene { - height: 855px; -} - -.our-vision .module-shape { - left: 43%; -} - -.our-vision .iconbox-icon-ripple .iconbox-icon-container:before { - border-color: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .our-vision { - padding-bottom: 220px; - } -} - -@media (max-width: 767px) { - .our-vision { - padding: 90px 20px 390px 20px; - } - - .our-vision .lqd-section-flow-panel-end { - padding: 0; - } - - .our-vision .module-content { - padding-bottom: 30px; - } -} - -/* Testimonials Services */ -.testimonials-services .star-rating { - font-family: Arial, Helvetica, sans-serif; -} - -.testimonials-services .carousel-dots { - top: auto; - right: auto; - bottom: -65px; - left: auto; -} - -.testimonials-services .carousel-dots:not(.carousel-dots-inside) { - position: relative; -} - -.testimonials-services .module-shape-1 { - left: 13%; -} - -.testimonials-services .module-shape-2 { - right: 23%; -} - -@media (max-width: 1199px) { - .testimonials-services .carousel-item { - padding-right: 15px; - padding-left: 15px; - } - - .testimonials-services .module-shape-2 { - top: 14%; - } - - .testimonials-services .module-shape-1 { - left: 3%; - } - - .testimonials-services .module-shape-2 { - right: 8%; - } -} - -@media (max-width: 767px) { - .testimonials-services .col-12:first-child { - margin-bottom: 40px; - } - - .testimonials-services .carousel-item { - padding-right: 20px; - padding-left: 20px; - } - - .testimonials-services .module-shape-2 { - top: 4%; - } -} - -/* Clients */ -@media (max-width: 1199px) { - .clients { - padding: 50px 0 100px 0; - } -} - -@media (max-width: 767px) { - .clients { - padding-top: 50px; - padding-bottom: 90px; - } - - .clients .carousel-item { - width: calc(100% / 2); - flex: 0 0 auto; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-4/start-hub-4.css b/public/assets/css/demo/start-hub-4/start-hub-4.css deleted file mode 100644 index cfe6648..0000000 --- a/public/assets/css/demo/start-hub-4/start-hub-4.css +++ /dev/null @@ -1,274 +0,0 @@ -/* ***** Banner ***** */ -.banner .module-inner { - padding: 7% 0; -} - -.banner .module-shape-1 { - left: 14%; -} - -.banner .module-shape-2 { - right: 13%; -} - -.banner .module-shape-3 { - right: 14%; -} - -@media (max-width: 1199px) { - .banner { - padding-top: 5%; - padding-bottom: 5%; - } - - .banner .module-shape-1 { - top: 14%; - } - - .banner .module-shape-2 { - top: 40%; - } - - .banner .module-shape-3 { - top: 13%; - } - - .banner .module-shape-1 { - left: 4%; - } - - .banner .module-shape-2 { - right: 4%; - } - - .banner .module-shape-3 { - right: 7%; - } -} - -@media (max-width: 767px) { - .banner { - padding: 15px; - } - - .banner .module-btn { - margin-bottom: 30px; - } - - .banner .module-inner { - padding: 15% 5% 20% 5%; - } - - .banner .btn-solid { - margin-bottom: 20px; - } - - .banner .module-client { - margin-bottom: 20px; - } - - .banner .module-shape-1 { - width: 110px; - max-width: 110px; - z-index: 0; - } - - .banner .module-shape-2 { - top: 31%; - z-index: 0; - } - - .banner .module-shape-3 { - top: 8%; - } - - .banner .module-shape-1 { - left: -10%; - } - - .banner .module-shape-2 { - right: -17%; - } - - .banner .module-shape-3 { - right: -12%; - } -} - -/* ***** Banner Navigation ***** */ -.banner-navigation .lqd-fancy-menu>.reset-ul>li>a:hover, -.banner-navigation .lqd-fancy-menu li.is-active>a { - background: #F7F7F7; - color: #000000; -} - -/* ***** Business Solutions ***** */ -.business-solutions .module-iconbox-1:hover path, -.business-solutions .module-iconbox-1:hover .lqd-iconbox-heading { - fill: #C45B42; - color: #C45B42; -} - -.business-solutions .module-iconbox-2:hover path, -.business-solutions .module-iconbox-2:hover .lqd-iconbox-heading { - fill: #42C46A; - color: #42C46A; -} - -.business-solutions .module-iconbox-3:hover path, -.business-solutions .module-iconbox-3:hover .lqd-iconbox-heading { - fill: #8F72ED; - color: #8F72ED; -} - -.business-solutions .module-iconbox-4:hover path, -.business-solutions .module-iconbox-4:hover .lqd-iconbox-heading { - fill: #DBBC32; - color: #DBBC32; -} - -.business-solutions .module-iconbox-5:hover path, -.business-solutions .module-iconbox-5:hover .lqd-iconbox-heading { - fill: #C44284; - color: #C44284; -} - -.business-solutions .module-iconbox-6:hover path, -.business-solutions .module-iconbox-6:hover .lqd-iconbox-heading { - fill: #2FB2BB; - color: #2FB2BB; -} - -@media (max-width: 767px) { - .business-solutions .lqd-iconbox-scale { - margin-bottom: 10px; - } -} - -/* ***** Select Projects ***** */ -@media (max-width: 1199px) { - .select-projects { - padding-top: 0; - padding-bottom: 30px; - } -} - -/* ***** Case Studies ***** */ -.case-studies .lqd-progressbar-inner { - box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.15) inset; -} - -/* ***** How It Work ***** */ -.how-it-work .fit-aspect-ratio { - padding-bottom: 177.8%; -} - -@media (max-width: 767px) { - .how-it-work .flex-box-text .iconbox { - padding: 0 0 20px 0; - } -} - -/* ***** New Features ***** */ -.new-features .border-1:hover { - background-color: rgba(103, 93, 225, 0.16); - border-style: solid; - border-color: rgba(103, 93, 225, 0); -} - -.new-features .ld-fh-element:hover, -.new-features .ld-fh-element:hover a { - color: #675DE1; -} - -/* ***** Contact ***** */ -.contact .module-shape-3 { - --float-animate-from: -25%; - --float-animation-ease: ease-in-out; -} - -.contact .module-shape-3 { - right: 9%; -} - -.contact .module-shape-2 { - left: 7%; -} - -.contact .lqd-contact-form { - --inputs-margin: 0 0 35px 0; - --input-margin-bottom: 35px; -} - -@media (max-width: 1199px) { - .contact .module-shape-2 { - left: 6.898%; - } - - .contact .module-shape-3 { - right: 9.1%; - } -} - -@media (min-width: 768px) { - .contact .module-form { - width: 625px; - } -} - -/* ***** Digital Solution ***** */ -.digital-solution .ld-fancy-heading .txt-rotate-keywords { - --visible-words: 7; - color: #d0d2e2; -} - -.digital-solution .ld-fancy-heading .txt-rotate-keywords-inner { - --lqd-color-start: #84F0B2; - --lqd-color-stop: #5F91A7; -} - -@media (max-width: 767px) { - .digital-solution .module-content { - padding: 50px 30px; - } - - .digital-solution .module-shape { - top: -42%; - } - - .digital-solution .module-shape { - left: -50%; - } - - .digital-solution .lqd-lottie { - width: 100vw; - } - - .digital-solution .module-title h2 { - font-size: 12vw; - margin: 0 0 0.25em 0; - } - - .digital-solution .ld-fancy-heading p { - margin-bottom: 1em; - } - - .digital-solution .module-text-rotate h2 { - font-size: 10vw; - } -} - -/* ***** Footer ***** */ -.main-footer .link-badge { - font-size: 10px; -} - -@media (max-width: 767px) { - .main-footer>section { - padding-top: 70px; - } - - .main-footer .module-text { - padding-bottom: 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-5/base.css b/public/assets/css/demo/start-hub-5/base.css deleted file mode 100644 index 97354e7..0000000 --- a/public/assets/css/demo/start-hub-5/base.css +++ /dev/null @@ -1,220 +0,0 @@ -/* Global */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-md: 100%; - --lqd-container-width-sm: 100%; - --lqd-row-gutter-x: 0; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #6AFFC0; - --lqd-color-secondary: #8745D5; - --lqd-body-text-color: #605E77; - --lqd-color-tertiary: #49C193; - --lqd-color-link: #2D6FE8; - --lqd-color-gradient-start: var(--lqd-color-secondary); - --lqd-color-brown-500: #A25139; - --lqd-color-blue-50: rgba(112, 171, 237, 0.12); - --lqd-color-blue-100: rgba(82, 102, 255, 0.11); - --lqd-color-blue-200: rgba(179, 174, 240, 0.24); - --lqd-color-blue-300: #a2b2c9; - --lqd-color-blue-400: #70ABED; - --lqd-color-blue-500: #2C3C48; - --lqd-color-blue-600: #007fff; - --lqd-color-blue-700: #032A3E; - --lqd-color-red-100: rgba(255, 118, 144, 0.14); - --lqd-color-red-200: #fcd7e0; - --lqd-color-red-300: #F3817E; - --lqd-color-green-100: rgba(187, 255, 150, 0.11); - --lqd-color-green-200: #ECF0E7; - --lqd-color-green-300: rgba(106, 255, 192, 0.23); - --lqd-color-green-500: #5AC394; - --lqd-color-green-700: #022F3C; - --lqd-color-green-900: #1b2420; - --lqd-color-purple-100: rgba(181, 118, 255, 0.12); - --lqd-color-purple-200: rgba(141, 126, 255, 0.44); - --lqd-color-purple-300: #b3aef0; - --lqd-color-purple-500: #7262D6; - --lqd-color-gray-100: rgba(172, 207, 227, 0.11); - --lqd-color-gray-200: #AFC5C7; - --lqd-color-slate-50: rgba(162, 178, 201, 0.13); - --lqd-color-slate-100: #EDF1F8; - --lqd-color-slate-200: #b8c1c9; - --lqd-color-slate-300: rgba(69, 67, 113, 0.6); - --lqd-color-slate-500: #5D7F93; - --lqd-color-slate-600: #476d83; - --lqd-color-slate-700: #233d62; - --lqd-color-slate-800: #0e3f58; - --lqd-color-yellow-100: rgba(255, 208, 118, 0.12); - --lqd-color-yellow-200: #F1F0E8; - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 15px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.4em; - --lqd-accent-font-family: var(--lqd-heading-font-family); - --lqd-accent-font-size: 16px; - --lqd-accent-line-height: 2em; - - --lqd-heading-color: #273653; - --lqd-heading-font-family: "Space Grotesk", Sans-serif; - --lqd-heading-font-weight: 700; - --lqd-h1-font-size: 52px; - --lqd-h1-line-height: 1.01em; - --lqd-h1-letter-spacing: -4.6px; - --lqd-h2-font-size: 46px; - --lqd-h2-line-height: 1.1em; - --lqd-h2-letter-spacing: -2.3px; - --lqd-h3-font-size: 36px; - --lqd-h3-line-height: 1.25em; - --lqd-h4-font-size: 25px; - --lqd-h4-line-height: 1em; - --lqd-h5-font-size: 21px; - --lqd-h5-line-height: 1.01em; - --lqd-h6-font-size: 18px; - --lqd-h6-line-height: 1.01em; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -/* Button */ -.module-btn-sm { - --btn-pt: 12px; - --btn-pe: 25px; - --btn-pb: 12px; - --btn-ps: 25px; -} - -/* Main Header */ -.main-header .module-top .btn:before { - background: rgba(255, 255, 255, 0.57); -} - -.main-header .module-top .btn-underlined:hover { - color: #ffffff; -} - -.main-header .module-top .btn:after { - background: #ffffff; -} - -.main-header .module-header { - --content-width: 1340px; - --padding-top: 17px; - --padding-right: 0px; - --padding-bottom: 0px; - --padding-left: 0px; - padding: var(--padding-top) calc((100% - var(--content-width)) / 2 + var(--padding-right)) var(--padding-bottom) calc((100% - var(--content-width)) / 2 + var(--padding-left)); -} - -.main-header .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-right-padding: 45px; - --lqd-menu-items-bottom-padding: 5px; - --lqd-menu-items-left-padding: 0; -} - -.main-header .module-header .btn:hover { - color: var(--lqd-color-green-900); - background-color: var(--lqd-color-primary); -} - -.main-header .lqd-stickybar-left .btn { - background-color: #82B541; - box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27); -} - -.main-header .lqd-stickybar-left .btn:hover, -.main-header .lqd-stickybar-left .btn:focus { - box-shadow: 0 0 0 5px #82B541; - transform: translate(0); -} - -.main-header .lqd-stickybar-right .btn:hover, -.main-header .lqd-stickybar-right .btn:focus { - transform: translate3d(0, 0, 0); -} - -.is-stuck .module-header .module-sticky { - background-color: #FFFFFF; - box-shadow: 0 31px 53px 0 rgba(0, 0, 0, 0.07); -} - -.is-stuck .navbar-collapse .main-nav > li > a { - color: #0C0C0C; -} - -.is-stuck .ld-module-cart .ld-module-trigger { - color: #131313; -} - -.is-stuck .module-header .btn { - color: #FFFFFF; - background-color: transparent; - background-image: linear-gradient(90deg, var(--lqd-color-secondary) 0%, var(--lqd-color-tertiary) 100%); -} - -.is-stuck .module-header .btn:hover, -.is-stuck .module-header .btn:focus { - color: #ffffff; -} - -@media screen and (max-width: 1199px) { - [data-mobile-nav-style=modern] .main-header .lqd-mobile-sec:before { - z-index: 10; - background: linear-gradient(128deg, rgb(98, 117, 141) 0.3184713375796178%, rgb(45, 57, 73) 100%); - } - - .main-header .module-btn-sm { - font-size: 12px; - } -} - -/* Lity Modal */ -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 30px 0; - --input-margin-bottom: 30px; -} - -.lity-modal .ld-fancy-heading span { - font-family: 'DM Serif Text', serif; - font-style: italic; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - } -} - -/* Titlebar */ -.titlebar-inner h1 { - font-size: 72px; -} - -@media (max-width: 767px) { - .titlebar-inner h1 { - font-size: 62px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-5/start-hub-5-about.css b/public/assets/css/demo/start-hub-5/start-hub-5-about.css deleted file mode 100644 index 4bc82d5..0000000 --- a/public/assets/css/demo/start-hub-5/start-hub-5-about.css +++ /dev/null @@ -1,213 +0,0 @@ -/* Features */ -.features .lqd-iconbox-scale:hover { - transform: scale(1.1); - background-color: #fff; - box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%); -} - -.features .iconbox-side .iconbox-icon-wrap { - margin-inline-end: 24px; -} - -.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -.features .iconbox h3 { - margin: 0 0 20px; -} - -@media (max-width: 1199px) { - .features { - padding: 100px 20px; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px 0; - } - - .features .col-12:first-child .d-flex { - margin: 0 0 30px 20px; - } -} - -@media (max-width: 767px) { - .features { - padding: 40px 0; - } - - .features .lqd-iconbox-scale { - margin: 0 0 20px; - } -} - -/* Carousel Text LG */ -.carousel-text-lg .carousel-item-content { - font-size: 12vw; -} - -.carousel-text-lg .carousel-item-content>* { - white-space: nowrap; -} - -.carousel-text-lg .module-title-top h2 { - background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -.carousel-text-lg .module-title-bottom h2 { - -webkit-text-stroke-color: #000; - -webkit-text-stroke-width: 1px; -} - -@media (max-width: 767px) { - .carousel-text-lg .carousel-item-content { - font-size: 17vw; - } -} - -/* Tab Box */ -.tab-box .lqd-tabs-nav { - --icon-size: 1em; -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active, -.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after { - background-color: transparent; - background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%); -} - -.tab-box .lqd-tabs-nav > li > a, -.tab-box .lqd-tabs-nav .h3, -.tab-box .lqd-tabs-nav > li > a .lqd-tabs-nav-txt { - font-family: var(--lqd-accent-font-family), Sans-serif; - font-size: var(--lqd-accent-font-size); - line-height: var(--lqd-accent-line-height); - letter-spacing: var(--lqd-accent-letter-spacing); - word-spacing: var(--lqd-accent-word-spacing); -} - -.tab-box .lqd-tabs .lqd-tabs-nav li a.active { - color: #35399F; -} - -.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext { - display: block; - color: var(--lqd-body-text-color); -} - -.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext { - font-family: var(--lqd-body-font-family); - font-size: 15px; - font-weight: 400; - line-height: 22px; -} - -.tab-box .lqd-counter-element { - margin-bottom: .3em; - font-size: 51px; -} - -@media (max-width: 1199px) { - .tab-box { - padding: 50px 40px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 100px; - } -} - -@media screen and (max-width: 768px) { - .lqd-tabs-style-13 { - flex-direction: column-reverse !important; - } -} - -@media (max-width: 767px) { - .tab-box { - padding: 40px 20px; - } - - .tab-box .module-clients { - margin-top: 30px; - margin-right: 0; - } - - .tab-box .lqd-counter-element { - font-size: 12vw; - } -} - -/* Testimonials About */ -.testimonials-about .module-slider { - max-width: 470px; -} - -.testimonials-about .lqd-shape-top svg { - width: calc(300% + 1.3px); - height: 100px; - transform: translateX(-50%) rotateY(180deg); -} - -.testimonials-about .module-shape-1 { - right: 10%; -} - -.testimonials-about .module-shape-2 { - left: 10%; -} - -.testimonials-about .module-shape-3 { - left: 66%; -} - -.testimonials-about .carousel-nav { - top: auto; - bottom: 80px; -} - -.testimonials-about .carousel-nav .flickity-button { - color: #0E524A; - background: transparent; -} - -.testimonials-about .carousel-nav .flickity-button svg { - fill: #0E524A; -} - -.testimonials-about .carousel-nav .flickity-button.previous { - left: -100px; -} - -.testimonials-about .carousel-nav .flickity-button.next { - right: -100px; -} - -@media (max-width: 1199px) { - .testimonials-about .module-shape-1 { - right: -31px; - } -} - -/* Faq */ -.faq .accordion-item.active .accordion-title a { - color: #000000; - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .faq { - padding: 50px 40px; - } -} - -@media (max-width: 767px) { - .faq { - padding: 40px 20px; - } -} diff --git a/public/assets/css/demo/start-hub-5/start-hub-5-contact.css b/public/assets/css/demo/start-hub-5/start-hub-5-contact.css deleted file mode 100644 index cd54589..0000000 --- a/public/assets/css/demo/start-hub-5/start-hub-5-contact.css +++ /dev/null @@ -1,25 +0,0 @@ -/* Form */ -.form .module-container { - max-width: 945px; -} - -.form .module-form { - border-top: 10px solid #84F0B2; -} - -@media (max-width: 1199px) { - .form { - padding: 60px 15px; - } - - .form .module-col { - padding-right: 10px; - padding-left: 10px; - } -} - -@media (max-width: 767px) { - .form .module-form { - padding: 45px 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-5/start-hub-5-services.css b/public/assets/css/demo/start-hub-5/start-hub-5-services.css deleted file mode 100644 index db0eb97..0000000 --- a/public/assets/css/demo/start-hub-5/start-hub-5-services.css +++ /dev/null @@ -1,202 +0,0 @@ -/* Global */ -:root { - --lqd-color-blue-100: #E3E4E8; - --lqd-color-blue-200: #D9F8EA; - --lqd-color-blue-300: #EBF8D9; - --lqd-color-blue-600: #696d79; - --lqd-color-gray-100: rgba(97, 150, 157, 0.18); - --lqd-color-green-100: #E1F2E6; - --lqd-color-green-200: #ECF0E7; - --lqd-color-green-400: #5AC394; - --lqd-color-green-500: #C7D0C1; - --lqd-color-green-600: #5e746a; - --lqd-color-slate-200: #e2e8f0; - --lqd-color-orange-100: #F0EBE7; - --lqd-color-orange-200: #F8E6D9; - --lqd-color-orange-300: #ffc29f; - --lqd-color-orange-600: #807264; - --lqd-color-yellow-600: #84806f; -} -/* Design Services */ -.design-services .lqd-iconbox-scale:hover { - background-color: #EBF0E6; - transform: scale(1.1); -} - -@media (max-width: 1199px) { - .design-services .lqd-iconbox-scale { - padding: 35px 20px; - } - - .design-services .module-iconbox { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .design-services { - padding: 90px 20px; - } - - .design-services .module-shape { - top: 3%; - } - - .design-services .module-shape img { - width: 49px; - } -} - -/* Services Inner */ -.services-inner .carousel-nav .flickity-button { - width: 50px; - height: 50px; - color: #000000; - border-width: 1px; - border-radius: 12px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.15); - background-color: transparent; -} - -.services-inner .carousel-nav { - width: 100%; - max-width: 100%; -} - -.services-inner .flickity-button:hover { - color: #FFFFFF; - border-style: solid; - border-color: #000000; - background-color: #000000; -} - -.services-inner .module-shape { - left: 30%; -} - -@media (max-width: 1199px) { - .services-inner { - padding: 50px 20px; - } -} - -/* Our Vision */ -.our-vision .lqd-section-flow-panel-end { - padding: 10% 8% 10% 8%; -} - -.our-vision .lqd-throwable-scene { - height: 855px; -} - -.our-vision .module-shape { - left: 43%; -} - -.our-vision .iconbox-icon-ripple .iconbox-icon-container:before { - border-color: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .our-vision { - padding-bottom: 220px; - } -} - -@media (max-width: 767px) { - .our-vision { - padding: 90px 20px 390px 20px; - } - - .our-vision .lqd-section-flow-panel-end { - padding: 0; - } - - .our-vision .module-content { - padding-bottom: 30px; - } -} - -/* Testimonials Services */ -.testimonials-services .star-rating { - font-family: Arial, Helvetica, sans-serif; -} - -.testimonials-services .carousel-dots { - top: auto; - right: auto; - bottom: -65px; - left: auto; -} - -.testimonials-services .carousel-dots:not(.carousel-dots-inside) { - position: relative; -} - -[data-elementor-device-mode*=tablet] .testimonials-services .carousel-dots-mobile, -[data-elementor-device-mode*=mobile] .testimonials-services .carousel-dots-mobile { - display: none; -} - -.testimonials-services .module-shape-1 { - left: 13%; -} - -.testimonials-services .module-shape-2 { - right: 23%; -} - -@media (max-width: 1199px) { - .testimonials-services .carousel-item { - padding-right: 15px; - padding-left: 15px; - } - - .testimonials-services .module-shape-2 { - top: 14%; - } - - .testimonials-services .module-shape-1 { - left: 3%; - } - - .testimonials-services .module-shape-2 { - right: 8%; - } -} - -@media (max-width: 767px) { - .testimonials-services .col-12:first-child { - margin-bottom: 40px; - } - - .testimonials-services .carousel-item { - padding-right: 20px; - padding-left: 20px; - } - - .testimonials-services .module-shape-2 { - top: 4%; - } -} - -/* Clients */ -@media (max-width: 1199px) { - .clients { - padding: 50px 20px 100px 20px; - } -} - -@media (max-width: 767px) { - .clients { - padding-top: 50px; - padding-bottom: 90px; - } - - .clients .carousel-item { - width: calc(100% / 2); - flex: 0 0 auto; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-5/start-hub-5.css b/public/assets/css/demo/start-hub-5/start-hub-5.css deleted file mode 100644 index 3fbbf5c..0000000 --- a/public/assets/css/demo/start-hub-5/start-hub-5.css +++ /dev/null @@ -1,560 +0,0 @@ - - -/* Banner */ -.banner .container { - padding: 8% 0 11% 0; -} - -.banner .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape { - transform: translateX(-50%) rotate(180deg); -} - -.banner .module-img-1 { - right: -51px; -} - -.banner .module-img-2 { - right: -11%; -} - -.banner .module-img-3 { - left: -20%; -} - -.banner .module-img-2 .lqd-imggrp-single[data-float] { - --float-animate-from: -10%; - --float-animate-to: 3%; - --float-delay: 0.5s; - --float-animation-ease: ease-in-out; -} - -.banner .module-img-3 .lqd-imggrp-single[data-float] { - --float-animate-from: -10%; - --float-animate-to: 5%; - --float-animation-ease: ease-in-out; -} - -.banner .lqd-highlight-inner .lqd-highlight-brush-svg-2 { - fill: #49C193; -} - -@media (max-width: 1199px) { - .banner .container { - padding: 15% 5% 25% 5%; - } - - .banner .module-shape .lqd-custom-shape { - height: 273px; - } - - .banner .module-img-2 { - top: 93%; - } - - .banner .module-img-3 { - top: -35%; - } - - .banner .module-img-2 { - right: 0; - } - - .banner .module-img-3 { - left: 0; - } -} - -@media (max-width: 767px) { - .banner .module-shape .lqd-custom-shape { - height: 150px; - } - - .banner .module-img .lqd-custom-shape { - height: 150px; - } - - .banner .banner-clients { - margin-bottom: 45px; - } - - .banner .lqd-imggrp-single:not(:last-child) { - margin-bottom: 15px; - } - - .banner .module-middle { - margin-bottom: 45px; - } - - .banner .ld-fancy-heading h1 { - font-size: 12vw; - } - - .banner .module-text { - font-size: 16px; - } -} - -/* Solutions */ -.solutions .module-icon-box-1 .iconbox { - box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.12); -} - -.solutions .module-icon-box-2 .iconbox { - box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.12); -} - -.solutions .module-icon-box-3 .iconbox { - box-shadow: 0 11px 45px 0 rgba(107, 205, 148, 0.2); -} - -.solutions .module-icon-box-1 { - left: 20%; -} - -.solutions .module-icon-box-3 { - right: 28%; -} - -@media (max-width: 1199px) { - .solutions { - padding: 100px 20px 70px 20px; - } - - .solutions .module-icon-box-1 { - top: -23%; - } - - .solutions .module-icon-box-1 { - left: -7%; - } - - .solutions .module-icon-box-3 { - right: 0; - } -} - -@media (max-width: 767px) { - .solutions { - padding: 90px 20px 50px 20px; - } - - .solutions .module-last { - margin-top: 30%; - padding-top: 30%; - } - - .solutions .module-icon-box-1 { - left: 0; - } -} - -/* About Progress */ -.about-progress .lqd-counter .h1 { - font-size: 150px; - font-weight: 500; -} - -.about-progress .module-shape { - left: -170px; -} - -@media (max-width: 1199px) { - .about-progress { - padding: 70px 20px; - } - - .about-progress .module-last { - padding-left: 30px; - } - - .about-progress .module-shape { - top: -27%; - } - - .about-progress .module-col { - padding: 0 20px; - } - - .about-progress .module-shape { - left: -32%; - } -} - -@media (max-width: 767px) { - .about-progress .module-first { - margin-bottom: 30px; - } - - .about-progress .module-last { - padding: 0; - } - - .about-progress .module-col { - padding: 0 15px; - margin-top: -108px; - } - - .about-progress .lqd-counter .h1 { - font-size: 110px; - } -} - -/* Services */ -.services .module-img-1 { - right: 34%; -} - -@media(max-width: 1199px) { - .services { - padding: 90px 20px 50px 20px; - } - - .services .module-col { - justify-content: flex-start; - margin-bottom: 30px; - } - - .services .module-shape { - top: -31%; - } - - .services .module-shape { - left: -9%; - } -} - -@media(max-width: 767px) { - .services .module-shape { - top: -48%; - } - - .services .module-img-1, - .services .module-img-2 { - width: 80%; - max-width: 80%; - } - - .services .module-shape { - left: -40%; - } - - .services .module-img-1 { - right: 0; - } -} - -/* Text Carousel */ -.text-carousel .module-first { - margin-bottom: 1.5%; -} - -.text-carousel .carousel-item-content>* { - white-space: nowrap; -} - -@media(max-width: 1199px) { - .text-carousel { - padding-top: 70px; - } - - .text-carousel .carousel-item-content { - font-size: 5vw; - } -} - -@media(max-width: 767px) { - .text-carousel { - padding: 0; - } - - .text-carousel .carousel-item-content { - font-size: 8vw; - } -} - -/* Case Studies */ -.case-studies .lqd-filter-dropdown .ui-button { - border-color: rgba(0, 42, 64, 0.56); -} - -.case.case-studies .filter-list li, -.case-studies .lqd-filter-dropdown .ui-button { - color: rgba(0, 42, 64, 0.56); -} - -.case-studies .filter-list-inline li.active, -.case-studies .filter-list-inline li.hover, -.case-studies .lqd-filter-dropdown .ui-button:active, -.case-studies .lqd-filter-dropdown .ui-button:focus, -.case-studies .liquid-filter-items .btn:hover, -.case-studies .liquid-filter-items .btn:focus { - color: #002A40; -} - -.case-studies .liquid-filter-items .btn:before, -.case-studies .liquid-filter-items .btn:after { - background: var(--lqd-color-slate-300); -} - -.case-studies .liquid-filter-items { - margin-bottom: 25px; -} - -@media(max-width: 767px) { - .case-studies { - padding: 50px 20px; - } -} - -/* How It Work */ -.how-it-work .module-number { - right: -5%; -} - -.how-it-work .ld-fancy-heading .h1 { - font-size: 192px; - margin: 0; - color: #DFE8ED; -} - -@media(max-width: 1199px) { - .how-it-work { - padding: 80px 20px; - } -} - -@media(max-width: 767px) { - .how-it-work .module-col { - margin-bottom: 30px; - } -} - -/* Companies */ -.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape, -.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape { - transform: translateX(-50%) rotate(180deg); -} - -.companies .module-shape-2 { - min-height: 350px; -} - -.companies .btn-md:hover, -.companies .btn-md:focus { - color: #171625; - background-color: var(--lqd-color-purple-300); - box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22); -} - -.companies .btn-lg { - --icon-ms: 8px; -} - -.companies .btn-lg:hover, -.companies .btn-lg:focus { - color: #17212B; - background-color: var(--lqd-color-blue-400); - box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22); -} - -.companies .lqd-iconbox-scale:hover { - transform: scale(1.1); -} - -.companies .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -.companies .module-shape-3 .lqd-imggrp-single[data-float] { - --float-animate-from: -10%; - --float-animate-to: 0; - --float-animation-ease: ease-out; -} - -.companies .lqd-imggrp-single:hover { - opacity: 1; -} - -.companies .module-img-2 { - right: -130px; -} - -.companies .module-parallax { - left: -43px; -} - -.companies .module-shape-3 { - right: -1%; -} - -@media(max-width: 1199px) { - .companies { - padding: 100px 20px 150px 20px; - } - - .companies .module-col { - padding: 30px; - } - - .companies .module-title h2 { - font-size: 58px; - } -} - -@media(max-width: 767px) { - .companies { - padding: 90px 20px; - } - - .companies .module-shape-1 .lqd-custom-shape { - height: 80px; - } - - .companies .module-shape-2 .lqd-custom-shape { - height: 200px; - } - - .companies .btn-lg { - font-size: 13px; - } -} - -/* Testimonials */ -.testimonials .carousel-item { - width: calc(100% / 3.5); -} - -.testimonials .carousel-dots { - position: relative; - max-width: 100%; - width: 100%; - top: auto; - right: auto; - bottom: -25px; - left: auto; -} - -@media (max-width: 1199px) { - .testimonials .carousel-item { - width: calc(100% / 2); - } - - .testimonials .carousel-dots { - display: none; - } -} - -@media (max-width: 767px) { - .testimonials .carousel-item { - width: calc(100% / 1); - } - - .testimonials .module-text { - padding: 0 20px; - } - - .testimonials .module-last { - padding: 0 20px; - } -} - -/* Contact Us */ -.contact-us .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape { - transform: translateX(-50%) rotate(180deg); -} - -.contact-us .lqd-contact-form { - --inputs-margin: 0 0 16px 0; - --input-margin-bottom: 16px; -} - -.contact-us .wpcf7 .screen-reader-response { - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - width: 1px; - margin: -1px; - word-wrap: normal; -} - -.contact-us .lqd-contact-form input[type=submit] { - background: #FFFFFF; - border-color: #FFFFFF; - color: #000000; -} - -.contact-us .lqd-contact-form input[type=submit]:hover { - background: var(--lqd-color-primary); - border-color: var(--lqd-color-primary); -} - -.contact-us .ui-menu-item { - color: rgba(0, 0, 0, 0.7); -} - -@media (max-width: 1199px) { - .contact-us { - padding-right: 20px; - padding-left: 20px; - } - - .contact-us .module-shape-1 .lqd-custom-shape { - height: 80px; - } - - .contact-us .module-shape-2 .lqd-custom-shape { - height: 200px; - } - - .contact-us .module-first { - padding-right: 30px; - } -} - -@media (max-width: 767px) { - .contact-us .module-first { - padding: 0; - margin-bottom: 30px; - } - - .contact-us .module-shape-1 .lqd-custom-shape { - height: 60px; - } - - .contact-us .module-last { - padding: 30px 20px; - } -} - -/* Main Footer */ -.main-footer .btn:hover { - color: var(--lqd-color-green-900); - background-color: var(--lqd-color-primary); -} - -@media (max-width: 1199px) { - .main-footer { - padding-right: 20px; - padding-left: 20px; - } - - .main-footer .module-border { - padding: 40px 15px; - } -} - -@media (max-width: 767px) { - .main-footer .module-col { - margin-top: 50px; - margin-bottom: 20px; - } - - .main-footer .module-col .lqd-imggrp-single { - margin-bottom: 15px; - } - - .main-footer .social-icons-wrapper { - gap: 25px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-6.css b/public/assets/css/demo/start-hub-6.css deleted file mode 100644 index fed17b2..0000000 --- a/public/assets/css/demo/start-hub-6.css +++ /dev/null @@ -1,805 +0,0 @@ -@font-face { - font-family: "Satoshi"; - src: url(../../fonts/satoshi/Satoshi-Bold.woff2) format("woff2"); - font-weight: 700; - font-display: swap; -} - -/* ***** Global ***** */ -:root { - --lqd-container-width: 1140px; - --lqd-container-width-md: 1199px; - --lqd-row-gutter-y: 20px; - --lqd-row-gutter-x: 20px; - - --lqd-color-primary: #6F6FFF; - --lqd-body-text-color: #7E8693; - --lqd-color-title: #2D3C58; - --lqd-badge-color: #6f6fff; - --lqd-color-purple-100: rgba(137, 94, 208, 0.13); - --lqd-color-purple-500: #8D65E9; - --lqd-color-green-500: #6BCD94; - --lqd-color-green-100: rgba(107, 205, 148, 0.32); - --lqd-color-green-700: #82B541; - --lqd-color-green-900: #00CB99; - --lqd-color-blue-100: #6E7F9926; - --lqd-color-blue-500: #165CFD; - --lqd-color-blue-700: #675DE1; - --lqd-color-blue-900: #0A2C4E; - --lqd-color-blue-950: #272634; - --lqd-color-gray-100: rgba(162, 178, 201, 0.15); - --lqd-color-gray-200: #E8ECEE; - --lqd-color-gray-400: #9ca3af; - --lqd-color-gray-500: #6b7280; - --lqd-color-slate-500: #64748b; - --lqd-color-slate-700: #334155; - --lqd-color-red-900: #671E3F; - --lqd-color-gradient-start: var(--lqd-color-purple-500); - --lqd-color-gradient-stop: var(--lqd-color-green-500); - - --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; - --lqd-body-font-size: 15px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.4em; - - --lqd-heading-color: var(--lqd-color-title); - --lqd-heading-font-family: "Satoshi", Sans-serif; - --lqd-heading-font-weight: 600; - --lqd-heading-line-height: 1.1em; - --lqd-h1-font-size: 52px; - --lqd-h1-letter-spacing: -2.5px; - --lqd-h2-font-size: 41px; - --lqd-h2-line-height: 1.3em; - --lqd-h2-letter-spacing: -1.3px; - --lqd-h3-font-size: 32px; - --lqd-h4-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-font-size: 18px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.border-lightgray { - border-color: rgb(112 112 112 / 13%); -} - -.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner { - height: 0.4em; -} - -.font-heading { - font-family: var(--lqd-heading-font-family); -} - -@media screen and (min-width: 1200px) { - .lqd-sticky-footer-shadow-2 #lqd-site-content { - box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .1); - } -} - -@media (max-width: 1199px) { - #lqd-contents-wrap>section { - padding-right: 20px; - padding-left: 20px; - } -} - -/* ***** Button ***** */ -.module-btn-sm { - --btn-pt: 10px; - --btn-pe: 25px; - --btn-pb: 10px; - --btn-ps: 25px; -} - -.module-btn-xs { - --btn-pt: 0.6em; - --btn-pe: 1em; - --btn-pb: 0.6em; - --btn-ps: 1em; -} - -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 5px; - --lqd-menu-items-right-padding: 22px; - --lqd-menu-items-bottom-padding: 5px; - --lqd-menu-items-left-padding: 22px; -} - -.ld-sd-inner .main-nav { - --lqd-menu-items-top-padding: 20px; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 20px; - --lqd-menu-items-left-padding: 0; -} - -.main-header .btn-underlined:before { - background: rgba(255, 255, 255, 0.6); -} - -.main-header .lqd-stickybar-right { - padding: 0; -} - -.main-header .lqd-stickybar-right .btn { - --icon-font-size: 1em; -} - -.main-header .lqd-stickybar-right .btn:hover { - transform: rotate(90deg); -} - -.main-header .lqd-stickybar-left .btn { - box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27); - --icon-font-size: 25px; -} - -.main-header .lqd-stickybar-left .btn:hover { - box-shadow: 0px 0px 0px 5px #82B541; -} - -.main-header .ld-module-sd>.ld-module-dropdown { - width: 65vw; -} - -.main-header .ld-sd-wrap { - padding: unset; -} - -.main-header .ld-module-dropdown .spacer { - --spacer-size: 250px; -} - -.main-header .ld-module-dropdown .module-primary-nav { - --lqd-menu-items-top-padding: 20px; - --lqd-menu-items-right-padding: 0; - --lqd-menu-items-bottom-padding: 20px; - --lqd-menu-items-left-padding: 0; -} - -.main-header .ld-module-dropdown .main-nav>li>a>.link-icon { - font-size: 0.7em; -} - -.main-header .ld-module-dropdown .main-nav>li>a>.link-badge { - font-size: 0.375em; -} - -.is-stuck .module-stuck { - background-color: #ffffff; - border: none; -} - -/* ***** Banner ***** */ -.banner .btn-solid { - box-shadow: 0px 12px 33px 0px rgba(52, 99, 188, 0.17); - --icon-font-size: 0.7em; -} - -.banner .btn-solid:hover { - color: #FFFFFF; - background-color: var(--lqd-color-primary); -} - -.banner .module-shape-1 { - left: 52%; -} - -.banner .module-shape-2 { - right: -10%; -} - -.banner .module-shape-3 { - left: 6%; -} - -.banner .module-shape-4 { - right: -14%; -} - -.banner .module-img { - margin: 0 -16% -36% -17%; -} - -@media (max-width: 1199px) { - .banner .module-gradient { - font-size: 66px; - } - - .banner .module-btn { - margin-bottom: 20px; - } - - .banner .module-img { - margin: 0 -16% 0 -13%; - } - - .banner .module-shape-2 { - bottom: -17%; - } - - .banner .module-shape-4 { - top: -4%; - } - - .banner .module-shape-2 { - right: 12%; - } - - .banner .module-shape-4 { - right: -7%; - } -} - -@media (max-width: 767px) { - .banner .module-shape-4 { - top: -12%; - } - - .banner .module-shape-3 { - left: 1%; - } - - .banner .module-shape-4 { - right: 0; - } -} - -/* ***** Clients ***** */ -.clients { - background-position: 50% 85%; -} - -.clients .lqd-shape svg { - height: 160px; - transform: translateX(-50%) rotateY(180deg); -} - -@media (max-width: 1199px) { - #lqd-contents-wrap .clients { - padding-top: 170px; - padding-bottom: 170px; - padding-right: 0; - padding-left: 0; - } - - .clients .lqd-shape svg { - height: 110px; - } -} - -@media (max-width: 767px) { - #lqd-contents-wrap .clients { - padding-top: 110px; - padding-bottom: 110px; - } - - .clients .lqd-shape svg { - height: 90px; - } - - .clients .module-img { - margin-bottom: 20px; - } -} - -/* ***** Navigation Sections ***** */ -.navigation-sections .reset-ul>li.is-active>a { - color: #000000; -} - -@media (max-width: 767px) { - .navigation-sections .reset-ul>li>a { - font-size: 10px; - } -} - -/* ***** Icon box ***** */ -.icon-box .lqd-iconbox-scale:hover { - transform: scale(1.1); -} - -.icon-box .iconbox-side .iconbox-icon-wrap { - margin-inline-end: 40px; -} - -.icon-box .iconbox-side .iconbox-icon-container { - box-shadow: 0 20px 55px 0 rgba(185, 208, 250, 0.29); -} - -.icon-box .iconbox-side .iconbox-icon-container svg { - width: 50px; - height: 1em; -} - -.icon-box .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg { - opacity: 1; - transform: translateX(.5em); -} - -@media(max-width: 1199px) { - .icon-box { - padding-top: 50px; - } -} - -@media(max-width: 991px) { - .icon-box .lqd-iconbox-scale { - width: 47%; - } -} - -@media(max-width: 767px) { - .icon-box .lqd-iconbox-scale { - margin-bottom: 35px; - width: 100%; - } -} - -/* ***** Tab Items ***** */ -.tab-items { - background-size: 70% auto; -} - -.tab-items .lqd-tabs { - --tab-nav-width: 32%; -} - -.tab-items .lqd-tabs-nav { - --icon-size: 0.9em; -} - -.tab-items .lqd-tabs-nav li a.active { - background-color: #FFFFFF; - box-shadow: 0 15px 45px rgba(0, 0, 0, .075); -} - -.tab-items .lqd-tabs-nav li a.active .lqd-tabs-nav-icon-icon { - background-color: #65BD91; - color: #fff; -} - -.tab-items .module-shape { - left: 2%; -} - -@media(max-width: 1199px) { - .tab-items .module-shape { - top: 355px; - } - - .tab-items .module-shape { - left: 0; - } - - .tab-items .module-tab-inner { - margin: -12% -10% -20% 0; - } -} - -@media(max-width: 991px) { - .tab-items .module-tab-inner { - /* margin: -12% -16% -10% -18%; */ - margin: 0; - } -} - -/* ***** Text Box ***** */ -.text-box .lqd-iconbox-scale:hover { - transform: scale(1.1); -} - -.text-box .lqd-iconbox-scale:hover .iconbox-icon-container { - color: #FFFFFF; - background-color: #00CB99; -} - -.text-box .btn { - margin: 0; -} - -.text-box .module-shape { - right: -17%; -} - -@media (max-width: 767px) { - .text-box .module-shape { - right: -32%; - } -} - -/* ***** Slide Carousel ***** */ -.slide-carousel .lqd-shape-top svg { - height: 165px; - transform: translateX(-50%) rotateY(180deg); -} - -.slide-carousel .module-shape { - left: 26%; -} - -.slide-carousel .module-img { - right: -2%; -} - -.slide-carousel .module-shadow { - min-height: 245px; -} - -.slide-carousel .carousel-item-content { - font-size: 7vw; -} - -.slide-carousel .carousel-item-content>* { - white-space: nowrap; -} - -@media (max-width: 1199px) { - .slide-carousel { - padding-top: 180px; - padding-bottom: 170px; - } - - .slide-carousel .lqd-shape-top svg { - height: 120px; - } - - .slide-carousel .module-column { - margin-bottom: 30px; - } -} - -@media (max-width: 767px) { - .slide-carousel .lqd-shape svg { - height: 100px; - } - - .slide-carousel .module-img { - top: -59px; - } - - .slide-carousel .carousel-item-content { - font-size: 10vw; - } -} - -/* ***** Video Box ***** */ -.video-box .module-shape { - left: 12%; -} - -.video-box .module-video { - min-height: 145px; -} - -.video-box .module-video .btn { - --icon-font-size: 20px; -} - -.video-box .module-video .btn-icon:before { - border-color: #FFFFFF; -} - -.video-box .lqd-extra-cursor { - --extra-cc-w: 80px; - --extra-cc-h: 80px; - background-color: rgba(0, 0, 0, 0.25); -} - -@media (max-width: 1199px) { - .video-box { - padding-top: 100px; - padding-bottom: 100px; - } - - .video-box .module-img { - margin-bottom: 30px; - } - - .video-box .module-shape { - left: 19%; - } -} - -@media (max-width: 767px) { - .video-box { - padding-top: 70px; - padding-bottom: 70px; - } - - .video-box .module-video { - width: 100%; - min-height: 170px; - margin-bottom: 20px; - } -} - -/* ***** Pricing ***** */ -.pricing .lqd-tabs-nav { - --icon-size: 1em; -} - -.pricing .lqd-tabs-nav li:first-child a { - border-radius: 50em 0 0 50em; -} - -.pricing .lqd-tabs-nav li:last-child a { - border-radius: 0 50em 50em 0; -} - -.pricing .lqd-tabs .lqd-tabs-nav li a.active { - background-color: #FFFFFF; - color: #002A40; - border-color: #FFFFFF; -} - -.pricing .module-shape { - --float-animate-to: 16%; - --float-animation-ease: ease; -} - -.pricing .icon-list-item { - --e-icon-list-icon-size: 15px; - --e-icon-list-icon-align: center; - --e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125); -} - -.pricing .btn-underlined.text-green-900:before { - background: var(--lqd-color-green-900); -} - -.pricing .btn-underlined.text-blue-500:before { - background: var(--lqd-color-blue-500); -} - -.pricing .btn-underlined.text-red-900:before { - background: var(--lqd-color-red-900); -} - -.pricing .module-shape { - right: -100px; -} - -.pricing .module-shape-off { - right: -30px; -} - -@media (max-width: 1199px) { - .pricing { - padding-top: 90px; - } - - .pricing .lqd-tabs { - margin-top: 30px; - } -} - -@media (max-width: 767px) { - .pricing .module-flex { - padding-top: 10px; - } -} - -@media screen and (max-width: 575px) { - .pricing .lqd-tabs-nav li { - margin-bottom: 3px; - } - - .pricing .lqd-tabs-nav li:first-child a, - .pricing .lqd-tabs-nav li:last-child a { - border-radius: 50em; - } -} - -/* ***** Need Help ***** */ -.need-help .btn-icon-circle .btn-icon:before { - border-color: #0000003B; -} - -@media (max-width: 1199px) { - .need-help .module-gap { - gap: 20px; - } -} - -/* ***** Has Accoirdion ***** */ -@media (max-width: 1199px) { - .has-accordion { - padding: 0; - } -} - -@media (max-width: 767px) { - .has-accordion { - padding-top: 40px; - padding-bottom: 50px; - } -} - -/* ***** Community ***** */ -.community .lqd-shape[data-negative=false].lqd-shape-bottom, -.community .lqd-shape[data-negative=true].lqd-shape-top { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -.community .lqd-shape svg { - transform: translateX(-50%) rotateY(180deg); -} - -.community .lqd-shape-bottom svg { - height: 165px; -} - -.community .module-shape { - top: -160px; -} - -.community .module-img img { - filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); -} - -.community .lqd-carousel-slides { - justify-content: center; - align-items: center; -} - -.community .carousel-dots { - top: 0; - right: auto; - bottom: 0; - left: auto; -} - -.community .lqd-carousel-slides-numbers, -.community .lqd-carousel-slides-current { - color: #FFFFFF; -} - -.community .module-shape { - left: 1px; -} - -.community .module-paralax { - right: 1%; -} - -.community .carousel-dots-mobile .flickity-page-dots .dot { - background-color: rgba(255, 255, 255, 0.14); -} - -.community .carousel-dots-mobile .flickity-page-dots .dot.is-selected { - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .community { - padding-top: 150px; - padding-bottom: 120px; - } - - .community .carousel-dots { - bottom: -25px; - top: auto; - } - - .community .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots { - margin-top: -10px; - } -} - -@media (max-width: 767px) { - .community { - padding-top: 140px; - } - - .community .lqd-shape-top svg { - height: 80px; - } - - .community .lqd-shape-bottom svg { - height: 100px; - } -} - -/* ***** Careers ***** */ -#lqd-contents-wrap .careers { - padding-right: 0; - padding-left: 0; -} - -.careers .module-shape-1 { - top: -126px; -} - -.careers .module-shape-2 { - top: -263px; -} - -.careers .module-ipad { - margin: 0 0 -12% 5%; -} - -.careers .module-phone-inner { - margin: 0 0 -21% 0; -} - -.careers .module-shape-1 { - left: -91px; -} - -.careers .module-shape-2 { - right: -41px; -} - -.careers .module-shape-3 { - left: -241px; -} - -.careers .module-shape-4 { - right: -232.6px; -} - -@media (max-width: 1199px) { - .careers .module-phone { - width: 380px; - bottom: -3.4%; - } - - .careers .module-phone { - left: -2.8%; - } -} - -@media (max-width: 767px) { - #lqd-contents-wrap .careers { - padding-top: 60px; - padding-bottom: 40px; - padding-right: 20px; - padding-left: 20px; - } - - .careers .ld-fancy-heading h2 { - font-size: 70px; - } - - .careers .module-phone { - width: 50%; - bottom: -3.4%; - } -} - -/* ***** Footer ***** */ -@media (max-width: 1199px) { - .main-footer { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .main-footer { - padding-bottom: 70px; - } - - .main-footer .module-logo { - margin-bottom: 30px; - } - - .main-footer .module-text { - margin-bottom: 15px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-8/base.css b/public/assets/css/demo/start-hub-8/base.css deleted file mode 100644 index 0068d6d..0000000 --- a/public/assets/css/demo/start-hub-8/base.css +++ /dev/null @@ -1,281 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-container-width: 1140px; - --lqd-row-gutter-x: 0; - --lqd-row-gutter-y: 0; - - --lqd-color-primary: #000000; - --lqd-body-text-color: #4A4A4A; - --lqd-color-accent: #49C193; - --lqd-color-dark: #292929; - --lqd-color-link: #5b7bfb; - --lqd-color-dark: #292929; - --lqd-color-blue-100: #E3E4E8; - --lqd-color-blue-200: #D9F8EA; - --lqd-color-blue-300: #EBF8D9; - --lqd-color-blue-600: #696d79; - --lqd-color-blue-700: #032A3E; - --lqd-color-gray-100: rgba(97, 150, 157, 0.18); - --lqd-color-gray-200: #e2e8f0; - --lqd-color-gray-400: #8e929b; - --lqd-color-green-50: rgba(106, 255, 192, 0.24); - --lqd-color-green-100: #E1F2E6; - --lqd-color-green-200: #ECF0E7; - --lqd-color-green-300: #82B541; - --lqd-color-green-400: #6AFFC0; - --lqd-color-green-500: #C7D0C1; - --lqd-color-green-600: #5e746a; - --lqd-color-orange-100: #F0EBE7; - --lqd-color-orange-200: #F8E6D9; - --lqd-color-orange-300: #ffc29f; - --lqd-color-orange-600: #807264; - --lqd-color-purple-100: rgba(141, 126, 255, 0.44); - --lqd-color-purple-500: #9F51E0; - --lqd-color-slate-100: rgba(97, 150, 157, 0.18); - --lqd-color-slate-200: #e2e8f0; - --lqd-color-slate-300: #A2B2C9; - --lqd-color-slate-400: #94a3b8; - --lqd-color-slate-500: #64748b; - --lqd-color-slate-600: #61969D; - --lqd-color-slate-700: #3A5274; - --lqd-color-yellow-50: #F9F8F5; - --lqd-color-yellow-100: #EDEBE2; - --lqd-color-yellow-200: #F1F0E8; - --lqd-color-yellow-600: #84806f; - --lqd-badge-color: #6f6fff; - --lqd-color-link-hover: #181b31; - --lqd-body-text-color: #626974; - - --lqd-body-font-family:'Be Vietnam Pro', sans-serif;; - --lqd-body-font-size: 15px; - --lqd-body-font-weight: 400; - --lqd-body-line-height: 1.4em; - --lqd-accent-font-family: 'Libre Baskerville', serif; - --lqd-accent-font-style: italic; - - --lqd-heading-font-family: "Space Grotesk", Sans-serif; - --lqd-heading-font-weight: 700; - --lqd-heading-line-height: 1em; - --lqd-heading-color: var(--lqd-color-dark); - --lqd-h1-font-size: 64px; - --lqd-h1-letter-spacing: -4px; - --lqd-h2-font-size: 48px; - --lqd-h2-letter-spacing: -1.5px; - --lqd-h3-font-size: 40px; - --lqd-h3-letter-spacing: -0.5px; - --lqd-h4-font-size: 37px; - --lqd-h4-font-weight: 600; - --lqd-h5-font-size: 22px; - --lqd-h6-font-size: 18px; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; - -} - -.module-text-border:hover { - background-color: #F8E6D9; - border-color: #F8E6D9; - border-style: solid; - box-shadow: 0 33px 50px 0px rgba(0, 0, 0, 0.18); -} - -/* Titlebar */ -.titlebar-inner h1 { - font-size: 72px; -} - -@media (max-width: 767px) { - .titlebar-inner h1 { - font-size: 62px; - } -} - -/* ***** Button ***** */ -.module-btn-sm { - --btn-pt: 8px; - --btn-pe: 22px; - --btn-pb: 8px; - --btn-ps: 22px; -} - -.btn-underlined:hover:after { - transform-origin: left center; - transform: scaleX(1); -} - -.border-thin { - font-family: var(--lqd-accent-font-family), Sans-serif; - font-style: var(--lqd-accent-font-style); -} - -.border-thin:after { - background: #EBF0E6; -} - -/* ***** Shape & Mark ***** */ -.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner { - height: 0.4em; -} - -/* ***** Lity ***** */ -.lity-modal .lqd-contact-form { - --inputs-margin: 0 0 30px 0; - --input-margin-bottom: 30px; -} - -.lity-modal .ld-fancy-heading h2 span { - font-family: 'DM Serif Text', serif; - font-style: italic; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-container { - padding: 70px 0 30px 0; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - line-height: 0.75em; - } - - .lity-modal .module-info { - margin-top: 30px; - } - - .lity-modal .lqd-contact-form { - margin-top: 30px; - } -} - -/* ***** Main Header ***** */ -.main-header .main-nav { - --lqd-menu-items-top-padding: 15px; - --lqd-menu-items-right-padding: 60px; - --lqd-menu-items-bottom-padding: 15px; - --lqd-menu-items-left-padding: 0; -} - -.main-header .main-nav > li > a:before { - background-color: #F4F4F4; -} - -.main-header .ld-module-trigger:before { - content: ""; - display: inline-block; - width: 160%; - height: 160%; - position: absolute; - top: -25%; - left: -25%; -} - -.main-header .ld-module-search .ld-module-trigger-icon { - width: 38px; - height: 38px; -} - -.main-header .btn-icon-left { - --icon-font-size: 1.3em; -} - -.main-header .btn-hover-txt-switch-change { - --icon-font-size: 1.1em; -} - -.main-header .btn-icon-left:hover, -.main-header .btn-icon-left:focus { - color: #000000; -} - -.main-header .btn-icon-left:hover .btn-icon, -.main-header .btn-icon-left:focus .btn-icon { - background: #000000; -} - -@media (max-width: 1199px) { - .main-header .module-header { - padding: 10px; - } -} -/* ***** Sticky Bar Left ***** */ -.main-header .lqd-stickybar-left .btn { - --icon-font-size: 25px; - box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27); -} - -/* ***** Sticky Bar Right ***** */ -.main-header .lqd-stickybar-right { - justify-content: start; -} - -.main-header .lqd-stickybar-right .btn { - --icon-font-size: 17px; -} - -/* ***** Footer ***** */ -.main-footer .btn-solid:hover, -.main-footer .btn-solid:focus { - color: #1C3329; - background-color: #6AFFC0; -} - -.main-footer a:hover, -.main-footer a:hover path { - color: #fff; - fill: #fff; -} - -@media (max-width: 1199px) { - .main-footer { - padding: 70px 20px; - } - - .main-footer .module-border { - padding: 40px 15px; - } -} - -@media (max-width: 767px) { - .main-footer .column-md-50 { - width: 50%; - } - - .main-footer .column-md-100 { - width: 100%; - } - - .main-footer .lqd-imggrp-single { - margin-bottom: 15px; - } - - .main-footer .module-copyright { - margin-top: 50px; - margin-bottom: 20px; - } - - .main-footer .module-social { - margin: 0; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-8/start-hub-8-contact.css b/public/assets/css/demo/start-hub-8/start-hub-8-contact.css deleted file mode 100644 index 026f1d9..0000000 --- a/public/assets/css/demo/start-hub-8/start-hub-8-contact.css +++ /dev/null @@ -1,23 +0,0 @@ -/* Faq */ -.faq { - --lqd-color-brown-300: #F5DBB8; - --lqd-color-brown-500: #A25139; - --lqd-color-gray-100: #F7F7F8; - --lqd-color-slate-600: #225469; -} -.faq .accordion-item.active .accordion-title a { - color: #000000; - background-color: #FFFFFF; -} - -@media (max-width: 1199px) { - .faq { - padding: 50px 40px; - } -} - -@media (max-width: 767px) { - .faq { - padding: 40px 20px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-8/start-hub-8.css b/public/assets/css/demo/start-hub-8/start-hub-8.css deleted file mode 100644 index 26846c2..0000000 --- a/public/assets/css/demo/start-hub-8/start-hub-8.css +++ /dev/null @@ -1,392 +0,0 @@ -/* Banner */ -.banner .module-section { - height: 90vh; -} - -.banner .module-shape-1 { - bottom: -275px; -} - -@media (max-width: 1199px) { - .banner { - padding-right: 30px; - padding-left: 30px; - } - - .banner .module-section { - padding: 35px 20px; - } - - .banner .pos-abs:first-child img { - width: 340px; - } - - .banner .module-shape-2 { - top: 40%; - } - - .banner .module-shape-1 { - right: 50px; - } - - .banner .module-shape-2 { - left: 6%; - } - - .banner .module-shape-3 { - right: 1%; - } - - .banner .module-shape-4 { - right: 10%; - } - - .banner .pos-abs.bottom-0 { - right: 25%; - } -} - -@media (max-width: 767px) { - .banner { - padding: 0 20px; - } - - .banner .module-section { - height: 100vh; - } - - .banner .ld-fancy-heading h1 { - font-size: 12vw; - } - - .banner .module-shape-1 { - right: 0; - } - - .banner .module-shape-2 { - top: -21%; - } - - .banner .module-shape-3 { - top: -20px; - } -} - -/* Design Services */ -.design-services .lqd-iconbox-scale:hover { - background-color: #EBF0E6; - transform: scale(1.1); -} - -.design-services .module-shape { - left: -10%; -} - -@media (max-width: 1199px) { - .design-services .lqd-iconbox-scale { - padding: 35px 20px; - } - - .design-services .module-iconbox { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .design-services { - padding: 90px 20px; - } - - .design-services .module-shape { - left: 0; - } - - .design-services .module-shape { - top: 3%; - } - - .design-services .module-shape img { - width: 49px; - } -} - -/* Services */ -.services .carousel-nav .flickity-button { - width: 50px; - height: 50px; - color: #000000; - border-width: 1px; - border-radius: 12px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.15); - background-color: transparent; -} - -.services .carousel-nav { - width: 100%; - max-width: 100%; -} - -.services .flickity-button:hover { - color: #FFFFFF; - border-style: solid; - border-color: #000000; - background-color: #000000; -} - -.services .module-shape { - left: 30%; -} - -@media (max-width: 1199px) { - .services { - padding: 50px 20px; - } -} - -/* Case Studies */ -.case-studies .filter-list li { - color: #000000; -} - -.case-studies .filter-list li.active { - color: #C10909; -} - -.case-studies .liquid-filter-items { - margin-bottom: 30px; -} - -.case-studies .lqd-pf-item { - margin-bottom: 20px; -} - -.case-studies>.module-shape-1 { - left: -90px; -} - -.case-studies>.module-shape-2 { - right: -2%; -} - -.case-studies .lqd-pf-grid .module-shape-3 { - right: -60px; -} - -@media (max-width: 1199px) { - .case-studies { - padding-right: 20px; - padding-left: 20px; - } -} - -@media (max-width: 767px) { - .case-studies .lqd-pf-grid .module-shape-3 { - max-width: 80px; - top: -60px; - } - - .case-studies>.module-shape-1 { - left: -38%; - } - - .case-studies>.module-shape-2 { - right: -16%; - } - - .case-studies .lqd-pf-grid .module-shape-3 { - right: -25px; - } -} - -/* Steps Install */ -.steps-install .h1 { - font-size: 190px; - color: #DFE2EA; -} - -.steps-install .module-middle { - margin-right: 12.5%; - margin-left: 12.5%; -} - -@media (max-width: 1199px) { - .steps-install { - padding: 30px 40px 0 40px; - } - - .steps-install .module-middle { - margin: 0; - } -} - -@media (max-width: 767px) { - .steps-install { - padding: 60px 20px 0 20px; - } - - .steps-install .module-first, - .steps-install .module-middle { - margin-bottom: 30px; - } -} - -/* Our Vision */ -.our-vision .lqd-section-flow-panel-end { - padding: 10% 8% 10% 8%; -} - -.our-vision .lqd-throwable-scene { - height: 855px; -} - -.our-vision .module-shape { - left: 43%; -} - -.our-vision .iconbox-icon-ripple .iconbox-icon-container:before { - border-color: var(--lqd-color-accent); -} - -@media (max-width: 1199px) { - .our-vision { - padding-bottom: 220px; - } -} - -@media (max-width: 767px) { - .our-vision { - padding: 90px 20px 390px 20px; - } - - .our-vision .lqd-section-flow-panel-end { - padding: 0; - } - - .our-vision .module-content { - padding-bottom: 30px; - } -} - -/* Testimonials */ -.testimonials .star-rating { - font-family: Arial, Helvetica, sans-serif; -} - -.testimonials .carousel-dots { - top: auto; - right: auto; - bottom: -65px; - left: auto; -} - -.testimonials .carousel-dots:not(.carousel-dots-inside) { - position: relative; -} - -.testimonials .module-shape-1 { - left: 13%; -} - -.testimonials .module-shape-2 { - right: 23%; -} - -@media (max-width: 1199px) { - .testimonials .carousel-item { - padding-right: 15px; - padding-left: 15px; - } - - .testimonials .module-shape-2 { - top: 14%; - } - - .testimonials .module-shape-1 { - left: 3%; - } - - .testimonials .module-shape-2 { - right: 8%; - } -} - -@media (max-width: 767px) { - .testimonials { - padding-bottom: 60px; - } - - .testimonials .col-12:first-child { - margin-bottom: 40px; - } - - .testimonials .carousel-item { - padding-right: 20px; - padding-left: 20px; - } - - .testimonials .module-shape-2 { - top: 4%; - } - - .testimonials .module-content { - padding: 25px 15px; - } -} - -/* Clients */ -@media (max-width: 1199px) { - .clients { - padding: 50px 20px 100px 20px; - } -} - -@media (max-width: 767px) { - .clients { - padding-top: 50px; - padding-bottom: 90px; - } - - .clients .carousel-item { - width: calc(100% / 2); - flex: 0 0 auto; - } -} - -/* Contact Form */ -.contact-form .lqd-contact-form { - --inputs-margin: 0 0 25px 0; - --input-margin-bottom: 25px; -} - -.contact-form .module-shape-3 { - right: 123px; -} - -.contact-form .module-shape-4 { - right: 11%; -} - -@media (max-width: 1199px) { - .contact-form { - padding-right: 20px; - padding-left: 20px; - padding-bottom: 70px; - } - - .contact-form .lqd-contact-form { - padding: 20px 30px 30px 30px; - } -} - -@media (max-width: 767px) { - .contact-form { - padding-top: 150px; - padding-bottom: 100px; - } - - .contact-form .module-shape-1 { - top: -126px; - } -} \ No newline at end of file diff --git a/public/assets/css/demo/start-hub-x.css b/public/assets/css/demo/start-hub-x.css deleted file mode 100644 index bba8f5a..0000000 --- a/public/assets/css/demo/start-hub-x.css +++ /dev/null @@ -1,510 +0,0 @@ -/* ***** Global ***** */ -:root { - --lqd-color-primary: #8777E0; - --lqd-color-secondary: #60A3E6; - --lqd-body-text-color: #454545; - --lqd-color-purple-100: #E8E4FB; - --lqd-color-purple-500: #895ED0; - --lqd-color-green-500: #0AC994; - --lqd-color-slate-100: #F3F7FF; - --lqd-color-slate-500: #6e7f99; - --lqd-color-slate-600: #5D6371; - --lqd-color-slate-700: #2F313B; - --lqd-color-gray-100: #FAF7F7; - --lqd-color-gray-200: #F2F3F4; - --lqd-color-gray-300: #bbb; - --lqd-color-gray-700: #454545; - --lqd-color-gray-900: #222222; - --lqd-color-blue-500: #006BFF; - --lqd-color-blue-900: #28263C; - --lqd-color-dark: #262626; - --lqd-color-gradient-start: var(--lqd-color-primary); - --lqd-color-gradient-stop: var(--lqd-color-secondary); - --lqd-badge-color: var(--lqd-color-primary); - - --lqd-body-font-family: "Golos Text", Sans-serif; - - --lqd-heading-color: #181b31; - --lqd-heading-font-family: var(--lqd-body-font-family); - --lqd-heading-font-weight: 600; - --lqd-heading-line-height: 1.2em; - --lqd-h1-font-size: 62px; - --lqd-h2-font-size: 56px; - --lqd-h2-line-height: 1em; - --lqd-h2-letter-spacing: -1.4px; - --lqd-h3-font-size: 32px; - --lqd-h3-font-size: 25px; - --lqd-h5-font-size: 21px; - --lqd-h6-color: #254043; - --lqd-h6-font-size: 10px; - --lqd-h6-font-weight: 500; - - --lqd-cc-bc: var(--lqd-color-primary); - --lqd-cc-bg: var(--lqd-color-primary); - --lqd-cc-size-outer: 35px; - --lqd-cc-size-inner: 7px; - --lqd-cc-bw: 1px; - --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); - --lqd-cc-active-bc: var(--lqd-color-primary); - --lqd-cc-active-bg: var(--lqd-color-primary); - --lqd-cc-active-bw: 1px; - --lqd-cc-active-circle-color: #fff; - --lqd-cc-active-circle-txt: #000; - --lqd-cc-active-arrow-color: #fff; -} - -.module-sections>section, -.main-footer>section { - width: 960px; -} - -@media (max-width: 1199px) { - .module-sections>section { - width: 100%; - } -} - -@media (max-width: 767px) { - - h2, - .h2 { - font-size: 12vw; - } -} - -/* ***** Button ***** */ -.module-btn-md { - --btn-pt: 12px; - --btn-pe: 24px; - --btn-pb: 12px; - --btn-ps: 24px; -} - -.module-btn-sm { - --btn-pt: 8px; - --btn-pe: 22px; - --btn-pb: 8px; - --btn-ps: 22px; -} - -.module-btn-xs { - --btn-pt: 2px; - --btn-pe: 6px; - --btn-pb: 2px; - --btn-ps: 6px; -} - -/* ***** Main Header ***** */ -.main-header .module-header-top { - min-height: 46px; -} - -.main-header .module-header-middle .social-icon:hover svg, -.main-header .module-header-middle .social-icon:hover path { - fill: #0E1758BD; -} - -.main-header .module-header-middle { - min-height: 36px; -} - -.main-header .module-header-middle .social-icons-wrapper { - --grid-template-columns: repeat(0, auto); - --icon-size: 20px; - --grid-column-gap: 15px; - --grid-row-gap: 0; -} - -.main-header .module-header-bottom { - min-height: 55px; -} - -.is-stuck .module-header-bottom { - margin-top: 30px; -} - -.main-header .lqd-stickybar-wrap .btn-solid:hover { - transform: translate3d(0, 0, 0); -} - -.main-header .lqd-stickybar-right .btn-solid:hover { - box-shadow: 0 0 0 2px #000000; -} - -.main-header .lqd-stickybar-left .btn-solid:hover { - box-shadow: 0 0 0 5px var(--lqd-color-green-500); -} - -/* ***** Lity Modal Mini ***** */ -.lity-modal-mini .lqd-contact-form { - --inputs-margin: 0; - --input-margin-bottom: 0; -} - -.main-header .lity-modal-mini .lqd-contact-form select:focus, -.main-header .lity-modal-mini .lqd-contact-form input:focus, -.main-header .lity-modal-mini .lqd-contact-form textarea:focus { - color: #000000; -} - -@media (max-width: 1199px) { - .lity-modal .module-content { - padding: 10px; - } - - .lity-modal .ld-fancy-heading h2 { - font-size: 48px; - line-height: 1em; - } -} - -@media (max-width: 767px) { - .lity-modal .ld-fancy-heading h2 { - font-size: 34px; - } -} - -/* ***** Banner ***** */ -@media (max-width: 767px) { - .banner { - padding-top: 70px; - } - - .banner .ld-fancy-heading h2 { - font-size: 14vw; - letter-spacing: -1px; - } -} - -/* ***** Features ***** */ -.features .lqd-imggrp-single[data-float] { - --float-animate-to: 12%; -} - -.features .iconbox-heading-arrow-onhover:hover h3 svg { - opacity: 1; - transform: translateX(0.5em); -} - -.features .module-arrow { - right: 205px; -} - -.features .module-btn { - right: 50px; -} - -/* ***** Commit ***** */ -@media (max-width: 1199px) { - .commit { - gap: 60px; - } -} - -/* ***** Manage Data ***** */ -.manage-data .module-video { - width: 430px; - min-height: 370px; -} - -.manage-data .module-emoji { - right: 125px; -} - -@media (max-width: 1199px) { - .manage-data { - gap: 60px; - } - - .manage-data .module-emoji { - right: 280px; - } -} - -@media (max-width: 767px) { - .manage-data { - padding: 60px 10px; - } -} - -/* ***** Throwable ***** */ -.throwable .btn:hover, -.throwable .btn:focus { - border-style: solid; - border-color: #7C849A; -} - -.throwable .lqd-imggrp-single[data-float] { - --float-animate-to: 10%; -} - -.throwable .module-text-1 { - background-color: #E2EEE1; -} - -.throwable .module-text-2 { - background-color: #ffe3d3; -} - -.throwable .module-text-3 { - background-color: #dbefe8; -} - -.throwable .module-text-4 { - background-color: #d8c0ff; -} - -.throwable .module-text-5 { - background-color: #AB6BDD; -} - -.throwable .module-text-6 { - background-color: #eaeaea; -} - -.throwable .module-shape { - right: -100px; -} - -.throwable .module-emoji { - right: 80px; -} - -/* ***** Process ***** */ -.process .iconbox:hover .iconbox-icon-container { - color: #FFFFFF; - background-color: var(--lqd-color-primary); - box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); -} - -.process .module-icon-box:before { - height: 0; -} - -.process .module-arrow { - right: 270px; -} - -@media (max-width: 767px) { - .process .module-arrow { - top: 150px; - } - - .process .module-col { - margin-top: 30px; - padding-right: 10px; - padding-left: 10px; - } - - .process .module-arrow { - right: 67%; - } -} - -/* ***** Compare ***** */ -.compare { - background-size: 70% auto; -} - -@media (max-width: 767px) { - .compare { - padding-right: 10px; - padding-left: 10px; - } -} - -/* ***** Clients ***** */ -.clients .module-bg { - background-size: 70% auto; - filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); -} - -/* ***** Testimonial ***** */ -.testimonial { - background-position: 50% 30%; - background-size: 80% auto; -} - -.testimonial .lqd-imggrp-single[data-float] { - --float-animate-to: 10%; -} - -.testimonial .carousel-nav { - top: 30%; -} - -.testimonial .carousel-nav.carousel-nav-left.carousel-nav-floated { - right: 0; -} - -.testimonial .carousel-nav .flickity-button { - width: 10px; - background-color: transparent; - color: #000000; - padding: 0; - border-radius: 0; -} - -.testimonial .carousel-nav .flickity-button.previous { - left: -70px; -} - -.testimonial .carousel-nav .flickity-button.next { - right: -70px; -} - -.testimonial .carousel-dots { - top: auto; - right: auto; - bottom: -25px; - left: auto; -} - -.testimonial .carousel-dots:not(.carousel-dots-inside) { - position: relative; -} - -.testimonial .module-avatar { - left: 180px; -} - -@media (max-width: 1199px) { - .testimonial { - background-position: 0 0; - } - - .testimonial .module-avatar { - left: 80px; - } -} - -@media (max-width: 767px) { - .testimonial .module-avatar { - left: 20px; - } - - .testimonial .module-avatar { - top: 10px; - } -} - -/* ***** Faq ***** */ -.faq .lqd-imggrp-single[data-float] { - --float-animate-to: 10%; -} - -.faq .module-avatar { - right: 200px; -} - -@media (max-width: 1199px) { - .faq { - padding: 50px; - } - - .faq .module-avatar { - right: 100px; - } -} - -@media (max-width: 767px) { - .faq { - padding: 50px 20px; - } - - .faq .module-avatar { - top: 10px; - } - - .faq .module-avatar { - right: 10px; - } -} - -/* ***** CTA ***** */ -.cta { - background-image: url("../../images/demo/start-hub-x/bg/cta-bg.svg"); - min-height: 408px; -} - -.cta .txt-rotate-keywords { - --visible-words: 7; -} - -.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner { - --lqd-color-start: #361B5C; - --lqd-color-stop: #6693A7; -} - -.cta .btn:hover, -.cta .btn:focus { - color: #211F36; -} - -@media (max-width: 1199px) { - .cta { - padding: 0 50px 0 20px; - } -} - -@media (max-width: 767px) { - .cta { - background-image: url("../../images/demo/start-hub-x/bg/cta-bg-m.svg"); - background-size: cover; - flex-grow: 0; - align-self: initial; - padding: 10px; - } - - .cta .module-btn { - margin-top: 20px; - margin-bottom: 10px; - } - - .cta .ld-fancy-heading .txt-rotator-list { - font-size: 9vw; - } -} - -/* ***** Footer ***** */ -.main-footer .social-icons-wrapper { - --grid-template-columns: repeat(0, auto); - --icon-size: 30px; - --grid-column-gap: 25px; - --grid-row-gap: 0; -} - -@media (max-width: 1199px) { - .main-footer { - padding: 0 20px; - } - - .main-footer>section { - width: 960px; - padding-top: 100px; - } -} - -@media (max-width: 991px) { - .main-footer>section { - width: 100%; - } -} - -@media (max-width: 767px) { - .manage-data .module-video { - width: 100%; - } - - .main-footer>section { - padding-top: 70px; - } - - .main-footer .lqd-fancy-menu li { - margin-right: 20px; - } - - .main-footer .module-text { - padding-bottom: 20px; - } -} \ No newline at end of file diff --git a/public/assets/js/demo/start-hub-4.js b/public/assets/js/demo/start-hub-4.js deleted file mode 100644 index b46d864..0000000 --- a/public/assets/js/demo/start-hub-4.js +++ /dev/null @@ -1,55 +0,0 @@ -( () => { - const wrapper_093c16a = document.getElementById( 'lqd-lottie-confetti' ); - const animItem_093c16a = bodymovin.loadAnimation( { - wrapper: wrapper_093c16a, - animType: 'canvas', - name: 'lqd-lottie-confetti', - autoplay: true, - loop: false, - path: './assets/json/start-hub-4/confetti.json', - rendererSettings: { - className: 'lqd-lottie', - } - } ); - - lottie.setDirection( 1, 'lqd-lottie-confetti' ); - lottie.setSpeed( 0.7, 'lqd-lottie-confetti' ); - - lottie.pause( 'lqd-lottie-confetti' ); - - new IntersectionObserver( ( [ entry ] ) => { - if ( entry.isIntersecting ) { - lottie.play( 'lqd-lottie-confetti' ); - } else { - lottie.pause( 'lqd-lottie-confetti' ) - } - } ).observe( wrapper_093c16a ) - - // ****** - - const wrapper_c833602 = document.getElementById( 'lqd-lottie-footer' ); - const animItem_c833602 = bodymovin.loadAnimation( { - wrapper: wrapper_c833602, - animType: 'svg', - name: 'lqd-lottie-footer', - autoplay: true, - loop: true, - path: './assets/json/start-hub-4/gradient-color.json', - rendererSettings: { - className: 'lqd-lottie', - } - } ); - - lottie.setDirection( 1, 'lqd-lottie-footer' ); - lottie.setSpeed( 0.5, 'lqd-lottie-footer' ); - - lottie.pause( 'lqd-lottie-footer' ); - - new IntersectionObserver( ( [ entry ] ) => { - if ( entry.isIntersecting ) { - lottie.play( 'lqd-lottie-footer' ); - } else { - lottie.pause( 'lqd-lottie-footer' ) - } - } ).observe( wrapper_c833602 ) -} )(); \ No newline at end of file diff --git a/public/assets/js/demo/start-hub-8.js b/public/assets/js/demo/start-hub-8.js deleted file mode 100644 index 55fd486..0000000 --- a/public/assets/js/demo/start-hub-8.js +++ /dev/null @@ -1,25 +0,0 @@ -( () => { - const formContentLottie = document.getElementById( 'lqd-lottie-form-contact' ); - if ( !formContentLottie ) return; - bodymovin.loadAnimation( { - wrapper: formContentLottie, - animType: 'svg', - name: 'lqd-lottie-form-contact', - autoplay: true, - loop: true, - path: './assets/json/start-hub-8/lqd-lottie.json', - rendererSettings: { - className: 'lqd-lottie', - } - } ); - lottie.setDirection( 1, 'lqd-lottie-form-contact' ); - lottie.setSpeed( 1, 'lqd-lottie-form-contact' ); - lottie.pause( 'lqd-lottie-form-contact' ); - new IntersectionObserver( ( [ entry ] ) => { - if ( entry.isIntersecting ) { - lottie.play( 'lqd-lottie-form-contact' ); - } else { - lottie.pause( 'lqd-lottie-form-contact' ) - } - } ).observe( formContentLottie ) -} )(); \ No newline at end of file diff --git a/public/assets/js/demo/start-hub-x.js b/public/assets/js/demo/start-hub-x.js deleted file mode 100644 index b9417df..0000000 --- a/public/assets/js/demo/start-hub-x.js +++ /dev/null @@ -1,58 +0,0 @@ -( () => { - const wrapper_0567a15 = document.getElementById( 'lqd-lottie-features' ); - const animItem_0567a15 = bodymovin.loadAnimation( { - wrapper: wrapper_0567a15, - animType: 'svg', - name: 'lqd-lottie-features', - autoplay: true, - loop: true, - path: './assets/json/start-hub-x/lqd-lottie-features.json', - rendererSettings: { - className: 'lqd-lottie', - } - } ); - - lottie.setDirection( 1, 'lqd-lottie-features' ); - lottie.setSpeed( 1, 'lqd-lottie-features' ); - - lottie.pause( 'lqd-lottie-features' ); - - new IntersectionObserver( ( [ entry ] ) => { - if ( entry.isIntersecting ) { - lottie.play( 'lqd-lottie-features' ); - } else { - lottie.pause( 'lqd-lottie-features' ) - } - } ).observe( wrapper_0567a15 ) -} )(); - -// ****** - -( () => { - const wrapper_732b232f = document.getElementById( 'lqd-lottie-footer' ); - const animItem_732b232f = bodymovin.loadAnimation( { - wrapper: wrapper_732b232f, - animType: 'svg', - name: 'lqd-lottie-footer', - autoplay: true, - loop: true, - path: './assets/json/start-hub-x/lqd-lottie-footer.json', - rendererSettings: { - className: 'lqd-lottie', - } - } ); - - lottie.setDirection( 1, 'lqd-lottie-footer' ); - lottie.setSpeed( 0.5, 'lqd-lottie-footer' ); - - lottie.pause( 'lqd-lottie-footer' ); - - new IntersectionObserver( ( [ entry ] ) => { - if ( entry.isIntersecting ) { - lottie.play( 'lqd-lottie-footer' ); - } else { - lottie.pause( 'lqd-lottie-footer' ) - } - } ).observe( wrapper_732b232f ) -} )(); - diff --git a/public/assets/js/liquid-ajax-contact-form.min.js b/public/assets/js/liquid-ajax-contact-form.min.js deleted file mode 100644 index 4467d4c..0000000 --- a/public/assets/js/liquid-ajax-contact-form.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(t){"use strict";t(".lqd-cf-form ").submit((function(r){r.preventDefault();var s=!0,e=this,o=t(e).siblings(".lqd-cf-response-output"),i;if(t(e).find(":required").each((function(){t(this).css("border-color",""),t.trim(t(this).val())||(t(this).css("border-color","red"),s=!1);var r=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;"email"!=t(this).attr("type")||r.test(t.trim(t(this).val()))||(t(this).css("border-color","red"),s=!1)})).keyup((function(){t(this).css("border-color","")})).change((function(){t(this).css("border-color","")})),s){var a=t(this).attr("action"),c=t(this).attr("method"),n=t(this).serialize();t.ajax({url:a,type:c,dataType:"json",data:n}).done((function(r){"error"==r.type?i='
":(t(e)[0].reset(),i='"),o.removeClass("hidden").html(i),setTimeout((function(){o.addClass("hidden").html("")}),7e3)}))}}))}(jQuery); \ No newline at end of file diff --git a/public/assets/js/liquid-ajax-mailchimp.min.js b/public/assets/js/liquid-ajax-mailchimp.min.js deleted file mode 100644 index f1e1c93..0000000 --- a/public/assets/js/liquid-ajax-mailchimp.min.js +++ /dev/null @@ -1 +0,0 @@ -!function($){$(".ld_sf_form").on("submit",function(s){s.preventDefault();var t=$(this),e=$(".ld_sf_response",t.parent());t.addClass("form-submitting"),$.ajax({type:t.attr("method"),url:t.attr("action").replace("/post?","/post-json?").concat("&c=?"),data:t.serialize(),cache:!1,dataType:"json",contentType:"application/json; charset=utf-8",error:function(s){t.removeClass("form-submitting"),alert("Could not connect to the registration server. Please try again later.")},success:function(s){t.removeClass("form-submitting"),"success"===s.result?(e.addClass("ld_sf_response-success"),e.html("Thank you for subscribing. We have sent you a confirmation email.
")):(e.addClass("ld_sf_response-error"),e.html(""+s.msg.substring(4)+"
"))}})})}(jQuery); \ No newline at end of file diff --git a/public/assets/js/liquid-gdpr.min.js b/public/assets/js/liquid-gdpr.min.js deleted file mode 100644 index 1dae2a9..0000000 --- a/public/assets/js/liquid-gdpr.min.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(()=>{class e{constructor(e,t){this.DOM={},this.DOM.element=e,this.DOM.acceptBtn=this.DOM.element.querySelector(".lqd-gdpr-accept"),this.expires=t,document.body.appendChild(this.DOM.element),this.init(),this.eventListeners(),this.DOM.element.classList.add("lqd-gdpr-ready")}init(){const e=this.getCookie();(e.length<1||"accepted"!==e[0].split("=")[1])&&this.showPopup()}eventListeners(){this.DOM.acceptBtn.addEventListener("click",(()=>{this.setCookie.call(this),this.hidePopup.call(this)}))}setCookie(){const e=new Date;e.setTime(e.getTime()+24*this.expires*60*60*1e3);const t="expires="+e.toUTCString();document.cookie="lqd-gdpr=accepted; ".concat(t)}getCookie(){return document.cookie.split(";").filter((e=>"lqd-gdpr"===e.trim().split("=")[0]))}showPopup(){this.DOM.element.classList.add("lqd-gdpr-visible"),this.DOM.element.classList.remove("lqd-gdpr-hidden")}hidePopup(){this.DOM.element.classList.add("lqd-gdpr-hidden"),this.DOM.element.classList.remove("lqd-gdpr-visible")}}const t=document.querySelector("#lqd-gdpr");t&&new e(t,365)})(); \ No newline at end of file diff --git a/public/assets/js/theme.js b/public/assets/js/theme.js deleted file mode 100644 index 560c70d..0000000 --- a/public/assets/js/theme.js +++ /dev/null @@ -1,14358 +0,0 @@ - -"use strict"; - -window.liquidPageLoaded = false; -window.liquidIsElementor = window.liquidIsElementor || document.body.classList.contains('elementor-page'); -window.liquidElements = $ => { - window.$liquidWindow = $(window); - window.$liquidHtml = $('html'); - window.$liquidBody = $('body'); - window.$liquidSiteWrap = $('#wrap'); - window.$liquidContents = $('#lqd-site-content'); - window.$liquidContentsWrap = $('#lqd-contents-wrap'); - window.$liquidMainHeader = $('.main-header'); - window.$liquidMainFooter = $('.main-footer'); - window.$liquidSectionsWrapper = $liquidContentsWrap; - const isPfSinglePage = $liquidBody.hasClass('single-liquid-portfolio'); - const isBlogSinglePage = $liquidBody.hasClass('lqd-blog-post'); - if (liquidIsElementor) { - const $secWrap = $('.elementor-section-wrap', $liquidContentsWrap).first(); - window.$liquidSectionsWrapper = $secWrap.legth ? $secWrap : $('> .elementor', $liquidContentsWrap).first(); - } - if (isPfSinglePage) { - window.$liquidSectionsWrapper = $('.pf-single-contents'); - const $elementorWrapper = window.$liquidSectionsWrapper.children('.elementor'); - if ($elementorWrapper.length) { - window.$liquidSectionsWrapper = $elementorWrapper; - } - } - if (isBlogSinglePage) { - window.$liquidSectionsWrapper = $('.lqd-single-post-content > .container'); - const $elementorWrapper = window.$liquidSectionsWrapper.children('.elementor'); - if ($elementorWrapper.length) { - window.$liquidSectionsWrapper = $elementorWrapper; - } - } - const elementorSectionsSelector = ` - > .elementor-section-wrap > .elementor-section, - > .elementor-section, - > .e-con, - > .e-con > .e-con, - > .e-con > .e-con-inner > .e-con, - > .e-container, - > .e-container > .e-container, - > .elementor-section-wrap > .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-inner-section, - > .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-inner-section`; - const $elementorFooterSections = $('> .elementor', $liquidMainFooter).find(elementorSectionsSelector); - window.$liquidSections = liquidIsElementor ? $liquidSectionsWrapper.find(elementorSectionsSelector).add($elementorFooterSections) : $liquidSectionsWrapper.add($liquidMainFooter).find('.lqd-section, > .vc_row, > .vc_section, > .vc_section > .vc_row, > .lqd-section-scroll-sections > .vc_row, > .vc_element'); - if ((isPfSinglePage || isBlogSinglePage) && liquidIsElementor) { - window.$liquidSections = window.$liquidSections.add(window.$liquidSectionsWrapper.find('> .elementor').find(elementorSectionsSelector)); - } - if (isBlogSinglePage && liquidIsElementor) { - window.$liquidSections = $(window.$liquidSections.get()).add('.lqd-post-cover'); - if ($('.lqd-single-post-content > .container').length) { - window.$liquidSections = $(window.$liquidSections.get()).add(window.$liquidContents); - } - } - if (!window.$liquidSections.length) { - window.$liquidSections = $liquidSectionsWrapper.find('> section').add(window.$liquidMainFooter?.find('> section')); - } - window.liquidBodyBg = window.$liquidBody.css('backgroundColor'); - window.liquidContentsBg = window.$liquidContents.css('backgroundColor'); - window.liquidMainFooterBg = window.$liquidMainFooter.css('backgroundColor'); -}; -liquidElements(jQuery); -window.liquidHeaderIsElementor = $liquidMainHeader.children('.elementor:not(.lqd-mobile-sec)').length; -window.liquidLazyloadEnabled = $liquidBody.hasClass('lazyload-enabled'); -window.liquidCheckedFonts = []; -window.liquidIsMobile = function () { - return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 0 || navigator.platform === 'iPad'; -}; -if (liquidIsMobile()) { - document.documentElement.classList.add('vc_mobile'); - document.body.setAttribute('data-elementor-device-mode', 'mobile'); -} -; -window.liquidMobileNavBreakpoint = function () { - if (window.liquidParams && window.liquidParams.mobileNavBreakpoint) { - return window.liquidParams.mobileNavBreakpoint; - } else { - return $liquidBody.data('mobile-nav-breakpoint') || 1199; - } -}; -window.liquidWindowWidth = function () { - return window.innerWidth; -}; -window.liquidWindowHeight = function () { - return window.innerHeight; -}; -window.liquidDocHeight = function () { - return document.body.clientHeight; -}; -window.liquidSlugify = function (str) { - return String(str).normalize('NFKD').replace(/[\u0300-\u036f]/g, '').trim().toLowerCase().replace(/[^a-z0-9 -]/g, '').replace(/\s+/g, '-').replace(/-+/g, '-'); -}; -const restArguments = function (func, startIndex) { - startIndex = startIndex == null ? func.length - 1 : +startIndex; - return function () { - var length = Math.max(arguments.length - startIndex, 0), - rest = Array(length), - index = 0; - for (; index < length; index++) { - rest[index] = arguments[index + startIndex]; - } - switch (startIndex) { - case 0: - return func.call(this, rest); - case 1: - return func.call(this, arguments[0], rest); - case 2: - return func.call(this, arguments[0], arguments[1], rest); - } - var args = Array(startIndex + 1); - for (index = 0; index < startIndex; index++) { - args[index] = arguments[index]; - } - args[startIndex] = rest; - return func.apply(this, args); - }; -}; -const liquidDelay = restArguments(function (func, wait, args) { - return setTimeout(function () { - return func.apply(null, args); - }, wait); -}); -const liquidNow = Date.now || function () { - return new Date().getTime(); -}; -window.liquidThrottle = function (func, wait, options) { - var timeout, context, args, result; - var previous = 0; - if (!options) options = {}; - var later = function () { - previous = options.leading === false ? 0 : liquidNow(); - timeout = null; - result = func.apply(context, args); - if (!timeout) context = args = null; - }; - var throttled = function () { - var now = liquidNow(); - if (!previous && options.leading === false) previous = now; - var remaining = wait - (now - previous); - context = this; - args = arguments; - if (remaining <= 0 || remaining > wait) { - if (timeout) { - clearTimeout(timeout); - timeout = null; - } - previous = now; - result = func.apply(context, args); - if (!timeout) context = args = null; - } else if (!timeout && options.trailing !== false) { - timeout = setTimeout(later, remaining); - } - return result; - }; - throttled.cancel = function () { - clearTimeout(timeout); - previous = 0; - timeout = context = args = null; - }; - return throttled; -}; -window.liquidDebounce = function (func, wait, immediate) { - var timeout, result; - var later = function (context, args) { - timeout = null; - if (args) result = func.apply(context, args); - }; - var debounced = restArguments(function (args) { - if (timeout) clearTimeout(timeout); - if (immediate) { - var callNow = !timeout; - timeout = setTimeout(later, wait); - if (callNow) result = func.apply(this, args); - } else { - timeout = liquidDelay(later, wait, this, args); - } - return result; - }); - debounced.cancel = function () { - clearTimeout(timeout); - timeout = null; - }; - return debounced; -}; -window.liquidGetMousePos = (ev, basedOnElement) => { - let posx = 0; - let posy = 0; - if (!ev) ev = window.event; - if (ev.pageX || ev.pageY) { - posx = ev.pageX; - posy = ev.pageY; - } else if (ev.clientX || ev.clientY) { - posx = ev.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; - posy = ev.clientY + document.body.scrollTop + document.documentElement.scrollTop; - } - if (basedOnElement) { - const rect = ev.currentTarget.getBoundingClientRect(); - posx = posx - rect.left - window.scrollX; - posy = posy - rect.top - window.scrollY; - } - return { - x: posx, - y: posy - }; -}; -class LiquidIO { - constructor(el, callback, opts = {}) { - this.el = el; - this.opts = opts; - this.setupIO(callback); - } - setupIO(callback) { - new IntersectionObserver(([entry], observer) => { - if (entry.isIntersecting && callback) { - if (this.opts.disconnect) { - observer.disconnect(); - } - callback(); - } - }, { - ...this.opts - }).observe(this.el); - } -} -class LiquidSectionsDetails { - constructor() { - this.sections = []; - this.footerBg = tinycolor(liquidMainFooterBg).getAlpha() === 0 ? liquidBodyBg : liquidMainFooterBg; - } - static getInstance() { - if (!this.instance) { - this.instance = new LiquidSectionsDetails(); - } - return this.instance; - } - static getDetails() { - const instance = this.getInstance(); - return new Promise(async resolve => { - if (instance.sections.length < 1) { - instance.sections = []; - const liquidContentsRect = await instance.getElementRect({ - element: $liquidContents[0] - }); - await Promise.all(instance.init(liquidContentsRect, instance)); - const mainContentSections = instance.sections.filter(section => section.isInMainContent); - if (mainContentSections.length < 1) { - const DOM = { - element: $liquidContents[0], - $element: $liquidContents - }; - await instance.createDetailsObj(liquidContentsRect, liquidContentsRect, DOM, true).then(detailsObj => { - instance.sections.unshift(detailsObj); - }); - } - instance.addParentSections(instance); - instance.addInnerSections(instance); - await instance.addLuminosity(instance); - } - resolve(instance.sections); - }); - } - init(liquidContentsRect, instance) { - const promises = []; - $liquidSections.each((i, row) => { - const promise = new Promise(resolve => { - const DOM = { - element: row, - $element: jQuery(row), - parent: row.parentElement - }; - this.getElementRect(DOM).then(rowRect => { - this.createDetailsObj(liquidContentsRect, rowRect, DOM, false).then(detailsObj => { - instance.sections[i] = detailsObj; - resolve(detailsObj); - }); - }); - }); - promises.push(promise); - }); - return promises; - } - getElementRect(DOM) { - return new Promise(resolve => { - new IntersectionObserver(([entry], observer) => { - fastdom.measure(() => { - observer.disconnect(); - resolve(entry.boundingClientRect); - }); - }).observe(DOM.element); - }); - } - createDetailsObj(liquidContentsRect, rowRect, DOM, isLiquidContentElement) { - return new Promise(resolve => { - fastdom.measure(async () => { - const { - scrollY, - scrollX - } = window; - const styles = getComputedStyle(DOM.element); - const obj = {}; - obj.el = DOM.element; - obj.$el = DOM.$element; - obj.rect = { - initialOffset: { - x: rowRect.x + scrollX, - y: rowRect.y + scrollY - }, - width: rowRect.width, - height: rowRect.height, - x: rowRect.x, - y: rowRect.y - }; - obj.backgroundColor = styles.backgroundColor; - if (isLiquidContentElement) { - obj.isMainContentElement = true; - return resolve(obj); - } - const footerParent = DOM.element.closest('.main-footer'); - const elementorTopContainer = DOM.$element.parents('.e-container, .e-con'); - obj.borderColor = styles.borderColor; - obj.isOuterSection = liquidIsElementor ? DOM.element.classList.contains('elementor-top-section') || !!!elementorTopContainer.length : DOM.element.classList.contains('vc_section') || DOM.element.parentElement.closest('.lqd-section') == null; - obj.isInnerSection = liquidIsElementor ? DOM.element.classList.contains('elementor-inner-section') || !!elementorTopContainer.length : DOM.parent.classList.contains('vc_section') || DOM.element.parentElement.closest('.lqd-section') != null; - obj.isInFooter = footerParent != null; - obj.isInMainContent = DOM.element.closest('#lqd-site-content') != null; - obj.isHidden = obj.rect.width < 1 && obj.rect.height < 1; - obj.predefinedLuminosity = null; - obj.parentSection = null; - obj.innerSections = []; - if (obj.el.hasAttribute('data-section-luminosity')) { - obj.predefinedLuminosity = obj.el.getAttribute('data-section-luminosity'); - } - if (obj.isInFooter) { - obj.parentFooter = footerParent; - if (footerParent.hasAttribute('data-sticky-footer')) { - const footerOffsetTop = liquidContentsRect.height; - const footerHeight = document.body.offsetHeight - (liquidContentsRect.y + scrollY) - liquidContentsRect.height; - const elPositionTop = Math.abs(window.innerHeight - footerHeight - obj.rect.y); - obj.rect.initialOffset.y = footerOffsetTop + elPositionTop; - obj.rect.y = footerOffsetTop + elPositionTop; - } - } - resolve(obj); - }); - }); - } - addParentSections(instance) { - const innerSections = instance.sections.filter(sec => sec.isInnerSection); - innerSections.forEach(innerSec => { - let parentSec = null; - if (liquidIsElementor) { - parentSec = innerSec.el.closest('.elementor-top-section') || innerSec.$el.parents('.e-container') || innerSec.$el.parents('.e-con'); - } else { - parentSec = innerSec.el.closest('.vc_section') || innerSec.el.parentElement.closest('.lqd-section'); - } - instance.sections.forEach(sec => { - if (sec.el === parentSec) { - innerSec.parentSection = sec; - } - }); - }); - } - addInnerSections(instance) { - const innerSections = instance.sections.filter(sec => sec.isInnerSection); - instance.sections.forEach((outerSec, i) => { - if (outerSec.isInnerSection) return; - innerSections.forEach(innerSec => { - if (innerSec.parentSection && innerSec.parentSection.el === outerSec.el) { - instance.sections[i].innerSections.push(innerSec); - } - }); - }); - } - getLuminosity(obj, instance) { - let { - backgroundColor - } = obj; - if (obj.isInnerSection && obj.parentSection && tinycolor(backgroundColor).getAlpha() === 0) { - backgroundColor = obj.parentSection.backgroundColor; - } - if (tinycolor(backgroundColor).getAlpha() === 0) { - if (obj.isInFooter) { - backgroundColor = instance.footerBg; - } else { - backgroundColor = window.liquidContentsBg; - } - } - return tinycolor(backgroundColor).isDark() ? 'dark' : 'light'; - } - async addLuminosity(instance) { - instance.sections.forEach(async sec => { - sec.isBgTransparent = tinycolor(sec.backgroundColor).getAlpha() === 0; - sec.luminosity = sec.predefinedLuminosity ? sec.predefinedLuminosity : instance.getLuminosity(sec, instance); - await fastdomPromised.mutate(() => { - sec.el.setAttribute('data-section-luminosity', sec.luminosity); - }); - }); - } -} -; -(function ($) { - 'use strict'; - - const pluginName = 'liquidPreloader'; - let defaults = { - animationType: 'fade', - animationTargets: 'self', - dir: 'x', - stagger: 0, - duration: 1400 - }; - class Plugin { - constructor(element, options) { - this._defaults = defaults; - this._name = pluginName; - this.options = $.extend({}, defaults, options); - this.element = element; - this.$element = $(element); - this.animationTargets = this.getAnimationTargets(); - this.onPreloaderHiddenEvent = new CustomEvent('lqd-preloader-anim-done'); - this.onPageLoad(); - } - getAnimationTargets() { - const { - animationTargets - } = this.options; - if (animationTargets === 'self') { - return this.element; - } else { - return document.querySelectorAll(animationTargets); - } - } - getAnimationProperties() { - const { - animationType - } = this.options; - return this[`${animationType}Properties`](); - } - fadeProperties() { - const animateIn = { - opacity: [0, 1] - }; - const animateOut = { - opacity: [1, 0] - }; - return { - animateIn, - animateOut - }; - } - slideProperties() { - const { - dir - } = this.options; - const animateIn = { - [dir]: ['100%', '0%'] - }; - const animateOut = { - [dir]: ['0%', '-100%'] - }; - return { - animateIn, - animateOut - }; - } - scaleProperties() { - const animateIn = { - [`scale${this.options.dir.toUpperCase()}`]: [0, 1] - }; - const animateOut = { - [`scale${this.options.dir.toUpperCase()}`]: [1, 0] - }; - return { - animateIn, - animateOut - }; - } - onPageLoad() { - $liquidBody.addClass('lqd-page-loaded lqd-preloader-animations-started'); - $liquidBody.removeClass('lqd-page-leaving lqd-page-not-loaded'); - this.hidePreloader(); - } - hidePreloader() { - const stagger = this.options.stagger / 1000; - const duration = this.options.duration / 1000; - const timeline = gsap.timeline({ - duration, - ease: 'expo.out', - stagger: stagger, - onComplete: () => { - this.$element.hide(); - $liquidBody.removeClass('lqd-preloader-animations-started'); - $liquidBody.addClass('lqd-preloader-animations-done'); - $(this.animationTargets).css('transform', ''); - document.dispatchEvent(this.onPreloaderHiddenEvent); - } - }); - $(this.animationTargets).each((i, targetElement) => { - const $targetElement = $(targetElement); - if (targetElement.hasAttribute('data-animations')) { - const animations = $targetElement.data('animations'); - timeline.to(targetElement, { - ...animations - }, stagger * i); - } else { - const animationProperties = this.getAnimationProperties().animateOut; - timeline.fromTo(targetElement, { - [Object.keys(animationProperties)[0]]: Object.values(animationProperties)[0][0] - }, { - [Object.keys(animationProperties)[0]]: Object.values(animationProperties)[0][1] - }, stagger * i); - } - }); - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('preloader-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -$liquidWindow.on('pageshow load', ev => { - if ('elementorFrontend' in window && elementorFrontend.isEditMode()) return; - liquidPageLoaded || jQuery('.lqd-preloader-wrap').liquidPreloader(); - liquidPageLoaded = true; -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidSubmenu'; - let defaults = { - toggleType: "fade", - handler: "mouse-in-out", - animationSpeed: 200 - }; - class Plugin { - constructor(element, options) { - this.element = element; - this.$element = $(element); - this.options = { - ...defaults, - ...options - }; - this._defaults = defaults; - this._name = pluginName; - this.rects = []; - this.isModernMobileNav = document.body.hasAttribute('data-mobile-nav-style') && document.body.getAttribute('data-mobile-nav-style') === 'modern'; - this.windowWidth = fastdom.measure(liquidWindowWidth)(); - this.itemsAreFullwidth = this.element.classList.contains('lqd-menu-items-block'); - this.init(); - } - init() { - const { - handler - } = this.options; - const $submenuParent = $(this.$element.find('.menu-item-has-children, .page_item_has_children').get().reverse()); - $submenuParent.each(async (i, subParent) => { - const isMegamenu = subParent.classList.contains('megamenu'); - const submenu = subParent.querySelector('.nav-item-children, .children'); - if (!submenu) return; - if (handler === 'click') { - this.element.classList.add('lqd-submenu-toggle-click'); - } else if (handler === 'mouse-in-out') { - this.element.classList.add('lqd-submenu-toggle-hover'); - } - if ((!liquidIsMobile() || !$(subParent).is(':hidden')) && !this.itemsAreFullwidth) { - if (!isMegamenu) { - await this.measure(i, submenu, subParent); - } else { - this.getMegamenuBackgroundLuminance(subParent); - } - } else { - subParent.classList.add('position-applied'); - } - this.eventHandlers(i, submenu, subParent); - }); - return this; - } - async measure(i, submenu, subParent) { - await this.getRects(i, submenu, subParent); - await this.positioning(i, submenu, subParent); - } - eventHandlers(i, submenu, submenuParent) { - const { - handler - } = this.options; - const $toggleLink = $(submenuParent).children('a'); - const $mobileNavExpander = $('.submenu-expander', $toggleLink); - if ($mobileNavExpander.length) { - $mobileNavExpander.off(); - $mobileNavExpander.on('click', event => { - event.preventDefault(); - event.stopPropagation(); - this.mobileNav.call(this, $(event.currentTarget).closest('li')); - }); - } - if (handler === 'click') { - $toggleLink.off(); - $toggleLink.on('click', this.handleToggle.bind(this, 'toggle')); - $(document).on('click', this.closeActiveSubmenu.bind(this)); - $(document).keyup(event => { - if (event.keyCode == 27) { - this.closeActiveSubmenu(event); - } - }); - } else { - $(submenuParent).off(); - $(submenuParent).on('mouseenter', this.handleToggle.bind(this, 'show')); - $(submenuParent).on('mouseleave', this.handleToggle.bind(this, 'hide')); - } - document.addEventListener('lqd-header-sticky-change', async () => { - await this.measure(i, submenu, submenuParent); - }); - return this; - } - handleToggle(state, event) { - const { - toggleType, - handler - } = this.options; - const $link = $(event.currentTarget); - const submenu = $link.is('a') ? $link.siblings('.nav-item-children, .children') : $link.children('.nav-item-children, .children'); - const isMegamenu = $link.is('.megamenu') ? true : false; - const megamenuBg = isMegamenu && $link.attr('data-bg-color'); - const megamenuScheme = isMegamenu && $link.attr('data-megamenu-bg-scheme'); - const $elementorHeaderWidgets = liquidIsElementor && $liquidMainHeader.find('> .elementor:not(.lqd-mobile-sec) > .elementor-section-wrap > .elementor-section, > .elementor:not(.lqd-mobile-sec) > .elementor-section').not('.lqd-stickybar-wrap').find('> .elementor-container > .elementor-column > .elementor-widget-wrap > [data-element_type="widget"]'); - if (submenu.length) { - event.preventDefault(); - submenu.closest('li').toggleClass(`is-active ${handler === 'mouse-in-out' && 'is-hovered'}`, state === 'show').siblings().removeClass(`is-active ${handler === 'mouse-in-out' && 'is-hovered'}`); - if (toggleType === 'fade' && state === 'show') { - this.fadeIn(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } else if (toggleType === 'fade' && state === 'hide') { - this.fadeOut(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } - if (toggleType === 'slide' && state === 'show') { - this.slideDown(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } else if (toggleType === 'slide' && state === 'hide') { - this.slideUp(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } - if (toggleType === 'fade' && state === 'toggle') { - this.fadeToggle(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } - if (toggleType === 'slide' && state === 'toggle') { - this.slideToggle(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets); - } - } - } - fadeToggle(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - if (isMegamenu) { - if ($elementorHeaderWidgets && megamenuScheme !== 'transparent' && !$liquidMainHeader.hasClass('is-stuck')) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - $elementorHeaderWidgets.addClass(`lqd-active-row-${megamenuScheme}`); - } - $liquidMainHeader[0].style.setProperty('--lqd-megamenu-background-color', megamenuBg); - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.toggleClass(`megamenu-item-active megamenu-scheme-${megamenuScheme}`); - } - } - fadeIn(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - if (isMegamenu) { - if ($elementorHeaderWidgets && megamenuScheme !== 'transparent' && !$liquidMainHeader.hasClass('is-stuck')) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - $elementorHeaderWidgets.addClass(`lqd-active-row-${megamenuScheme}`); - } - $liquidMainHeader[0].style.setProperty('--lqd-megamenu-background-color', megamenuBg); - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.addClass(`megamenu-item-active megamenu-scheme-${megamenuScheme}`); - } - if (submenu.find('[data-lqd-flickity]').length) { - submenu.find('[data-lqd-flickity]').flickity('resize'); - } - } - fadeOut(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - if (isMegamenu) { - if ($elementorHeaderWidgets) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - } - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.removeClass('megamenu-item-active'); - } - } - slideToggle(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed); - submenu.stop().slideToggle(this.options.animationSpeed); - if (isMegamenu) { - if ($elementorHeaderWidgets && megamenuScheme !== 'transparent' && !$liquidMainHeader.hasClass('is-stuck')) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - $elementorHeaderWidgets.addClass(`lqd-active-row-${megamenuScheme}`); - } - $liquidMainHeader[0].style.setProperty('--lqd-megamenu-background-color', megamenuBg); - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.toggleClass(`megamenu-item-active megamenu-scheme-${megamenuScheme}`); - } - } - slideDown(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed); - submenu.stop().slideDown(this.options.animationSpeed); - if (isMegamenu) { - if ($elementorHeaderWidgets && megamenuScheme !== 'transparent' && !$liquidMainHeader.hasClass('is-stuck')) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - $elementorHeaderWidgets.addClass(`lqd-active-row-${megamenuScheme}`); - } - $liquidMainHeader[0].style.setProperty('--lqd-megamenu-background-color', megamenuBg); - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.addClass(`megamenu-item-active megamenu-scheme-${megamenuScheme}`); - } - } - slideUp(submenu, isMegamenu, megamenuScheme, megamenuBg, $elementorHeaderWidgets) { - submenu.stop().slideUp(this.options.animationSpeed); - if (isMegamenu) { - if ($elementorHeaderWidgets) { - $elementorHeaderWidgets.removeClass(`lqd-active-row-dark lqd-active-row-light`); - } - $liquidMainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light megamenu-scheme-transparent'); - $liquidMainHeader.removeClass('megamenu-item-active'); - } - } - getMegamenuBackgroundLuminance(subParent) { - const megamenuRowsWrap = subParent.querySelector('.lqd-megamenu-rows-wrap'); - let backgroundColor; - fastdom.measure(() => { - const styles = getComputedStyle(megamenuRowsWrap); - backgroundColor = tinycolor(styles.backgroundColor); - }); - fastdom.mutate(() => { - subParent.setAttribute('data-bg-color', backgroundColor); - if (backgroundColor.getAlpha() === 0) { - return subParent.setAttribute('data-megamenu-bg-scheme', 'transparent'); - } - if (backgroundColor.isLight()) { - return subParent.setAttribute('data-megamenu-bg-scheme', 'light'); - } - if (backgroundColor.isDark()) { - return subParent.setAttribute('data-megamenu-bg-scheme', 'dark'); - } - }); - } - closeActiveSubmenu(event) { - const { - toggleType, - animationSpeed - } = this.options; - if (event.keyCode) { - const mainNav = $(this.element); - if (toggleType == 'fade') { - mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().fadeOut(animationSpeed); - } else { - mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().slideUp(animationSpeed); - } - } else { - const submenuParent = $(this); - if (!submenuParent.is(event.target) && !submenuParent.has(event.target).length) { - submenuParent.removeClass('active'); - if (toggleType == 'fade') { - submenuParent.find('.nav-item-children, .children').stop().fadeOut(animationSpeed); - } else { - submenuParent.find('.nav-item-children, .children').stop().slideUp(animationSpeed); - } - } - } - } - mobileNav(submenuParent) { - const $submenuParent = $(submenuParent); - const $submenu = $submenuParent.children('.nav-item-children, .children'); - const $navbarInner = $submenuParent.closest('.navbar-collapse-inner'); - const submenuParentWasActive = $submenuParent.hasClass('is-active'); - $submenuParent.toggleClass('is-active'); - $submenuParent.siblings().removeClass('is-active').find('.nav-item-children, .children').stop().slideUp(200); - $submenu.stop().slideToggle(300, () => { - if (this.isModernMobileNav && !submenuParentWasActive && $navbarInner.length) { - $navbarInner.animate({ - scrollTop: $navbarInner.scrollTop() + ($submenuParent.offset().top - $navbarInner.offset().top) - }); - } - }); - } - async getRects(i, submenu, submenuParent) { - this.rects[i] = { - submenuRect: {}, - subParentRect: {} - }; - return fastdomPromised.measure(() => { - return new Promise(resolve => { - new IntersectionObserver(([entry], observer) => { - const { - boundingClientRect - } = entry; - observer.disconnect(); - resolve(boundingClientRect); - }).observe(submenu); - }); - }).then(submenuRect => { - this.rects[i].submenuRect = submenuRect; - return new Promise(resolve => { - new IntersectionObserver(([entry], observer) => { - const { - boundingClientRect - } = entry; - observer.disconnect(); - resolve(boundingClientRect); - }).observe(submenuParent); - }); - }).then(subParentRect => { - this.rects[i].subParentRect = subParentRect; - }); - } - positioning(i, submenu, submenuParent) { - return fastdomPromised.mutate(() => { - const submenuRect = this.rects[i].submenuRect; - const subParentRect = this.rects[i].subParentRect; - if (submenuRect.left + submenuRect.width >= this.windowWidth) { - submenu.classList.add('to-left'); - } - submenuParent.style.setProperty('--item-height', `${subParentRect.height}px`); - submenuParent.classList.add('position-applied'); - }); - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('submenu-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - $('.main-nav, .lqd-custom-menu').liquidSubmenu(); -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidMobileNav'; - let defaults = {}; - class Plugin { - constructor(element, options) { - this._defaults = defaults; - this._name = pluginName; - this.options = { - ...defaults, - ...options - }; - this.element = element; - this.$element = $(element); - this.$mobileSec = $('.lqd-mobile-sec', $liquidMainHeader); - this.$mobileSecInner = $('.lqd-mobile-sec-inner', this.$mobileSec); - this.$mobileNavCollapse = $('.mobile-navbar-collapse', this.$mobileSec); - this.$navItems = []; - this.init(); - } - init() { - this.removeStyleTags(); - this.addHeightVar(); - this.mobileModules(); - if ('elementorFrontend' in window && !elementorFrontend.isEditMode()) { - this.$mobileSec.addClass('elementor'); - } - } - removeStyleTags() { - fastdom.mutate(() => { - this.$mobileSec.find('.navbar-collapse style[data-type=vc_shortcodes-custom-css]').remove(); - }); - } - addHeightVar() { - fastdom.mutate(() => { - if (this.$mobileSecInner.length) { - document.documentElement.style.setProperty('--lqd-mobile-sec-height', `${this.$mobileSecInner[0].offsetHeight}px`); - } - }); - } - mobileModules() { - const $mobileModules = $('.lqd-show-on-mobile', this.element); - if (!$mobileModules.length) return; - const $mobileModulesContainer = $('.lqd-mobile-modules-container', this.$mobileSec); - fastdom.mutate(() => { - $mobileModulesContainer.removeClass('empty'); - $mobileModules.each((i, mobileModule) => { - const $module = $(mobileModule); - if (!$module.children().length) return false; - const $clonedModule = $module.clone(true); - const $triggerElement = $('[data-target]', $clonedModule); - if ($triggerElement.length) { - const target = $triggerElement.attr('data-target'); - const $targetEelement = $(target, $clonedModule); - $targetEelement.attr({ - 'id': `${target.replace('#', '')}-cloned` - }); - $triggerElement.attr({ - 'data-target': `${target}-cloned`, - 'aria-controls': `${target.replace('#', '')}-cloned` - }); - $targetEelement.on('show.bs.collapse', () => { - $targetEelement.add($triggerElement).addClass('is-active'); - }); - $targetEelement.on('hide.bs.collapse', () => { - $targetEelement.add($triggerElement).removeClass('is-active'); - }); - } - $clonedModule.appendTo($mobileModulesContainer); - if (!$clonedModule.hasClass('header-module')) { - $clonedModule.wrap(''); - } - }); - }); - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('mobilenav-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function () { - if (document.body.hasAttribute('data-mobile-header-builder')) return; - $liquidMainHeader.liquidMobileNav(); -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidButton'; - let defaults = {}; - class Plugin { - constructor(element, options) { - this.element = element; - this.options = $.extend({}, defaults, options); - this._defaults = defaults; - this._name = pluginName; - this.init(); - } - init() { - this.gradientBorderRoundness(); - } - gradientBorderRoundness() { - const self = this; - const element = $(self.element); - if (element.find('.btn-gradient-border').length && element.hasClass('circle') && element.is(':visible')) { - const svgBorder = element.find('.btn-gradient-border').children('rect'); - const buttonHeight = element.height(); - svgBorder.attr({ - rx: buttonHeight / 2, - ry: buttonHeight / 2 - }); - } - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = $(this).data('plugin-options') || options; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) {}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidFitText'; - let defaults = { - compressor: 1, - minFontSize: Number.NEGATIVE_INFINITY, - maxFontSize: Number.POSITIVE_INFINITY - }; - function Plugin(element, options) { - this.element = element; - this.options = $.extend({}, defaults, options); - this._defaults = defaults; - this._name = pluginName; - this.init(); - } - Plugin.prototype = { - init() { - this.setMinFontSize(); - this.setMaxFontSize(); - this.resizer(); - this.onWindowResize(); - }, - setMinFontSize() { - const minFontSize = this.options.minFontSize; - const elementFontSize = $(this.element).css('fontSize'); - if (minFontSize == 'currentFontSize') { - this.options.minFontSize = elementFontSize; - } - }, - setMaxFontSize() { - const maxFontSize = this.options.maxFontSize; - const elementFontSize = $(this.element).css('fontSize'); - if (maxFontSize == 'currentFontSize') { - this.options.maxFontSize = elementFontSize; - } - }, - resizer() { - const options = this.options; - const compressor = options.compressor; - const maxFontSize = options.maxFontSize; - const minFontSize = options.minFontSize; - const $element = $(this.element); - const elementWidth = $element.parent('.ld-fancy-heading').length ? $element.parent().width() : $element.width(); - $element.css('font-size', Math.max(Math.min(elementWidth / (compressor * 10), parseFloat(maxFontSize)), parseFloat(minFontSize))); - }, - onWindowResize() { - $(window).on('resize.fittext orientationchange.fittext', this.resizer.bind(this)); - } - }; - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = $(this).data('fittext-options') || options; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - $('[data-fittext]').liquidFitText(); -}); -jQuery(document).ready(function ($) { - if (liquidLazyloadEnabled) { - const globalLazyLoadOffset = liquidParams?.lazyLoadOffset; - const threshold = globalLazyLoadOffset >= 0 ? globalLazyLoadOffset : 500; - window.liquidLazyload = new LazyLoad({ - elements_selector: '.ld-lazyload', - threshold, - callback_loaded: el => { - const $element = $(el); - const $masonryParent = $element.closest('[data-liquid-masonry=true]'); - const $flexParent = $element.closest('.flex-viewport'); - const $webGLHoverParent = $element.closest('[data-webglhover]'); - const $revealParent = $element.closest('[data-reveal]'); - $element.parent().not('#wrap, #lqd-site-content').addClass('loaded'); - $element.closest('[data-responsive-bg=true]').liquidResponsiveBG(); - if ($masonryParent.length && $masonryParent.data('isotope')) { - $masonryParent.isotope('layout'); - } - if ($flexParent.length && $flexParent.parent().data('flexslider')) { - $flexParent.height($element.height()); - } - if ($webGLHoverParent.length && !liquidIsMobile()) { - $webGLHoverParent.liquidWebGLHover(); - } - if ($revealParent.length) { - $revealParent.liquidReveal(); - } - } - }); - } -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidInView'; - let defaults = { - delayTime: 0, - onImagesLoaded: false, - toggleBehavior: 'stay' - }; - class Plugin { - constructor(element, options) { - this._defaults = defaults; - this._name = pluginName; - this.options = $.extend({}, defaults, options); - this.element = element; - this.$element = $(element); - this.$sentinel = null; - this.isVisible = false; - this.imagesAlreadyLoaded = false; - this.isFixedPos = fastdom.measure(() => this.$element.css('position') === 'fixed')(); - this.windowWidth = fastdom.measure(liquidWindowWidth)(); - this.windowHeight = fastdom.measure(liquidWindowHeight)(); - this.initIO(); - } - initIO() { - const { - toggleBehavior - } = this.options; - new IntersectionObserver(([entry], observer) => { - fastdomPromised.measure(() => { - return { - boundingClientRect: entry.boundingClientRect, - scrollY: window.scrollY - }; - }).then(({ - boundingClientRect, - scrollY - }) => { - fastdom.mutate(() => { - if (toggleBehavior === 'toggleInView') { - if (scrollY + this.windowHeight >= boundingClientRect.top + scrollY) { - this.isVisible = true; - this.callFns(); - } else if (scrollY <= boundingClientRect.bottom + scrollY) { - this.isVisible = false; - this.callFns(); - } - } - if (entry.isIntersecting && toggleBehavior === 'stay') { - observer.disconnect(); - this.isVisible = true; - this.callFns(); - } else if (!entry.isIntersecting && toggleBehavior === 'toggleOutOfView') { - this.onOutOfView(); - } - }); - }); - }, { - threshold: toggleBehavior === 'toggleInView' ? [0, 0.25, 0.5, 0.75, 1] : [0] - }).observe(!this.isFixedPos ? this.element : this.$element.parent()[0]); - } - callFns() { - if (!this.options.onImagesLoaded && !this.imagesAlreadyLoaded) { - this.run(); - } else { - imagesLoaded(this.element, () => { - this.imagesAlreadyLoaded = true; - this.run(); - }); - } - } - run() { - const { - delayTime - } = this.options; - delayTime <= 0 ? this.onInView() : this.timeoutId = setTimeout(this.onInView.bind(this), delayTime); - } - onInView() { - this.$element.toggleClass('is-in-view', this.isVisible); - clearTimeout(this.timeoutId); - } - onOutOfView() { - const { - toggleBehavior - } = this.options; - if (toggleBehavior === 'toggleOutOfView') { - this.isVisible = false; - } - if (!this.isVisible) { - this.$element.removeClass('is-in-view'); - } - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = $(this).data('inview-options') || options; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - if (!$liquidContents.length) { - return $('[data-inview]').liquidInView(); - } - ; - const init = () => { - if ($liquidBody.hasClass('lqd-preloader-activated')) { - document.addEventListener('lqd-preloader-anim-done', () => { - $('[data-inview]').liquidInView(); - }); - } else { - $('[data-inview]').liquidInView(); - } - }; - if (!$liquidContents[0].hasAttribute('data-liquid-stack')) { - init(); - } else { - const stackOptions = $liquidContents.attr('data-stack-options'); - if (stackOptions) { - const optionsJson = JSON.parse(stackOptions); - const { - disableOnMobile - } = optionsJson; - if (disableOnMobile && (liquidIsMobile() || liquidWindowWidth() <= liquidMobileNavBreakpoint())) { - init(); - } - } - } -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidFullscreenNav'; - let defaults = {}; - class Plugin { - constructor(element, options) { - this._defaults = defaults; - this._name = pluginName; - this.options = { - ...defaults, - ...options - }; - this.DOM = {}; - this.DOM.element = element; - this.DOM.$element = $(element); - this.init(); - } - init() { - this.DOM.$element.children('.header-modules-container').find('.lqd-head-col').removeClass('lqd-head-col'); - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('fullscreen-nav-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - $('.navbar-fullscreen').liquidFullscreenNav(); -}); -(function ($) { - 'use strict'; - - const $body = $('body'); - const pluginName = 'liquidToggle'; - let defaults = { - type: 'click', - cloneTriggerInTarget: false, - closeOnOutsideClick: true, - toggleDelay: 300 - }; - class Plugin { - constructor(element, options) { - this.element = element; - this.$element = $(element); - this.options = { - ...defaults, - ...options - }; - this._defaults = defaults; - this._name = pluginName; - this.$targetElement = $(this.$element.attr('data-target') || this.$element.attr('data-bs-target')); - this.$parentElement = this.$element.parent(); - this.isInVerticalBar = this.$element.closest('.lqd-stickybar-wrap').length; - this.isSearchModule = this.$parentElement.hasClass('ld-module-search'); - this.isCartModule = this.$parentElement.hasClass('ld-module-cart'); - this.$clonedTrigger = null; - this.isOpened = false; - this.isInHeader = $liquidMainHeader.has(this.element).length; - this.windowWidth = fastdom.measure(liquidWindowWidth)(); - this.targetRect = {}; - if (this.$element.hasClass('lqd-custom-menu-dropdown-btn') && this.$element.parents('.header-module').length) { - this.options.type = 'hoverFade'; - } - this.init(); - } - async init() { - const $targetToPosition = this.$targetElement.not('.navbar-collapse'); - if (!this.isInVerticalBar && $targetToPosition.length && !liquidIsMobile()) { - $targetToPosition[0].classList.add('positioning'); - await this.measure($targetToPosition[0]); - await this.positioning($targetToPosition[0]); - } - this.addBodyClassnames(); - this.eventHandlers(); - this.cloneTriggerInTarget(); - this.cloneTargetInBody(); - } - measure(targetElement) { - return fastdomPromised.measure(() => { - return new Promise(resolve => { - new IntersectionObserver(([entry], observer) => { - observer.disconnect(); - resolve(entry.boundingClientRect); - }).observe(targetElement); - }); - }).then(rect => { - this.targetRect = rect; - }); - } - positioning(targetElement) { - return fastdomPromised.mutate(() => { - if (this.targetRect.width + this.targetRect.left >= this.windowWidth) { - targetElement.classList.remove('left'); - targetElement.classList.add('right'); - } - if (this.targetRect.left < 0) { - targetElement.classList.remove('right'); - targetElement.classList.add('left'); - } - targetElement.classList.remove('positioning'); - }); - } - addBodyClassnames() { - if (this.$parentElement[0].hasAttribute('data-module-style')) { - $body.addClass(this.$parentElement.attr('data-module-style')); - } - } - eventHandlers() { - const { - type - } = this.options; - if (type === 'hover') { - this.$element.on('mouseenter', () => { - this.$targetElement.collapse('show'); - }); - this.$element.add(this.$targetElement).on('mouseleave', () => { - this.$targetElement.collapse('hide'); - }); - } else if (type === 'hoverFade' && !liquidIsMobile()) { - fastdom.mutate(() => { - let timeout = false; - this.$targetElement.addClass('lqd-dropdown-fade-onhover'); - this.$element.add(this.$targetElement).on('mouseenter', () => { - this.$targetElement.addClass('is-active'); - this.$targetElement.trigger('shown.bs.collapse'); - timeout && clearTimeout(timeout); - }); - this.$element.add(this.$targetElement).on('mouseleave', () => { - timeout = setTimeout(() => { - this.$targetElement.removeClass('is-active'); - this.$targetElement.trigger('hidden.bs.collapse'); - timeout && clearTimeout(timeout); - }, this.options.toggleDelay); - }); - }); - } - this.$targetElement.on('show.bs.collapse', this.onShow.bind(this)); - this.$targetElement.on('shown.bs.collapse', this.onShown.bind(this)); - this.$targetElement.on('hide.bs.collapse', this.onHide.bind(this)); - this.$targetElement.on('hidden.bs.collapse', this.onHidden.bind(this)); - $(document).on('click', event => { - this.closeAll.call(this, event); - }); - $(document).on('keyup', event => { - if (event.key === 'Escape') { - this.closeAll.call(this, event); - } - }); - if (this.isInHeader) { - document.addEventListener('lqd-header-sticky-visibility-change', e => { - if (this.isOpened && e.detail.state === 'hide') { - this.$targetElement.collapse('hide'); - } - }); - } - } - onShow(e) { - const targetAttr = this.$element.attr('data-target') || this.$element.attr('data-bs-target'); - $('html').addClass('module-expanding'); - if (this.isSearchModule) { - $('html').addClass('lqd-module-search-expanded'); - } else if (this.isCartModule) { - $('html').addClass('lqd-module-cart-expanded'); - } - this.$targetElement.add(this.element).add(this.$clonedTrigger).addClass('is-active'); - if (targetAttr.replace('#', '') === $(e.target).attr('id')) { - this.toggleClassnames(); - this.focusOnSearch(); - } - this.isOpened = true; - } - onShown() { - $('html').removeClass('module-expanding'); - if (window.liquidLazyload) { - window.liquidLazyload.update(); - } - } - onHide(e) { - const targetAttr = this.$element.attr('data-target') || this.$element.attr('data-bs-target'); - $('html').addClass('module-collapsing'); - this.$targetElement.add(this.element).add(this.$clonedTrigger).removeClass('is-active'); - if (targetAttr.replace('#', '') === $(e.target).attr('id')) { - this.toggleClassnames(); - } - this.isOpened = false; - } - onHidden() { - $('html').removeClass('module-collapsing lqd-module-search-expanded lqd-module-cart-expanded'); - } - toggleClassnames() { - $.each(this.options.changeClassnames, (element, classname) => { - $(element).toggleClass(classname, !this.isOpened); - }); - if (!this.options.changeClassnames && this.$targetElement.hasClass('navbar-fullscreen')) { - $liquidHtml.toggleClass('overflow-hidden', !this.isOpened); - } - } - focusOnSearch() { - const self = this; - if (self.$targetElement.find('input[type=search]').length) { - setTimeout(function () { - self.$targetElement.find('input[type=search]').focus().select(); - }, 150); - } - } - shouldIGetClosed($target) { - const { - closeOnOutsideClick - } = this.options; - if (typeof closeOnOutsideClick === 'boolean') { - return closeOnOutsideClick; - } else { - const { - ifNotIn - } = closeOnOutsideClick; - const $ifNotInEl = $(ifNotIn); - return !$ifNotInEl.has($target).length ? true : false; - } - } - closeAll(event) { - const { - closeOnOutsideClick - } = this.options; - const shouldIGetClosed = this.shouldIGetClosed(this.$targetElement); - if (event.keyCode) { - if (closeOnOutsideClick && shouldIGetClosed) { - this.$targetElement.collapse('hide'); - } else if (typeof closeOnOutsideClick === 'boolean' && closeOnOutsideClick) { - this.$targetElement.collapse('hide'); - } - } else if (!this.$targetElement.is(event.target) && !this.$targetElement.has(event.target).length) { - if (closeOnOutsideClick && shouldIGetClosed) { - this.$targetElement.collapse('hide'); - } else if (typeof closeOnOutsideClick === 'boolean' && closeOnOutsideClick) { - this.$targetElement.collapse('hide'); - } - } - } - cloneTriggerInTarget() { - if (this.$targetElement.attr('id') === 'lqd-mobile-sec-nav' && $body.attr('data-mobile-nav-style') === 'modern' || this.options.cloneTriggerInTarget || this.$targetElement.hasClass('navbar-fullscreen')) { - this.$clonedTrigger = this.$element.clone(true).prependTo(this.$targetElement); - } - } - cloneTargetInBody() { - if (this.$targetElement.attr('id') === 'lqd-mobile-sec-nav' && $body.attr('data-mobile-nav-style') === 'modern') { - this.$targetElement.children('.main-nav, .header-module').wrapAll(''); - } - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('toggle-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - $('[data-ld-toggle]').liquidToggle(); -}); -(function ($) { - 'use strict'; - - const pluginName = 'liquidResponsiveBG'; - let defaults = {}; - class Plugin { - constructor(element, options) { - this.element = element; - this.$element = $(element); - this.options = $.extend({}, defaults, options); - this._defaults = defaults; - this._name = pluginName; - this.targetImage = null; - this.targetImage = this.element.querySelector('img'); - this.init(); - } - init() { - if (typeof undefined === typeof this.targetImage || null === this.targetImage) { - console.error('There should be an image to get the source from it.'); - return false; - } - this.setBgImage(); - imagesLoaded(this.targetImage).on('done', this.onLoad.bind(this)); - } - getCurrentSrc() { - let imageSrc = this.targetImage.currentSrc ? this.targetImage.currentSrc : this.targetImage.src; - if (/data:image\/svg\+xml/.test(imageSrc)) { - imageSrc = this.targetImage.dataset.src; - } - return imageSrc; - } - setBgImage() { - this.$element.css({ - backgroundImage: `url( ${this.getCurrentSrc()} )` - }); - } - reInitparallaxBG() { - const parallaxFigure = this.$element.children('.lqd-parallax-container').find('.lqd-parallax-figure'); - if (parallaxFigure.length) { - parallaxFigure.css({ - backgroundImage: `url( ${this.getCurrentSrc()} )` - }); - } - } - onLoad() { - this.reInitparallaxBG(); - this.$element.addClass('loaded'); - } - } - $.fn[pluginName] = function (options) { - return this.each(function () { - const pluginOptions = { - ...$(this).data('responsive-options'), - ...options - }; - if (!$.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions)); - } - }); - }; -})(jQuery); -jQuery(document).ready(function ($) { - $('[data-responsive-bg=true]').filter((i, el) => { - return !el.querySelector('.ld-lazyload'); - }).liquidResponsiveBG(); -}); -(function ($) { - 'use strict'; - - const contentsIsLiquidBg = $liquidContents.length && $liquidContents[0].getAttribute('data-liquid-bg-options'); - const contentsInteractWithHeader = contentsIsLiquidBg && (JSON.parse(contentsIsLiquidBg).interactWithHeader === true || JSON.parse(contentsIsLiquidBg).interactWithHeader === 'true'); - const pluginName = 'liquidStickyHeader'; - let defaults = { - stickyTrigger: 'this', - dynamicColors: false, - disableOnMobile: false, - smartSticky: false - }; - class Plugin { - constructor(element, options) { - this._defaults = defaults; - this._name = pluginName; - this.options = { - ...defaults, - ...options - }; - this.DOM = { - element: element, - $element: $(element), - $stickySections: null, - sentinel: null, - placeholder: null, - $stickyElements: null - }; - this.DOM.$stickySections = liquidIsElementor ? $('> .elementor-section-wrap > .elementor-section, > .elementor-section, > .e-container, > .e-con', this.DOM.$element.children('.elementor:not(.lqd-mobile-sec)')).not('.lqd-hide-onstuck, .lqd-stickybar-wrap') : $('.lqd-head-sec-wrap', element).not('.lqd-hide-onstuck'); - this.isInTitlebar = this.DOM.element.parentElement.classList.contains('titlebar'); - this.isOverlay = this.DOM.element.classList.contains('main-header-overlay'); - this.DOM.sentinel = null; - this.DOM.placeholder = this.DOM.$element.prev('.lqd-sticky-placeholder')[0]; - this.DOM.$stickyElements = this.getStickyElements(); - this.firstRow = document.body.classList.contains('single-post') ? document.querySelector('.lqd-post-cover') : $liquidSections.filter(':visible').first()[0]; - this.firstRowIsSticky = this.firstRow ? getComputedStyle(this.firstRow).position === 'sticky' : false; - this.stickyElsDetails = null; - this.stickySectionsHeight = 0; - this.smartStickyStuff = { - state: null, - prevScrollY: 0, - scrolledDistance: 0, - tolerance: { - up: 25, - down: 3 - }, - toleranceExceeded: false - }; - this.wasStuck = false; - this.isStuck = false; - this.init(); - } - async init() { - await this.addSentinel(); - !this.DOM.placeholder && (await this.addPlaceholder()); - await this.getStickySectionsHeight(); - await this.getStickyElsDetails(); - this.DOM.element.setAttribute('data-sticky-values-measured', 'true'); - this.sentinelIO(); - this.headerIO(); - this.addStickySectionsHeight(); - this.initDynamicColors(); - this.handleResizeEvents(); - this.eventListeners(); - } - eventListeners() { - document.addEventListener('lqd-header-sticky-change', e => { - const isStuck = e.detail.stuck; - this.updateStickyStates(isStuck); - this.isStuck && this.addStickySectionsHeight(); - }); - if (this.options.smartSticky) { - $liquidWindow.on('scroll.lqdSmartStickyHeader', this.handleSmartSticky.bind(this)); - } - } - updateStickyStates(isStuck) { - fastdom.mutate(() => { - this.wasStuck = this.isStuck; - this.isStuck = isStuck; - this.DOM.element.classList.toggle('is-stuck', this.isStuck); - this.DOM.element.classList.toggle('is-not-stuck', !this.isStuck); - if (!this.isOverlay || this.isInTitlebar) { - this.DOM.placeholder.classList.toggle('d-none', !this.isStuck); - this.DOM.placeholder.classList.toggle('hidden', !this.isStuck); - } - ; - if (this.options.smartSticky) { - if (!this.isStuck) { - this.smartStickyStuff.state = null; - this.DOM.element.classList.remove('lqd-smart-sticky-show', 'lqd-smart-sticky-hide', 'lqd-just-stuck'); - } else { - this.DOM.element.classList.add('lqd-smart-sticky-hide'); - if (!this.wasStuck) { - this.DOM.element.classList.add('lqd-just-stuck'); - } - } - } - }); - } - async getStickySectionsHeight() { - const promises = []; - this.DOM.$stickySections.each((i, el) => { - const promise = new Promise(resolve => { - fastdom.measure(() => { - new IntersectionObserver(([entry], observer) => { - observer.disconnect(); - resolve(entry.boundingClientRect); - }).observe(el); - }); - }); - promises.push(promise); - }); - const rects = await Promise.all(promises); - rects.forEach(rect => this.stickySectionsHeight += rect.height); - } - addStickySectionsHeight() { - const applyCssTo = liquidIsElementor ? document.body : document.documentElement; - fastdomPromised.mutate(() => { - applyCssTo.style.setProperty('--lqd-sticky-header-height', `${this.stickySectionsHeight}px`); - }); - } - addPlaceholder() { - return fastdomPromised.mutate(() => { - const placeholder = document.createElement('div'); - placeholder.setAttribute('class', 'lqd-sticky-placeholder d-none'); - this.DOM.placeholder = placeholder; - this.DOM.element.before(placeholder); - }); - } - addSentinel() { - return fastdomPromised.mutate(() => { - const sentinelTemplate = document.querySelector('#lqd-temp-sticky-header-sentinel'); - const sentinel = sentinelTemplate.content.firstElementChild.cloneNode(true); - const { - stickyTrigger - } = this.options; - let trigger = document.body; - if (stickyTrigger === 'first-section') { - const titlebar = document.querySelector('.titlebar'); - if (titlebar) { - trigger = titlebar; - } else if (this.firstRow && !this.firstRow.closest('.main-footer')) { - if (!this.firstRowIsSticky) { - trigger = this.firstRow; - } - } else { - this.options.stickyTrigger = 'this'; - } - } - trigger.appendChild(sentinel); - this.DOM.sentinel = sentinel; - }); - } - sentinelIO() { - new IntersectionObserver(([entry]) => { - fastdom.measure(() => { - let targetInfo = entry.boundingClientRect; - let rootBoundsInfo = entry.rootBounds; - if (!rootBoundsInfo) { - rootBoundsInfo = { - top: 0, - bottom: window.innerHeight - }; - } - if (!this.isStuck && rootBoundsInfo && targetInfo.bottom < rootBoundsInfo.top) { - this.fireEvent('stickyChange', true); - } else if (this.isStuck && rootBoundsInfo && targetInfo.bottom >= rootBoundsInfo.top && targetInfo.bottom < rootBoundsInfo.bottom) { - this.fireEvent('stickyChange', false); - } - }); - }).observe(this.DOM.sentinel); - } - headerIO() { - const { - stickyTrigger - } = this.options; - const applyCssTo = liquidIsElementor ? document.body : document.documentElement; - fastdomPromised.measure(() => { - const targetInfo = { - height: this.DOM.element.offsetHeight - }; - return targetInfo; - }).then(({ - height - }) => { - fastdom.mutate(() => { - applyCssTo.style.setProperty('--lqd-sticky-header-placeholder-height', `${height}px`); - if (stickyTrigger === 'this') { - applyCssTo.style.setProperty('--lqd-sticky-header-sentinel-top', `var(--lqd-sticky-header-placeholder-height)`); - } else { - if (this.firstRowIsSticky) { - applyCssTo.style.setProperty('--lqd-sticky-header-sentinel-top', `${$(this.firstRow).outerHeight()}px`); - } - } - }); - }); - } - stickyVisibilityChange(state) { - let classnamesToRemove = ['lqd-smart-sticky-hide', 'lqd-just-stuck']; - let classnamesToAdd = ['lqd-smart-sticky-show']; - if (state === 'hide') { - classnamesToRemove = ['lqd-smart-sticky-show']; - classnamesToAdd = ['lqd-smart-sticky-hide']; - } - this.smartStickyStuff.state = state; - this.DOM.element.classList.remove(...classnamesToRemove); - this.DOM.element.classList.add(...classnamesToAdd); - this.fireEvent('stickyVisibility', state); - } - handleSmartSticky() { - fastdomPromised.measure(() => { - const { - scrollY - } = window; - const scrollDirection = scrollY > this.smartStickyStuff.prevScrollY ? 'down' : 'up'; - return { - scrollY, - scrollDirection - }; - }).then(({ - scrollY, - scrollDirection - }) => { - this.smartStickyStuff.scrolledDistance = Math.abs(scrollY - this.smartStickyStuff.prevScrollY); - fastdom.mutate(() => { - if (this.isStuck && this.smartStickyStuff.toleranceExceeded) { - if (scrollDirection === 'up' && this.smartStickyStuff.state !== 'show') { - this.stickyVisibilityChange('show'); - } else if (scrollDirection === 'down' && this.smartStickyStuff.state !== 'hide') { - this.stickyVisibilityChange('hide'); - } - } - this.smartStickyStuff.prevScrollY = scrollY; - this.smartStickyStuff.toleranceExceeded = this.smartStickyStuff.scrolledDistance > this.smartStickyStuff.tolerance[scrollDirection]; - }); - }); - } - fireEvent(type = 'stickyChange', state) { - fastdom.mutate(() => { - if (type === 'stickyChange') { - document.dispatchEvent(new CustomEvent('lqd-header-sticky-change', { - bubbles: false, - detail: { - stuck: state, - target: this.DOM.element - } - })); - } - if (type === 'stickyVisibility') { - document.dispatchEvent(new CustomEvent('lqd-header-sticky-visibility-change', { - bubbles: false, - detail: { - state, - target: this.DOM.element - } - })); - } - }); - } - getStickyElements() { - const $stickyModules = liquidIsElementor ? this.DOM.$element.find('> .elementor:not(.lqd-mobile-sec)').find('[data-element_type="widget"]').filter((i, el) => { - return !el.classList.contains('elementor-widget-ld_modal_window') && !el.closest('.ld-module-sd') && !el.closest('.navbar-fullscreen') && !el.closest('.lqd-modal'); - }) : this.DOM.$element.find('.lqd-head-sec-wrap, .lqd-stickybar-wrap').find('.lqd-head-col > .header-module, [data-lqd-interactive-color=true]'); - const $elements = this.DOM.element.hasAttribute('data-liquid-bg') ? $stickyModules.add(this.DOM.$element).not('.navbar-brand-solid') : $stickyModules.add(this.DOM.$element); - return $elements; - } - async getStickyElsDetails() { - const promises = []; - const windowWidth = liquidWindowWidth(); - this.DOM.$stickyElements.each((i, stickyEl) => { - const promise = new Promise(resolve => { - new IntersectionObserver(([entry], observer) => { - fastdom.measure(() => { - observer.disconnect(); - let { - boundingClientRect - } = entry; - let obj = {}; - obj.el = entry.target; - obj.moduleEl = stickyEl; - let { - x, - y, - width, - height - } = boundingClientRect; - if (x < 0) { - x = 0; - } else if (x >= windowWidth) { - x = windowWidth - width - entry.target.parentElement.offsetWidth; - } - if (y < 0) { - y = y + window.scrollY; - } - obj.rect = { - width, - height, - x, - y - }; - obj.currentColor = 'default'; - resolve(obj); - }); - }).observe(stickyEl === this.DOM.element ? this.DOM.element : stickyEl); - }); - promises.push(promise); - }); - const stickyElDetailsArray = await Promise.all(promises); - this.stickyElsDetails = stickyElDetailsArray; - } - getSections(visibleSections) { - let sections = []; - visibleSections.forEach(sec => { - let section = sec; - if (sec.isInnerSection) { - section = sec.parentSection; - if (!section) return; - const sectionBgcolor = sec.backgroundColor.replace(/, /g, ',').split(' ')[0]; - const parentBgColor = section.backgroundColor.replace(/, /g, ',').split(' ')[0]; - const sectionBgAlpha = tinycolor(sectionBgcolor).getAlpha(); - const parentBgAlpha = tinycolor(parentBgColor).getAlpha(); - if ((sectionBgAlpha !== 0 || sec.predefinedLuminosity) && parentBgAlpha === 0) { - section = sec; - sections = sections.filter(sect => sect.el !== section.parentSection.el); - } - } - const sectionExists = sections.some(sect => sect.el === section.el); - !sectionExists && sections.push(section); - }); - return sections; - } - initDynamicColors() { - if (!this.options.dynamicColors || contentsInteractWithHeader) return; - LiquidSectionsDetails.getDetails().then(lqdSections => { - const visibleSections = lqdSections.filter(sec => !sec.isHidden); - const sections = this.getSections(visibleSections); - const onscroll = liquidThrottle(this.onScroll.bind(this, sections), 150, { - leading: true - }); - this.onScroll(sections); - $liquidWindow.off('scroll.lqdStickyHeader'); - $liquidWindow.on('scroll.lqdStickyHeader', onscroll); - }); - } - onScroll(sections) { - for (let sectionsItterator = 0; sectionsItterator < sections.length; sectionsItterator++) { - fastdomPromised.measure(() => { - const sec = sections[sectionsItterator]; - const rect = { - ...sec.rect - }; - rect.y = rect.initialOffset.y - window.scrollY; - rect.x = rect.initialOffset.x - window.scrollX; - for (let stickyItterator = 0; stickyItterator < this.stickyElsDetails.length; stickyItterator++) { - if (this.isCollide(this.stickyElsDetails[stickyItterator].rect, rect)) { - this.changeAttrs(sec, this.stickyElsDetails[stickyItterator]); - } - } - }); - } - } - changeAttrs(rowObj, moduleObj) { - const { - luminosity - } = rowObj; - const { - moduleEl - } = moduleObj; - fastdom.mutate(() => { - if (luminosity === 'light' && moduleObj.currentColor !== 'dark') { - moduleObj.currentColor = 'dark'; - moduleEl.classList.add('lqd-active-row-light'); - moduleEl.classList.remove('lqd-active-row-dark'); - } else if (luminosity === 'dark' && moduleObj.currentColor !== 'light') { - moduleObj.currentColor = 'light'; - moduleEl.classList.add('lqd-active-row-dark'); - moduleEl.classList.remove('lqd-active-row-light'); - } - }); - } - isCollide(a, b) { - return !(a.y + a.height < b.y || a.y > b.y + b.height || a.x + a.width < b.x || a.x + a.width / 2 > b.x + b.width); - } - handleResizeEvents() { - $liquidWindow.on('resize', this.onResize.bind(this)); - $(document).on('lqd-masonry-layout-init', this.onResize.bind(this)); - } - onResize() { - this.headerIO(); - this.initDynamicColors(); - } - drawIndicators(sec) { - const $indicator = $(``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 2. Add explicit cursor to indicate changed behavior.\n// 3. Prevent the text-decoration to be skipped.\n\nabbr[title] {\n text-decoration: underline dotted; // 1\n cursor: help; // 2\n text-decoration-skip-ink: none; // 3\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: var(--#{$prefix}highlight-bg);\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));\n text-decoration: $link-decoration;\n\n &:hover {\n --#{$prefix}link-color-rgb: var(--#{$prefix}link-hover-color-rgb);\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: var(--#{$prefix}code-color);\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `