Updated women leading the way section
This commit is contained in:
R-Bharathraj
2164
assets/css/custom-frontend.min.css
vendored
2164
assets/css/custom-frontend.min.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -49,12 +49,43 @@
|
||||
}
|
||||
|
||||
/* ── Hero slider dark background (no Elementor CSS on this page) ── */
|
||||
.miletruth-hero .content-slider-wrapper {
|
||||
/* .miletruth-hero .content-slider-wrapper {
|
||||
background: linear-gradient(160deg, #0c0c14 0%, #18050a 100%);
|
||||
}
|
||||
} */
|
||||
|
||||
/* ── Remove the default 90px top margin so hero starts at y:0, covering the
|
||||
white gap that would otherwise show behind the transparent header ── */
|
||||
.miletruth-hero .content-slider .slide-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.miletruth-hero .content-slider .slide-content-inner {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 980px;
|
||||
padding: 0 32px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.miletruth-hero .content-slider-item-heading,
|
||||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||||
color: rgba(255, 255, 255, 0.92) !important;
|
||||
font-size: 72px;
|
||||
line-height: 1.05;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.miletruth-hero .content-slider-item-text,
|
||||
.miletruth-hero .content-slider-item-text .text-content,
|
||||
.miletruth-hero .content-slider-item-text p {
|
||||
color: rgba(255, 255, 255, 0.72) !important;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.content-wrapper.miletruth-hero {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
@@ -303,7 +334,17 @@
|
||||
object-fit: cover;
|
||||
}
|
||||
.miletruth-hero .content-slider .slide-content-inner {
|
||||
max-width: 80%;
|
||||
max-width: 860px;
|
||||
padding: 0 28px;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-heading,
|
||||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||||
font-size: 60px;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-text,
|
||||
.miletruth-hero .content-slider-item-text .text-content,
|
||||
.miletruth-hero .content-slider-item-text p {
|
||||
font-size: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -316,8 +357,20 @@
|
||||
object-fit: cover;
|
||||
}
|
||||
.miletruth-hero .content-slider .slide-content-inner {
|
||||
max-width: 90%;
|
||||
max-width: 760px;
|
||||
margin: 0 auto;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-heading,
|
||||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||||
font-size: 50px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-text,
|
||||
.miletruth-hero .content-slider-item-text .text-content,
|
||||
.miletruth-hero .content-slider-item-text p {
|
||||
font-size: 18px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -335,9 +388,25 @@
|
||||
object-fit: cover;
|
||||
}
|
||||
.miletruth-hero .content-slider .slide-content-inner {
|
||||
max-width: 95%;
|
||||
max-width: 620px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0 22px;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-heading,
|
||||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||||
font-size: 40px;
|
||||
line-height: 1.12;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-text,
|
||||
.miletruth-hero .content-slider-item-text .text-content,
|
||||
.miletruth-hero .content-slider-item-text p {
|
||||
font-size: 16px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.miletruth-hero .content-slider.nav-h-position-right .owl-nav,
|
||||
.miletruth-hero .content-slider.nav-h-position-right .slider-footer {
|
||||
right: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -359,6 +428,28 @@
|
||||
.mr-stat-num {
|
||||
font-size: clamp(28px, 8vw, 40px);
|
||||
}
|
||||
.miletruth-hero .content-slider .slide-content-inner {
|
||||
max-width: 100%;
|
||||
padding: 0 18px;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-heading,
|
||||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||||
font-size: 32px;
|
||||
line-height: 1.14;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-text,
|
||||
.miletruth-hero .content-slider-item-text .text-content,
|
||||
.miletruth-hero .content-slider-item-text p {
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.miletruth-hero .content-slider-item-text {
|
||||
margin-top: 16px !important;
|
||||
}
|
||||
.miletruth-hero .content-slider.nav-h-position-right .owl-nav,
|
||||
.miletruth-hero .content-slider.nav-h-position-right .slider-footer {
|
||||
right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive tweaks specifically for dark variant to ensure readable layout */
|
||||
@@ -393,3 +484,79 @@
|
||||
border-color: rgba(255,255,255,0.06);
|
||||
}
|
||||
}
|
||||
|
||||
/* MileTruth workflow carousel pagination */
|
||||
.miletruth-workflow-heading {
|
||||
color: #ffffff;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: clamp(26px, 3vw, 44px);
|
||||
font-weight: 800;
|
||||
line-height: 1.12;
|
||||
letter-spacing: 0;
|
||||
margin: 0 0 24px;
|
||||
}
|
||||
|
||||
.elementor-63 .elementor-element.elementor-element-0a76e77 .testimonial-text p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.elementor-63 .elementor-element.elementor-element-0a76e77 .miletruth-workflow-progress,
|
||||
.miletruth-workflow-progress.slider-footer.slider-footer-position-after {
|
||||
margin-top: 18px !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .slider-footer-content {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .slider-pagination {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .slider-progress-wrapper {
|
||||
color: #ffffff !important;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
line-height: 1;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .slider-progress-current,
|
||||
.miletruth-workflow-progress .slider-progress-all {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .owl-dots {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .owl-dots .owl-dot,
|
||||
.miletruth-workflow-progress .owl-dots button.owl-dot {
|
||||
width: 43px;
|
||||
height: 2px;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
border-radius: 0;
|
||||
background: rgba(255,255,255,0.9) !important;
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .owl-dots .owl-dot span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.miletruth-workflow-progress .owl-dots .owl-dot.active,
|
||||
.miletruth-workflow-progress .owl-dots button.owl-dot.active {
|
||||
height: 3px;
|
||||
background: #C01227 !important;
|
||||
}
|
||||
|
||||
261
assets/css/vendor/vendor-elementor-custom.min.css
vendored
261
assets/css/vendor/vendor-elementor-custom.min.css
vendored
@@ -47,9 +47,7 @@ body.rtl,html[dir=rtl] {
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.elementor *,.elementor :after,.elementor :before {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
|
||||
.elementor a {
|
||||
box-shadow: none;
|
||||
@@ -156,7 +154,7 @@ body.rtl,html[dir=rtl] {
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-element {
|
||||
/* .elementor-element {
|
||||
--flex-direction: initial;
|
||||
--flex-wrap: initial;
|
||||
--justify-content: initial;
|
||||
@@ -173,20 +171,13 @@ body.rtl,html[dir=rtl] {
|
||||
flex-grow: var(--flex-grow);
|
||||
flex-shrink: var(--flex-shrink);
|
||||
order: var(--order)
|
||||
}
|
||||
} */
|
||||
|
||||
.elementor-element.elementor-absolute,.elementor-element.elementor-fixed {
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.elementor-element:where(.e-con-full,.elementor-widget) {
|
||||
align-content: var(--align-content);
|
||||
align-items: var(--align-items);
|
||||
flex-direction: var(--flex-direction);
|
||||
flex-wrap: var(--flex-wrap);
|
||||
gap: var(--row-gap) var(--column-gap);
|
||||
justify-content: var(--justify-content)
|
||||
}
|
||||
|
||||
|
||||
.elementor-invisible {
|
||||
visibility: hidden
|
||||
@@ -1707,251 +1698,7 @@ body.rtl,html[dir=rtl] {
|
||||
}
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--border-radius: 0;
|
||||
--border-top-width: 0px;
|
||||
--border-right-width: 0px;
|
||||
--border-bottom-width: 0px;
|
||||
--border-left-width: 0px;
|
||||
--border-style: initial;
|
||||
--border-color: initial;
|
||||
--container-widget-width: 100%;
|
||||
--container-widget-height: initial;
|
||||
--container-widget-flex-grow: 0;
|
||||
--container-widget-align-self: initial;
|
||||
--content-width: min(100%,var(--container-max-width,1140px));
|
||||
--width: 100%;
|
||||
--min-height: initial;
|
||||
--height: auto;
|
||||
--text-align: initial;
|
||||
--margin-top: 0px;
|
||||
--margin-right: 0px;
|
||||
--margin-bottom: 0px;
|
||||
--margin-left: 0px;
|
||||
--padding-top: var(--container-default-padding-top,10px);
|
||||
--padding-right: var(--container-default-padding-right,10px);
|
||||
--padding-bottom: var(--container-default-padding-bottom,10px);
|
||||
--padding-left: var(--container-default-padding-left,10px);
|
||||
--position: relative;
|
||||
--z-index: revert;
|
||||
--overflow: visible;
|
||||
--gap: var(--widgets-spacing,20px);
|
||||
--row-gap: var(--widgets-spacing-row,20px);
|
||||
--column-gap: var(--widgets-spacing-column,20px);
|
||||
--overlay-mix-blend-mode: initial;
|
||||
--overlay-opacity: 1;
|
||||
--overlay-transition: 0.3s;
|
||||
--e-con-grid-template-columns: repeat(3,1fr);
|
||||
--e-con-grid-template-rows: repeat(2,1fr);
|
||||
border-radius: var(--border-radius);
|
||||
height: var(--height);
|
||||
min-height: var(--min-height);
|
||||
min-width: 0;
|
||||
overflow: var(--overflow);
|
||||
position: var(--position);
|
||||
width: var(--width);
|
||||
z-index: var(--z-index);
|
||||
--flex-wrap-mobile: wrap;
|
||||
margin-block-end:var(--margin-block-end);margin-block-start: var(--margin-block-start);
|
||||
margin-inline-end:var(--margin-inline-end);margin-inline-start: var(--margin-inline-start);
|
||||
padding-inline-end:var(--padding-inline-end);padding-inline-start: var(--padding-inline-start)
|
||||
}
|
||||
|
||||
.e-con:where(:not(.e-div-block-base)) {
|
||||
transition: background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--margin-block-start: var(--margin-top);
|
||||
--margin-block-end: var(--margin-bottom);
|
||||
--margin-inline-start: var(--margin-left);
|
||||
--margin-inline-end: var(--margin-right);
|
||||
--padding-inline-start: var(--padding-left);
|
||||
--padding-inline-end: var(--padding-right);
|
||||
--padding-block-start: var(--padding-top);
|
||||
--padding-block-end: var(--padding-bottom);
|
||||
--border-block-start-width: var(--border-top-width);
|
||||
--border-block-end-width: var(--border-bottom-width);
|
||||
--border-inline-start-width: var(--border-left-width);
|
||||
--border-inline-end-width: var(--border-right-width)
|
||||
}
|
||||
|
||||
body.rtl .e-con {
|
||||
--padding-inline-start: var(--padding-right);
|
||||
--padding-inline-end: var(--padding-left);
|
||||
--margin-inline-start: var(--margin-right);
|
||||
--margin-inline-end: var(--margin-left);
|
||||
--border-inline-start-width: var(--border-right-width);
|
||||
--border-inline-end-width: var(--border-left-width)
|
||||
}
|
||||
|
||||
.e-con.e-flex {
|
||||
--flex-direction: column;
|
||||
--flex-basis: auto;
|
||||
--flex-grow: 0;
|
||||
--flex-shrink: 1;
|
||||
flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis)
|
||||
}
|
||||
|
||||
.e-con-full,.e-con>.e-con-inner {
|
||||
padding-block-end:var(--padding-block-end);padding-block-start: var(--padding-block-start);
|
||||
text-align: var(--text-align)
|
||||
}
|
||||
|
||||
.e-con-full.e-flex,.e-con.e-flex>.e-con-inner {
|
||||
flex-direction: var(--flex-direction)
|
||||
}
|
||||
|
||||
.e-con,.e-con>.e-con-inner {
|
||||
display: var(--display)
|
||||
}
|
||||
|
||||
.e-con.e-grid {
|
||||
--grid-justify-content: start;
|
||||
--grid-align-content: start;
|
||||
--grid-auto-flow: row
|
||||
}
|
||||
|
||||
.e-con.e-grid,.e-con.e-grid>.e-con-inner {
|
||||
align-content: var(--grid-align-content);
|
||||
align-items: var(--align-items);
|
||||
grid-auto-flow: var(--grid-auto-flow);
|
||||
grid-template-columns: var(--e-con-grid-template-columns);
|
||||
grid-template-rows: var(--e-con-grid-template-rows);
|
||||
justify-content: var(--grid-justify-content);
|
||||
justify-items: var(--justify-items)
|
||||
}
|
||||
|
||||
.e-con-boxed.e-flex {
|
||||
align-content: normal;
|
||||
align-items: normal;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: normal
|
||||
}
|
||||
|
||||
.e-con-boxed.e-grid {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
justify-items: legacy
|
||||
}
|
||||
|
||||
.e-con-boxed {
|
||||
gap: initial;
|
||||
text-align: initial
|
||||
}
|
||||
|
||||
.e-con.e-flex>.e-con-inner {
|
||||
align-content: var(--align-content);
|
||||
align-items: var(--align-items);
|
||||
align-self: auto;
|
||||
flex-basis: auto;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-wrap: var(--flex-wrap);
|
||||
justify-content: var(--justify-content)
|
||||
}
|
||||
|
||||
.e-con.e-grid>.e-con-inner {
|
||||
align-items: var(--align-items);
|
||||
justify-items: var(--justify-items)
|
||||
}
|
||||
|
||||
.e-con>.e-con-inner {
|
||||
gap: var(--row-gap) var(--column-gap);
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
max-width: var(--content-width);
|
||||
padding-inline-end:0;padding-inline-start:0;width: 100%
|
||||
}
|
||||
|
||||
:is(.elementor-section-wrap,[data-elementor-id])>.e-con {
|
||||
--margin-left: auto;
|
||||
--margin-right: auto;
|
||||
max-width: min(100%,var(--width))
|
||||
}
|
||||
|
||||
.e-con .elementor-widget.elementor-widget {
|
||||
margin-block-end:0}
|
||||
|
||||
.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
|
||||
border-block-end-width:var(--border-block-end-width);border-block-start-width: var(--border-block-start-width);
|
||||
border-color: var(--border-color);
|
||||
border-inline-end-width:var(--border-inline-end-width);border-inline-start-width: var(--border-inline-start-width);
|
||||
border-radius: var(--border-radius);
|
||||
border-style: var(--border-style);
|
||||
content: var(--background-overlay);
|
||||
display: block;
|
||||
height: max(100% + var(--border-top-width) + var(--border-bottom-width),100%);
|
||||
left: calc(0px - var(--border-left-width));
|
||||
mix-blend-mode: var(--overlay-mix-blend-mode);
|
||||
opacity: var(--overlay-opacity);
|
||||
position: absolute;
|
||||
top: calc(0px - var(--border-top-width));
|
||||
transition: var(--overlay-transition,.3s);
|
||||
width: max(100% + var(--border-left-width) + var(--border-right-width),100%)
|
||||
}
|
||||
|
||||
.e-con:before {
|
||||
transition: background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)
|
||||
}
|
||||
|
||||
.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container {
|
||||
border-block-end-width:var(--border-block-end-width);border-block-start-width: var(--border-block-start-width);
|
||||
border-color: var(--border-color);
|
||||
border-inline-end-width:var(--border-inline-end-width);border-inline-start-width: var(--border-inline-start-width);
|
||||
border-radius: var(--border-radius);
|
||||
border-style: var(--border-style);
|
||||
height: max(100% + var(--border-top-width) + var(--border-bottom-width),100%);
|
||||
left: calc(0px - var(--border-left-width));
|
||||
top: calc(0px - var(--border-top-width));
|
||||
width: max(100% + var(--border-left-width) + var(--border-right-width),100%)
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
|
||||
:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before {
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.e-con .elementor-widget {
|
||||
min-width: 0
|
||||
}
|
||||
|
||||
.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.e-con .elementor-widget:not(:last-child) {
|
||||
--kit-widget-spacing: 0px
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.e-con.e-flex {
|
||||
--width:100%;
|
||||
--flex-wrap: var(--flex-wrap-mobile)
|
||||
}
|
||||
|
||||
.e-con.e-flex .elementor-widget-archive-posts {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-form-fields-wrapper {
|
||||
display: flex;
|
||||
|
||||
68
assets/css/vendor/vendor-global-overrides.css
vendored
68
assets/css/vendor/vendor-global-overrides.css
vendored
@@ -266,53 +266,10 @@
|
||||
WHY CHOOSE DOORMILE SECTION RESPONSIVENESS (< 1020px)
|
||||
============================================================ */
|
||||
|
||||
@media (max-width: 1020px) {
|
||||
/* 1. Parent Wrapper: Switch to Column Stack */
|
||||
.elementor-element.elementor-element-ead59d3 {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
padding-top: 50px !important;
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
|
||||
/* 2. Absolute Image: Pull into Flow and Place First */
|
||||
.elementor-element.elementor-element-f35119c {
|
||||
position: relative !important;
|
||||
width: 100% !important;
|
||||
max-width: 500px !important; /* Optimal tablet/mobile size */
|
||||
margin: 0 auto 40px !important; /* Center and add spacing below */
|
||||
left: auto !important;
|
||||
top: auto !important;
|
||||
order: -1 !important; /* Force to top of stack */
|
||||
transform: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 3. Content Section: Expand to 100% Width */
|
||||
.elementor-element.elementor-element-56ecbb3,
|
||||
.elementor-element.elementor-element-56ecbb3 .e-con-inner,
|
||||
.elementor-element.elementor-element-47f8cbe {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding-left: 20px !important;
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
|
||||
/* Align content consistently for stacked view */
|
||||
.elementor-element.elementor-element-47f8cbe {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
align-items: center !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* Adjust specific widgets inside content */
|
||||
.elementor-element.elementor-element-47f8cbe .logico-title {
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ============================================================
|
||||
PROBLEM SECTION - Responsive Layout Fix
|
||||
@@ -483,28 +440,13 @@ body:not(.is-home-page) .header-hide-until-scroll {
|
||||
============================================================ */
|
||||
@media (min-width: 1021px) {
|
||||
/* Image column: force wider */
|
||||
.elementor-element.elementor-element-96343ba {
|
||||
width: 50% !important;
|
||||
max-width: 60% !important;
|
||||
flex: 0 0 48% !important;
|
||||
padding-right: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Text column: take the remaining space */
|
||||
.elementor-element.elementor-element-71c3e1d {
|
||||
width: 52% !important;
|
||||
max-width: 52% !important;
|
||||
flex: 0 0 52% !important;
|
||||
padding-left: 50px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Map image: fill the wider container */
|
||||
.elementor-element.elementor-element-99768ba img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
object-fit: cover;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
|
||||
14
assets/css/vendor/vendor-responsive-laptops.css
vendored
14
assets/css/vendor/vendor-responsive-laptops.css
vendored
@@ -16,7 +16,7 @@
|
||||
|
||||
.logico-content-slider-widget .content-slider-item-heading,
|
||||
.logico-content-slider-widget .content-slider-item-text {
|
||||
text-align: left !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* Restore Flex & Grid container directions to desktop state */
|
||||
@@ -67,15 +67,7 @@
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.elementor-element.elementor-element-96343ba {
|
||||
width: 48% !important;
|
||||
flex: 0 0 48% !important;
|
||||
padding-right: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
.elementor-element.elementor-element-71c3e1d {
|
||||
width: 52% !important;
|
||||
flex: 0 0 52% !important;
|
||||
padding-left: 50px !important;
|
||||
}
|
||||
|
||||
}
|
||||
18
assets/css/vendor/vendor-theme-core.css
vendored
18
assets/css/vendor/vendor-theme-core.css
vendored
@@ -11702,9 +11702,7 @@ body.compensate-for-scrollbar {
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.elementor>.e-con-full.e-parent>.elementor-widget .slider-footer.slider-footer-width-boxed .slider-footer-content,.elementor>.e-con-full.e-parent>.e-con-full>.elementor-widget .slider-footer.slider-footer-width-boxed .slider-footer-content {
|
||||
padding: 0 20px
|
||||
}
|
||||
|
||||
|
||||
.slider-pagination {
|
||||
display: inline-block;
|
||||
@@ -11912,17 +11910,7 @@ body .owl-carousel {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 661px) {
|
||||
.elementor>.e-con-full.e-parent>.elementor-widget .slider-footer.slider-footer-width-boxed .slider-footer-content {
|
||||
padding:0 30px
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.elementor>.e-con-full.e-parent>.elementor-widget .slider-footer.slider-footer-width-boxed .slider-footer-content {
|
||||
padding:0 20px
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
@@ -16818,7 +16806,7 @@ html.elementor-html {
|
||||
}
|
||||
}
|
||||
|
||||
.team-listing-wrapper.team-grid-listing {
|
||||
/* .team-listing-wrapper.team-grid-listing {
|
||||
display: block;
|
||||
margin: 0 -10px -20px
|
||||
}
|
||||
@@ -17072,7 +17060,7 @@ html.elementor-html {
|
||||
padding: 0 22px;
|
||||
margin-bottom: 78px
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
.body-container .single-team {
|
||||
display: -webkit-box;
|
||||
|
||||
490
assets/css/vendor/vendor-woocommerce-blocks.css
vendored
490
assets/css/vendor/vendor-woocommerce-blocks.css
vendored
@@ -1,490 +0,0 @@
|
||||
@keyframes wc-skeleton-shimmer {
|
||||
to {
|
||||
transform: translateX(100%)
|
||||
}
|
||||
}
|
||||
|
||||
body.wc-block-product-gallery-modal-open,body.wc-modal--open {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.wc-block-grid__products .wc-block-grid__product-image {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.wc-block-grid__products .wc-block-grid__product-image a {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.wc-block-grid__products .wc-block-grid__product-image img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.wc-block-grid__products .wc-block-grid__product-image img[hidden] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.wc-block-grid__products .wc-block-grid__product-image img[alt=""] {
|
||||
border: 1px solid #f2f2f2
|
||||
}
|
||||
|
||||
.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title {
|
||||
color: inherit;
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.wc-block-grid__product-price {
|
||||
display: block
|
||||
}
|
||||
|
||||
.wc-block-grid__product-price .wc-block-grid__product-price__regular {
|
||||
margin-right: .5em
|
||||
}
|
||||
|
||||
.wc-block-grid__product-add-to-cart.wp-block-button {
|
||||
white-space: normal;
|
||||
word-break: break-word
|
||||
}
|
||||
|
||||
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
|
||||
display: inline-flex;
|
||||
font-size: 1em;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
word-break: break-word
|
||||
}
|
||||
|
||||
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading {
|
||||
opacity: .25
|
||||
}
|
||||
|
||||
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: WooCommerce;
|
||||
height: auto;
|
||||
margin-left: .5em;
|
||||
width: auto
|
||||
}
|
||||
|
||||
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after {
|
||||
animation: spin 2s linear infinite;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: WooCommerce;
|
||||
height: auto;
|
||||
margin-left: .5em;
|
||||
width: auto
|
||||
}
|
||||
|
||||
.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after {
|
||||
content: "";
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating {
|
||||
display: block
|
||||
}
|
||||
|
||||
.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars {
|
||||
font-family: WooCommerce;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
height: 1.618em;
|
||||
line-height: 1.618;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
width: 5.3em
|
||||
}
|
||||
|
||||
.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before {
|
||||
content: "SSSSS";
|
||||
left: 0;
|
||||
opacity: .5;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span {
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 1.5em;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before {
|
||||
color: inherit;
|
||||
content: "SSSSS";
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale {
|
||||
background: #fff;
|
||||
border: 1px solid #43454b;
|
||||
border-radius: 4px;
|
||||
color: #43454b;
|
||||
display: inline-block;
|
||||
font-size: .875em;
|
||||
font-weight: 600;
|
||||
left: auto;
|
||||
padding: .25em .75em;
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
top: 4px;
|
||||
width: auto;
|
||||
z-index: 9
|
||||
}
|
||||
|
||||
.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link {
|
||||
display: inline-block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title {
|
||||
margin: 0 0 12px
|
||||
}
|
||||
|
||||
.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating {
|
||||
margin: 0 auto 12px
|
||||
}
|
||||
|
||||
.theme-twentysixteen .wc-block-grid .price ins {
|
||||
color: #77a464
|
||||
}
|
||||
|
||||
.theme-twentynineteen .wc-block-grid__product {
|
||||
font-size: .88889em
|
||||
}
|
||||
|
||||
.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title {
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif
|
||||
}
|
||||
|
||||
.theme-twentynineteen .wc-block-grid__product-title:before {
|
||||
display: none
|
||||
}
|
||||
|
||||
.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color) {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-grid__product-link {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title {
|
||||
color: #cd2653;
|
||||
font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wp-block-columns .wc-block-components-product-title {
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value {
|
||||
font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;
|
||||
font-size: .9em
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del {
|
||||
opacity: .7
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating {
|
||||
font-size: .7em
|
||||
}
|
||||
|
||||
.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link {
|
||||
font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
|
||||
background: #cd2653;
|
||||
color: #fff;
|
||||
font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;
|
||||
font-weight: 700;
|
||||
letter-spacing: -.02em;
|
||||
line-height: 1.2;
|
||||
text-transform: uppercase
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge {
|
||||
position: static
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge {
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge) {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
top: 4px;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title {
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
|
||||
font-size: .75em
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
|
||||
font-size:.875em;
|
||||
padding: .5em
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale {
|
||||
font-size:.875em;
|
||||
padding: .5em
|
||||
}
|
||||
}
|
||||
|
||||
.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart {
|
||||
display: block;
|
||||
margin-top: 12px
|
||||
}
|
||||
|
||||
.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
word-wrap: normal!important;
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
overflow-wrap: normal!important;
|
||||
padding: 0;
|
||||
position: absolute!important;
|
||||
width: 1px
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
clip: auto!important;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
||||
clip-path: none;
|
||||
color: #2b2d2f;
|
||||
display: block;
|
||||
font-size: .875rem;
|
||||
font-weight: 700;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000
|
||||
}
|
||||
|
||||
.wp-block-group.woocommerce.product .up-sells.upsells.products {
|
||||
max-width: var(--wp--style--global--wide-size)
|
||||
}
|
||||
|
||||
@keyframes wc-skeleton-shimmer {
|
||||
to {
|
||||
transform: translateX(100%)
|
||||
}
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner {
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
background-color: #fff;
|
||||
border: 1px solid #2f2f2f;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
color: #2f2f2f;
|
||||
display: flex;
|
||||
font-size: .875em;
|
||||
font-weight: 400;
|
||||
gap: 12px;
|
||||
line-height: 1.5;
|
||||
margin: 16px 0;
|
||||
padding: 16px!important
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
|
||||
align-self: center;
|
||||
flex-basis: 100%;
|
||||
padding-right: 16px;
|
||||
white-space: normal
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child {
|
||||
padding-right: 0
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary {
|
||||
font-weight: 600;
|
||||
margin: 0 0 8px
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul {
|
||||
margin: 0 0 0 24px;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: block
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
|
||||
appearance: none;
|
||||
background: transparent!important;
|
||||
border: 0;
|
||||
color: #2f2f2f!important;
|
||||
float: right;
|
||||
margin: 0;
|
||||
opacity: .7;
|
||||
padding: 0!important;
|
||||
text-decoration-line: underline;
|
||||
text-underline-position: under;
|
||||
transition: all .2s ease-in-out
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
|
||||
opacity: 1;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>svg {
|
||||
fill: #fff;
|
||||
background-color: #2f2f2f;
|
||||
border-radius: 50%;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
padding: 2px
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-button {
|
||||
background: transparent none!important;
|
||||
border: 0!important;
|
||||
box-shadow: none!important;
|
||||
color: #2f2f2f!important;
|
||||
flex: 0 0 16px;
|
||||
height: 16px!important;
|
||||
margin: 6px 0 0 auto!important;
|
||||
min-height: auto!important;
|
||||
min-width: 0!important;
|
||||
opacity: .6;
|
||||
outline: none!important;
|
||||
padding: 0!important;
|
||||
width: 16px!important
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-button>svg {
|
||||
margin: 0!important
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner>.wc-block-components-button:focus {
|
||||
outline: 2px solid currentColor!important;
|
||||
outline-offset: 0
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-error {
|
||||
background-color: #fff0f0;
|
||||
border-color: #cc1818
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-error>svg {
|
||||
background-color: #cc1818;
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-warning {
|
||||
background-color: #fffbf4;
|
||||
border-color: #f0b849
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-warning>svg {
|
||||
background-color: #f0b849;
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-success {
|
||||
background-color: #f4fff7;
|
||||
border-color: #4ab866
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-success>svg {
|
||||
background-color: #4ab866
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-info {
|
||||
background-color: #f4f8ff;
|
||||
border-color: #007cba
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner.is-info>svg {
|
||||
background-color: #007cba
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner:focus {
|
||||
outline-width: 0
|
||||
}
|
||||
|
||||
.wc-block-components-notice-banner:focus-visible {
|
||||
outline-style: solid;
|
||||
outline-width: 2px
|
||||
}
|
||||
|
||||
.woocommerce.wc-block-store-notices.alignwide {
|
||||
max-width: var(--wp--style--global--wide-size)
|
||||
}
|
||||
588
assets/css/vendor/vendor-woocommerce-layout.css
vendored
588
assets/css/vendor/vendor-woocommerce-layout.css
vendored
@@ -1,588 +0,0 @@
|
||||
:root {
|
||||
--woocommerce: #720eec;
|
||||
--wc-green: #7ad03a;
|
||||
--wc-red: #a00;
|
||||
--wc-orange: #ffba00;
|
||||
--wc-blue: #2ea2cc;
|
||||
--wc-primary: #720eec;
|
||||
--wc-primary-text: #fcfbfe;
|
||||
--wc-secondary: #e9e6ed;
|
||||
--wc-secondary-text: #515151;
|
||||
--wc-highlight: #958e09;
|
||||
--wc-highligh-text: white;
|
||||
--wc-content-bg: #fff;
|
||||
--wc-subtext: #767676;
|
||||
--wc-form-border-color: rgba(32, 7, 7, 0.8);
|
||||
--wc-form-border-radius: 4px;
|
||||
--wc-form-border-width: 1px
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button {
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce .col2-set,.woocommerce-page .col2-set {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce .col2-set::after,.woocommerce-page .col2-set::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 {
|
||||
float: left;
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 {
|
||||
float: right;
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce img,.woocommerce-page img {
|
||||
height: auto;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images {
|
||||
float: left;
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a {
|
||||
float: left;
|
||||
width: 30.75%;
|
||||
margin-right: 3.8%;
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last {
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
float: none
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a {
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a {
|
||||
width: 22.05%
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a {
|
||||
width: 16.9%
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary {
|
||||
float: right;
|
||||
width: 48%;
|
||||
clear: none
|
||||
}
|
||||
|
||||
.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img {
|
||||
float: right;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.woocommerce ul.products,.woocommerce-page ul.products {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce ul.products::after,.woocommerce-page ul.products::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
|
||||
float: left;
|
||||
margin: 0 3.8% 2.992em 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 22.05%;
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.first,.woocommerce-page ul.products li.first {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.last,.woocommerce-page ul.products li.last {
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product {
|
||||
width: 100%;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product {
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product {
|
||||
width: 30.75%
|
||||
}
|
||||
|
||||
.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product {
|
||||
width: 16.95%
|
||||
}
|
||||
|
||||
.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product {
|
||||
width: 13.5%
|
||||
}
|
||||
|
||||
.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product {
|
||||
width: 100%;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product {
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product {
|
||||
width: 30.75%
|
||||
}
|
||||
|
||||
.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product {
|
||||
width: 16.95%
|
||||
}
|
||||
|
||||
.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product {
|
||||
width: 13.5%
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count {
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering {
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img {
|
||||
height: auto
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions {
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text {
|
||||
width: 80px
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon {
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related {
|
||||
width: 30.75%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells {
|
||||
width: 48%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products {
|
||||
float: none
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li {
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator {
|
||||
width: 48%;
|
||||
clear: right;
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
|
||||
width: 47%
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals {
|
||||
float: right;
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img {
|
||||
float: right;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce form .form-row::after,.woocommerce-page form .form-row::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce form .form-row label,.woocommerce-page form .form-row label {
|
||||
display: block
|
||||
}
|
||||
|
||||
.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox {
|
||||
display: inline
|
||||
}
|
||||
|
||||
.woocommerce form .form-row select,.woocommerce-page form .form-row select {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text {
|
||||
box-sizing: border-box;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last {
|
||||
width: 47%;
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-first,.woocommerce-page form .form-row-first {
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-last,.woocommerce-page form .form-row-last {
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce form .password-input,.woocommerce-page form .password-input {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password] {
|
||||
padding-right: 2.5rem
|
||||
}
|
||||
|
||||
.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce form .show-password-input,.woocommerce-page form .show-password-input {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
color: var(--wc-form-color-text,#000);
|
||||
cursor: pointer;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
right: .7em;
|
||||
text-decoration: none;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-moz-osx-font-smoothing: inherit;
|
||||
-webkit-appearance: none;
|
||||
-webkit-font-smoothing: inherit
|
||||
}
|
||||
|
||||
.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
|
||||
content: "";
|
||||
display: block;
|
||||
height: 22px;
|
||||
width: 22px
|
||||
}
|
||||
|
||||
.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before {
|
||||
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')
|
||||
}
|
||||
|
||||
.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select {
|
||||
width: auto
|
||||
}
|
||||
|
||||
.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions {
|
||||
text-align: left;
|
||||
padding: 0 1em 0 0;
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order {
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions {
|
||||
margin-bottom: 1.618em;
|
||||
padding: 1.618em
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.woocommerce-account .woocommerce-MyAccount-navigation {
|
||||
float: left;
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.woocommerce-account .woocommerce-MyAccount-content {
|
||||
float: right;
|
||||
width: 68%
|
||||
}
|
||||
|
||||
.woocommerce-account .woocommerce-MyAccount-content mark {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.woocommerce-page.left-sidebar #content.twentyeleven {
|
||||
width: 58.4%;
|
||||
margin: 0 7.6%;
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce-page.right-sidebar #content.twentyeleven {
|
||||
margin: 0 7.6%;
|
||||
width: 58.4%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.twentyfourteen .tfwc {
|
||||
padding: 12px 10px 0;
|
||||
max-width: 474px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.twentyfourteen .tfwc .product .entry-summary {
|
||||
padding: 0!important;
|
||||
margin: 0 0 1.618em!important
|
||||
}
|
||||
|
||||
.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
@media screen and (min-width: 673px) {
|
||||
.twentyfourteen .tfwc {
|
||||
padding-right:30px;
|
||||
padding-left: 30px
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1040px) {
|
||||
.twentyfourteen .tfwc {
|
||||
padding-right:15px;
|
||||
padding-left: 15px
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1110px) {
|
||||
.twentyfourteen .tfwc {
|
||||
padding-right:30px;
|
||||
padding-left: 30px
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1218px) {
|
||||
.twentyfourteen .tfwc {
|
||||
margin-right:54px
|
||||
}
|
||||
|
||||
.full-width .twentyfourteen .tfwc {
|
||||
margin-right: auto
|
||||
}
|
||||
}
|
||||
|
||||
.twentyfifteen .t15wc {
|
||||
padding-left: 7.6923%;
|
||||
padding-right: 7.6923%;
|
||||
padding-top: 7.6923%;
|
||||
margin-bottom: 7.6923%;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,.15)
|
||||
}
|
||||
|
||||
.twentyfifteen .t15wc .page-title {
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
@media screen and (min-width: 38.75em) {
|
||||
.twentyfifteen .t15wc {
|
||||
margin-right:7.6923%;
|
||||
margin-left: 7.6923%;
|
||||
margin-top: 8.3333%
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 59.6875em) {
|
||||
.twentyfifteen .t15wc {
|
||||
margin-left:8.3333%;
|
||||
margin-right: 8.3333%;
|
||||
padding: 10%
|
||||
}
|
||||
|
||||
.single-product .twentyfifteen .entry-summary {
|
||||
padding: 0!important
|
||||
}
|
||||
}
|
||||
|
||||
.twentysixteen .site-main {
|
||||
margin-right: 7.6923%;
|
||||
margin-left: 7.6923%
|
||||
}
|
||||
|
||||
.twentysixteen .entry-summary {
|
||||
margin-right: 0;
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary {
|
||||
width: 46.42857%
|
||||
}
|
||||
|
||||
@media screen and (min-width: 44.375em) {
|
||||
.twentysixteen .site-main {
|
||||
margin-right:23.0769%
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 56.875em) {
|
||||
.twentysixteen .site-main {
|
||||
margin-right:0;
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
.no-sidebar .twentysixteen .site-main {
|
||||
margin-right: 15%;
|
||||
margin-left: 15%
|
||||
}
|
||||
|
||||
.no-sidebar .twentysixteen .entry-summary {
|
||||
margin-right: 0;
|
||||
margin-left: 0
|
||||
}
|
||||
}
|
||||
|
||||
.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1 {
|
||||
float: right
|
||||
}
|
||||
|
||||
.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2 {
|
||||
float: left
|
||||
}
|
||||
177
assets/css/vendor/vendor-woocommerce-smallscreen.css
vendored
177
assets/css/vendor/vendor-woocommerce-smallscreen.css
vendored
@@ -1,177 +0,0 @@
|
||||
:root {
|
||||
--woocommerce: #720eec;
|
||||
--wc-green: #7ad03a;
|
||||
--wc-red: #a00;
|
||||
--wc-orange: #ffba00;
|
||||
--wc-blue: #2ea2cc;
|
||||
--wc-primary: #720eec;
|
||||
--wc-primary-text: #fcfbfe;
|
||||
--wc-secondary: #e9e6ed;
|
||||
--wc-secondary-text: #515151;
|
||||
--wc-highlight: #958e09;
|
||||
--wc-highligh-text: white;
|
||||
--wc-content-bg: #fff;
|
||||
--wc-subtext: #767676;
|
||||
--wc-form-border-color: rgba(32, 7, 7, 0.8);
|
||||
--wc-form-border-radius: 4px;
|
||||
--wc-form-border-width: 1px
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
|
||||
border-top: 0
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr {
|
||||
display: block
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td {
|
||||
display: block;
|
||||
text-align: right!important
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions {
|
||||
text-align: left!important
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before {
|
||||
content: attr(data-title) ": ";
|
||||
font-weight: 700;
|
||||
float: left
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
|
||||
background-color: rgba(0,0,0,.025)
|
||||
}
|
||||
|
||||
.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button {
|
||||
float: none;
|
||||
margin: .125em .25em .125em 0
|
||||
}
|
||||
|
||||
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2 {
|
||||
float: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product {
|
||||
width: 48%;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 0 0 2.992em
|
||||
}
|
||||
|
||||
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
|
||||
float: right;
|
||||
clear: none!important
|
||||
}
|
||||
|
||||
.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary {
|
||||
float: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail {
|
||||
display: none
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon {
|
||||
float: none;
|
||||
padding-bottom: .5em
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input {
|
||||
width: 48%;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button {
|
||||
float: right
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page table.cart td.actions .coupon .coupon-error-notice {
|
||||
clear: left;
|
||||
color: var(--wc-red);
|
||||
float: left;
|
||||
font-size: .75em;
|
||||
margin-bottom: 0;
|
||||
text-align: left;
|
||||
width: 48%
|
||||
}
|
||||
|
||||
.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator {
|
||||
width: 100%;
|
||||
float: none;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row {
|
||||
width: 100%;
|
||||
float: none
|
||||
}
|
||||
|
||||
.woocommerce #payment .terms,.woocommerce-page #payment .terms {
|
||||
text-align: left;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order {
|
||||
float: none;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation {
|
||||
float: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.single-product .twentythirteen .panel {
|
||||
padding-left: 20px!important;
|
||||
padding-right: 20px!important
|
||||
}
|
||||
5637
assets/css/vendor/vendor-woocommerce.css
vendored
5637
assets/css/vendor/vendor-woocommerce.css
vendored
File diff suppressed because it is too large
Load Diff
2
assets/css/widgets/widget-image.min.css
vendored
2
assets/css/widgets/widget-image.min.css
vendored
@@ -7,7 +7,7 @@
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.elementor-widget-image a img[src$=".svg"] {
|
||||
.elementor-widget-image a img[src$=".jpeg"] {
|
||||
width: 48px
|
||||
}
|
||||
|
||||
|
||||
BIN
assets/images/Team/1.png
Normal file
BIN
assets/images/Team/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 KiB |
BIN
assets/images/Team/2.jpg
Normal file
BIN
assets/images/Team/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
assets/images/Team/3 .png
Normal file
BIN
assets/images/Team/3 .png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/images/Team/4.png
Normal file
BIN
assets/images/Team/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 KiB |
BIN
assets/images/Team/5.png
Normal file
BIN
assets/images/Team/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
BIN
assets/images/about-bg.png
Normal file
BIN
assets/images/about-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 MiB After Width: | Height: | Size: 7.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 6.3 MiB |
BIN
assets/images/bg-header-women.png
Normal file
BIN
assets/images/bg-header-women.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 MiB |
BIN
assets/images/bg-map-women.png
Normal file
BIN
assets/images/bg-map-women.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 6.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 4.4 MiB |
BIN
assets/images/miletruth-1.png
Normal file
BIN
assets/images/miletruth-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 MiB |
BIN
assets/images/miletruth-2.png
Normal file
BIN
assets/images/miletruth-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
BIN
assets/images/miletruth-3.png
Normal file
BIN
assets/images/miletruth-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
BIN
assets/images/miletruth-bg.png
Normal file
BIN
assets/images/miletruth-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
BIN
assets/images/tab-pic-1-solution.jpeg
Normal file
BIN
assets/images/tab-pic-1-solution.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
BIN
assets/images/tab-pic-2-solution.jpeg
Normal file
BIN
assets/images/tab-pic-2-solution.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 5.9 MiB |
BIN
assets/images/tab-pic-3-solution.jpeg
Normal file
BIN
assets/images/tab-pic-3-solution.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 263 KiB |
BIN
assets/images/workflow-1.png
Normal file
BIN
assets/images/workflow-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 MiB |
@@ -1,189 +1,158 @@
|
||||
/*! elementor - v3.32.0 - 05-10-2025 */
|
||||
"use strict";
|
||||
(self.webpackChunkelementorFrontend = self.webpackChunkelementorFrontend || []).push([[131], {
|
||||
5249: (e, t, a) => {
|
||||
Object.defineProperty(t, "__esModule", {
|
||||
value: !0
|
||||
}),
|
||||
t.default = void 0,
|
||||
a(6281),
|
||||
a(4846),
|
||||
a(7458),
|
||||
a(6211);
|
||||
class baseTabs extends elementorModules.frontend.handlers.Base {
|
||||
getDefaultSettings() {
|
||||
return {
|
||||
selectors: {
|
||||
tablist: '[role="tablist"]',
|
||||
tabTitle: ".elementor-tab-title",
|
||||
tabContent: ".elementor-tab-content"
|
||||
},
|
||||
classes: {
|
||||
active: "elementor-active"
|
||||
},
|
||||
showTabFn: "show",
|
||||
hideTabFn: "hide",
|
||||
toggleSelf: !0,
|
||||
hidePrevious: !0,
|
||||
autoExpand: !0,
|
||||
keyDirection: {
|
||||
ArrowLeft: elementorFrontendConfig.is_rtl ? 1 : -1,
|
||||
ArrowUp: -1,
|
||||
ArrowRight: elementorFrontendConfig.is_rtl ? -1 : 1,
|
||||
ArrowDown: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
getDefaultElements() {
|
||||
const e = this.getSettings("selectors");
|
||||
return {
|
||||
$tabTitles: this.findElement(e.tabTitle),
|
||||
$tabContents: this.findElement(e.tabContent)
|
||||
}
|
||||
}
|
||||
activateDefaultTab() {
|
||||
const e = this.getSettings();
|
||||
if (!e.autoExpand || "editor" === e.autoExpand && !this.isEdit)
|
||||
return;
|
||||
const t = this.getEditSettings("activeItemIndex") || 1
|
||||
, a = {
|
||||
showTabFn: e.showTabFn,
|
||||
hideTabFn: e.hideTabFn
|
||||
};
|
||||
this.setSettings({
|
||||
showTabFn: "show",
|
||||
hideTabFn: "hide"
|
||||
}),
|
||||
this.changeActiveTab(t),
|
||||
this.setSettings(a)
|
||||
}
|
||||
handleKeyboardNavigation(e) {
|
||||
const t = e.currentTarget
|
||||
, a = jQuery(t.closest(this.getSettings("selectors").tablist))
|
||||
, i = a.find(this.getSettings("selectors").tabTitle)
|
||||
, s = "vertical" === a.attr("aria-orientation");
|
||||
switch (e.key) {
|
||||
case "ArrowLeft":
|
||||
case "ArrowRight":
|
||||
if (s)
|
||||
return;
|
||||
break;
|
||||
case "ArrowUp":
|
||||
case "ArrowDown":
|
||||
if (!s)
|
||||
return;
|
||||
e.preventDefault();
|
||||
break;
|
||||
case "Home":
|
||||
return e.preventDefault(),
|
||||
void i.first().trigger("focus");
|
||||
case "End":
|
||||
return e.preventDefault(),
|
||||
void i.last().trigger("focus");
|
||||
default:
|
||||
return
|
||||
}
|
||||
const n = t.getAttribute("data-tab") - 1
|
||||
, r = this.getSettings("keyDirection")[e.key]
|
||||
, o = i[n + r];
|
||||
o ? o.focus() : -1 === n + r ? i.last().trigger("focus") : i.first().trigger("focus")
|
||||
}
|
||||
deactivateActiveTab(e) {
|
||||
const t = this.getSettings()
|
||||
, a = t.classes.active
|
||||
, i = e ? '[data-tab="' + e + '"]' : "." + a
|
||||
, s = this.elements.$tabTitles.filter(i)
|
||||
, n = this.elements.$tabContents.filter(i);
|
||||
s.add(n).removeClass(a + " active"),
|
||||
s.closest(".elementor-accordion-item").removeClass("active"),
|
||||
s.attr({
|
||||
tabindex: "-1",
|
||||
"aria-selected": "false",
|
||||
"aria-expanded": "false"
|
||||
}),
|
||||
n[t.hideTabFn](),
|
||||
n.attr("hidden", "hidden")
|
||||
}
|
||||
activateTab(e) {
|
||||
const t = this.getSettings()
|
||||
, a = t.classes.active
|
||||
, i = this.elements.$tabTitles.filter('[data-tab="' + e + '"]')
|
||||
, s = this.elements.$tabContents.filter('[data-tab="' + e + '"]')
|
||||
, n = "show" === t.showTabFn ? 0 : 400;
|
||||
i.add(s).addClass(a + " active"),
|
||||
i.closest(".elementor-accordion-item").addClass("active"),
|
||||
i.attr({
|
||||
tabindex: "0",
|
||||
"aria-selected": "true",
|
||||
"aria-expanded": "true"
|
||||
}),
|
||||
s[t.showTabFn](n, () => elementorFrontend.elements.$window.trigger("elementor-pro/motion-fx/recalc")),
|
||||
s.removeAttr("hidden")
|
||||
}
|
||||
isActiveTab(e) {
|
||||
return this.elements.$tabTitles.filter('[data-tab="' + e + '"]').hasClass(this.getSettings("classes.active"))
|
||||
}
|
||||
bindEvents() {
|
||||
this.elements.$tabTitles.on({
|
||||
keydown: e => {
|
||||
jQuery(e.target).is("a") && "Enter" === e.key && e.preventDefault(),
|
||||
["End", "Home", "ArrowUp", "ArrowDown"].includes(e.key) && this.handleKeyboardNavigation(e)
|
||||
}
|
||||
,
|
||||
keyup: e => {
|
||||
switch (e.code) {
|
||||
case "ArrowLeft":
|
||||
case "ArrowRight":
|
||||
this.handleKeyboardNavigation(e);
|
||||
break;
|
||||
case "Enter":
|
||||
case "Space":
|
||||
e.preventDefault(),
|
||||
this.changeActiveTab(e.currentTarget.getAttribute("data-tab"))
|
||||
(self.webpackChunkelementorFrontend = self.webpackChunkelementorFrontend || []).push([
|
||||
[131], {
|
||||
5249: (e, t, a) => {
|
||||
Object.defineProperty(t, "__esModule", {
|
||||
value: !0
|
||||
}), t.default = void 0, a(4846), a(7458), a(6211);
|
||||
class baseTabs extends elementorModules.frontend.handlers.Base {
|
||||
getDefaultSettings() {
|
||||
return {
|
||||
selectors: {
|
||||
tablist: '[role="tablist"]',
|
||||
tabTitle: ".elementor-tab-title",
|
||||
tabContent: ".elementor-tab-content"
|
||||
},
|
||||
classes: {
|
||||
active: "elementor-active"
|
||||
},
|
||||
showTabFn: "show",
|
||||
hideTabFn: "hide",
|
||||
toggleSelf: !0,
|
||||
hidePrevious: !0,
|
||||
autoExpand: !0,
|
||||
keyDirection: {
|
||||
ArrowLeft: elementorFrontendConfig.is_rtl ? 1 : -1,
|
||||
ArrowUp: -1,
|
||||
ArrowRight: elementorFrontendConfig.is_rtl ? -1 : 1,
|
||||
ArrowDown: 1
|
||||
}
|
||||
}
|
||||
,
|
||||
click: e => {
|
||||
e.preventDefault(),
|
||||
this.changeActiveTab(e.currentTarget.getAttribute("data-tab"))
|
||||
}
|
||||
getDefaultElements() {
|
||||
const e = this.getSettings("selectors");
|
||||
return {
|
||||
$tabTitles: this.findElement(e.tabTitle),
|
||||
$tabContents: this.findElement(e.tabContent)
|
||||
}
|
||||
})
|
||||
}
|
||||
onInit() {
|
||||
super.onInit(...arguments),
|
||||
this.activateDefaultTab()
|
||||
}
|
||||
onEditSettingsChange(e) {
|
||||
"activeItemIndex" === e && this.activateDefaultTab()
|
||||
}
|
||||
changeActiveTab(e) {
|
||||
const t = this.isActiveTab(e)
|
||||
, a = this.getSettings();
|
||||
if (t) return;
|
||||
!a.toggleSelf && t || !a.hidePrevious || this.deactivateActiveTab(),
|
||||
!a.hidePrevious && t && this.deactivateActiveTab(e),
|
||||
t || this.activateTab(e)
|
||||
}
|
||||
}
|
||||
t.default = baseTabs
|
||||
}
|
||||
,
|
||||
9675: (e, t, a) => {
|
||||
var i = a(6784);
|
||||
Object.defineProperty(t, "__esModule", {
|
||||
value: !0
|
||||
}),
|
||||
t.default = void 0;
|
||||
var s = i(a(5249));
|
||||
class Accordion extends s.default {
|
||||
getDefaultSettings() {
|
||||
return {
|
||||
...super.getDefaultSettings(),
|
||||
showTabFn: "slideDown",
|
||||
hideTabFn: "slideUp"
|
||||
}
|
||||
activateDefaultTab() {
|
||||
const e = this.getSettings();
|
||||
if (!e.autoExpand || "editor" === e.autoExpand && !this.isEdit) return;
|
||||
const t = this.getEditSettings("activeItemIndex") || 1,
|
||||
a = {
|
||||
showTabFn: e.showTabFn,
|
||||
hideTabFn: e.hideTabFn
|
||||
};
|
||||
this.setSettings({
|
||||
showTabFn: "show",
|
||||
hideTabFn: "hide"
|
||||
}), this.changeActiveTab(t), this.setSettings(a)
|
||||
}
|
||||
handleKeyboardNavigation(e) {
|
||||
const t = e.currentTarget,
|
||||
a = jQuery(t.closest(this.getSettings("selectors").tablist)),
|
||||
i = a.find(this.getSettings("selectors").tabTitle),
|
||||
s = "vertical" === a.attr("aria-orientation");
|
||||
switch (e.key) {
|
||||
case "ArrowLeft":
|
||||
case "ArrowRight":
|
||||
if (s) return;
|
||||
break;
|
||||
case "ArrowUp":
|
||||
case "ArrowDown":
|
||||
if (!s) return;
|
||||
e.preventDefault();
|
||||
break;
|
||||
case "Home":
|
||||
return e.preventDefault(), void i.first().trigger("focus");
|
||||
case "End":
|
||||
return e.preventDefault(), void i.last().trigger("focus");
|
||||
default:
|
||||
return
|
||||
}
|
||||
const n = t.getAttribute("data-tab") - 1,
|
||||
r = this.getSettings("keyDirection")[e.key],
|
||||
o = i[n + r];
|
||||
o ? o.focus() : -1 === n + r ? i.last().trigger("focus") : i.first().trigger("focus")
|
||||
}
|
||||
deactivateActiveTab(e) {
|
||||
const t = this.getSettings(),
|
||||
a = t.classes.active,
|
||||
i = e ? '[data-tab="' + e + '"]' : "." + a,
|
||||
s = this.elements.$tabTitles.filter(i),
|
||||
n = this.elements.$tabContents.filter(i);
|
||||
s.add(n).removeClass(a), s.attr({
|
||||
tabindex: "-1",
|
||||
"aria-selected": "false",
|
||||
"aria-expanded": "false"
|
||||
}), n[t.hideTabFn](), n.attr("hidden", "hidden")
|
||||
}
|
||||
activateTab(e) {
|
||||
const t = this.getSettings(),
|
||||
a = t.classes.active,
|
||||
i = this.elements.$tabTitles.filter('[data-tab="' + e + '"]'),
|
||||
s = this.elements.$tabContents.filter('[data-tab="' + e + '"]'),
|
||||
n = "show" === t.showTabFn ? 0 : 400;
|
||||
i.add(s).addClass(a), i.attr({
|
||||
tabindex: "0",
|
||||
"aria-selected": "true",
|
||||
"aria-expanded": "true"
|
||||
}), s[t.showTabFn](n, () => elementorFrontend.elements.$window.trigger("elementor-pro/motion-fx/recalc")), s.removeAttr("hidden")
|
||||
}
|
||||
isActiveTab(e) {
|
||||
return this.elements.$tabTitles.filter('[data-tab="' + e + '"]').hasClass(this.getSettings("classes.active"))
|
||||
}
|
||||
bindEvents() {
|
||||
this.elements.$tabTitles.on({
|
||||
keydown: e => {
|
||||
jQuery(e.target).is("a") && "Enter" === e.key && e.preventDefault(), ["End", "Home", "ArrowUp", "ArrowDown"].includes(e.key) && this.handleKeyboardNavigation(e)
|
||||
},
|
||||
keyup: e => {
|
||||
switch (e.code) {
|
||||
case "ArrowLeft":
|
||||
case "ArrowRight":
|
||||
this.handleKeyboardNavigation(e);
|
||||
break;
|
||||
case "Enter":
|
||||
case "Space":
|
||||
e.preventDefault(), this.changeActiveTab(e.currentTarget.getAttribute("data-tab"))
|
||||
}
|
||||
},
|
||||
click: e => {
|
||||
e.preventDefault(), this.changeActiveTab(e.currentTarget.getAttribute("data-tab"))
|
||||
}
|
||||
})
|
||||
}
|
||||
onInit(...e) {
|
||||
super.onInit(...e), this.activateDefaultTab()
|
||||
}
|
||||
onEditSettingsChange(e) {
|
||||
"activeItemIndex" === e && this.activateDefaultTab()
|
||||
}
|
||||
changeActiveTab(e) {
|
||||
const t = this.isActiveTab(e),
|
||||
a = this.getSettings();
|
||||
!a.toggleSelf && t || !a.hidePrevious || this.deactivateActiveTab(), !a.hidePrevious && t && this.deactivateActiveTab(e), t || this.activateTab(e)
|
||||
}
|
||||
}
|
||||
t.default = baseTabs
|
||||
},
|
||||
9675: (e, t, a) => {
|
||||
var i = a(6784);
|
||||
Object.defineProperty(t, "__esModule", {
|
||||
value: !0
|
||||
}), t.default = void 0;
|
||||
var s = i(a(5249));
|
||||
class Accordion extends s.default {
|
||||
getDefaultSettings() {
|
||||
return { ...super.getDefaultSettings(),
|
||||
showTabFn: "slideDown",
|
||||
hideTabFn: "slideUp"
|
||||
}
|
||||
}
|
||||
}
|
||||
t.default = Accordion
|
||||
}
|
||||
t.default = Accordion
|
||||
}
|
||||
}]);
|
||||
]);
|
||||
472
assets/javascript/jquery.cookie.min.js
vendored
472
assets/javascript/jquery.cookie.min.js
vendored
@@ -55,3 +55,475 @@
|
||||
!e.cookie(n))
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Doormile — Premium Interactive Dashboard Logic
|
||||
* Core Interactions: ALT Vision Toggles, Timeline Hover Highlights, Live AI Routing Simulator
|
||||
*/
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
/* ==========================================================================
|
||||
1. HEADER NAV SCROLL EFFECTS (For smooth page scrolling)
|
||||
========================================================================== */
|
||||
const sections = document.querySelectorAll('section');
|
||||
|
||||
// Smooth navigation anchor links
|
||||
document.querySelectorAll('.scroll-arrow-link').forEach(link => {
|
||||
link.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
const targetId = this.getAttribute('href');
|
||||
document.querySelector(targetId).scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
2. INTERACTIVE STRATEGIC MOAT ACCORDION
|
||||
========================================================================== */
|
||||
const moatCards = document.querySelectorAll('.moat-card');
|
||||
|
||||
moatCards.forEach(card => {
|
||||
card.addEventListener('click', () => {
|
||||
// Remove active status from all cards
|
||||
moatCards.forEach(c => c.classList.remove('active'));
|
||||
|
||||
// Activate current card
|
||||
card.classList.add('active');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
3. INTERACTIVE ALT VISION TOGGLES (Image 2 exact match)
|
||||
========================================================================== */
|
||||
const altPill1 = document.getElementById('alt-pill-1');
|
||||
const altPill2 = document.getElementById('alt-pill-2');
|
||||
|
||||
const visionTitle = document.querySelector('.vision-main-title');
|
||||
const visionSubtitle = document.querySelector('.vision-main-subtitle');
|
||||
const vision2030CardHeading = document.querySelector('.glowing-vision-card .card-heading');
|
||||
const vision2030CardText = document.querySelector('.glowing-vision-card .card-text');
|
||||
|
||||
// Alt 1 Copy Data
|
||||
const alt1Data = {
|
||||
title: 'The <span class="glowing-rose-text">Intelligence Grid</span> Behind Every Urban Mile',
|
||||
subtitle: 'From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030',
|
||||
cardHeading: 'AI Pulse Layer',
|
||||
cardText: 'Nationwide AI logistics grid reaching 15+ cities, empowering female micro-entrepreneurs.'
|
||||
};
|
||||
|
||||
// Alt 2 Copy Data
|
||||
const alt2Data = {
|
||||
title: 'The <span class="glowing-rose-text">Neural Backbone</span> Behind Every Urban Mile',
|
||||
subtitle: 'From Hyderabad EV pilot to a full algorithmic urban grid routing infrastructure by 2030',
|
||||
cardHeading: 'Neural Backbone',
|
||||
cardText: 'Resilient node logistics framework connecting metropolitan hubs through dynamic autonomous routing.'
|
||||
};
|
||||
|
||||
function applyAltTransition(data, activePill, inactivePill) {
|
||||
activePill.classList.add('active');
|
||||
inactivePill.classList.remove('active');
|
||||
|
||||
// Smooth text transition
|
||||
visionTitle.style.opacity = 0;
|
||||
visionSubtitle.style.opacity = 0;
|
||||
vision2030CardHeading.style.opacity = 0;
|
||||
vision2030CardText.style.opacity = 0;
|
||||
|
||||
setTimeout(() => {
|
||||
visionTitle.innerHTML = data.title;
|
||||
visionSubtitle.textContent = data.subtitle;
|
||||
vision2030CardHeading.textContent = data.cardHeading;
|
||||
vision2030CardText.textContent = data.cardText;
|
||||
|
||||
visionTitle.style.opacity = 1;
|
||||
visionSubtitle.style.opacity = 1;
|
||||
vision2030CardHeading.style.opacity = 1;
|
||||
vision2030CardText.style.opacity = 1;
|
||||
}, 200);
|
||||
}
|
||||
|
||||
// Set transition styles for quick animations
|
||||
[visionTitle, visionSubtitle, vision2030CardHeading, vision2030CardText].forEach(el => {
|
||||
el.style.transition = 'opacity 0.25s ease';
|
||||
});
|
||||
|
||||
altPill1.addEventListener('click', () => {
|
||||
if (!altPill1.classList.contains('active')) {
|
||||
applyAltTransition(alt1Data, altPill1, altPill2);
|
||||
addSimLog('Toggled view to ALT 1: AI Pulse Layer model.', true);
|
||||
}
|
||||
});
|
||||
|
||||
altPill2.addEventListener('click', () => {
|
||||
if (!altPill2.classList.contains('active')) {
|
||||
applyAltTransition(alt2Data, altPill2, altPill1);
|
||||
addSimLog('Toggled view to ALT 2: Neural Backbone architecture.', true);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
4. TIMELINE HOVER SYNCRONIZATION
|
||||
========================================================================== */
|
||||
const roadmapCardsList = document.querySelectorAll('.roadmap-col-card');
|
||||
const timelineDots = document.querySelectorAll('.node-dot-item');
|
||||
|
||||
roadmapCardsList.forEach((card, idx) => {
|
||||
card.addEventListener('mouseenter', () => {
|
||||
// Highlight the corresponding dot on timeline line
|
||||
timelineDots.forEach(d => d.classList.remove('dot-hover'));
|
||||
if (timelineDots[idx]) {
|
||||
timelineDots[idx].classList.add('dot-hover');
|
||||
// Temporarily expand scale in styling
|
||||
timelineDots[idx].style.transform = 'translate(-50%, -50%) scale(1.5)';
|
||||
timelineDots[idx].style.transition = 'transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)';
|
||||
}
|
||||
});
|
||||
|
||||
card.addEventListener('mouseleave', () => {
|
||||
if (timelineDots[idx]) {
|
||||
timelineDots[idx].classList.remove('dot-hover');
|
||||
timelineDots[idx].style.transform = 'translate(-50%, -50%) scale(1)';
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
5. HTML5 CANVAS: LIVE AI ROUTING SIMULATOR
|
||||
========================================================================== */
|
||||
const canvas = document.getElementById('simCanvas');
|
||||
const ctx = canvas.getContext('2d');
|
||||
|
||||
// Controls
|
||||
const toggleManualBtn = document.getElementById('toggle-manual');
|
||||
const toggleAiBtn = document.getElementById('toggle-ai');
|
||||
const speedBtn = document.getElementById('sim-speed-btn');
|
||||
const refreshBtn = document.getElementById('sim-refresh-btn');
|
||||
const riderCountSpan = document.getElementById('rider-count');
|
||||
const consoleLogs = document.getElementById('sim-console');
|
||||
|
||||
// Metric DOM Handles
|
||||
const simSlaVal = document.getElementById('sim-sla-val');
|
||||
const simSlaDelta = document.getElementById('sim-sla-delta');
|
||||
const simSlaProgress = document.getElementById('sim-sla-progress');
|
||||
|
||||
const simTimeVal = document.getElementById('sim-time-val');
|
||||
const simTimeDelta = document.getElementById('sim-time-delta');
|
||||
const simTimeProgress = document.getElementById('sim-time-progress');
|
||||
|
||||
const simCo2Val = document.getElementById('sim-co2-val');
|
||||
const simCo2Delta = document.getElementById('sim-co2-delta');
|
||||
const simCo2Progress = document.getElementById('sim-co2-progress');
|
||||
|
||||
// Simulation States
|
||||
let isAiMode = false;
|
||||
let animSpeed = 1; // Speed multiplier
|
||||
let networkNodes = [];
|
||||
let riders = [];
|
||||
let lastTime = 0;
|
||||
|
||||
// Grid System Dimensions
|
||||
function resizeCanvas() {
|
||||
const dpr = window.devicePixelRatio || 1;
|
||||
const rect = canvas.getBoundingClientRect();
|
||||
canvas.width = rect.width * dpr;
|
||||
canvas.height = rect.height * dpr;
|
||||
ctx.scale(dpr, dpr);
|
||||
}
|
||||
resizeCanvas();
|
||||
window.addEventListener('resize', resizeCanvas);
|
||||
|
||||
// Dynamic Log Handler
|
||||
function addSimLog(message, isAI = false) {
|
||||
const timeStr = new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
|
||||
const logEntry = document.createElement('div');
|
||||
logEntry.className = 'log-entry';
|
||||
logEntry.innerHTML = `<span class="time">[${timeStr}]</span> ${isAI ? '<span class="ai">[MileTruth AI]</span> ' : ''}${message}`;
|
||||
|
||||
consoleLogs.appendChild(logEntry);
|
||||
consoleLogs.scrollTop = consoleLogs.scrollHeight;
|
||||
|
||||
// Keep maximum 8 log entries in terminal
|
||||
if (consoleLogs.childElementCount > 8) {
|
||||
consoleLogs.removeChild(consoleLogs.firstChild);
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize Network Grid Nodes (Hyderabad Mock Grid)
|
||||
function initNetworkGrid() {
|
||||
networkNodes = [];
|
||||
const width = canvas.width / (window.devicePixelRatio || 1);
|
||||
const height = canvas.height / (window.devicePixelRatio || 1);
|
||||
|
||||
// Generate central hubs
|
||||
const centralHub = { x: width * 0.5, y: height * 0.5, type: 'central', label: 'Central Hub EV' };
|
||||
networkNodes.push(centralHub);
|
||||
|
||||
// Generate suburban delivery clusters
|
||||
const clusterCount = 5;
|
||||
const nodesPerCluster = 5;
|
||||
|
||||
for (let i = 0; i < clusterCount; i++) {
|
||||
const angle = (i * Math.PI * 2) / clusterCount;
|
||||
const dist = Math.min(width, height) * 0.3;
|
||||
const cx = centralHub.x + Math.cos(angle) * dist;
|
||||
const cy = centralHub.y + Math.sin(angle) * dist;
|
||||
|
||||
const clusterHub = { x: cx, y: cy, type: 'subhub', label: `Hub Zone ${String.fromCharCode(65 + i)}` };
|
||||
networkNodes.push(clusterHub);
|
||||
|
||||
// Inner delivery terminal nodes
|
||||
for (let j = 0; j < nodesPerCluster; j++) {
|
||||
const subAngle = (j * Math.PI * 2) / nodesPerCluster;
|
||||
const subDist = 35 + Math.random() * 25;
|
||||
networkNodes.push({
|
||||
x: cx + Math.cos(subAngle) * subDist,
|
||||
y: cy + Math.sin(subAngle) * subDist,
|
||||
type: 'delivery',
|
||||
label: `Point ${i}-${j}`
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Spawn EV Rider particles
|
||||
spawnRiders();
|
||||
}
|
||||
|
||||
function spawnRiders() {
|
||||
riders = [];
|
||||
const hubNodes = networkNodes.filter(n => n.type === 'central' || n.type === 'subhub');
|
||||
const deliveryNodes = networkNodes.filter(n => n.type === 'delivery');
|
||||
|
||||
const riderCount = 10;
|
||||
riderCountSpan.textContent = `${riderCount} EVs`;
|
||||
|
||||
for (let i = 0; i < riderCount; i++) {
|
||||
const startHub = hubNodes[Math.floor(Math.random() * hubNodes.length)];
|
||||
const target = deliveryNodes[Math.floor(Math.random() * deliveryNodes.length)];
|
||||
|
||||
riders.push({
|
||||
x: startHub.x,
|
||||
y: startHub.y,
|
||||
source: startHub,
|
||||
target: target,
|
||||
progress: Math.random(),
|
||||
speed: 0.003 + Math.random() * 0.002,
|
||||
id: `EV-${100 + i}`,
|
||||
color: i % 2 === 0 ? 'rgba(255, 42, 95, 0.95)' : 'rgba(6, 182, 212, 0.95)'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Grid rendering logic
|
||||
function drawSimulationGrid() {
|
||||
const width = canvas.width / (window.devicePixelRatio || 1);
|
||||
const height = canvas.height / (window.devicePixelRatio || 1);
|
||||
|
||||
ctx.clearRect(0, 0, width, height);
|
||||
|
||||
// 1. Draw connecting arterial routes
|
||||
ctx.strokeStyle = 'rgba(255, 255, 255, 0.025)';
|
||||
ctx.lineWidth = 1;
|
||||
const hubNodes = networkNodes.filter(n => n.type === 'central' || n.type === 'subhub');
|
||||
|
||||
ctx.beginPath();
|
||||
for (let i = 0; i < hubNodes.length; i++) {
|
||||
for (let j = i + 1; j < hubNodes.length; j++) {
|
||||
ctx.moveTo(hubNodes[i].x, hubNodes[i].y);
|
||||
ctx.lineTo(hubNodes[j].x, hubNodes[j].y);
|
||||
}
|
||||
}
|
||||
ctx.stroke();
|
||||
|
||||
// 2. Draw active delivery paths
|
||||
ctx.beginPath();
|
||||
riders.forEach(rider => {
|
||||
if (isAiMode) {
|
||||
ctx.strokeStyle = 'rgba(255, 42, 95, 0.07)';
|
||||
ctx.lineWidth = 2.5;
|
||||
ctx.moveTo(rider.source.x, rider.source.y);
|
||||
ctx.lineTo(rider.target.x, rider.target.y);
|
||||
} else {
|
||||
ctx.strokeStyle = 'rgba(156, 163, 175, 0.04)';
|
||||
ctx.lineWidth = 1.5;
|
||||
|
||||
const midX = (rider.source.x + rider.target.x) / 2 + 50;
|
||||
const midY = (rider.source.y + rider.target.y) / 2 - 50;
|
||||
|
||||
ctx.moveTo(rider.source.x, rider.source.y);
|
||||
ctx.quadraticCurveTo(midX, midY, rider.target.x, rider.target.y);
|
||||
}
|
||||
});
|
||||
ctx.stroke();
|
||||
|
||||
// 3. Draw grid node points
|
||||
networkNodes.forEach(node => {
|
||||
if (node.type === 'central') {
|
||||
ctx.fillStyle = '#ff2a5f';
|
||||
ctx.beginPath();
|
||||
ctx.arc(node.x, node.y, 8, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
|
||||
ctx.strokeStyle = 'rgba(255, 42, 95, 0.2)';
|
||||
ctx.lineWidth = 6;
|
||||
ctx.stroke();
|
||||
} else if (node.type === 'subhub') {
|
||||
ctx.fillStyle = '#06b6d4';
|
||||
ctx.beginPath();
|
||||
ctx.arc(node.x, node.y, 5, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
} else {
|
||||
ctx.fillStyle = 'rgba(255, 255, 255, 0.12)';
|
||||
ctx.beginPath();
|
||||
ctx.arc(node.x, node.y, 2.5, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
}
|
||||
});
|
||||
|
||||
// 4. Animate EV Riders (Moving dots)
|
||||
riders.forEach(rider => {
|
||||
let riderX, riderY;
|
||||
|
||||
if (isAiMode) {
|
||||
riderX = rider.source.x + (rider.target.x - rider.source.x) * rider.progress;
|
||||
riderY = rider.source.y + (rider.target.y - rider.source.y) * rider.progress;
|
||||
} else {
|
||||
const t = rider.progress;
|
||||
const midX = (rider.source.x + rider.target.x) / 2 + 50;
|
||||
const midY = (rider.source.y + rider.target.y) / 2 - 50;
|
||||
|
||||
riderX = (1 - t) * (1 - t) * rider.source.x + 2 * (1 - t) * t * midX + t * t * rider.target.x;
|
||||
riderY = (1 - t) * (1 - t) * rider.source.y + 2 * (1 - t) * t * midY + t * t * rider.target.y;
|
||||
}
|
||||
|
||||
ctx.shadowBlur = 8;
|
||||
ctx.shadowColor = rider.color;
|
||||
ctx.fillStyle = rider.color;
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.arc(riderX, riderY, 4.5, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
|
||||
ctx.shadowBlur = 0;
|
||||
|
||||
const speedMultiplier = isAiMode ? 1.6 : 1.0;
|
||||
rider.progress += rider.speed * animSpeed * speedMultiplier;
|
||||
|
||||
if (rider.progress >= 1.0) {
|
||||
const deliveries = networkNodes.filter(n => n.type === 'delivery');
|
||||
|
||||
rider.source = rider.target;
|
||||
rider.target = deliveries[Math.floor(Math.random() * deliveries.length)];
|
||||
rider.progress = 0;
|
||||
rider.speed = 0.003 + Math.random() * 0.002;
|
||||
|
||||
if (Math.random() > 0.6) {
|
||||
if (isAiMode) {
|
||||
addSimLog(`${rider.id} completed optimized route. SLA Locked.`, true);
|
||||
} else {
|
||||
addSimLog(`${rider.id} delivered package. Latency buffer +3.2s.`, false);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Telemetry dashboard dynamic transitions
|
||||
function updateMetricsDashboard() {
|
||||
if (isAiMode) {
|
||||
simSlaVal.textContent = '98.4%';
|
||||
simSlaVal.style.color = 'var(--primary-glow)';
|
||||
simSlaDelta.textContent = '+30.2% vs Manual';
|
||||
simSlaDelta.className = 'delta';
|
||||
simSlaProgress.style.width = '98.4%';
|
||||
simSlaProgress.style.background = 'var(--primary)';
|
||||
|
||||
simTimeVal.textContent = '18.2 min';
|
||||
simTimeVal.style.color = '#fff';
|
||||
simTimeDelta.textContent = '-24.3 min threshold';
|
||||
simTimeDelta.className = 'delta';
|
||||
simTimeProgress.style.width = '24%';
|
||||
simTimeProgress.style.background = 'var(--primary)';
|
||||
|
||||
simCo2Val.textContent = '340 kg';
|
||||
simCo2Val.style.color = 'var(--accent-glow)';
|
||||
simCo2Delta.textContent = '+183% baseline';
|
||||
simCo2Progress.style.width = '92%';
|
||||
} else {
|
||||
simSlaVal.textContent = '68.2%';
|
||||
simSlaVal.style.color = 'var(--text-secondary)';
|
||||
simSlaDelta.textContent = '-30.2% vs AI';
|
||||
simSlaDelta.className = 'delta negative';
|
||||
simSlaProgress.style.width = '68.2%';
|
||||
simSlaProgress.style.background = 'var(--text-muted)';
|
||||
|
||||
simTimeVal.textContent = '42.5 min';
|
||||
simTimeVal.style.color = 'var(--text-secondary)';
|
||||
simTimeDelta.textContent = '+24.3 min delayed';
|
||||
simTimeDelta.className = 'delta negative';
|
||||
simTimeProgress.style.width = '82%';
|
||||
simTimeProgress.style.background = 'var(--text-muted)';
|
||||
|
||||
simCo2Val.textContent = '120 kg';
|
||||
simCo2Val.style.color = 'var(--text-secondary)';
|
||||
simCo2Delta.textContent = '+8% baseline';
|
||||
simCo2Progress.style.width = '35%';
|
||||
}
|
||||
}
|
||||
|
||||
// Loop
|
||||
function loop(timestamp) {
|
||||
drawSimulationGrid();
|
||||
requestAnimationFrame(loop);
|
||||
}
|
||||
|
||||
// Click triggers
|
||||
toggleManualBtn.addEventListener('click', () => {
|
||||
if (isAiMode) {
|
||||
isAiMode = false;
|
||||
toggleAiBtn.classList.remove('active');
|
||||
toggleManualBtn.classList.add('active');
|
||||
addSimLog('Switched to unoptimized Manual Dispatch mode.');
|
||||
updateMetricsDashboard();
|
||||
}
|
||||
});
|
||||
|
||||
toggleAiBtn.addEventListener('click', () => {
|
||||
if (!isAiMode) {
|
||||
isAiMode = true;
|
||||
toggleManualBtn.classList.remove('active');
|
||||
toggleAiBtn.classList.add('active');
|
||||
addSimLog('MileTruth AI optimization activated. Resolving city bottlenecks...', true);
|
||||
updateMetricsDashboard();
|
||||
}
|
||||
});
|
||||
|
||||
speedBtn.addEventListener('click', () => {
|
||||
if (animSpeed === 1) {
|
||||
animSpeed = 2.5;
|
||||
speedBtn.style.color = 'var(--primary-glow)';
|
||||
addSimLog('Boost mode active. Dispatch rate x2.5.');
|
||||
} else {
|
||||
animSpeed = 1;
|
||||
speedBtn.style.color = 'var(--text-primary)';
|
||||
addSimLog('Grid speed returned to normal.');
|
||||
}
|
||||
});
|
||||
|
||||
refreshBtn.addEventListener('click', () => {
|
||||
initNetworkGrid();
|
||||
addSimLog('Urban network grid re-routed and refreshed.');
|
||||
});
|
||||
|
||||
// Start
|
||||
initNetworkGrid();
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
});
|
||||
|
||||
44
assets/javascript/scroll-to-top.js
Normal file
44
assets/javascript/scroll-to-top.js
Normal file
@@ -0,0 +1,44 @@
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
var scrollTopButtons = document.querySelectorAll(".footer-scroll-top");
|
||||
|
||||
if (!scrollTopButtons.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
function goToPageTop() {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: "smooth",
|
||||
});
|
||||
}
|
||||
|
||||
function updateButtonVisibility() {
|
||||
var shouldShowButton = window.scrollY > 300;
|
||||
|
||||
scrollTopButtons.forEach(function (button) {
|
||||
button.classList.toggle("active", shouldShowButton);
|
||||
});
|
||||
}
|
||||
|
||||
scrollTopButtons.forEach(function (button) {
|
||||
button.setAttribute("role", "button");
|
||||
button.setAttribute("tabindex", "0");
|
||||
button.setAttribute("aria-label", "Scroll to top");
|
||||
|
||||
button.addEventListener("click", goToPageTop);
|
||||
button.addEventListener("keydown", function (event) {
|
||||
if (event.key === "Enter" || event.key === " ") {
|
||||
event.preventDefault();
|
||||
goToPageTop();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", updateButtonVisibility, {
|
||||
passive: true,
|
||||
});
|
||||
|
||||
updateButtonVisibility();
|
||||
})();
|
||||
@@ -343,14 +343,6 @@ function background_image_parallax(object, multiplier) {
|
||||
});
|
||||
}
|
||||
}
|
||||
function scroll_to_top_init() {
|
||||
let scrollTop = jQuery(window).scrollTop();
|
||||
if (scrollTop > 100) {
|
||||
jQuery(".footer-scroll-top").addClass("active");
|
||||
} else {
|
||||
jQuery(".footer-scroll-top").removeClass("active");
|
||||
}
|
||||
}
|
||||
function check_custom_field(element) {
|
||||
if (element.val() || jQuery("option.placeholder", element).is(":selected")) {
|
||||
element
|
||||
@@ -596,19 +588,6 @@ function genre_get_posts(
|
||||
}
|
||||
jQuery(document).ready(function () {
|
||||
setTimeout(sticky_menu_active, 300);
|
||||
jQuery(".footer-scroll-top").on("pointerdown", function (e) {
|
||||
jQuery(this).data("fastScrolled", true);
|
||||
window.scrollTo(0, 0);
|
||||
setTimeout(() => jQuery(this).data("fastScrolled", false), 500);
|
||||
});
|
||||
jQuery(".footer-scroll-top").on("click", function (e) {
|
||||
if (jQuery(this).data("fastScrolled")) {
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
e.preventDefault();
|
||||
jQuery("html, body").stop(true, true).animate({ scrollTop: 0 }, 150);
|
||||
});
|
||||
side_panel_open();
|
||||
search_panel_open();
|
||||
overlay_close_all();
|
||||
@@ -636,7 +615,6 @@ jQuery(document).ready(function () {
|
||||
logico_custom_cursor();
|
||||
logico_ticker();
|
||||
scroll_to_anchor();
|
||||
scroll_to_top_init();
|
||||
jQuery(".elementor-widget").on(
|
||||
"click",
|
||||
".content-pagination a",
|
||||
@@ -704,9 +682,6 @@ jQuery(window).on("resize", function () {
|
||||
logico_custom_cursor();
|
||||
logico_ticker();
|
||||
});
|
||||
jQuery(window).on("scroll", function () {
|
||||
scroll_to_top_init();
|
||||
});
|
||||
jQuery(document).on(
|
||||
"elementor/popup/show",
|
||||
function (event, popupId, popupDocument) {
|
||||
|
||||
Reference in New Issue
Block a user