first commit

This commit is contained in:
2024-07-15 11:28:08 +02:00
commit f52d538ea5
21891 changed files with 6161164 additions and 0 deletions

View File

@@ -0,0 +1,826 @@
.jet-animated-box {
position: relative;
&__toggle {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 3;
top: 10px;
right: 10px;
transition: all 0.3s ease;
}
&__front,
&__back {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: stretch;
}
&__front {
background-color: #6ec1e4;
}
&__back {
background-color: #54595f;
}
&__overlay {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 1;
}
&__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-content: center;
align-items: stretch;
min-width: 100%;
z-index: 2;
}
&__icon {
min-width: 100%;
display: flex;
justify-content: center;
.jet-animated-box-icon-inner {
display: flex;
align-items: center;
justify-content: center;
}
}
&__content {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-content: center;
align-items: stretch;
}
&__title {
}
&__description {
}
.jet-animated-box__button {
display: flex;
justify-content: center;
align-items: center;
}
.jet-animated-box__button--icon-before {
.jet-animated-box__button-text {
order: 2;
}
.jet-animated-box__button-icon {
order: 1;
}
}
.jet-animated-box__button--icon-after {
.jet-animated-box__button-text {
order: 1;
}
.jet-animated-box__button-icon {
order: 2;
}
}
&.jet-box-effect-1 {
perspective: 1000px;
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateY(0deg);
backface-visibility: hidden;
z-index: 2;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateY(-180deg);
backface-visibility: hidden;
z-index: 1;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
&.flipped {
.jet-animated-box__front {
transform: rotateY(180deg);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform: rotateY(0deg);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
}
}
&.jet-box-effect-2 {
perspective: 1000px;
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateX(0deg);
backface-visibility: hidden;
z-index: 2;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateX(-180deg);
backface-visibility: hidden;
z-index: 1;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
&.flipped {
.jet-animated-box__front {
transform: rotateX(180deg);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform: rotateX(0deg);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
}
}
&.jet-box-effect-3 {
perspective: 1000px;
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateX(0deg) translateY(0) scale(1);
z-index: 2;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateX(-90deg) translateY(150%) scale(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.63,.07,.78,.55);
}
&.flipped {
.jet-animated-box__front {
transform: rotateX(90deg) translateY(-150%) scale(0);
transition: all 0.5s cubic-bezier(.63,.07,.78,.55);
z-index: 1;
}
.jet-animated-box__back {
transform: rotateX(0deg) translateY(0) scale(1);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
z-index: 2;
}
}
}
&.jet-box-effect-4 {
perspective: 1000px;
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateY(0deg) translateX(0) scale(1);
z-index: 2;
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateY(-90deg) translateX(-150%) scale(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.63,.07,.78,.55);
}
&.flipped {
.jet-animated-box__front {
transform: rotateY(90deg) translateX(150%) scale(0);
transition: all 0.5s cubic-bezier(.63,.07,.78,.55);
z-index: 1;
}
.jet-animated-box__back {
transform: rotateY(0deg) translateX(0) scale(1);
transition: all 0.7s cubic-bezier(.11,.6,.24,.89);
z-index: 2;
}
}
}
&.jet-box-effect-5 {
overflow: hidden;
.jet-animated-box__front {
transform: translateY(0%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateY(-100%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateY(100%);
}
.jet-animated-box__back {
transform: translateY(0%);
}
}
}
&.jet-box-effect-6 {
overflow: hidden;
.jet-animated-box__front {
transform: translateX(0%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateX(-100%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateX(100%);
}
.jet-animated-box__back {
transform: translateX(0%);
}
}
}
&.jet-box-effect-7 {
perspective: 1000px;
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateY(0deg);
backface-visibility: hidden;
z-index: 2;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(0px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88) 0.2s;
backface-visibility: hidden;
}
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateY(-180deg);
backface-visibility: hidden;
z-index: 1;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(125px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88);
backface-visibility: hidden;
}
}
&.flipped {
.jet-animated-box__front {
transform: rotateY(180deg);
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(125px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88);
backface-visibility: hidden;
}
}
.jet-animated-box__back {
transform: rotateY(0deg);
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(0px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88) 0.2s;
backface-visibility: hidden;
}
}
}
}
&.jet-box-effect-8 {
perspective: 1000px;
.jet-animated-box__toggle {
backface-visibility: hidden;
}
.jet-animated-box__front {
transform-style: preserve-3d;
transform: rotateX(0deg);
backface-visibility: hidden;
z-index: 2;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(0px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88) 0.2s;
backface-visibility: hidden;
}
}
.jet-animated-box__back {
transform-style: preserve-3d;
transform: rotateX(-180deg);
backface-visibility: hidden;
z-index: 1;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(125px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88);
backface-visibility: hidden;
}
}
&.flipped {
.jet-animated-box__front {
transform: rotateX(180deg);
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(125px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88);
backface-visibility: hidden;
}
}
.jet-animated-box__back {
transform: rotateX(0deg);
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
.jet-animated-box__inner {
transform: translateZ(0px);
transition: all 0.4s cubic-bezier(.5,.12,.46,.88) 0.2s;
backface-visibility: hidden;
}
}
}
}
&.jet-box-effect-9 {
.jet-animated-box__front {
opacity: 1;
z-index: 2;
transition: opacity 0.4s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
z-index: 1;
}
&.flipped {
.jet-animated-box__front {
opacity: 0;
pointer-events: none;
}
.jet-animated-box__back {
}
}
}
&.jet-box-effect-10 {
overflow: hidden;
.jet-animated-box__front {
opacity: 1;
transform: scaleX(1) scaleY(1);
z-index: 2;
transition: all 0.3s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: scaleX(1.2) scaleY(1.2);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
opacity: 0;
transform: scaleX(0.8) scaleY(0.8);
pointer-events: none;
}
.jet-animated-box__back {
transform: scaleX(1) scaleY(1);
}
}
}
&.jet-box-effect-11 {
overflow: hidden;
.jet-animated-box__front {
opacity: 1;
transform: scaleX(1) scaleX(1);
z-index: 2;
transition: all 0.3s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: scaleX(1.2) scaleY(1.2);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
opacity: 0;
transform: scaleX(1.2) scaleY(1.2);
pointer-events: none;
}
.jet-animated-box__back {
transform: scaleX(1) scaleY(1);
}
}
}
&.jet-box-effect-12 {
overflow: hidden;
.jet-animated-box__front {
transform: translateX(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateX(100%);
z-index: 2;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateX(0);
}
.jet-animated-box__back {
transform: translateX(0%);
}
}
}
&.jet-box-effect-13 {
overflow: hidden;
.jet-animated-box__front {
transform: translateY(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateY(-100%);
z-index: 2;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateY(0);
}
.jet-animated-box__back {
transform: translateY(0%);
}
}
}
&.jet-box-effect-14 {
overflow: hidden;
.jet-animated-box__front {
transform: translateX(0%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateX(100%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateX(-100%);
}
.jet-animated-box__back {
transform: translateX(0%);
}
}
}
&.jet-box-effect-15 {
overflow: hidden;
.jet-animated-box__front {
transform: translateY(0%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateY(100%);
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateY(-100%);
}
.jet-animated-box__back {
transform: translateY(0%);
}
}
}
&.jet-box-effect-16 {
overflow: hidden;
.jet-animated-box__front {
transform: translateX(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateX(-100%);
z-index: 2;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateX(0);
}
.jet-animated-box__back {
transform: translateX(0%);
}
}
}
&.jet-box-effect-17 {
overflow: hidden;
.jet-animated-box__front {
transform: translateY(0);
z-index: 1;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
transform: translateY(100%);
z-index: 2;
transition: all 0.5s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
transform: translateY(0);
}
.jet-animated-box__back {
transform: translateY(0%);
}
}
}
&.jet-box-effect-18 {
.jet-animated-box__front {
opacity: 1;
filter: blur(0px);
z-index: 2;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
}
.jet-animated-box__back {
opacity: 0;
filter: blur(5px);
z-index: 1;
transition: all 0.7s cubic-bezier(.5,.12,.46,.88);
}
&.flipped {
.jet-animated-box__front {
opacity: 0;
filter: blur(5px);
pointer-events: none;
}
.jet-animated-box__back {
opacity: 1;
filter: blur(0px);
}
}
}
&.jet-box-scratch-effect {
position: relative;
overflow: hidden;
canvas {
top: 0;
left: 0;
position: absolute;
z-index: 2;
}
.jet-animated-box__front {
z-index: 3;
}
.jet-animated-box__back {
z-index: 1;
}
&.flipped {
.jet-animated-box__front {
z-index: 1;
}
.jet-animated-box__back {
z-index: 3;
}
}
&.back-events-inactive {
.jet-animated-box__back {
pointer-events: none;
user-select: none;
}
}
}
&.jet-box-fold-effect {
position: relative;
overflow: hidden;
visibility: hidden;
.oridomi-holder {
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.jet-animated-box__front {
z-index: 2;
cursor: grab;
}
.jet-animated-box__back {
z-index: 1;
}
&.flipped {
.jet-animated-box__front {
z-index: 1;
}
.jet-animated-box__back {
z-index: 2;
}
}
&.fold-init {
visibility: visible;
}
}
&.jet-box-peel-effect {
position: relative;
overflow: hidden;
visibility: hidden;
.jet-animated-box__front {
z-index: 2;
}
.jet-animated-box__back {
z-index: 1;
}
&.flipped {
.jet-animated-box__front {
z-index: 1;
}
.jet-animated-box__back {
z-index: 2;
}
}
&.peel-ready {
visibility: visible;
}
}
&.jet-box-slide-out-effect {
position: relative;
overflow: hidden;
.jet-animated-box__front {
z-index: 2;
}
.jet-animated-box__back {
z-index: 1;
}
&.slide-out-left {
.ui-draggable-handle {
cursor: w-resize;
}
.ui-draggable-dragging {
cursor: ew-resize;
}
}
&.slide-out-top {
.ui-draggable-handle {
cursor: n-resize;
}
.ui-draggable-dragging {
cursor: ns-resize;
}
}
&.slide-out-right {
.ui-draggable-handle {
cursor: e-resize;
}
.ui-draggable-dragging {
cursor: ew-resize;
}
}
&.slide-out-bottom {
.ui-draggable-handle {
cursor: s-resize;
}
.ui-draggable-dragging {
cursor: ns-resize;
}
}
}
}

View File

@@ -0,0 +1,130 @@
.jet-animated-text {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
&__before-text {
align-self: auto;
}
&__animated-text {
position: relative;
align-self: auto;
transition: width 0.3s ease;
}
&__animated-text-item {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
visibility: hidden;
z-index: 1;
&.active {
position: relative;
z-index: 2;
}
&.visible {
visibility: visible;
}
span {
position: relative;
align-self: auto;
}
}
&__after-text {
align-self: auto;
}
&--effect-fx6 {
.jet-animated-text__animated-text-item {
perspective: 1000px;
transform-origin: 50% 100%;
}
}
&--effect-fx7 {
.jet-animated-text__animated-text-item {
span {
transform-origin: -200% 50%;
}
}
}
&--effect-fx8 {
.jet-animated-text__animated-text-item {
perspective: 1000px;
transform-origin: 50% 100%;
span {
transform-origin: -200% 50%;
}
}
}
&--effect-fx9 {
.jet-animated-text__animated-text-item {
perspective: 1000px;
span {
transform-origin: 50% 100%;
}
}
}
&--effect-fx10 {
.jet-animated-text__animated-text-item {
perspective: 1000px;
}
}
&--effect-fx12 {
.jet-animated-text__before-text {
}
.jet-animated-text__animated-text {
}
.jet-animated-text__after-text {
}
.jet-animated-text__animated-text-item {
span {
overflow: hidden;
transform-origin: 0 50%;
}
&:after {
width: 2px;
overflow: hidden;
display: inline-block;
background-color: black;
animation: 1s blink step-end infinite;
content:'|';
}
}
}
}
@keyframes blink {
from, to {
opacity: 0;
}
50% {
opacity: 1;
}
}

View File

@@ -0,0 +1,174 @@
.jet-audio {
> audio {
display: none; // prevent blinking on load
}
.mejs-container,
.mejs-container .mejs-controls {
background: none;
}
.mejs-container {
max-width: 100%;
height: auto !important;
font-family: inherit;
}
.mejs-controls {
position: relative;
height: auto;
padding: 0;
align-items: center;
.mejs-button,
.mejs-time,
.mejs-time-rail {
width: auto;
height: auto;
}
.mejs-button > button {
position: relative;
width: auto;
height: auto;
margin: 0;
letter-spacing: normal;
border: 1px none;
border-radius: 0;
background: none;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&:before {
display: inline-block;
width: 1em;
}
}
.mejs-playpause-button > button {
padding: 14px;
color: #303865;
background-color: #fff;
}
.mejs-volume-button {
margin-left: 10px;
> button {
padding: 3px;
color: #fff;
}
}
// Play-pause button icons
.mejs-playpause-button.mejs-play > button:before { content: '\f04b'; }
.mejs-playpause-button.mejs-pause > button:before { content: '\f04c'; }
.mejs-playpause-button.mejs-replay > button:before { content: '\f0e2'; }
// Volume button icons
.mejs-volume-button.mejs-mute > button:before { content: '\f028'; }
.mejs-volume-button.mejs-unmute > button:before { content: '\f026'; }
.mejs-time {
padding: 0;
font-size: 14px;
line-height: 1.5;
font-weight: normal;
color: #fff;
}
.mejs-currenttime,
.mejs-duration {
margin-left: 10px;
}
.mejs-currenttime ~ .mejs-duration {
margin-left: 0;
}
.mejs-time-rail {
padding: 0;
margin: 0 0 0 10px;
.mejs-time-total {
position: relative;
margin: 0;
overflow: hidden;
background: #303865;
border-radius: 5px;
}
.mejs-time-current {
width: 0;
transform: scaleX(1) !important;
background: #fff;
border-radius: 0 5px 5px 0;
}
.mejs-time-buffering,
.mejs-time-loaded,
.mejs-time-current,
.mejs-time-hovered {
height: 100%;
}
.mejs-time-buffering,
.mejs-time-loaded {
border-radius: 0;
}
.mejs-time-handle,
.mejs-time-loaded,
.mejs-time-hovered {
display: none;
}
}
.mejs-horizontal-volume-slider {
width: auto;
height: auto;
margin-left: 7px;
.mejs-horizontal-volume-total {
position: relative;
top: auto;
width: 60px;
height: 10px;
border-radius: 5px;
background: #303865;
overflow: hidden;
}
.mejs-horizontal-volume-current {
border-radius: 0 5px 5px 0;
background: #fff;
}
}
.mejs-volume-slider {
.mejs-volume-total {
width: 4px;
}
}
}
&--fa5-compat {
.mejs-controls {
.mejs-button > button {
font: normal normal 900 12px/1 'Font Awesome 5 Free';
}
}
}
}
.elementor-widget-jet-audio {
.elementor-widget-container {
padding: 10px;
background: #00B4FF;
}
}

View File

@@ -0,0 +1,686 @@
.elementor-jet-banner {
&:after {
clear: both;
width: 100%;
display: block;
content: '';
}
}
.jet-banner {
position: relative;
overflow: hidden;
float: left;
max-width: 100%;
* {
box-sizing: border-box;
}
&__content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
}
&__content-wrap {
display: flex;
flex-flow: column;
}
.jet-banner__title,
.jet-banner__text {
margin: 0;
padding: 0;
}
&__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: #000;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
transition: opacity 0.35s;
}
&__img {
display: block;
}
&:hover {
.jet-banner__overlay {
opacity: .2;
}
}
&.jet-effect-none {
.jet-banner__content {
display: flex;
justify-content: center;
align-items: center;
}
}
&.jet-effect-lily {
.jet-banner__img {
max-width: none;
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
transition: transform 0.35s;
transform: translate3d(-40px,0,0);
}
.jet-banner__content {
text-align: left;
}
.jet-banner__content-wrap {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
z-index: 2;
}
.jet-banner__title,
.jet-banner__text {
transform: translate3d(0,40px,0);
}
.jet-banner__title {
transition: transform 0.35s;
}
.jet-banner__text {
color: rgba(255,255,255,0.8);
opacity: 0;
transition: opacity 0.2s, transform 0.35s;
}
&:hover {
.jet-banner__text {
opacity: 1;
}
.jet-banner__img,
.jet-banner__title,
.jet-banner__text {
transform: translate3d(0,0,0);
}
.jet-banner__text {
transition-delay: 0.05s;
transition-duration: 0.35s;
}
}
}
&.jet-effect-sadie {
.jet-banner__title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.jet-banner__text {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.jet-banner__text {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
&:hover {
.jet-banner__title {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
.jet-banner__text {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&.jet-effect-layla {
.jet-banner__content {
padding: 3em;
}
.jet-banner__content::before,
.jet-banner__content::after {
position: absolute;
content: '';
opacity: 0;
z-index: 2;
}
.jet-banner__content::before {
top: 40px;
right: 20px;
bottom: 40px;
left: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0,1);
transform-origin: 0 0;
}
.jet-banner__content::after {
top: 20px;
right: 40px;
bottom: 20px;
left: 40px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1,0);
transform-origin: 100% 0;
}
.jet-banner__title {
padding-top: 26%;
transition: transform 0.35s;
}
.jet-banner__text {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
transform: translate3d(0,-10px,0);
}
.jet-banner__title {
transform: translate3d(0,-30px,0);
}
.jet-banner__content::before,
.jet-banner__content::after,
.jet-banner__text {
transition: opacity 0.35s, transform 0.35s;
}
&:hover {
.jet-banner__content::before,
.jet-banner__content::after {
opacity: 1;
transform: scale(1);
}
.jet-banner__title,
.jet-banner__text {
opacity: 1;
transform: translate3d(0,0,0);
}
.jet-banner__content::after,
.jet-banner__title,
.jet-banner__text {
transition-delay: 0.15s;
}
}
}
&.jet-effect-oscar {
.jet-banner__content {
padding: 3em;
}
.jet-banner__content::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
.jet-banner__title {
margin: 20% 0 10px 0;
transition: transform 0.35s;
transform: translate3d(0,100%,0);
}
.jet-banner__content::before,
.jet-banner__text {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
transform: scale(0);
}
&:hover {
.jet-banner__title {
transform: translate3d(0,0,0);
}
.jet-banner__content::before,
.jet-banner__text {
opacity: 1;
transform: scale(1);
}
}
}
&.jet-effect-marley {
.jet-banner__content {
text-align: right;
}
.jet-banner__title,
.jet-banner__text {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
.jet-banner__text {
bottom: 30px;
transform: translate3d(0,100%,0);
}
.jet-banner__title {
top: 30px;
transition: transform 0.35s;
transform: translate3d(0,20px,0);
}
.jet-banner__title::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
transform: translate3d(0,40px,0);
}
.jet-banner__title::after,
.jet-banner__text {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
&:hover {
.jet-banner__title {
transform: translate3d(0,0,0);
}
.jet-banner__title::after,
.jet-banner__text {
opacity: 1;
transform: translate3d(0,0,0);
}
}
}
&.jet-effect-ruby {
.jet-banner__content {
padding: 2em;
}
.jet-banner__img {
transition: transform 0.35s;
transform: scale(1.15);
}
.jet-banner__title {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.jet-banner__text {
margin: 1em 0 0;
padding: 1.5em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
&:hover {
.jet-banner__img {
transform: scale(1);
}
.jet-banner__title {
transform: translate3d(0,0,0);
}
.jet-banner__text {
opacity: 1;
transform: translate3d(0,0,0) scale(1);
}
}
}
&.jet-effect-roxy {
.jet-banner__img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-50px,0,0);
}
.jet-banner__content::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
.jet-banner__content {
padding: 3em;
text-align: left;
}
.jet-banner__title {
padding: 30% 0 10px 0;
}
.jet-banner__text {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
&:hover {
.jet-banner__img {
transform: translate3d(0,0,0);
}
.jet-banner__content::before,
.jet-banner__text {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&.jet-effect-bubba {
.jet-banner__content::before,
.jet-banner__content::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.jet-banner__content::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.jet-banner__content::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.jet-banner__title {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.jet-banner__text {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
&:hover {
.jet-banner__content::before,
.jet-banner__content::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.jet-banner__title,
.jet-banner__text {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&.jet-effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
.jet-banner__img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}
.jet-banner__content::before,
.jet-banner__content::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
transition: opacity 0.35s, transform 0.35s;
transform: translate3d(-50%,-50%,0);
}
.jet-banner__title,
.jet-banner__text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transition: transform 0.35s;
}
.jet-banner__title {
transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
.jet-banner__text {
padding: 0.25em 2em;
transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
&:hover {
.jet-banner__content::before {
opacity: 0.5;
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.jet-banner__content::after {
opacity: 0.5;
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.jet-banner__img {
opacity: 0.6;
transform: translate3d(0,0,0);
}
.jet-banner__title {
transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
.jet-banner__text {
transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
}
}
&.jet-effect-sarah {
.jet-banner__img {
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
transition: opacity 0.35s, transform 0.35s;
transform: translate3d(-10px,0,0);
backface-visibility: hidden;
}
.jet-banner__img {
transform: translate3d(0,0,0);
}
.jet-banner__content {
text-align: left;
padding: 2em;
}
.jet-banner__title {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
.jet-banner__title::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
transition: transform 0.35s;
transform: translate3d(-100%,0,0);
}
.jet-banner__text {
padding: 1em 0;
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
transform: translate3d(100%,0,0);
}
&:hover {
.jet-banner__title::after {
transform: translate3d(0,0,0);
}
.jet-banner__text {
opacity: 1;
transform: translate3d(0,0,0);
}
}
}
&.jet-effect-chico {
.jet-banner__img {
transition: transform 0.35s;
transform: scale(1.12);
}
.jet-banner__content {
padding: 3em;
}
.jet-banner__content::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
}
.jet-banner__content::before,
.jet-banner__text {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.jet-banner__title {
padding: 20% 0 20px 0;
}
.jet-banner__text {
margin: 0 auto;
max-width: 70%;
transform: scale(1.5);
}
&:hover {
.jet-banner__img {
transform: scale(1);
}
.jet-banner__content::before,
.jet-banner__text {
opacity: 1;
transform: scale(1);
}
}
}
}

View File

@@ -0,0 +1,691 @@
.jet-button {
&__container {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
&__instance {
position: relative;
overflow: hidden;
max-width: 100%;
box-sizing: border-box;
cursor: pointer;
transform: translateZ(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&__plane {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
&-normal {
z-index: 1;
}
&-hover {
z-index: 3;
}
}
&__state {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: border-box;
&-normal {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
}
&-hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 4;
}
}
&__icon {
display: flex;
justify-content: center;
align-items: center;
}
&__label {
}
}
.jet-button__instance {
&.jet-button__instance--icon-left {
.jet-button__state {
flex-direction: row;
.jet-button__icon {
order: 1;
}
.jet-button__label {
order: 2;
}
}
}
&.jet-button__instance--icon-top {
.jet-button__state {
flex-direction: column;
.jet-button__icon {
order: 1;
}
.jet-button__label {
order: 2;
}
}
}
&.jet-button__instance--icon-right {
.jet-button__state {
flex-direction: row;
.jet-button__icon {
order: 2;
}
.jet-button__label {
order: 1;
}
}
}
&.jet-button__instance--icon-bottom {
.jet-button__state {
flex-direction: column;
.jet-button__icon {
order: 2;
}
.jet-button__label {
order: 1;
}
}
}
}
.jet-button__instance {
&.hover-effect-0 {
.jet-button__plane-normal {
opacity: 1;
}
.jet-button__plane-hover {
opacity: 0;
}
.jet-button__state-normal {
opacity: 1;
}
.jet-button__state-hover {
opacity: 0;
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
}
.jet-button__plane-hover {
opacity: 1;
}
.jet-button__state-normal {
opacity: 0;
}
.jet-button__state-hover {
opacity: 1;
}
}
}
&.hover-effect-1 {
.jet-button__plane-normal {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 0;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
.jet-button__icon {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__label {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
}
.jet-button__state-hover {
.jet-button__icon {
opacity: 0;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__label {
opacity: 0;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
}
.jet-button__plane-hover {
opacity: 1;
}
.jet-button__state-normal {
.jet-button__icon {
opacity: 0;
}
.jet-button__label {
opacity: 0;
}
}
.jet-button__state-hover {
.jet-button__icon {
opacity: 1;
}
.jet-button__label {
opacity: 1;
}
}
}
}
&.hover-effect-2 {
.jet-button__plane-normal {
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
transform: translateY(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
transform: translateY(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
transition-delay: .1s;
transform: translateY(-100%);
}
.jet-button__plane-hover {
transform: translateY(0%);
transition-delay: .1s;
}
.jet-button__state-normal {
transform: translateY(-100%);
}
.jet-button__state-hover {
transition-delay: .15s;
transform: translateY(0%);
}
}
}
&.hover-effect-3 {
.jet-button__plane-normal {
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
transform: translateY(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
transform: translateY(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
transition-delay: .1s;
transform: translateY(100%);
}
.jet-button__plane-hover {
transform: translateY(0%);
transition-delay: .1s;
}
.jet-button__state-normal {
transform: translateY(100%);
}
.jet-button__state-hover {
transition-delay: .15s;
transform: translateY(0%);
}
}
}
&.hover-effect-4 {
.jet-button__plane-normal {
transform: translateX(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
transform: translateX(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
transform: translateX(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
transform: translateX(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
transform: translateX(100%);
transition-delay: .1s;
}
.jet-button__plane-hover {
transform: translateX(0);
}
.jet-button__state-normal {
transform: translateX(100%);
}
.jet-button__state-hover {
transform: translateX(0);
transition-delay: .1s;
}
}
}
&.hover-effect-5 {
.jet-button__plane-normal {
transform: translateX(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
transform: translateX(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
transform: translateX(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
transform: translateX(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
transform: translateX(-100%);
transition-delay: .1s;
}
.jet-button__plane-hover {
transform: translateX(0);
}
.jet-button__state-normal {
transform: translateX(-100%);
}
.jet-button__state-hover {
transform: translateX(0);
transition-delay: .1s;
}
}
}
&.hover-effect-6 {
.jet-button__plane-normal {
opacity: 1;
transform: scale(1);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 0;
transform: scale(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: scale(1);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform: scale(0);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
transform: scale(1.5);
}
.jet-button__plane-hover {
opacity: 1;
transform: scale(1);
}
.jet-button__state-normal {
opacity: 0;
transform: scale(1.5);
}
.jet-button__state-hover {
opacity: 1;
transform: scale(1);
}
}
}
&.hover-effect-7 {
.jet-button__plane-normal {
opacity: 1;
transform: scale(1);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 0;
transform: scale(1.5);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: scale(1);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform: scale(1.5);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
transform: scale(0);
}
.jet-button__plane-hover {
opacity: 1;
transform: scale(1);
}
.jet-button__state-normal {
opacity: 0;
transform: scale(0);
}
.jet-button__state-hover {
opacity: 1;
transform: scale(1);
}
}
}
&.hover-effect-8 {
.jet-button__plane-normal {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 1;
transform-origin: 0 100%;
transform: rotateZ(-90deg) scaleX(2);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform-origin: 0 100%;
transform: rotateZ(-90deg) translateY(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
}
.jet-button__plane-hover {
opacity: 1;
transform: rotateZ(0deg);
}
.jet-button__state-normal {
opacity: 0;
transform: translateY(100%);
}
.jet-button__state-hover {
opacity: 1;
transform: rotateZ(0) translateY(0);
transition-delay: .1s;
}
}
}
&.hover-effect-9 {
.jet-button__plane-normal {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 1;
transform-origin: 100% 0;
transform: rotateZ(-90deg) translateY(100%) scaleX(2);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform-origin: 100% 0;
transform: rotateZ(-90deg) translateY(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
}
.jet-button__plane-hover {
opacity: 1;
transform: rotateZ(0deg);
}
.jet-button__state-normal {
opacity: 0;
transform: translateY(-100%);
}
.jet-button__state-hover {
opacity: 1;
transform: rotateZ(0) translateY(0);
transition-delay: .1s;
}
}
}
&.hover-effect-10 {
.jet-button__plane-normal {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 1;
transform: translateX(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform: translateX(-100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 0;
}
.jet-button__plane-hover {
opacity: 1;
transform: translateX(0);
}
.jet-button__state-normal {
opacity: 0;
transform: translateY(100%);
}
.jet-button__state-hover {
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
}
}
&.hover-effect-11 {
.jet-button__plane-normal {
opacity: 1;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__plane-hover {
opacity: 1;
transform: translateX(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-normal {
opacity: 1;
transform: translateY(0%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
.jet-button__state-hover {
opacity: 0;
transform: translateX(100%);
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&:hover {
.jet-button__plane-normal {
opacity: 1;
}
.jet-button__plane-hover {
opacity: 1;
transform: translateX(0);
}
.jet-button__state-normal {
opacity: 0;
transform: translateY(100%);
}
.jet-button__state-hover {
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
}
}
}

View File

@@ -0,0 +1,125 @@
.jet-carousel {
position: relative;
margin-left: -10px;
margin-right: -10px;
&-wrap {
&.jet-equal-cols {
.slick-track {
display: flex;
align-items: stretch;
}
.jet-carousel__item {
float: none;
height: auto;
display: flex;
flex-direction: column;
img {
object-fit: cover;
flex-grow: 1;
}
.jet-carousel__item-inner,
.jet-banner,
.jet-banner__link {
display: flex;
flex-direction: column;
}
.jet-carousel__item-inner,
.jet-carousel__item-inner > *:last-child,
.jet-banner__link {
flex-grow: 1;
}
}
}
}
&__item {
padding: 10px;
.jet-banner {
float: none;
}
}
&__content {
position: relative;
z-index: 2;
}
&__content,
&__item-title,
&__item-text {
transition: all 200ms linear;
}
.jet-arrow {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 999;
transition: all 200ms linear;
svg {
width: 1em;
height: 1em;
}
&:before {
display: block;
width: 100%;
text-align: center;
line-height: 0;
transition: all 200ms linear;
}
&.prev-arrow {
left: 0;
}
&.next-arrow {
right: 0;
}
}
.jet-slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 99;
padding: 0;
li {
padding: 5px;
margin: 0;
list-style: none;
span {
transition: all 200ms linear;
display: block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 5px;
padding: 0;
text-indent: 10em;
overflow: hidden;
&:before {
display: none;
}
}
}
}
}
.elementor-jet-carousel .jet-carousel .elementor-slick-slider,
.elementor-jet-posts .jet-carousel > .jet-posts {
&:not(.slick-initialized) {
display: flex;
visibility: hidden;
& ~ .jet-arrow{
visibility: hidden;
}
}
}

View File

@@ -0,0 +1,15 @@
.jet-pie-chart-container,
.jet-bar-chart-container {
position: relative;
height: 400px;
max-width: 100%;
}
.jet-pie-chart-title-container {
.jet-pie-chart-title {
display: block;
margin: 0;
padding: 0;
text-align: center;
}
}

View File

@@ -0,0 +1,56 @@
.circle-progress {
border-radius: 50%;
&-wrap {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
&-bar {
position: relative;
margin-left: auto;
margin-right: auto;
.position-in-circle {
position: absolute;
left: 0;
top: 0;
width: 100%;
.circle-counter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
}
transform: rotate(-90deg);
&__meter,
&__value {
transition-property: all;
transition-timing-function: cubic-bezier(.28,.77,.39,.95);
fill: none;
stroke-linecap: butt;
}
}
.circle-counter {
.circle-val {
display: flex;
justify-content: center;
align-items: center;
}
}

View File

@@ -0,0 +1,31 @@
.jet-countdown-timer {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
&__item {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: stretch;
text-align: center;
margin: 5px;
}
&__separator {
display: none;
* + & {
display: block;
}
}
&__digit {
display: inline-block;
}
}
.jet-countdown-timer-message {
display: none;
text-align: center;
}

View File

@@ -0,0 +1,42 @@
.jet-download {
&.elementor-button {
display: inline-flex;
align-items: center;
justify-content: center;
}
&.jet-download-icon-position-top,
&.jet-download-icon-position-bottom {
flex-direction: column;
}
&__icon.jet-download-icon-left {
margin-right: 10px;
order: 1;
}
&__icon.jet-download-icon-right {
margin-left: 10px;
order: 3;
}
&__icon.jet-download-icon-top {
margin-bottom: 10px;
order: 1;
}
&__icon.jet-download-icon-bottom {
margin-top: 10px;
order: 3;
}
&__icon {
transition: all 0.3s ease;
}
&__text {
text-align: left;
order: 2;
}
&__label {
display: block;
transition: all 0.3s ease;
}
&__sub-label {
display: block;
transition: all 0.3s ease;
}
}

View File

@@ -0,0 +1,105 @@
.jet-dropbar {
display: flex;
&__inner {
position: relative;
}
&__button {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
border: 1px none;
&-text {
flex-grow: 1;
text-align: center;
}
&-icon--before:not(:only-child) {
body:not(.rtl) & {
margin-right: 5px;
}
}
&-icon--after:not(:only-child) {
body:not(.rtl) & {
margin-left: 5px;
}
}
}
&__content-wrapper {
position: absolute;
z-index: 999;
width: 300px;
visibility: hidden;
pointer-events: none;
opacity: 0;
transition: 200ms;
.jet-dropbar--none-effect &,
.jet-dropbar-open & {
transition: none;
}
.jet-dropbar-open & {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
&:before {
position: absolute;
.jet-dropbar-open & {
content: '';
}
}
}
&__content {
position: relative;
padding: 10px;
background-color: #F7F7FB;
// Animation Style
.jet-dropbar--fade-effect.jet-dropbar-open & { animation: jetFade 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--zoom-in-effect.jet-dropbar-open & { animation: jetZoomIn 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--zoom-out-effect.jet-dropbar-open & { animation: jetZoomOut 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-up-effect.jet-dropbar-open & { animation: jetMoveUp 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-down-effect.jet-dropbar-open & { animation: jetMoveDown 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-left-effect.jet-dropbar-open & { animation: jetMoveLeft 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-right-effect.jet-dropbar-open & { animation: jetMoveRight 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-up-big-effect.jet-dropbar-open & { animation: jetMoveUpBig 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-down-big-effect.jet-dropbar-open & { animation: jetMoveDownBig 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-left-big-effect.jet-dropbar-open & { animation: jetMoveLeftBig 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--slide-right-big-effect.jet-dropbar-open & { animation: jetMoveRightBig 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--fall-perspective-effect.jet-dropbar-open & { animation: jetFallPerspective 500ms cubic-bezier(.26,.69,.37,.96); }
.jet-dropbar--flip-in-x-effect.jet-dropbar-open & { animation: jetFlipInX 500ms; backface-visibility: visible; }
.jet-dropbar--flip-in-y-effect.jet-dropbar-open & { animation: jetFlipInY 500ms; backface-visibility: visible; }
}
// Fixed Layout
&-fixed {
position: fixed;
z-index: 9999;
padding: 10px;
// Fixed position style
&--top-left-position { top: 0; left: 0; }
&--top-center-position { top: 0; left: 50%; transform: translateX( -50% ); }
&--top-right-position { top: 0; right: 0; }
&--center-left-position { top: 50%; left: 0; transform: translateY( -50% ); }
&--center-center-position { top: 50%; left: 50%; transform: translateX( -50% ) translateY( -50% ); }
&--center-right-position { top: 50%; right: 0; transform: translateY( -50% ); }
&--bottom-left-position { bottom: 0; left: 0; }
&--bottom-center-position { bottom: 0; left: 50%; transform: translateX( -50% ); }
&--bottom-right-position { bottom: 0; right: 0; }
}
}

View File

@@ -0,0 +1,93 @@
.jet-headline {
&,
& .jet-headline__link {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
&--direction-horizontal {
&,
& .jet-headline__link {
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
& .jet-headline__link {
flex-grow: 1;
max-width: 100%;
}
}
&--direction-vertical {
&,
& .jet-headline__link {
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
& .jet-headline__link {
align-self: stretch;
}
.jet-headline__divider {
width: 100%;
}
}
&__first {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
&__second {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
&__divider {
flex: 1 1 auto;
}
&__deco {
&-icon {
display: flex;
flex-flow: column nowrap;
svg {
width: 1em;
height: 1em;
}
}
&-image {
position: relative;
width: 50px;
height: 50px;
line-height: 0;
img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
}
}
.headline__part--image-text {
.jet-headline__label {
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
background-position: center;
background-size: cover;
}
}
}

View File

@@ -0,0 +1,306 @@
.jet-hor-timeline {
position: relative;
&-inner {
.jet-hor-timeline--arrows-nav & {
overflow: hidden;
}
}
&-track {
.jet-hor-timeline--scroll-bar & {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding-bottom: 30px;
&::-webkit-scrollbar {
height: 8px;
background: #EFEFF1;
border-radius: 4px;
}
&::-webkit-scrollbar-button {
width: 0;
height: 0;
}
&::-webkit-scrollbar-thumb {
background-color: #34314B;
border: none;
border-radius: 4px;
}
&::-webkit-scrollbar-track {
border: none;
background: transparent;
}
&::-webkit-scrollbar-corner {
background: transparent;
}
}
.jet-hor-timeline--arrows-nav & {
transition: transform 500ms ease;
}
}
&-list {
position: relative;
display: flex;
direction: ltr;
&--top { align-items: flex-end; }
&--middle { align-items: flex-end; }
&--bottom { align-items: flex-start; }
}
&-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding-left: 15px;
padding-right: 15px;
flex: 0 0 33.33%;
max-width: 33.33%;
transition: .2s;
.jet-hor-timeline-list--top & {
padding-top: 15px;
}
.jet-hor-timeline-list--bottom & {
padding-bottom: 15px;
}
&__card {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
border-width: 1px;
transition: inherit;
.jet-hor-timeline-list--top & {
margin-bottom: 30px;
}
.jet-hor-timeline-list--bottom & {
margin-top: 30px;
}
&-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding: 30px;
overflow: hidden;
z-index: 1;
background-color: #f8f8f8;
transition: inherit;
}
&-img {
margin-bottom: 10px;
img {
vertical-align: top;
}
}
&-title {
margin: 0 0 10px;
padding: 0;
transition: inherit;
}
&-btn-wrap {
margin-top: 15px;
}
&-arrow {
position: absolute;
width: 20px;
height: 20px;
border-width: 1px;
transition: inherit;
.jet-hor-timeline & {
box-sizing: content-box;
}
&:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #f8f8f8;
transition: inherit;
}
.jet-hor-timeline-list--top & {
top: 100%;
transform: translateY(-50%) rotate(45deg);
border-left-color: transparent !important;
border-top-color: transparent !important;
}
.jet-hor-timeline-list--bottom & {
bottom: 100%;
transform: translateY(50%) rotate(45deg);
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.jet-hor-timeline--align-left & {
left: 20px;
}
.jet-hor-timeline--align-right & {
right: 20px;
}
.jet-hor-timeline--align-center & {
left: 50%;
}
.jet-hor-timeline--align-center .jet-hor-timeline-list--top & {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.jet-hor-timeline--align-center .jet-hor-timeline-list--bottom & {
transform: translateX(-50%) translateY(50%) rotate(45deg);
}
}
}
&__meta {
transition: inherit;
.jet-hor-timeline-list--top & {
margin-bottom: 15px;
}
.jet-hor-timeline-list--bottom & {
margin-top: 15px;
}
.jet-hor-timeline--align-left & {
text-align: left;
margin-right: auto;
}
.jet-hor-timeline--align-center & {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.jet-hor-timeline--align-right & {
text-align: right;
margin-left: auto;
}
}
&__point {
z-index: 1;
transition: inherit;
&-content {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 10px;
min-height: 10px;
font-size: 16px;
color: #34314B;
background-color: #EFEFF1;
border-radius: 50%;
transition: inherit;
.jet-hor-timeline--align-left & {
margin-left: 10px;
margin-right: auto;
}
.jet-hor-timeline--align-center & {
margin-left: auto;
margin-right: auto;
}
.jet-hor-timeline--align-right & {
margin-left: auto;
margin-right: 10px;
}
}
}
&.is-active {
.jet-hor-timeline-item__point-content {
background-color: #55cdff;
color: #fff;
}
}
}
&__line {
position: absolute;
top: 50%;
height: 2px;
transform: translateY(-50%);
overflow: hidden;
background-color: #EFEFF1;
&-progress {
width: 0;
height: 100%;
background-color: #55cdff;
transition: 500ms ease;
}
}
.jet-arrow {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 999;
transition: all 200ms linear;
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 30px;
line-height: 1;
background-color: #55cdff;
color: #fff;
&:before {
line-height: 0;
}
&.jet-prev-arrow {
left: 0;
transform: translateY(-50%);
}
&.jet-next-arrow {
right: 0;
transform: translateY(-50%) scale(-1, 1);
}
&.jet-arrow-disabled {
opacity: .5;
cursor: default;
pointer-events: none;
}
}
}

View File

@@ -0,0 +1,153 @@
.jet-image-comparison {
width: 100%;
position: relative;
&__instance {
width: 100%;
position: relative;
overflow: hidden;
&:not(.slick-initialized) {
display: none;
}
}
.jet-arrow {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 99;
transition: all 200ms linear;
&:before {
display: block;
width: 100%;
text-align: center;
line-height: 0;
transition: all 200ms linear;
}
&.prev-arrow {
left: 0;
}
&.next-arrow {
right: 0;
}
svg {
width: 1em;
height: 1em;
}
}
.jet-slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 99;
padding: 0;
li {
padding: 5px;
margin: 0;
list-style: none;
span {
display: block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 5px;
padding: 0;
text-indent: 10em;
overflow: hidden;
transition: all 200ms linear;
&:before {
display: none;
}
}
}
}
.juxtapose {
margin: 0 auto;
max-width: 100%;
.jx-image {
display: flex;
align-items: flex-end;
img {
top: 0;
}
.jx-label {
float: none;
left: auto;
right: auto;
}
&.jx-left {
justify-content: flex-start;
}
&.jx-right {
justify-content: flex-end;
}
}
.jx-handle {
width: 40px;
margin: 0;
margin-left: -20px;
.jx-arrow {
display: none;
}
.jx-control {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
background: none;
margin: 0;
z-index: 1;
&:before {
width: 3px;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 50%;
background-color: white;
content: '';
}
}
.jx-controller {
width: 40px;
height: 40px;
margin: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
direction: ltr;
i {
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
}

View File

@@ -0,0 +1,378 @@
.jet-images-layout {
position: relative;
&__item {
overflow: hidden;
position: relative;
transform: translateZ(0);
&.image-loaded {
.jet-images-layout__link {
opacity: 1;
transition: opacity 0.3s ease;
}
.jet-images-layout__image-instance {
}
}
&:hover {
.jet-images-layout__content {
opacity: 1;
}
}
}
&__inner {
position: relative;
overflow: hidden;
transform: translateZ(0);
}
&__link {
display: block;
opacity: 0;
}
&__icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
pointer-events: none;
.jet-images-layout-icon-inner {
display: flex;
align-items: center;
justify-content: center;
}
svg {
width: 1em;
height: 1em;
}
}
&__image {
position: relative;
line-height: 0;
}
&__image-instance {
width: 100%;
min-width: 100px;
min-height: 100px;
}
&__title {
width: 100%;
}
&__desc {
width: 100%;
}
&__content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
align-items: center;
text-align: center;
z-index: 1;
opacity: 0;
transition: opacity 0.5s cubic-bezier(.21,.75,.27,.96);
&:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: -1;
content: '';
}
}
&__image-loader {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.3);
z-index: 1;
span {
width: 30px;
height: 30px;
border-radius: 50%;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
box-shadow: 2px 2px 1px rgb(255,255,255);
animation: jet-images-layout-load-spin 690ms infinite linear;
}
}
&.layout-type-masonry {
.jet-images-layout__list {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
//align-items: stretch;
.jet-images-layout__item {
height: auto;
min-height: 100px;
}
.salvattore-column {
display: flex;
flex-flow: column nowrap;
}
&:before {
display: none;
}
}
}
&.layout-type-justify {
.jet-images-layout__list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
.jet-images-layout__item {
flex: 0 1 25%;
height: auto;
min-height: 100px;
display: flex;
}
.jet-images-layout__inner {
display: flex;
flex-grow: 1;
}
.jet-images-layout__link {
flex-grow: 1;
}
.jet-images-layout__image {
height: 100%;
}
.jet-images-layout__image-instance {
height: 100%;
object-fit: cover;
}
}
}
&.layout-type-grid {
.jet-images-layout__item {
}
.jet-images-layout__image {
}
.jet-images-layout__inner {
}
.jet-images-layout__image-instance {
width: 100%;
object-fit: cover;
}
}
&.layout-type-list {
.jet-images-layout__item {
width: 100%;
}
}
}
.jet-images-layout {
.jet-images-layout__list {
@media screen and (min-width: 1px) and (max-width: 767px){
&.column-mobile-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-mobile-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-mobile-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-mobile-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-mobile-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-mobile-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
&.column-tablet-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-tablet-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-tablet-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-tablet-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-tablet-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-tablet-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
@media ( min-width: 1025px ) {
&.column-desktop-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-desktop-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-desktop-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-desktop-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-desktop-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-desktop-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
}
}
@keyframes jet-images-layout-load-spin {
100%{transform: rotate(360deg); transform: rotate(360deg); }
}

View File

@@ -0,0 +1,46 @@
.jet-inline-svg {
display: inline-block;
svg {
min-width: 20px;
> circle,
> ellipse,
> polygon,
> path,
> rect {
&:not([stroke]){
stroke: none;
}
&:not([stroke-width]){
stroke-width: 2px;
}
&:not([stroke-linecap]){
stroke-linecap: butt;
}
&:not([stroke-dasharray]){
stroke-dasharray: none;
}
&:not([stroke-miterlimit]){
stroke-miterlimit: 4;
}
}
}
&--custom-width {
width: 100%;
svg {
width: 100%;
height: auto;
display: block;
}
}
&--custom-color {
svg {
fill: currentColor;
stroke: currentColor;
}
}
}

View File

@@ -0,0 +1,260 @@
.jet-instagram-gallery {
&__instance {
&.layout-type-grid {
display: flex;
flex-flow: row wrap;
}
&.layout-type-masonry {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
.salvattore-column {
display: flex;
flex-flow: column nowrap;
}
}
&.show-overlay-on-hover {
.jet-instagram-gallery__inner {
.jet-instagram-gallery__content {
opacity: 0;
pointer-events: none;
transition: opacity 0.5s cubic-bezier(.21,.75,.27,.96);
}
&:hover {
.jet-instagram-gallery__content {
opacity: 1;
pointer-events: auto;
}
}
}
}
}
&__item {
position: relative;
}
&__inner {
position: relative;
overflow: hidden;
margin: 10px;
}
&__link {
display: block;
line-height: 0;
}
&__media {
}
&__image {
width: 100%;
height: auto;
object-fit: cover;
vertical-align: top;
}
&__meta {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
&__meta-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
&__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
content:'';
}
}
&__caption {
max-width: 100%;
}
}
.jet-instagram-gallery__instance {
@media screen and (min-width: 1px) and (max-width: 767px){
&.column-mobile-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-mobile-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-mobile-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-mobile-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-mobile-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-mobile-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
&.column-tablet-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-tablet-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-tablet-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-tablet-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-tablet-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-tablet-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
@media ( min-width: 1025px ) {
&.column-desktop-1 {
&[data-columns]::before {
content: '1 .salvattore-column';
}
.salvattore-column {
width: 100%;
}
}
&.column-desktop-2 {
&[data-columns]::before {
content: '2 .salvattore-column';
}
.salvattore-column {
width: 50%;
}
}
&.column-desktop-3 {
&[data-columns]::before {
content: '3 .salvattore-column';
}
.salvattore-column {
width: 33.33333%;
}
}
&.column-desktop-4 {
&[data-columns]::before {
content: '4 .salvattore-column';
}
.salvattore-column {
width: 25%;
}
}
&.column-desktop-5 {
&[data-columns]::before {
content: '5 .salvattore-column';
}
.salvattore-column {
width: 20%;
}
}
&.column-desktop-6 {
&[data-columns]::before {
content: '6 .salvattore-column';
}
.salvattore-column {
width: 16.66666%;
}
}
}
}

View File

@@ -0,0 +1,31 @@
.elementor-widget-jet-map {
.jet-map-message {
width: 100%;
height: 300px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
.jet-map-message__text {
z-index: 2;
}
.jet-map-message__dammy-map {
position: absolute;
width: 100%;
height: 100%;
background-image: url( '../images/dummy-map.png' );
background-repeat: no-repeat;
background-color: white;
background-size: cover;
filter: blur(1.5px);
z-index: 1;
}
}
.gm-style img {
max-width: none;
}
}

View File

@@ -0,0 +1,34 @@
.jet-parallax-section {
&__layout {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
perspective: 1200px;
}
&__image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: auto;
background-position-x: 50%;
background-position-y: 50%;
will-change: transform;
}
.jet-parallax-section__scroll-layout:not(.is-mac) {
.jet-parallax-section__image {
transition: transform 0.5s cubic-bezier(.25,.88,.54,.98),
background-position 0s linear;
}
}
.jet-parallax-section__mouse-layout:not(.is-mac) {}
}

View File

@@ -0,0 +1,489 @@
.jet-portfolio {
position: relative;
&__filter {
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
}
&__filter-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
&__filter-item {
user-select: none;
cursor: pointer;
}
&__list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
transform: translateZ(0);
transition: height 0.5s cubic-bezier(.33,.79,.37,.97);
}
&__item {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
position: relative;
transform: translateZ(0);
&.item-loaded {
.jet-portfolio__image-instance {
visibility: visible;
}
.jet-portfolio__content {
visibility: visible;
}
}
&.hidden-status {
height: 0;
visibility: hidden;
.layout-type-grid & {
display: none;
}
.jet-portfolio__inner {
opacity: 0;
transform: scale(0);
}
}
&.visible-status {
height: auto;
visibility: visible;
.jet-portfolio__inner {
opacity: 1;
transform: scale(1);
}
}
}
&__inner {
flex: 0 1 100%;
align-self: stretch;
position: relative;
transform-origin: 50% 50%;
//transform: translateZ(0);
}
&__link {
display: block;
}
&__image {
position: relative;
line-height: 0;
}
&__image-instance {
width: 100%;
min-height: 100px;
visibility: hidden;
}
&__image-loader {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(84,89,95,0.75);
z-index: 1;
span {
width: 30px;
height: 30px;
border-radius: 50%;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
box-shadow: 2px 2px 1px rgb(255,255,255);
animation: jet-portfolio-load-spin 690ms infinite linear;
}
}
&__content {
width: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: stretch;
text-align: center;
box-sizing: border-box;
visibility: hidden;
}
&__content-inner {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
&:empty {
display: none;
}
}
&__title {
width: 100%;
}
&__desc {
width: 100%;
}
&__category {
width: 100%;
}
&__cover {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translateZ(0);
i {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
transform: translateZ(0);
}
}
&__view-more {
display: flex;
justify-content: center;
&.hidden-status {
display: none;
}
}
&__view-more-button {
cursor: pointer;
}
.grid-sizer {
width: 25%;
height: 0;
}
}
// Layouts
.jet-portfolio {
&.layout-type-masonry {}
&.layout-type-grid {
.jet-portfolio__image-instance {
object-fit: cover;
}
}
&.layout-type-justify {
.jet-portfolio__item, .grid-sizer {
width: 25%;
&.justify-size-1-4 {
width: 25%;
}
&.justify-size-2-4 {
width: 25%;
}
&.justify-size-3-4 {
width: 50%;
}
&.justify-size-4-4 {
width: 50%;
}
@media (max-width: 767px) {
&.justify-size-1-4 {
width: 100%;
}
&.justify-size-2-4 {
width: 100%;
}
&.justify-size-3-4 {
width: 100%;
}
&.justify-size-4-4 {
width: 100%;
}
}
}
.jet-portfolio__image-instance {
object-fit: cover;
height: 350px;
}
}
&.layout-type-list {
.jet-portfolio__item {
width: 100%;
}
.jet-portfolio__image-instance {
object-fit: cover;
}
}
}
// Presets
.jet-portfolio {
&.preset-type-1 {
.jet-portfolio__item {
.jet-portfolio__content {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
}
&:hover {
.jet-portfolio__content {
opacity: 1;
}
}
}
}
&.preset-type-2 {
.jet-portfolio__item {
.jet-portfolio__cover {
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
i {
transform: scale(0.5);
opacity: 0;
transition: all 0.3s ease 0.1s;
}
}
&:hover {
.jet-portfolio__cover {
opacity: 1;
i {
transform: scale(1);
opacity: 1;
}
}
}
}
}
&.preset-type-3 {
.jet-portfolio__item {
.jet-portfolio__cover {
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
i {
transform: scale(0.5);
opacity: 0;
transition: all 0.3s ease 0.1s;
}
}
&:hover {
.jet-portfolio__cover {
opacity: 1;
i {
transform: scale(1);
opacity: 1;
}
}
}
}
}
&.preset-type-4 {
.jet-portfolio__item {
.jet-portfolio__content {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
}
.jet-portfolio__content-inner {
width: 100%;
}
&:hover {
.jet-portfolio__content {
opacity: 1;
}
}
}
}
}
// Columns
.jet-portfolio.layout-type-masonry, .jet-portfolio.layout-type-grid {
&.layout-desktop-column-1 {
.jet-portfolio__item {
width: 100%;
}
}
&.layout-desktop-column-2 {
.jet-portfolio__item {
width: 50%;
}
}
&.layout-desktop-column-3 {
.jet-portfolio__item {
width: 33.3333%;
}
}
&.layout-desktop-column-4 {
.jet-portfolio__item {
width: 25%;
}
}
&.layout-desktop-column-5 {
.jet-portfolio__item {
width: 20%;
}
}
&.layout-desktop-column-6 {
.jet-portfolio__item {
width: 16.6666%;
}
}
@media (max-width: 1024px) {
&.layout-tablet-column-1 {
.jet-portfolio__item {
width: 100%;
}
}
&.layout-tablet-column-2 {
.jet-portfolio__item {
width: 50%;
}
}
&.layout-tablet-column-3 {
.jet-portfolio__item {
width: 33.3333%;
}
}
&.layout-tablet-column-4 {
.jet-portfolio__item {
width: 25%;
}
}
&.layout-tablet-column-5 {
.jet-portfolio__item {
width: 20%;
}
}
&.layout-tablet-column-6 {
.jet-portfolio__item {
width: 16.6666%;
}
}
}
@media (max-width: 767px) {
&.layout-mobile-column-1 {
.jet-portfolio__item {
width: 100%;
}
}
&.layout-mobile-column-2 {
.jet-portfolio__item {
width: 50%;
}
}
&.layout-mobile-column-3 {
.jet-portfolio__item {
width: 33.3333%;
}
}
&.layout-mobile-column-4 {
.jet-portfolio__item {
width: 25%;
}
}
&.layout-mobile-column-5 {
.jet-portfolio__item {
width: 20%;
}
}
&.layout-mobile-column-6 {
.jet-portfolio__item {
width: 16.6666%;
}
}
}
}
@keyframes fade {
0% {
opacity: 1;
transform: scale(1);
}
1% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0);
}
}
@keyframes jet-portfolio-load-spin {
100%{transform: rotate(360deg); transform: rotate(360deg); }
}

View File

@@ -0,0 +1,120 @@
.jet-posts {
&__item {
outline: none;
&.slick-slide {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
&__inner-box {
position: relative;
overflow: hidden;
}
&__terms {
margin-bottom: 10px;
&-link {
display: inline-block;
padding: 5px 10px;
}
}
.post-thumbnail + &__terms {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 10px;
}
.jet-more {
overflow: hidden;
}
.jet-more-icon {
margin-left: 5px;
}
.entry-excerpt {
padding-bottom: 15px;
}
.jet-more-wrap {
display: flex;
flex-direction: column;
}
.post-thumbnail {
overflow: hidden;
}
.slick-list {
width: 100%;
}
&.jet-equal-cols {
.slick-track {
display: flex;
align-items: stretch;
&:before,
&:after {
content: none;
}
.jet-posts__item {
flex: 0 0 auto;
}
}
.jet-posts__item {
display: flex;
flex-direction: column;
height: auto;
.jet-posts__inner-box {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}
.jet-posts__inner-content {
display: flex;
flex-direction: column;
flex-grow: 1;
> * {
width: 100%;
}
}
}
}
}
.post-meta{
padding-bottom: 10px;
text-decoration: none;
&__item {
display: inline-block;
text-decoration: inherit;
&:not(:first-child):before {
content: "";
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
}
}
.elementor-jet-posts {
.jet-carousel {
margin-left: 0;
margin-right: 0;
}
}

View File

@@ -0,0 +1,49 @@
.jet-price-list {
list-style: none;
margin: 0;
.price-list {
&__item {
&-inner{
display: flex;
}
&-content{
width: 100%;
}
&-img-wrap{
max-width: 200px;
margin-right: 20px;
flex: 1 0 100%;
font-size: 0;
img{
width: 100%;
}
}
&-title {
&__wrapper {
display: flex;
flex: 0 1 100%;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
> * {
flex: 0 1 auto;
flex-grow: 0;
margin: 0;
}
}
}
&-separator {
position: relative;
height: 0;
flex-grow: 1;
}
}
}
}

View File

@@ -0,0 +1,47 @@
.pricing-table {
position: relative;
&__icon {
&-box {
.jet-elements-icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
}
}
&__badge {
position: absolute;
right: 20px;
top: 20px;
}
.pricing-table-button {
overflow: hidden;
&.button-full-size {
width: 100%;
}
}
.button-icon {
margin-right: 5px;
}
}
.pricing-feature {
&:not(:first-child):before {
content: "";
display: block;
height: 0;
margin-left: auto;
margin-right: auto;
}
&__inner {
display: inline-flex;
align-items: center;
}
.item-bullet {
display: flex;
align-items: center;
margin-right: 7px;
}
}

View File

@@ -0,0 +1,179 @@
.jet-progress-bar {
&__inner {
}
&__title {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row nowrap;
}
&__wrapper {
position: relative;
}
&__status-bar {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
will-change: width, height;
transition: width 1s cubic-bezier(.6,.17,.37,.86),
height 1s cubic-bezier(.6,.17,.37,.86);
transform: translateZ(0);
}
&__percent {
display: flex;
justify-content: center;
align-items: center;
}
&__percent-value {
line-height: 1;
}
&__percent-suffix {
line-height: 1;
}
&-type-1 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column;
.jet-progress-bar__status-bar {
width: 0%;
}
.jet-progress-bar__title {
align-self: flex-start;
}
.jet-progress-bar__wrapper {
align-self: stretch;
}
.jet-progress-bar__percent {
align-self: flex-end;
}
}
}
&-type-2 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column;
.jet-progress-bar__status-bar {
width: 0%;
}
}
}
&-type-3 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column;
.jet-progress-bar__wrapper {
flex: 1 1 auto;
}
.jet-progress-bar__status-bar {
width: 0%;
}
.jet-progress-bar__percent {
align-self: flex-end;
position: absolute;
bottom: calc(100% + 10px);
right: 0;
}
}
}
&-type-4 {
.jet-progress-bar__inner {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
.jet-progress-bar__wrapper {
flex: 1 1 auto;
}
.jet-progress-bar__status-bar {
width: 0%;
}
}
}
&-type-5 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.jet-progress-bar__wrapper {
display: flex;
flex-flow: row nowrap;
align-self: stretch;
}
.jet-progress-bar__status-bar {
width: 0%;
}
}
}
&-type-6 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.jet-progress-bar__wrapper {
display: flex;
flex-flow: row nowrap;
align-self: stretch;
}
.jet-progress-bar__status-bar {
width: 0%;
}
.jet-progress-bar__status {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
}
}
}
&-type-7 {
.jet-progress-bar__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.jet-progress-bar__wrapper {
display: flex;
flex-flow: column nowrap;
}
.jet-progress-bar__status-bar {
width: 100%;
height: 0%;
}
}
}
}

View File

@@ -0,0 +1,93 @@
.jet-scroll-navigation {
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 999;
overflow: visible !important;
&--position-left {
left: 0;
.jet-scroll-navigation__item-hint {
left: calc(100% + 10px);
}
}
&--position-right {
right: 0;
.jet-scroll-navigation__item-hint {
right: calc(100% + 10px);
}
}
&--show-active-hint {
.jet-scroll-navigation__item {
&.active {
.jet-scroll-navigation__item-hint {
opacity: 1;
pointer-events: auto;
}
}
}
}
&--show-hint-on-hover {
.jet-scroll-navigation__item {
&:hover {
.jet-scroll-navigation__item-hint {
opacity: 1;
pointer-events: auto;
}
}
}
}
&__inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: visible !important;
}
&__item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: visible !important;
}
&__dot {
width: 20px;
height: 20px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
&__item-hint {
position: absolute;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: all .3s cubic-bezier(.5,.12,.46,.88);
}
&__icon {
display: flex;
flex-direction: column;
justify-content: center;
}
&__label {
white-space: nowrap;
}
}

View File

@@ -0,0 +1,175 @@
.jet-services {
&__header {
position: relative;
overflow: hidden;
max-width: 100%;
img.jet-services__img-tag {
width: 100%;
height: 100%;
object-fit: cover;
}
}
&__cover {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
&:empty {
display: none;
}
> * {
z-index: 1;
}
&:before {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
content: '';
}
&:after {
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
bottom: -10px;
content: none;
}
}
&__content {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
width: 100%;
&:empty {
display: none;
}
}
&__icon {
display: flex;
justify-content: center;
align-items: center;
.inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
}
&__title {
display: flex;
align-items: center;
text-align: center;
max-width: 100%;
}
&__desc {
max-width: 100%;
}
.jet-services__button {
display: flex;
justify-content: center;
align-items: center;
}
.jet-services__button--icon-before {
.jet-services__button-text {
order: 2;
}
.jet-services__button-icon {
order: 1;
}
}
.jet-services__button--icon-after {
.jet-services__button-text {
order: 1;
}
.jet-services__button-icon {
order: 2;
}
}
&.jet-services--cover-hover {
.jet-services__cover {
opacity: 0;
pointer-events: none;
transition: opacity 0.4s cubic-bezier(.69,.1,.33,.9);
}
.jet-services__header {
&:hover {
.jet-services__cover {
opacity: 1;
pointer-events: auto;
transition: opacity 0.3s cubic-bezier(.69,.1,.33,.9);
}
}
}
}
&.jet-services--header-position-top {
.jet-services__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
}
&.jet-services--header-position-left {
.jet-services__inner {
display: flex;
flex-flow: row;
.jet-services__header {
flex: 1 0 auto;
}
.jet-services__content {
flex: 0 1 auto;
}
}
}
&.jet-services--header-position-right {
.jet-services__inner {
display: flex;
flex-flow: row;
.jet-services__header {
flex: 1 0 auto;
order: 2;
}
.jet-services__content {
flex: 0 1 auto;
order: 1;
}
}
}
}

View File

@@ -0,0 +1,220 @@
.jet-slider {
position: relative;
.hidden-html {
display: none;
}
.slider-pro {
visibility: hidden;
&.slider-loaded {
visibility: visible;
}
}
.jet-slider-loader {
display: none;
}
&__image-exact {
.sp-image {
object-fit: cover;
}
}
&__image-contain {
.sp-image {
object-fit: contain;
}
}
&:before {
}
&__item {
overflow: hidden;
}
&__content {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
&__content-item {
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: center;
min-width: 100%;
}
&__content-inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
}
&__icon {
display: flex;
justify-content: center;
width: 100%;
.jet-slider-icon-inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
svg {
width: 1em;
height: 1em;
}
}
}
&__title {
width: 100%;
}
&__subtitle {
width: 100%;
}
&__desc {
width: 100%;
}
&__button-wrapper {
width: 100%;
}
&__button {
margin: 0 5px;
}
.sp-slides-container {
background-size: cover;
}
.sp-image-container {
position: relative;
&:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0,0,0, 0.3);
content: '';
}
}
.sp-full-screen-button {
color: white;
svg {
width: 1em;
height: 1em;
}
}
.sp-arrow {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
&.sp-next-arrow {
transform: scale(-1, 1);
}
svg {
width: 1em;
height: 1em;
}
i {
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
line-height: 0em;
}
&:before,
&:after {
display: none;
}
}
.sp-full-screen-button {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
transform: rotate(0deg);
transform-origin: 50%;
top: 10px;
right: 10px;
&:before {
display: none;
}
}
.sp-buttons {
width: 100%;
padding: 0;
margin: 0 auto;
.sp-button {
width: 15px;
height: 15px;
border-radius: 50%;
}
}
.sp-thumbnails {
.sp-thumbnail-container {
position: relative;
cursor: pointer;
&:before {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
}
&.sp-selected-thumbnail {
}
.sp-thumbnail {
}
}
}
.sp-grab {
cursor: auto;
}
}

View File

@@ -0,0 +1,110 @@
.jet-subscribe-form {
max-width: 100%;
&__fields {
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: stretch;
}
&__submit {
display: flex;
justify-content: center;
align-items: center;
flex: 0 1 auto;
position: relative;
max-width: 100%;
i {
visibility: visible;
transition: inherit;
}
span {
visibility: visible;
}
&:before {
box-sizing: border-box;
position: absolute;
visibility: hidden;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -13px;
border-radius: 50%;
border: 3px solid #fff;
border-top-color: #000;
content: '';
animation: jet-spinner .6s linear infinite;
}
&.loading {
i {
visibility: hidden;
}
span {
visibility: hidden;
}
&:before {
visibility: visible;
}
}
}
&__message {
position: absolute;
top: 120%;
width: 100%;
visibility: hidden;
.jet-subscribe-form__message-inner {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
}
}
.jet-subscribe-form--inline-layout {
.jet-subscribe-form__input-group {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
.jet-subscribe-form__fields {
flex: 1 1 auto;
width: auto;
}
.jet-subscribe-form__submit {
flex: 0 1 auto;
width: auto;
}
}
}
.jet-subscribe-form--block-layout {
.jet-subscribe-form__input-group {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
.jet-subscribe-form__fields {
width: 100%;
}
}
}
@keyframes jet-spinner {
to {transform: rotate(360deg);}
}

View File

@@ -0,0 +1,121 @@
.jet-table-wrapper {
width: 100%;
max-width: 100%;
.jet-table {
margin: 0;
}
}
.jet-table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
& &__cell {
padding: 0;
border: 1px none;
}
&__cell {
transition: .2s;
&-inner {
display: flex;
align-items: center;
padding: 5px;
}
&-link {
color: inherit;
}
}
&__head-cell {
background-color: #00B4FF;
color: #fff;
}
&-header-sort {
cursor: pointer;
}
&__sort-icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
flex-shrink: 0;
margin-left: 5px;
.jet-table--fa5-compat & {
font: normal normal 900 12px/1 'Font Awesome 5 Free';
}
&:before {
content: '\f0dc';
.jet-table-header-sort--up & { content: '\f0de'; }
.jet-table-header-sort--down & { content: '\f0dd'; }
}
}
&__cell-content {
display: flex;
align-items: center;
body:not(.rtl) & {
margin-left: 0;
margin-right: auto;
text-align: left;
}
}
&__cell-img {
display: block;
img {
vertical-align: top;
}
}
&__cell-icon {
width: 1em;
}
&__cell-icon,
&__cell-img {
&--before:not(:only-child) {
body:not(.rtl) & {
margin-right: 5px;
}
}
&--after:not(:only-child) {
order: 2;
body:not(.rtl) & {
margin-left: 5px;
}
}
}
}
[data-elementor-device-mode="mobile"] .jet-table-responsive-mobile,
[data-elementor-device-mode="tablet"] .jet-table-responsive-tablet,
[data-elementor-device-mode="desktop"] .jet-table-responsive-desktop {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
.jet-table {
width: auto;
max-width: none;
}
}

View File

@@ -0,0 +1,172 @@
.jet-team-member {
&__inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
&__image {
position: relative;
img.jet-team-member__img-tag {
width: 100%;
height: 100%;
object-fit: cover;
}
}
&__image {
width: 100%;
}
&__figure {
width: 100%;
height: 100%;
overflow: hidden;
line-height: 0;
}
&__cover {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
&:empty {
display: none;
}
> * {
z-index: 1;
}
&:before {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
content: '';
}
&:after {
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
bottom: -10px;
content: none;
}
}
&__content {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
width: 100%;
&:empty {
display: none;
}
}
&__name {
align-self: stretch;
text-align: center;
max-width: 100%;
}
&__position {
max-width: 100%;
}
&__desc {
max-width: 100%;
}
&__button-container {
display: flex;
justify-content: center;
width: 100%;
}
&__button {
}
&__socials {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
&__socials-item {
.inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
}
&.jet-team-member--cover-hint {
.jet-team-member__image {
}
.jet-team-member__cover {
top: auto;
height: auto;
bottom: 100%;
padding-bottom: 12px;
&:before {
height: calc( 100% - 12px );
}
&:after {
bottom: 2px;
}
}
}
&.jet-team-member--hint-corner {
.jet-team-member__cover {
&:after {
content: '';
}
}
}
&.jet-team-member--cover-hover {
.jet-team-member__cover {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s cubic-bezier(.69,.1,.33,.9);
transition-delay: .2s;
}
.jet-team-member__image {
&:hover {
.jet-team-member__cover {
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
}
}
}
}

View File

@@ -0,0 +1,195 @@
.jet-testimonials {
width: 100%;
position: relative;
&.jet-equal-cols {
.slick-track {
display: flex;
align-items: stretch;
}
.jet-testimonials__item {
display: flex;
flex-direction: column;
float: none;
height: auto;
}
.jet-testimonials__item-inner {
flex-grow: 1;
}
}
&__instance {
width: 100%;
position: relative;
&:not(.slick-initialized) {
display: flex;
visibility: hidden;
}
&.jet-testimonials--comment-corner {
.jet-testimonials__comment {
&:after {
content: '';
}
}
}
}
&__item {
outline: none;
}
&__content {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
&__figure {
position: relative;
overflow: hidden;
img.jet-testimonials__tag-img {
max-width: 100%;
object-fit: cover;
}
}
&__icon {
display: flex;
justify-content: center;
align-items: center;
.jet-testimonials__icon-inner {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
svg {
width: 1em;
height: 1em;
}
}
&__title {
max-width: 100%;
}
&__comment {
max-width: 100%;
position: relative;
&:after {
display: block;
position: absolute;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
bottom: -10px;
content: none;
}
}
&__name {
max-width: 100%;
a {
color: inherit;
}
}
&__position {
max-width: 100%;
}
&__date {
max-width: 100%;
}
&__rating {
color: #ffe435;
i{
color: #c1c1c1;
&::before{
content: attr( data-star-style );
}
}
&[data-rating="1"] i:nth-child( -n+1 ),
&[data-rating="2"] i:nth-child( -n+2 ),
&[data-rating="3"] i:nth-child( -n+3 ),
&[data-rating="4"] i:nth-child( -n+4 ),
&[data-rating="5"] i:nth-child( -n+5 ){
color: inherit !important;
&::before{
content: attr( data-active-star-style );
}
}
}
.jet-arrow {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 999;
transition: all 200ms linear;
&:before {
display: block;
width: 100%;
text-align: center;
line-height: 0;
transition: all 200ms linear;
}
&.prev-arrow {
left: 0;
}
&.next-arrow {
right: 0;
}
}
.jet-slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 99;
padding: 0;
li {
padding: 5px;
margin: 0;
list-style: none;
span {
display: block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 5px;
padding: 0;
text-indent: 10em;
overflow: hidden;
transition: all 200ms linear;
&:before {
display: none;
}
}
}
}
}

View File

@@ -0,0 +1,370 @@
.jet-timeline {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0 auto;
&-item {
position: relative;
display: flex;
flex-wrap: nowrap;
}
&__line {
position: absolute;
width: 2px;
bottom: 0;
top: 0;
transform: translateX(-50%);
left: 50%;
overflow: hidden;
&-progress {
width: 100%;
height: 20%;
}
}
.timeline-item {
&__card {
position: relative;
display: flex;
flex-direction: column;
&-inner{
z-index: 1;
}
&-arrow {
position: absolute;
width: 20px;
height: 20px;
}
&-btn-wrap {
margin-top: 15px;
}
}
&__meta {
display: inline-block;
&-content {
display: inline-block;
}
}
&__point {
&-content {
width: 40px;
height: 40px;
min-width: 10px;
min-height: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
}
}
&--align-left {
.timeline-item__point {
flex-grow: 0;
order: 0;
}
.timeline-item__card {
flex-grow: 1;
order: 1;
}
.jet-timeline__line {
left: 0;
}
.timeline-item__card-arrow {
left: 0;
margin-left: -10px;
border-top-width: 0!important;
border-right-width: 0!important;
}
.timeline-item__meta:empty{
display: none;
}
.jet-timeline-item {
> .timeline-item__meta {
display: none;
}
}
}
&--align-center {
@media (min-width: 1025px) {
.jet-timeline-item:nth-child(even) {
flex-direction: row-reverse;
.timeline-item__meta {
text-align: right;
}
.timeline-item__card-arrow {
left: 0;
margin-left: -10px;
border-top-width: 0!important;
border-right-width: 0!important;
}
}
.jet-timeline-item:nth-child(odd) {
.timeline-item__meta {
text-align: left;
}
.timeline-item__card-arrow {
right: 0;
margin-right: -10px;
border-left-width: 0!important;
border-bottom-width: 0!important;
}
}
.timeline-item__meta {
flex-grow: 1;
flex-basis: 50%;
max-width: 50%;
order: 2;
}
.timeline-item__point {
flex-shrink: 0;
flex-grow: 0;
order: 1;
}
.timeline-item__card {
flex-grow: 1;
flex-basis: 50%;
max-width: 50%;
order: 0;
}
.jet-timeline__line {
left: 50%;
margin: 0 !important;
}
.timeline-item__card-content {
> .timeline-item__meta {
display: none;
}
}
}
@media (max-width: 1024px) {
.timeline-item__point {
flex-grow: 0;
order: 0;
margin-left: 0 !important;
}
.timeline-item__card {
flex-grow: 1;
order: 1;
margin-left: 10px;
}
.jet-timeline__line {
left: 0;
}
.timeline-item__card-arrow {
left: 0;
margin-left: -10px;
border-top-width: 0!important;
border-right-width: 0!important;
}
.jet-timeline-item {
> .timeline-item__meta {
display: none;
}
}
}
}
&--align-right {
.timeline-item__point {
flex-grow: 0;
order: 1;
}
.timeline-item__card {
flex-grow: 1;
order: 0;
}
.jet-timeline__line {
left: auto;
right: 0;
}
.timeline-item__meta:empty{
display: none;
}
.timeline-item__card-arrow {
right: 0;
margin-right: -10px;
border-bottom-width: 0!important;
border-left-width: 0!important;
}
.jet-timeline-item {
> .timeline-item__meta {
display: none;
}
}
}
&--align-top {
.jet-timeline-item {
align-items: flex-start;
}
.timeline-item__card-arrow {
top: 0;
transform: rotate(45deg);
}
}
&--align-middle {
.jet-timeline-item {
align-items: center;
}
.timeline-item__card-arrow {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
}
&--align-bottom {
.jet-timeline-item {
align-items: flex-end;
}
.timeline-item__card-arrow {
bottom: 0;
transform: rotate(45deg);
}
}
}
.jet-timeline-item--animated {
.timeline-item{
&__card {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
}
}
}
// Animations for timeline cards
.jet-timeline {
&--align-left {
.jet-timeline-item--animated {
&.is--show {
.timeline-item__card {
@extend .card-animation-right;
}
}
}
}
&--align-center {
.jet-timeline-item--animated {
&.is--show {
&:nth-child(even) {
.timeline-item__card {
@extend .card-animation-right;
}
}
&:nth-child(odd) {
.timeline-item__card {
@extend .card-animation-left;
}
}
}
}
}
&--align-right {
.jet-timeline-item--animated {
&.is--show {
.timeline-item__card {
@extend .card-animation-left;
}
}
}
}
}
@-webkit-keyframes card-animation-right {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes card-animation-right {
0% {
opacity: 0;
transform: translateX(400px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.card-animation-right {
-webkit-animation-name: card-animation-right;
animation-name: card-animation-right;
}
@-webkit-keyframes card-animation-left {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes card-animation-left {
0% {
opacity: 0;
transform: translateX(-400px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.card-animation-left {
-webkit-animation-name: card-animation-left;
animation-name: card-animation-left;
}

View File

@@ -0,0 +1,524 @@
.jet-video {
position: relative;
z-index: 1;
overflow: hidden;
background-color: #000;
&__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
&--custom-bg {
z-index: 3;
}
}
&__play-button {
z-index: 5;
font-size: 80px;
line-height: 1;
text-align: center;
color: #fff;
cursor: pointer;
transition: .2s;
&-icon {
width: 1em;
vertical-align: top;
}
&-image {
width: 1em;
vertical-align: top;
svg {
width: 100%;
height: auto;
vertical-align: top;
}
}
// Play button animation
&--animation-grow {
transition-duration: .3s;
transition-property: transform;
.jet-video__overlay:hover & {
transform: scale(1.1);
}
}
&--animation-shrink {
transition-duration: .3s;
transition-property: transform;
.jet-video__overlay:hover & {
transform: scale(0.9);
}
}
&--animation-pulse {
.jet-video__overlay:hover & {
animation-name: elementor-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
}
&--animation-pulse-grow {
.jet-video__overlay:hover & {
animation-name: elementor-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
}
&--animation-pulse-shrink {
.jet-video__overlay:hover & {
animation-name: elementor-animation-pulse-shrink;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
}
&--animation-push {
.jet-video__overlay:hover & {
animation-name: elementor-animation-push;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
}
&--animation-pop {
.jet-video__overlay:hover & {
animation-name: elementor-animation-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
}
&--animation-bounce-in {
transition-duration: .5s;
.jet-video__overlay:hover & {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
}
}
&--animation-bounce-out {
transition-duration: .5s;
.jet-video__overlay:hover & {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
}
}
&--animation-rotate {
transition-duration: .3s;
transition-property: transform;
.jet-video__overlay:hover & {
transform: rotate(4deg);
}
}
&--animation-grow-rotate {
transition-duration: .3s;
transition-property: transform;
.jet-video__overlay:hover & {
transform: scale(1.1) rotate(4deg);
}
}
&--animation-float {
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
.jet-video__overlay:hover & {
transform: translateY(-8px);
}
}
&--animation-sink {
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
.jet-video__overlay:hover & {
transform: translateY(8px);
}
}
&--animation-bob {
.jet-video__overlay:hover & {
animation-name: elementor-animation-bob-float, elementor-animation-bob;
animation-duration: .3s, 1.5s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
}
&--animation-hang {
.jet-video__overlay:hover & {
animation-name: elementor-animation-hang-sink, elementor-animation-hang;
animation-duration: .3s, 1.5s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
}
&--animation-skew {
transition-duration: .3s;
transition-property: transform;
.jet-video__overlay:hover & {
transform: skew(-10deg);
}
}
&--animation-skew-forward {
transition-duration: .3s;
transition-property: transform;
transform-origin: 0 100%;
.jet-video__overlay:hover & {
transform: skew(-10deg);
}
}
&--animation-skew-backward {
transition-duration: .3s;
transition-property: transform;
transform-origin: 0 100%;
.jet-video__overlay:hover & {
transform: skew(10deg);
}
}
&--animation-wobble-vertical {
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-horizontal {
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-to-bottom-right {
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-to-top-right {
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-top {
transform-origin: 0 100%;
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-bottom {
transform-origin: 100% 0;
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-wobble-skew {
.jet-video__overlay:hover & {
animation-name: elementor-animation-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
}
&--animation-buzz {
.jet-video__overlay:hover & {
animation-name: elementor-animation-buzz;
animation-duration: .15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
}
&--animation-buzz-out {
.jet-video__overlay:hover & {
animation-name: elementor-animation-buzz-out;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
}
}
&.jet-video-aspect-ratio {
&--16-9 { padding-bottom: 56.25%; }
&--21-9 { padding-bottom: 42.8571%; }
&--9-16 { padding-bottom: 177.77%; }
&--4-3 { padding-bottom: 75%; }
&--3-2 { padding-bottom: 66.6666%; }
&--1-1 { padding-bottom: 100%; }
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
border: none;
}
}
.jet-video-html5-player,
.mejs-mediaelement video.jet-video-mejs-player {
object-fit: cover; // for poster size - cover
}
> video.jet-video-mejs-player {
opacity: 0; // prevent blinking on load
}
.jet-video-html5-player {
display: block;
}
.jet-video-mejs-player {
&.mejs-container {
font-family: inherit;
background: none;
}
&.jet-video-custom-play-button {
.mejs-overlay-play .mejs-overlay-button {
display: none;
}
}
.mejs-overlay-loading {
display: none;
}
.mejs-controls {
height: auto;
padding: 10px;
align-items: center;
background: #fff;
.mejs-button,
.mejs-time,
.mejs-time-rail {
width: auto;
height: auto;
}
.mejs-button > button {
position: relative;
width: auto;
height: auto;
margin: 0;
letter-spacing: normal;
border: 1px none;
border-radius: 0;
background: none;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&:before {
display: inline-block;
width: 1em;
}
}
.mejs-playpause-button > button {
padding: 14px;
color: #fff;
background-color: #00B4FF;
}
.mejs-volume-button,
.mejs-fullscreen-button {
margin-left: 10px;
}
.mejs-volume-button > button {
padding: 3px;
color: #00B4FF;
}
.mejs-fullscreen-button > button {
color: #00B4FF;
&:before {
content: '\f0b2';
@supports ( mask-image: none ) or ( -webkit-mask-image: none ) {
content: '';
height: 1em;
vertical-align: top;
background-color: currentColor;
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M0 4.67188C0 4.78125 0.0273438 4.86328 0.0820312 4.91797C0.136719 4.97266 0.21875 5 0.328125 5H1.42188C1.50391 5 1.58594 4.97266 1.64062 4.91797C1.69531 4.86328 1.75 4.78125 1.75 4.67188V2.375H4.04688C4.12891 2.375 4.21094 2.34766 4.26562 2.29297C4.32031 2.23828 4.375 2.15625 4.375 2.04688V0.953125C4.375 0.871094 4.32031 0.789062 4.26562 0.734375C4.21094 0.679688 4.12891 0.625 4.04688 0.625H0.65625C0.464844 0.625 0.300781 0.707031 0.191406 0.816406C0.0546875 0.953125 0 1.11719 0 1.28125V4.67188ZM7.875 0.953125C7.875 0.871094 7.90234 0.789062 7.95703 0.734375C8.01172 0.679688 8.09375 0.625 8.20312 0.625H11.5938C11.7578 0.625 11.9219 0.707031 12.0586 0.816406C12.168 0.953125 12.25 1.11719 12.25 1.28125V4.67188C12.25 4.78125 12.1953 4.86328 12.1406 4.91797C12.0859 4.97266 12.0039 5 11.9219 5H10.8281C10.7188 5 10.6367 4.97266 10.582 4.91797C10.5273 4.86328 10.5 4.78125 10.5 4.67188V2.375H8.20312C8.09375 2.375 8.01172 2.34766 7.95703 2.29297C7.90234 2.23828 7.875 2.15625 7.875 2.04688V0.953125ZM11.9219 8.5C12.0039 8.5 12.0859 8.55469 12.1406 8.60938C12.1953 8.66406 12.25 8.74609 12.25 8.82812V12.2188C12.25 12.4102 12.168 12.5742 12.0586 12.6836C11.9219 12.8203 11.7578 12.875 11.5938 12.875H8.20312C8.09375 12.875 8.01172 12.8477 7.95703 12.793C7.90234 12.7383 7.875 12.6562 7.875 12.5469V11.4531C7.875 11.3711 7.90234 11.2891 7.95703 11.2344C8.01172 11.1797 8.09375 11.125 8.20312 11.125H10.5V8.82812C10.5 8.74609 10.5273 8.66406 10.582 8.60938C10.6367 8.55469 10.7188 8.5 10.8281 8.5H11.9219ZM4.375 12.5469C4.375 12.6562 4.32031 12.7383 4.26562 12.793C4.21094 12.8477 4.12891 12.875 4.04688 12.875H0.65625C0.464844 12.875 0.300781 12.8203 0.191406 12.6836C0.0546875 12.5742 0 12.4102 0 12.2188V8.82812C0 8.74609 0.0273438 8.66406 0.0820312 8.60938C0.136719 8.55469 0.21875 8.5 0.328125 8.5H1.42188C1.50391 8.5 1.58594 8.55469 1.64062 8.60938C1.69531 8.66406 1.75 8.74609 1.75 8.82812V11.125H4.04688C4.12891 11.125 4.21094 11.1797 4.26562 11.2344C4.32031 11.2891 4.375 11.3711 4.375 11.4531V12.5469Z'/%3E%3C/svg%3E");
}
}
}
// Play-pause button icons
.mejs-playpause-button.mejs-play > button:before { content: '\f04b'; }
.mejs-playpause-button.mejs-pause > button:before { content: '\f04c'; }
.mejs-playpause-button.mejs-replay > button:before { content: '\f0e2'; }
// Volume button icons
.mejs-volume-button.mejs-mute > button:before { content: '\f028'; }
.mejs-volume-button.mejs-unmute > button:before { content: '\f026'; }
.mejs-time {
padding: 0;
font-size: 14px;
line-height: 1.5;
font-weight: normal;
color: #303865;
}
.mejs-currenttime,
.mejs-duration {
margin-left: 10px;
}
.mejs-currenttime ~ .mejs-duration {
margin-left: 0;
}
.mejs-time-rail {
padding: 0;
margin: 0 0 0 10px;
.mejs-time-total {
position: relative;
margin: 0;
overflow: hidden;
background: #EAEBF0;
border-radius: 5px;
}
.mejs-time-current {
width: 0;
transform: scaleX(1) !important;
background: #EA36A4;
border-radius: 0 5px 5px 0;
}
.mejs-time-buffering,
.mejs-time-loaded,
.mejs-time-current,
.mejs-time-hovered {
height: 100%;
}
.mejs-time-buffering,
.mejs-time-loaded {
border-radius: 0;
}
.mejs-time-handle,
.mejs-time-loaded,
.mejs-time-hovered {
display: none;
}
}
.mejs-horizontal-volume-slider {
width: auto;
height: auto;
margin-left: 7px;
.mejs-horizontal-volume-total {
position: relative;
top: auto;
width: 60px;
height: 10px;
border-radius: 5px;
background: #EAEBF0;
overflow: hidden;
}
.mejs-horizontal-volume-current {
border-radius: 0 5px 5px 0;
background: #00B4FF;
}
}
.mejs-volume-slider {
.mejs-volume-total {
width: 4px;
}
}
}
}
&--fa5-compat {
.jet-video-mejs-player {
.mejs-controls {
.mejs-button > button {
font: normal normal 900 12px/1 'Font Awesome 5 Free';
}
}
}
}
// For compatibility with Astra theme
.ast-oembed-container {
position: static;
padding: 0;
}
}

View File

@@ -0,0 +1,154 @@
.jet-weather {
&__title {
padding: 0;
margin: 0 0 15px;
}
&__current {
display: flex;
align-items: center;
justify-content: space-between;
}
&__current-temp,
&__current-icon-box {
flex: 0 1 auto;
max-width: 50%;
}
&__current-temp {
font-size: 4em;
}
&__current-icon-box {
text-align: center;
}
&__current-desc {
margin-top: 10px;
}
&__current-day,
&__forecast-day {
font-weight: 700;
}
&__details,
&__forecast {
font-size: 14px;
line-height: 1.5;
}
&__details {
display:-ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 5px;
row-gap: 5px;
align-items: center;
margin-top: 10px;
}
&__details-item {
display: flex;
align-items: center;
&:first-child {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column-start: 1;
grid-column-end: 3;
}
&:nth-child(2) {
-ms-grid-column: 3;
}
&:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-row: 2;
}
&:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-row: 2;
}
&:nth-child(5) {
-ms-grid-column: 3;
-ms-grid-row: 2;
}
&:nth-child(6) {
-ms-grid-column: 1;
-ms-grid-row: 3;
}
&:nth-child(7) {
-ms-grid-column: 2;
-ms-grid-row: 3;
}
&:nth-child(8) {
-ms-grid-column: 3;
-ms-grid-row: 3;
}
.jet-weather-icon {
margin-right: 5px;
}
}
&__current-sunrise,
&__current-sunset {
text-transform: uppercase;
}
&__forecast {
margin-top: 15px;
}
&__forecast-item {
display: flex;
align-items: center;
margin-top: 5px;
}
&__forecast-day,
&__forecast-icon,
&__forecast-max-temp,
&__forecast-min-temp {
width: 25%;
}
&__forecast-icon,
&__forecast-max-temp,
&__forecast-min-temp {
text-align: center;
}
&-icon {
line-height: 1;
.jet-weather__current-icon & {
font-size: 60px;
}
.jet-weather__details-item &,
.jet-weather__forecast-icon & {
font-size: 1.5em;
}
svg {
width: auto;
max-width: 1.5em;
height: 1em;
vertical-align: top;
}
}
&-notice {
font-style: italic;
}
}