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,23 @@
#wp-admin-bar-elementor_edit_page {
.ab-submenu {
.ab-item {
display: flex;
width: 200px;
}
}
.elementor-edit-link-title {
@include ellipsis;
width: 100%;
}
.elementor-edit-link-type {
background: $gray-dark;
font-size: 11px;
line-height: 9px;
margin-top: 6px;
padding: 4px 8px;
border-radius: 3px;
}
}

View File

@@ -0,0 +1,28 @@
// Global style for animate.css
.animated {
animation-duration: 1.25s;
&.animated-slow {
animation-duration: 2s;
}
&.animated-fast {
animation-duration: .75s;
}
&.infinite {
animation-iteration-count: infinite;
}
&.reverse {
animation-direction: reverse;
}
}
// Disable animations for users who experience motion sickness / vertigo
@media (prefers-reduced-motion: reduce) {
.animated {
animation: none;
}
}

View File

@@ -0,0 +1,100 @@
// Canvas Page template
.page-template-elementor_canvas {
&.elementor-page {
&:before {
display: none; // Twenty Fifteen Theme
}
}
}
.elementor-post__thumbnail__link {
transition: none; // Avoid size calculation failures on some themes
}
#left-area ul.elementor-icon-list-items,
.elementor .elementor-element ul.elementor-icon-list-items,
.elementor-edit-area .elementor-element ul.elementor-icon-list-items {
padding: 0;
}
//Reset WP Admin for Theme Style support
#wpadminbar * {
font-style: normal;
}
// Temporary Compatibility for Elementor-Pro Share Buttons
// TODO: Remove after Elementor Pro update.
.elementor-portfolio.elementor-grid {
display: grid;
}
@mixin share-buttons-align($device) {
.elementor-share-buttons {
&#{$device} {
&--align {
&-right {
text-align: right;
}
&-left {
text-align: left;
}
&-center {
text-align: center;
}
&-justify {
text-align: justify;
text-align-last: justify;
}
}
}
}
}
@include share-buttons-align('');
@media (max-width: $screen-md-max) {
@include share-buttons-align(-tablet);
}
@media (max-width: $screen-sm-max) {
@include share-buttons-align(-mobile);
}
.e--ua-appleWebkit {
// Fix glitch in Apple webkit browsers (inline-block items with word-spacing + text-align right)
&.rtl { --flex-right: flex-start; }
.elementor-widget-social-icons.e-grid-align-right, .elementor-share-buttons--align-right {
--justify-content: var(--flex-right, flex-end);
}
.elementor-grid-0 {
&.elementor-widget-social-icons.e-grid-align-right,
&.elementor-share-buttons--align-right,
&.elementor-share-buttons--align-justify {
.elementor-widget-container {
margin-left: calc(-0.5 * var(--grid-column-gap));
margin-right: calc(-0.5 * var(--grid-column-gap));
.elementor-grid {
display: flex;
flex-wrap: wrap;
justify-content: var(--justify-content, space-between);
&-item {
margin-left: calc(0.5 * var(--grid-column-gap));
margin-right: calc(0.5 * var(--grid-column-gap));
}
}
}
}
}
}

View File

@@ -0,0 +1,17 @@
#elementor-device-mode {
&:after {
@media (min-width: $screen-lg-min) {
content: 'desktop';
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
content: 'tablet';
}
@media (max-width: $screen-sm-max) {
content: 'mobile';
}
}
}

View File

@@ -0,0 +1,90 @@
[class^="eicon"],
[class*=" eicon-"] {
display: inline-block;
font-family: eicons;
font-size: inherit;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@keyframes eicon-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.eicon-animation-spin {
animation: eicon-spin 2s infinite linear;
}
.eicon-loading:before {
content: '\e8fb';
}
.eicon-menu-bar:before {
content: '\e816';
}
.eicon-chevron-right:before {
content: '\e87d';
}
.eicon-chevron-left:before {
content: '\e87e';
}
.eicon-close:before {
content: '\e87f';
}
.eicon-share-arrow:before {
content: '\e96c';
}
.eicon-zoom-in:before {
content: '\e882';
}
.eicon-zoom-in-bold:before {
content: '\e92e';
}
.eicon-zoom-out-bold:before {
content: '\e943';
}
.eicon-frame-expand:before {
content: '\e95c';
}
.eicon-frame-minimize:before {
content: '\e95d';
}
.eicon-play:before {
content: '\e89d';
}
.eicon-facebook:before {
content: '\e959';
}
.eicon-twitter:before {
content: '\e95a';
}
.eicon-pinterest:before {
content: '\e95b';
}
.eicon-download-bold:before {
content: '\e96b';
}

View File

@@ -0,0 +1,348 @@
//
// Forms (Input, Textarea, Select Etc..)
//
.elementor-form-fields-wrapper {
display: flex;
flex-wrap: wrap;
&.elementor-labels-above {
.elementor-field-group {
> input, > textarea, > .elementor-select-wrapper, .elementor-field-subgroup {
flex-basis: 100%;
max-width: 100%; // Fix for Firefox browser
}
}
}
&.elementor-labels-inline {
> .elementor-field-group {
> input, .elementor-select-wrapper {
flex-grow: 1;
}
}
}
}
.elementor-field-group {
flex-wrap: wrap;
align-items: center;
&.elementor-field-type-submit {
align-items: flex-end;
}
.elementor-field-textual {
width: 100%;
max-width: 100%; // Tweak for themes that set this property
border: 1px solid $gray;
background-color: transparent;
color: $gray-darker;
vertical-align: middle;
flex-grow: 1;
&:focus {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
outline: 0;
}
// Input Placeholder
@include input-placeholder();
}
.elementor-select-wrapper {
display: flex;
position: relative;
width: 100%;
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: inherit;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
letter-spacing: inherit;
line-height: inherit;
flex-basis: 100%;
@include padding-end(20px);
}
&:before {
content: '\e92a';
font-family: 'eicons';
font-size: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
@include end(10px);
pointer-events: none;
text-shadow: 0 0 3px rgba(0,0,0,0.3);//To show when the border color is lighter (#12053)
}
}
&.elementor-field-type-select-multiple{
.elementor-select-wrapper:before {
content: '';
}
}
}
.elementor-field-subgroup {
display: flex;
flex-wrap: wrap;
.elementor-field-option {
label {
display: inline-block;
}
}
&.elementor-subgroup-inline {
.elementor-field-option {
@include padding-end(10px);
}
}
&:not(.elementor-subgroup-inline) {
.elementor-field-option {
flex-basis: 100%;
}
}
}
.elementor-field-type-checkbox,
.elementor-field-type-radio,
.elementor-field-type-acceptance {
.elementor-field-subgroup {
.elementor-field-option {
input,
label {
display: inline;
}
}
}
}
.elementor-field-label {
cursor: pointer;
.elementor-mark-required &:after {
content: '*';
color: red;
@include padding-start(0.2em);
}
}
// Keep the following out from another parent selector!
.elementor-field-textual {
line-height: 1.4;
font-size: 15px; //size-sm
min-height: 40px; //size-sm
padding: 5px 14px; //size-sm
border-radius: 3px; //size-sm
&.elementor-size- {
&xs {
font-size: 13px;
min-height: 33px;
padding: 4px 12px;
border-radius: 2px;
}
&sm {
//default size
}
&md {
font-size: 16px;
min-height: 47px;
padding: 6px 16px;
border-radius: 4px;
}
&lg {
font-size: 18px;
min-height: 59px;
padding: 7px 20px;
border-radius: 5px;
}
&xl {
font-size: 20px;
min-height: 72px;
padding: 8px 24px;
border-radius: 6px;
}
}
}
@mixin btn-align() {
&stretch {
.elementor-field-type-submit:not(.e-form__buttons__wrapper) {
.elementor-button {
flex-basis: 100%;
}
}
.e-form__buttons__wrapper {
flex-basis: 50%;
flex-grow: 1;
&__button {
flex-basis: 100%;
}
}
}
&center {
.elementor-field-type-submit,
.e-form__buttons {
justify-content: center;
}
}
&start {
.elementor-field-type-submit,
.e-form__buttons {
justify-content: getValueByDirection(flex-start, flex-end);
}
}
&end {
.elementor-field-type-submit,
.e-form__buttons {
justify-content: getValueByDirection(flex-end, flex-start);
}
}
&center,
&start,
&end {
.elementor-field-type-submit:not(.e-form__buttons__wrapper) {
.elementor-button {
flex-basis: initial;
}
}
.e-form__buttons__wrapper {
flex-grow: initial;
&,
&__button {
flex-basis: initial;
}
}
}
}
.elementor-button-align- {
@include btn-align();
}
@media screen and ( max-width: $screen-md-max ){
.elementor-tablet-button-align- {
@include btn-align();
}
}
@media screen and ( max-width: $screen-sm-max ){
.elementor-mobile-button-align- {
@include btn-align();
}
}
// Form Messages
.elementor-error {
.elementor-field {
border-color: $danger;
}
.help-inline {
color: $danger;
font-size: 0.9em;
}
}
.elementor-message {
margin: 10px 0;
font-size: 1em;
line-height: 1;
&:before {
content: "\e90e";
display: inline-block;
font-family: eicons;
font-weight: normal;
font-style: normal;
vertical-align: middle;
@include margin-end(5px);
}
&.elementor-message-danger {
color: $danger;
&:before {
content: "\e87f";
}
}
&.form-message-success {
color: $success;
}
}
// Form Submit Button
.elementor-form {
.elementor-button {
padding-top: 0;
padding-bottom: 0;
border: none;
& > span {
display: flex;
justify-content: center;
}
&.elementor-size- {
&xs {
min-height: 33px;
}
&sm {
min-height: 40px;
}
&md {
min-height: 47px;
}
&lg {
min-height: 59px;
}
&xl {
min-height: 72px;
}
}
}
}

View File

@@ -0,0 +1,361 @@
//
// Global selectors for Elementor Front-End
//
.elementor {
* {
&, &:before, &:after {
box-sizing: border-box;
}
}
// Reset Style for some themes and browsers
hyphens: manual;
a {
box-shadow: none;
text-decoration: none;
}
hr {
margin: 0;
background-color: transparent;
}
img {
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
}
.elementor-widget {
// Classic Editor & Gutenberg Compatibility
&:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) {
figure {
margin: 0;
}
}
}
// Responsive Embed
embed,
iframe,
object,
video {
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1;
border: none;
}
.elementor-custom-embed {
line-height: 0; //for google maps margin bottom
}
// Background Video
.elementor-background-video-container,
.elementor-background-holder,
.elementor-background {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
overflow: hidden;
z-index: $ground-layer;
direction: ltr;
}
.elementor-background-video-container {
transition: opacity 1s;
pointer-events: none; // This prevents the player from showing video info on hover
&.elementor-loading {
opacity: 0;
}
}
.elementor-background-video-embed {
max-width: none; //Stretch the background video on all section
}
.elementor-background-video-embed, .elementor-background-video-hosted {
@include absolute-center;
}
.elementor-background-video {
max-width: none;
@include absolute-center;
}
.elementor-html5-video {
object-fit: cover; // For HTML5 portrait video
}
// End Background Video
.elementor-background-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.elementor-background-slideshow {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
@include start(0);
&__slide__image {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
}
}
.elementor-widget-wrap {
> .elementor-element.elementor-absolute {
position: absolute;
}
> .elementor-element.elementor-fixed {
position: fixed;
}
}
.elementor-widget-wrap {
.elementor-element.elementor-widget {
@mixin inline-width($device) {
&#{$device}__width {
&-auto,
&-initial {
max-width: 100%;
}
}
}
@include inline-width('');
@media (max-width: $screen-md-max) {
@include inline-width(-tablet);
}
@media (max-width: $screen-sm-max) {
@include inline-width(-mobile);
}
}
}
.elementor-element {
&.elementor-absolute,
&.elementor-fixed {
z-index: 1;
}
}
.elementor-invisible {
visibility: hidden;
}
// Alignment Classes
.elementor-align- {
&center {
text-align: center;
.elementor-button {
width: auto;
}
}
&right {
text-align: right;
.elementor-button {
width: auto;
}
}
&left {
text-align: left;
.elementor-button {
width: auto;
}
}
&justify {
.elementor-button {
width: 100%;
}
}
}
.elementor-custom-embed-play {
@include absolute-center;
i {
font-size: 100px;
color: #fff;
opacity: 0.8;
text-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);
transition: all .5s;
}
&.elementor-playing {
i {
font-family: eicons;
animation: fa-spin 2s infinite linear;
&:before {
content: '\e8fb';
}
}
}
}
.elementor-tag {
display: inline-flex;
}
.elementor-ken-burns {
transition-property: transform;
transition-duration: 10s;
transition-timing-function: linear;
&--out {
transform: scale(1.3);
}
&--active {
transition-duration: 20s;
&.elementor-ken-burns--out {
transform: scale(1);
}
&.elementor-ken-burns--in {
transform: scale(1.3);
}
}
}
// Alignment for Tablet
@media (max-width: $screen-md-max) {
.elementor-tablet-align- {
&center {
text-align: center;
.elementor-button {
width: auto;
}
}
&right {
text-align: right;
.elementor-button {
width: auto;
}
}
&left {
text-align: left;
.elementor-button {
width: auto;
}
}
&justify {
.elementor-button {
width: 100%;
}
}
}
}
// Alignment for Mobile
@media (max-width: $screen-sm-max) {
.elementor-mobile-align- {
&center {
text-align: center;
.elementor-button {
width: auto;
}
}
&right {
text-align: right;
.elementor-button {
width: auto;
}
}
&left {
text-align: left;
.elementor-button {
width: auto;
}
}
&justify {
.elementor-button {
width: 100%;
}
}
}
}
// Admin Bar - Icon (Front-End)
#wpadminbar {
#wp-admin-bar-elementor_edit_page > .ab-item::before {
content: "\e813";
font-family: eicons;
top: 3px;
font-size: 18px;
}
#wp-admin-bar-elementor_inspector > .ab-item::before {
content: "\f348";
top: 2px;
}
}
// Elementor Page Title
:root {
--page-title-display: block;
}
.elementor-page-title, h1.entry-title {
display: var(--page-title-display);
}

View File

@@ -0,0 +1,332 @@
//
// Grid
//
// Section
.elementor-section {
position: relative;
// Container
.elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
@media (max-width: $screen-md-max) {
flex-wrap: wrap;
}
}
// Max-width of container depending on section settings
&.elementor-section-boxed {
& > .elementor-container {
max-width: 1140px;
}
}
// Stretched section settings
&.elementor-section-stretched {
position: relative;
width: 100%;
}
// In section min-height / fit to screen mode
&.elementor-section-items- {
&top {
> .elementor-container {
align-items: flex-start;
}
}
&middle {
> .elementor-container {
align-items: center;
}
}
&bottom {
> .elementor-container {
align-items: flex-end;
}
}
}
@media (min-width: $screen-md-min) {
// Section Full Height (note: don't be smart - min-height does not work well with the content position)
&.elementor-section-height-full {
height: 100vh;
> .elementor-container {
height: 100%;
}
}
}
}
// TODO: BC since 2.7.0
.elementor-bc-flex-widget {
.elementor-section-content-top {
> .elementor-container {
> .elementor-column {
> .elementor-widget-wrap {
align-items: flex-start;
}
}
}
}
.elementor-section-content-middle {
> .elementor-container {
> .elementor-column {
> .elementor-widget-wrap {
align-items: center;
}
}
}
}
.elementor-section-content-bottom {
> .elementor-container {
> .elementor-column {
> .elementor-widget-wrap {
align-items: flex-end;
}
}
}
}
}
// Row
// BC: Deprecated since 3.0.0 - use `.elementor-container`.
.elementor-row {
width: 100%;
display: flex;
@media (max-width: $screen-md-max) {
flex-wrap: wrap;
}
}
// Widget
.elementor-widget-wrap {
position: relative;
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
.elementor:not(.elementor-bc-flex-widget) & {
display: flex;
}
> .elementor-element {
width: 100%;
}
}
.elementor-widget {
position: relative;
&:not(:last-child) {
margin-bottom: 20px;
&.elementor-widget__width-auto,
&.elementor-widget__width-initial,
&.elementor-absolute {
margin-bottom: 0;
}
}
}
// Columns
.elementor-column {
position: relative;
min-height: 1px;
display: flex;
}
// BC: Deprecated since 3.0.0 - use `.elementor-widget-wrap`.
.elementor-column-wrap {
width: 100%;
position: relative;
display: flex;
}
@mixin elementor-grid-classes {
@each $sizeKey, $size in $column-sizes {
&.elementor-col-#{$sizeKey}, &[data-col="#{$sizeKey}"] {
width: $size;
}
}
}
@mixin elementor-responsive($breakpoint-name) {
@each $size-name, $size in $column-sizes {
&.elementor-#{$breakpoint-name}-#{$size-name} {
width: $size;
}
}
}
// Columns Gap
.elementor-column {
> .elementor-element-populated {
.elementor-column-gap-narrow > & {
padding: 5px;
}
.elementor-column-gap-default > & {
padding: 10px;
}
.elementor-column-gap-extended > & {
padding: 15px;
}
.elementor-column-gap-wide > & {
padding: 20px;
}
.elementor-column-gap-wider > & {
padding: 30px;
}
}
}
// Columns Gap for Inner section
.elementor-inner-section {
.elementor-column-gap-no {
.elementor-element-populated {
padding: 0;
}
}
}
// Responsive Grid
@media (min-width: $screen-md-min) {
.elementor-column {
@include elementor-grid-classes;
}
}
.elementor-column {
@media (max-width: $screen-xs-max) {
@include elementor-responsive(xs);
}
@media (max-width: $screen-sm-max) {
@include elementor-responsive(sm);
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
@include elementor-responsive(md);
}
}
@mixin reverse-columns($device) {
.elementor-reverse#{$device} > .elementor-container {
@for $i from 1 through 10 {
> :nth-child(#{$i}) {
order: -$i + 11;
}
}
}
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
@include reverse-columns(-tablet);
}
@media (max-width: $screen-sm-max) {
@include reverse-columns(-mobile);
.elementor-column {
width: 100%; //Default width for mobile
}
}
// Minimal simple Grid
ul.elementor-icon-list-items.elementor-inline-items {
display: flex;
flex-wrap: wrap;
.elementor-inline-item {
word-break: break-word;
}
}
// Simple 12 Columns responsive grid
.elementor-grid {
display: grid;
grid-column-gap: var(--grid-column-gap);
grid-row-gap: var(--grid-row-gap);
.elementor-grid-item {
min-width: 0; // Prevent columns from overflowing the grid area in Firefox browser (Doesn't seem to do anything --Josh)
}
@mixin grid_loop($device) {
&#{$device}-0 {
.elementor-grid {
display: inline-block;
width: 100%;
word-spacing: var(--grid-column-gap);
margin-bottom: calc(-1 * var(--grid-row-gap));
.elementor-grid-item {
display: inline-block;
margin-bottom: var(--grid-row-gap);
word-break: break-word;
}
}
}
@for $i from 1 through 12 {
&#{$device}-#{$i} {
.elementor-grid {
grid-template-columns: repeat(#{$i} , 1fr);
}
}
}
}
@include grid_loop('');
@media (max-width: $screen-md-max) {
@include grid_loop(-tablet);
}
@media (max-width: $screen-sm-max) {
@include grid_loop(-mobile);
}
}

View File

@@ -0,0 +1,375 @@
.elementor-lightbox {
--lightbox-ui-color: #{$slides_gui};
--lightbox-ui-color-hover: #fff;
--lightbox-text-color: var(--lightbox-ui-color);
--lightbox-header-icons-size: 20px;
--lightbox-navigation-icons-size: 25px;
.dialog {
&-header {
display: none;
}
&-widget-content {
background: none;
box-shadow: none;
width: 100%;
height: 100%;
}
&-message {
animation-duration: .3s; // Open lightbox transition
&:not(.elementor-fit-aspect-ratio) {
height: 100%;
}
&.dialog-lightbox-message {
padding: 0;
}
}
&-lightbox-close-button {
cursor: pointer;
position: absolute;
font-size: var(--lightbox-header-icons-size);
#{$end}: 0.75em;
margin-top: 13px;
padding: .25em;
z-index: 2;
line-height: 1;
}
}
.dialog-lightbox-close-button,
.elementor-swiper-button {
color: var(--lightbox-ui-color);
transition: $transition-hover;
opacity: 1;
&:hover {
color: var(--lightbox-ui-color-hover);
}
}
.swiper- {
&container {
height: 100%;
}
}
.elementor-lightbox-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 70px;
box-sizing: border-box;
height: 100%;
margin: auto;
@media (max-width: $screen-sm-max) {
padding: 70px 0;
}
}
.elementor-lightbox-image {
max-height: 100%;
user-select: none;
// Override theme style settings
&, &:hover {
opacity: 1;
filter: none;
border: none;
}
}
.elementor-lightbox-image, .elementor-video-container {
box-shadow: 0 0 30px rgba( 0,0,0,0.3 ), 0 0 8px -5px rgba( 0,0,0,0.3 );
border-radius: 2px;
}
.elementor-video-container {
@include absolute-center;
@media (min-width: $screen-lg-min) {
width: 75%;
}
@media (max-width: $screen-md-max) {
width: 100%;
}
}
@media (min-width: $editor-screen-md-min) and (max-width: $editor-screen-md-max) {
.elementor-aspect-ratio-916 {
.elementor-video-container {
width: 70%;
}
}
}
.elementor-swiper-button {
&:focus {
outline-width: 1px;
}
&-prev, &-next {
height: 100%;
display: flex;
align-items: center;
width: 15%;
justify-content: center;
font-size: var(--lightbox-navigation-icons-size);
}
&-prev {
left: 0;
}
&-next {
right: 0;
}
@media (max-width: $screen-sm-max) {
&:focus {
outline: none;
}
&-prev, &-next {
width: 20%;
i {
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
}
}
&-prev {
left: 0;
justify-content: flex-start;
}
&-next {
right: 0;
justify-content: flex-end;
}
}
}
}
.elementor-slideshow {
&__counter {
color: currentColor;
font-size: .75em;
width: max-content;
}
&__header, &__footer {
position: absolute;
left: 0;
width: 100%;
padding: 15px 20px;
transition: 0.3s;
}
&__footer {
color: var(--lightbox-text-color);
}
&__header {
color: var(--lightbox-ui-color);
display: flex;
flex-direction: row-reverse;
font-size: var(--lightbox-header-icons-size);
@include padding-start( 1em );
@include padding-end( 2.6em );
top: 0;
align-items: center;
z-index: 10;
> i {
font-size: inherit;
cursor: pointer;
padding: .25em;
margin: 0 .35em;
&:hover {
color: var(--lightbox-ui-color-hover);
}
}
.elementor-slideshow__counter {
@include margin-end( auto );
}
.elementor-icon-share {
z-index: 5;
}
}
&__share-menu {
background-color: rgba(0, 0, 0, 0);
width: 0;
height: 0;
position: absolute;
overflow: hidden;
transition: background-color 400ms;
// This is to overcome a specificity override by Theme Style
.elementor-slideshow__share-links a {
color: $gray-darkest;
}
}
&__share-links {
display: block;
position: absolute;
min-width: 200px;
@include end(2.8em);
top: 3em;
background-color: #fff;
border-radius: 3px;
padding: 14px 20px;
transform: scale(0);
opacity: 0;
transform-origin: 90% 10%;
transition: all 250ms 100ms;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
a {
text-align: $start;
color: $gray-dark;
font-size: 12px;
line-height: 2.5;
display: block;
opacity: 0;
transition: opacity 500ms 100ms;
&:hover {
color: #000;
}
i {
font-size: 1.25em;
@include margin-end(0.75em);
}
}
&:before {
content: '';
display: block;
position: absolute;
top: 1px;
@include end(0.5em);
border: .45em solid;
border-color: transparent transparent #fff transparent;
transform: translateY(-100%) scaleX(0.7);
}
}
&__footer {
bottom: 0;
z-index: 5;
position: fixed;
}
&__title, &__description {
margin: 0;
}
&__title {
font-size: 16px;
font-weight: bold;
}
&__description {
font-size: 14px;
}
&--ui-hidden {
.elementor-slideshow {
&__header, &__footer {
opacity: 0;
pointer-events: none;
}
}
.elementor-swiper-button {
&-prev, &-next {
opacity: 0;
}
}
}
&--fullscreen-mode {
.elementor-video-container {
width: 100%;
}
}
&--zoom-mode {
.elementor-slideshow {
&__header, &__footer {
background-color: rgba(0, 0, 0, 0.5);
}
}
.elementor-swiper-button {
&-prev, &-next {
opacity: 0;
pointer-events: none;
}
}
}
&--share-mode {
.elementor-slideshow {
&__share-menu {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 1;
cursor: default;
background-color: rgba(0, 0, 0, 0.5);
}
&__share-links {
transform: scale(1);
&, & a {
opacity: 1;
}
.eicon {
&-twitter {
color: $twitter;
}
&-facebook {
color: $facebook;
}
&-pinterest {
color: $pinterest;
}
&-download-bold {
color: $editor-light;
}
}
}
}
.eicon-share-arrow {
z-index: 2;
}
}
}

View File

@@ -0,0 +1,2 @@
// Shapes Module
@import '../../../../modules/shapes/assets/scss/frontend';

View File

@@ -0,0 +1,66 @@
//
// Shape Divider
//
.elementor-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr; // Fix for RTL pages
/*
* @TODO: The `z-index: -1` rules below are temporary fixes for Chrome 85 issue.
* It will be removed in a future version of Chrome.
*/
&-top {
top: -1px;
&:not([data-negative="false"]) {
svg {
z-index: -1;
}
}
}
&-bottom {
bottom: -1px;
&:not([data-negative="true"]) {
svg {
z-index: -1;
}
}
}
&[data-negative="false"] {
&.elementor-shape-bottom {
transform: rotate(180deg);
}
}
&[data-negative="true"] {
&.elementor-shape-top {
transform: rotate(180deg);
}
}
svg {
display: block;
width: calc(100% + 1.3px);
position: relative;
left: 50%;
transform: translateX(-50%);
}
.elementor-shape-fill {
fill: #fff;
transform-origin: center;
transform: rotateY(0deg); // Reset default for safari
}
}

View File

@@ -0,0 +1,305 @@
//
// Slick Carousel
//
// Slider
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
&.dragging {
cursor: pointer;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
.elementor-slick-slider[dir="rtl"] & {
float: right;
}
img {
display: block;
}
&.slick-loading img {
display: none;
}
&.dragging img {
pointer-events: none;
}
.slick-initialized & {
display: block;
}
.slick-loading & {
visibility: hidden;
}
.slick-vertical & {
display: block;
height: auto;
border: 1px solid transparent;
}
}
.slick-arrow.slick-hidden {
display: none;
}
//
// Slick Elementor Theme
//
.elementor-slick-slider {
.slick-loading .slick-list {
background: #fff;
&:after {
content: '\e8fb';
font-family: eicons;
@include absolute-center;
animation: fa-spin 2s infinite linear;
font-size: 25px;
color: $editor-light;
}
}
// Arrows
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
&:hover,
&:focus {
color: transparent;
outline: none;
background: transparent;
&:before {
opacity: 1;
}
}
&.slick-disabled:before {
opacity: .25;
}
&:before {
font-family: eicons;
font-size: 35px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.slick-prev {
left: -25px;
[dir="rtl"] & {
left: auto;
right: -25px;
}
&:before {
content: '\e89f';
[dir="rtl"] & {
content: '\e89e';
}
}
}
.slick-next {
right: -25px;
[dir="rtl"] & {
left: -25px;
right: auto;
}
&:before {
content: '\e89e';
[dir="rtl"] & {
content: '\e89f';
}
}
}
// Dots
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
ul.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
&:hover,
&:focus {
outline: none;
&:before {
opacity: 1;
}
}
&:before {
font-family: eicons;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\e914';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
&.slick-active button:before {
opacity: .75;
color: black;
}
}
}
//
// Custom Style for Elementor
//
.slick-arrows-inside {
.slick-prev {
left: 20px;
[dir="rtl"] & {
left: auto;
right: 20px;
}
}
.slick-next {
right: 20px;
[dir="rtl"] & {
left: 20px;
right: auto;
}
}
}
.slick-dots-inside {
.slick-dots {
bottom: 5px;
}
&.slick-dotted.slick-slider {
margin-bottom: 0;
}
}
.slick-slider {
.slick-prev,
.slick-next {
z-index: 1;
}
}
.slick-slide {
img {
margin: auto;
}
}
}

View File

@@ -0,0 +1,561 @@
/**
* Swiper 3.4.2
* Customized by Elementor team
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
.swiper-slide {
figure {
line-height: 0;
}
}
.elementor-lightbox-content-source {
display: none;
}
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* Auto Height */
.swiper-container-autoheight {
height: auto;
.swiper-slide {
height: auto;
}
.swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
touch-action: pan-y;
}
.swiper-wp8-vertical {
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background: no-repeat center;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms;
transform: translate3d(0, 0, 0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 5px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
width: 6px;
height: 6px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
.swiper-pagination-fraction {
color: #000;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
/* Progressbar */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
.swiper-pagination-progressbar-fill {
background: #000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progressbar {
&.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
.swiper-pagination-progressbar-fill {
background: #fff;
}
}
&.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}
}
/* 3D Container */
.swiper-container-3d {
perspective: 1200px;
.swiper-wrapper, .swiper-slide, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom, .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
pointer-events: none;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube {
.swiper-slide {
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
&.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev, .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
}
/* Fade */
.swiper-container-fade {
&.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-slide {
pointer-events: none;
transition-property: opacity;
.swiper-slide {
pointer-events: none;
}
}
.swiper-slide-active {
pointer-events: auto;
.swiper-slide-active {
pointer-events: auto;
}
}
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
> {
img, svg, canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.elementor-pagination-position-outside {
$caption-space: 30px;
.swiper-container {
padding-bottom: $caption-space;
}
.elementor-swiper-button {
top: calc(50% - #{$caption-space} / 2);
}
}
.elementor-swiper {
position: relative;
}
.elementor-main-swiper {
position: static;
}
.elementor-arrows-position- {
&outside {
.swiper-container {
width: calc(100% - 60px);
}
.elementor-swiper-button {
&-prev {
left: 0;
}
&-next {
right: 0;
}
}
}
}
.swiper-image-stretch {
.swiper-slide {
.swiper-slide-image {
width: 100%;
}
}
}
.elementor-swiper-button {
position: absolute;
display: inline-flex; // Position exactly in center
z-index: 1;
cursor: pointer;
font-size: 25px;
color: $slides_gui;
top: 50%;
transform: translateY(-50%);
&-prev {
left: 10px;
}
&-next {
right: 10px;
}
&.swiper-button-disabled {
opacity: 0.3;
}
}
// Fix for Safari - Navigation arrows don't appear in cube mode without adding a 1px translateZ
.swiper-container-cube .elementor-swiper-button {
transform: translate3d(0, -50%, 1px);
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
&:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-size: 100%;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
}
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}

View File

@@ -0,0 +1,19 @@
.elementor {
@media (max-width: $screen-sm-max) {
.elementor-hidden-phone {
display: none;
}
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
.elementor-hidden-tablet {
display: none;
}
}
@media (min-width: $screen-lg-min) {
.elementor-hidden-desktop {
display: none;
}
}
}

View File

@@ -0,0 +1,38 @@
//
// Widgets
//
//Default Hover Transition
.elementor-element {
.elementor-widget-container {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
}
@import "widgets/accordion";
@import "widgets/alert";
@import "widgets/base-tabs";
@import "widgets/button";
@import "widgets/counter";
@import "widgets/divider";
@import "widgets/gallery";
@import "widgets/google-maps";
@import "widgets/heading";
@import "widgets/icon";
@import "widgets/icon-box";
@import "widgets/icon-list";
@import "widgets/image";
@import "widgets/image-box";
@import "widgets/image-carousel";
@import "widgets/image-gallery";
@import "widgets/menu-anchor";
@import "widgets/progress";
@import "widgets/social-icons";
@import "widgets/star-rating";
@import "widgets/tabs";
@import "widgets/testimonial";
@import "widgets/text-editor";
@import "widgets/toggle";
@import "widgets/video";

View File

@@ -0,0 +1,11 @@
$screen-xs-max: map_get($breakpoints, sm) - 1;
$screen-sm-min: map_get($breakpoints, sm);
// Start editable breakpoints area
@import "proxy";
// End
$screen-lg-max: map_get($breakpoints, xl) - 1;
$screen-xl-min: map_get($breakpoints, xl);
$screen-xl-max: map_get($breakpoints, xxl) - 1;
$screen-xxl-min: map_get($breakpoints, xxl);

View File

@@ -0,0 +1 @@
@import "values";

View File

@@ -0,0 +1,4 @@
$screen-sm-max: ELEMENTOR_SCREEN_MOBILE_MAX;
$screen-md-min: ELEMENTOR_SCREEN_TABLET_MIN;
$screen-md-max: ELEMENTOR_SCREEN_TABLET_MAX;
$screen-lg-min: ELEMENTOR_SCREEN_DESKTOP_MIN;

View File

@@ -0,0 +1,4 @@
$screen-sm-max: map_get($breakpoints, md) - 1;
$screen-md-min: map_get($breakpoints, md);
$screen-md-max: map_get($breakpoints, lg) - 1;
$screen-lg-min: map_get($breakpoints, lg);

View File

@@ -0,0 +1,44 @@
@import "../global/global";
@import "breakpoints/breakpoints";
@import "../helpers/mixins";
// Core CSS
@import "global";
@import "grid";
@import "devices";
// E-icons classes being used in the frontend.
@import "eicons";
//Forms (Input, Textarea, Select Etc..)
@import "forms";
// Widgets
@import "widgets";
// Slick
@import "slick";
// Swiper
@import "swiper";
// Lightbox
@import "lightbox";
// Animate
@import "animate";
// Shapes
@import "shapes";
// Admin Bar
@import "admin-bar";
// Compatibility
@import "compatibility";
// Visibility (for preview mode or front-end)
@import "visibility";
// Modules
@import "modules";

View File

@@ -0,0 +1,108 @@
@import "../helpers/variables";
@import "./breakpoints/breakpoints";
// Legacy SCSS for markup removed in Elementor v3.0.0
// Elementor Grid System
.elementor-bc-flex-widget {
.elementor-section-content-top {
> .elementor-container {
> .elementor-row {
> .elementor-column {
> .elementor-column-wrap {
align-items: flex-start;
}
}
}
}
}
.elementor-section-content-middle {
> .elementor-container {
> .elementor-row {
> .elementor-column {
> .elementor-column-wrap {
align-items: center;
}
}
}
}
}
.elementor-section-content-bottom {
> .elementor-container {
> .elementor-row {
> .elementor-column {
> .elementor-column-wrap {
align-items: flex-end;
}
}
}
}
}
}
.elementor-row {
> .elementor-column {
> .elementor-element-populated {
.elementor-column-gap-narrow > & {
padding: 5px;
}
.elementor-column-gap-default > & {
padding: 10px;
}
.elementor-column-gap-extended > & {
padding: 15px;
}
.elementor-column-gap-wide > & {
padding: 20px;
}
.elementor-column-gap-wider > & {
padding: 30px;
}
}
}
}
@mixin reverse-columns($device) {
.elementor-reverse#{$device} > .elementor-container > .elementor-row {
@for $i from 1 through 10 {
> :nth-child(#{$i}) {
order: -$i + 11;
}
}
}
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
@include reverse-columns(-tablet);
}
@media (max-width: $screen-sm-max) {
@include reverse-columns(-mobile);
.elementor-column {
width: 100%; //Default width for mobile
}
}

View File

@@ -0,0 +1,85 @@
//
// Accordion
//
.elementor-accordion {
text-align: $start;
.elementor-accordion-item {
border: 1px solid $gray-light;
+ .elementor-accordion-item {
border-top: none;
}
}
.elementor-tab-title {
margin: 0;
padding: 15px 20px;
font-weight: bold;
line-height: 1;
cursor: pointer;
outline: none;
.elementor-accordion-icon {
display: inline-block;
width: 1.5em;
&.elementor-accordion-icon- {
&right {
float: right;
text-align: right;
}
&left {
float: left;
text-align: left;
}
}
.elementor-accordion-icon-closed {
display: block;
}
.elementor-accordion-icon-opened {
display: none;
}
}
&.elementor-active {
.elementor-accordion-icon-closed {
display: none;
}
.elementor-accordion-icon-opened {
display: block;
}
}
}
.elementor-tab-content {
display: none;
padding: 15px 20px;
border-top: 1px solid $gray-light;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-accordion {
.elementor-tab-title {
padding: 12px 15px;
.elementor-accordion-icon {
width: 1.2em;
}
}
.elementor-tab-content {
padding: 7px 15px;
}
}
}

View File

@@ -0,0 +1,68 @@
//
// Alert
//
.elementor-alert {
padding: 15px;
border-left: 5px solid transparent;
position: relative;
text-align: $start;
.elementor-alert-title {
display: block;
font-weight: bold;
}
.elementor-alert-description {
font-size: 13px;
}
button.elementor-alert-dismiss {
position: absolute;
@include end(10px);
top: 10px;
padding: 3px;
font-size: 20px;
line-height: 1;
background: transparent;
color: inherit;
border: none;
cursor: pointer;
}
&.elementor-alert-info {
color: $info-text;
background-color: $info-bg;
border-color: $info-border;
}
&.elementor-alert-success {
color: $success-text;
background-color: $success-bg;
border-color: $success-border;
}
&.elementor-alert-warning {
color: $warning-text;
background-color: $warning-bg;
border-color: $warning-border;
}
&.elementor-alert-danger {
color: $danger-text;
background-color: $danger-bg;
border-color: $danger-border;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-alert {
padding: 10px;
button.elementor-alert-dismiss {
right: 7px;
top: 7px;
}
}
}

View File

@@ -0,0 +1,6 @@
.elementor-tab-title {
a {
color: inherit;
}
}

View File

@@ -0,0 +1,111 @@
//
// Button
//
.elementor-button {
display: inline-block;
line-height: 1;
background-color: $gray;
font-size: 15px; //size-sm
padding: 12px 24px; //size-sm
border-radius: 3px; //size-sm
color: #fff;
fill: #fff;
text-align: center;
transition: $transition-hover;
&:hover,
&:focus,
&:visited {
color: #fff;
}
&-content-wrapper {
display: flex;
justify-content: center;
}
&-icon {
flex-grow: 0;
order: 5;
svg {
width: 1em;
}
}
&-text {
flex-grow: 1;
order: 10;
display: inline-block;
}
&.elementor-size- {
&xs {
font-size: 13px;
padding: 10px 20px;
border-radius: 2px;
}
&sm {
//default size
}
&md {
font-size: 16px;
padding: 15px 30px;
border-radius: 4px;
}
&lg {
font-size: 18px;
padding: 20px 40px;
border-radius: 5px;
}
&xl {
font-size: 20px;
padding: 25px 50px;
border-radius: 6px;
}
}
.elementor-align-icon- {
&right {
margin-left: 5px;
order: getValueByDirection( 15, 5 );
}
&left {
margin-right: 5px;
order: getValueByDirection( 5, 15 );
}
}
span {
text-decoration: inherit; //fix for conflict with text-decoration & inline-block
}
}
/* TODO: REMOVE THIS EXCEPTION AFTER PRO 2.8 RELEASES */
.elementor-menu-cart__toggle .elementor-button-icon {
order: 15;
}
.elementor-element.elementor-button- {
@include button-types( '.elementor-button' );
}
.elementor-widget-button {
.elementor-button {
.elementor-button- {
@include button-types( '' );
}
}
}

View File

@@ -0,0 +1,42 @@
//
// Counter
//
.elementor-counter {
.elementor-counter- {
&number- {
&wrapper {
display: flex;
font-size: 69px;
font-weight: 600;
color: #222222;
line-height: 1;
}
&prefix,
&suffix {
flex-grow: 1;
white-space: pre-wrap;
}
&prefix {
text-align: $end;
}
&suffix {
text-align: $start;
}
}
&title {
text-align: center;
font-size: 19px;
font-weight: 400;
color: #666666;
line-height: 2.5;
}
}
}

View File

@@ -0,0 +1,138 @@
//
// Divider
//
.elementor-widget-divider {
--divider-border-style: none;
--divider-border-width: 1px;
--divider-color: #{$gray-darkest};
--divider-icon-size: 20px;
--divider-element-spacing: 10px;
--divider-pattern-height: 24px;
--divider-pattern-size: 20px;
--divider-pattern-url: none;
--divider-pattern-repeat: repeat-x;
.elementor-divider {
display: flex;
&__text {
font-size: 15px;
line-height: 1;
max-width: 95%;
}
&__element {
margin: 0 var(--divider-element-spacing);
flex-shrink: 0;
}
}
.elementor-icon {
font-size: var(--divider-icon-size);
}
.elementor-divider-separator {
display: flex;
margin: 0;
direction: ltr;
}
&--view {
&-line_text, &-line_icon {
.elementor-divider-separator{
align-items: center;
&:before, &:after {
display: block;
content: '';
border-bottom: 0;
flex-grow: 1;
border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
}
}
}
&--element-align {
&-left {
.elementor-divider {
.elementor-divider-separator > .elementor-divider__svg:first-of-type {
flex-grow: 0;
flex-shrink: 100;
}
&-separator:before {
content: none;
}
&__element {
margin-left: 0;
}
}
}
&-right {
.elementor-divider {
.elementor-divider-separator > .elementor-divider__svg:last-of-type {
flex-grow: 0;
flex-shrink: 100;
}
&-separator:after {
content: none;
}
&__element {
margin-right: 0;
}
}
}
}
&:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) {
.elementor-divider-separator {
border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
}
&--separator-type {
&-pattern {
--divider-border-style: none;
&.elementor-widget-divider--view-line .elementor-divider-separator,
&:not([class*=elementor-widget-divider--view]) .elementor-divider-separator, // BC since v3.0.10
&:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,
&:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after {
width: 100%;
min-height: var(--divider-pattern-height);
-webkit-mask-size: var(--divider-pattern-size) 100%;
mask-size: var(--divider-pattern-size) 100%;
-webkit-mask-repeat: var(--divider-pattern-repeat);
mask-repeat: var(--divider-pattern-repeat);
background-color: var(--divider-color);
-webkit-mask-image: var(--divider-pattern-url);
mask-image: var(--divider-pattern-url);
}
}
}
&--no-spacing {
--divider-pattern-size: auto;
}
&--bg-round {
--divider-pattern-repeat: round;
}
}
.rtl .elementor-widget-divider .elementor-divider__text {
direction: rtl;
}

View File

@@ -0,0 +1,110 @@
//
// WordPress Gallery
//
.elementor-image-gallery {
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
max-width: 100%;
margin: 0 auto;
img {
margin: 0 auto;
}
.gallery-caption {
margin: 0;
}
}
@media (min-width: $screen-md-min) {
.gallery-columns- {
&2 .gallery-item {
max-width: 50%;
}
&3 .gallery-item {
max-width: 33.33%;
}
&4 .gallery-item {
max-width: 25%;
}
&5 .gallery-item {
max-width: 20%;
}
&6 .gallery-item {
max-width: 16.666%;
}
&7 .gallery-item {
max-width: 14.28%;
}
&8 .gallery-item {
max-width: 12.5%;
}
&9 .gallery-item {
max-width: 11.11%;
}
&10 .gallery-item {
max-width: 10%;
}
}
}
// Responsive mode
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
// All selectors needed for some themes and plugins
.gallery.gallery-columns- {
&2,
&3,
&4,
&5,
&6,
&7,
&8,
&9,
&10 {
.gallery-item {
max-width: 50%;
}
}
}
}
@media (max-width: $screen-xs-max) {
// All selectors needed for some themes and plugins
.gallery.gallery-columns- {
&2,
&3,
&4,
&5,
&6,
&7,
&8,
&9,
&10 {
.gallery-item {
max-width: 100%;
}
}
}
}
}

View File

@@ -0,0 +1,14 @@
//
// Google Map
//
.elementor-widget-google_maps {
.elementor-widget-container {
overflow: hidden; // Allow border-radius
}
iframe {
height: 300px;
}
}

View File

@@ -0,0 +1,39 @@
//
// Heading
//
.elementor-heading-title {
padding: 0;
margin: 0;
line-height: 1;
}
// The double selector here is for specificity reasons - to avoid being overridden by default Globals CSS.
.elementor-widget-heading .elementor-heading-title {
&[class*="elementor-size-"] {
> a {
color: inherit;
font-size: inherit;
line-height: inherit;
}
}
&.elementor-size- {
&small {
font-size: 15px;
}
&medium {
font-size: 19px;
}
&large {
font-size: 29px;
}
&xl {
font-size: 39px;
}
&xxl {
font-size: 59px;
}
}
}

View File

@@ -0,0 +1,100 @@
//
// Icon Box
//
.elementor-widget-icon-box {
@media (min-width: $screen-md-min) {
&.elementor-position- {
&left,
&right {
.elementor-icon-box-wrapper {
display: flex;
}
.elementor-icon-box-icon {
display: inline-flex;
flex: 0 0 auto; // Hack for Safari
}
}
&right {
.elementor-icon-box-wrapper {
text-align: $end;
flex-direction: getValueByDirection(row-reverse, row);
}
}
&left {
.elementor-icon-box-wrapper {
text-align: $start;
flex-direction: getValueByDirection(row, row-reverse);
}
}
&top {
.elementor-icon-box-img {
margin: auto;
}
}
}
&.elementor-vertical-align- {
&top {
.elementor-icon-box-wrapper {
align-items: flex-start;
}
}
&middle {
.elementor-icon-box-wrapper {
align-items: center;
}
}
&bottom {
.elementor-icon-box-wrapper {
align-items: flex-end;
}
}
}
}
@media (max-width: $screen-sm-max) {
// TEMP code to override the icon spacing
.elementor-icon-box-icon {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 15px;
}
}
.elementor-icon-box-wrapper {
text-align: center;
}
.elementor-icon-box-title {
a {
color: inherit;
}
}
.elementor-icon-box-content {
flex-grow: 1;
}
.elementor-icon-box-description {
margin: 0;
}
}

View File

@@ -0,0 +1,295 @@
//
// Icon List
//
.elementor-widget {
&.elementor-icon-list--layout-inline {
.elementor-widget-container {
overflow: hidden;
}
}
.elementor-icon-list-items.elementor-inline-items {
margin-right: -8px;
margin-left: -8px;
.elementor-icon-list-item {
margin-right: 8px;
margin-left: 8px;
&:after {
width: auto;
left: auto;
right: auto;
position: relative;
height: 100%;
top: 50%;
transform: translateY(-50%);
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left-width: 1px;
border-style: solid;
@include end(-8px);
}
}
}
.elementor-icon-list-items {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-icon-list-item {
margin: 0;
padding: 0;
position: relative;
&:after {
position: absolute;
bottom: 0;
width: 100%;
}
&, a {
display: flex;
align-items: flex-start;
}
}
.elementor-icon-list-icon + .elementor-icon-list-text {
align-self: center;
@include padding-start(5px);
}
.elementor-icon-list-icon {
flex-shrink: 0;
i {
width: 1.25em;
}
svg {
width: 1em;
}
}
&.elementor-list-item-link-full_width {
a {
width: 100%;
}
}
&.elementor-align-center {
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
.elementor-inline-items {
justify-content: center;
}
}
&.elementor-align-left {
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection(flex-start, flex-end);
text-align: left;
}
}
.elementor-inline-items {
justify-content: getValueByDirection(flex-start, flex-end);
}
}
&.elementor-align-right {
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection(flex-end, flex-start);
text-align: right;
}
}
.elementor-icon-list-items {
justify-content: getValueByDirection(flex-end, flex-start);
}
}
&:not(.elementor-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
@media (max-width: $screen-md-max) {
&.elementor-tablet-align-center {
.elementor-icon-list-items {
justify-content: center;
}
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
}
&.elementor-tablet-align-left {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-start, flex-end );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-start, flex-end );
text-align: left;
}
}
}
&.elementor-tablet-align-right {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-end, flex-start );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-end, flex-start );
text-align: right;
}
}
}
&:not(.elementor-tablet-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-tablet-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
}
@media (max-width: $screen-sm-max) {
&.elementor-mobile-align-center {
.elementor-icon-list-items {
justify-content: center;
}
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
}
&.elementor-mobile-align-left {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-start, flex-end );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-start, flex-end );
text-align: left;
}
}
}
&.elementor-mobile-align-right {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-end, flex-start );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-end, flex-start );
text-align: right;
}
}
}
&:not(.elementor-mobile-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-mobile-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
}
}

View File

@@ -0,0 +1,66 @@
//
// Icon
//
// For the all elements with icon options
.elementor-icon {
display: inline-block;
line-height: 1;
transition: $transition-hover;
color: $gray;
font-size: 50px;
text-align: center;
&:hover {
color: $gray;
}
i, svg {
width: 1em;
height: 1em;
position: relative;
display: block;
&:before {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
i.fad {
width: initial;
}
}
.elementor-view-stacked {
.elementor-icon {
padding: .5em;
background-color: $gray;
color: #fff;
fill: #fff;
}
}
.elementor-view-framed {
.elementor-icon {
padding: .5em;
color: $gray;
border: 3px solid $gray;
background-color: transparent;
}
}
.elementor-shape {
&-circle {
.elementor-icon {
border-radius: 50%;
}
}
}

View File

@@ -0,0 +1,98 @@
//
// Image Box
//
.elementor-widget-image-box {
.elementor-image-box-content {
width: 100%; // Hack for Chrome in flex mode
}
@media (min-width: $screen-md-min) {
&.elementor-position- {
&left, &right {
.elementor-image-box-wrapper {
display: flex;
}
}
&right {
.elementor-image-box-wrapper {
text-align: $end;
flex-direction: getValueByDirection(row-reverse, row);
}
}
&left {
.elementor-image-box-wrapper {
text-align: $start;
flex-direction: getValueByDirection(row, row-reverse);
}
}
&top {
.elementor-image-box-img {
margin: auto;
}
}
}
&.elementor-vertical-align- {
&top {
.elementor-image-box-wrapper {
align-items: flex-start;
}
}
&middle {
.elementor-image-box-wrapper {
align-items: center;
}
}
&bottom {
.elementor-image-box-wrapper {
align-items: flex-end;
}
}
}
}
@media (max-width: $screen-sm-max) {
// TEMP code to override the image spacing
.elementor-image-box-img {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 15px;
}
}
.elementor-image-box-img {
display: inline-block; // For alignment content
}
.elementor-image-box-title {
a {
color: inherit;
}
}
.elementor-image-box-wrapper {
text-align: center;
}
.elementor-image-box-description {
margin: 0;
}
}

View File

@@ -0,0 +1,20 @@
//
// Image Carousel
//
.elementor-widget-image-carousel {
.swiper-container {
position: static; // Allow navigation arrows to stay outside
.swiper-slide {
figure {
line-height: inherit;
}
}
}
.swiper-slide {
text-align: center;
}
}

View File

@@ -0,0 +1,22 @@
//
// Image Gallery
//
.elementor-image-gallery {
figure {
img {
display: block;
}
figcaption {
width: 100%;
}
}
.gallery-spacing-custom & {
.gallery-icon {
padding: 0; // Reset Style for some themes
}
}
}

View File

@@ -0,0 +1,19 @@
//
// Image
//
.elementor-widget-image {
text-align: center;
a {
display: inline-block; //For alignment image with link - Changed to 'inline-block' instead of 'block' to handle with this issue https://github.com/elementor/elementor/issues/5897
img[src$=".svg"] {
width: 48px; //Fix SVG image src, issue: https://github.com/elementor/elementor/issues/5987
}
}
img {
vertical-align: middle;
display: inline-block;
}
}

View File

@@ -0,0 +1,3 @@
body.elementor-page .elementor-widget-menu-anchor { // Hard selector to override the default rule
margin-bottom: 0;
}

View File

@@ -0,0 +1,81 @@
//
// Progress Bar
//
.elementor-widget-progress {
text-align: $start;
}
.elementor-progress-wrapper {
position: relative;
background-color: $progress-bg;
color: $progress-text;
height: 100%;
border-radius: 2px;
}
.elementor-progress-bar {
display: flex;
background-color: $gray;
width: 0;
font-size: 11px;
height: 30px;
line-height: 30px;
border-radius: 2px;
transition: width 1s ease-in-out;
}
.elementor-progress-text {
flex-grow: 1;
@include ellipsis;
@include padding-start(15px);
}
.elementor-progress-percentage {
@include padding-end(15px);
}
.elementor-widget-progress {
.elementor-progress-wrapper {
&.progress-info {
.elementor-progress-bar {
background-color: $info;
}
}
&.progress-success {
.elementor-progress-bar {
background-color: $success;
}
}
&.progress-warning {
.elementor-progress-bar {
background-color: $warning;
}
}
&.progress-danger {
.elementor-progress-bar {
background-color: $danger;
}
}
}
}
.elementor-progress .elementor-title {
display: block;
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-progress-text {
@include padding-start(10px);
}
}

View File

@@ -0,0 +1,143 @@
//
// Social Icons
//
$icon-size: var(--icon-size, 25px);
$icon-padding: var(--icon-padding, 0.5em);
$icon-total-size: calc(#{$icon-size} + (2 * #{$icon-padding}));
.elementor-widget-social-icons {
/*TODO: This Grid-0 needs to be removed after PRO is Updated */
&.elementor-grid-0, &.elementor-grid-tablet-0, &.elementor-grid-mobile-0 {
.elementor-widget-container {
line-height: 1;
font-size: 0;
}
}
&:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) {
.elementor-grid {
display: inline-grid;
}
}
.elementor-grid {
grid-column-gap: var(--grid-column-gap, 5px);
grid-row-gap: var(--grid-row-gap, 5px);
grid-template-columns: var(--grid-template-columns);
justify-content: var(--justify-content, center);
justify-items: var(--justify-content, center);
}
}
// This is for specificity, to avoid being overridden by Theme Style Link Typography.
.elementor-icon.elementor-social-icon {
font-size: $icon-size;
line-height: $icon-size;
width: $icon-total-size;
height: $icon-total-size;
}
.elementor-social-icon {
display: inline-flex;
background-color: $gray;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
i {
color: white;
}
&:last-child {
margin: 0;
}
&:hover {
opacity: .9;
color: white; //for override .elementor-icon class
}
&- {
&android { background-color: $android; }
&apple { background-color: $apple; }
&behance { background-color: $behance; }
&bitbucket { background-color: $bitbucket; }
&codepen { background-color: $codepen; }
&delicious { background-color: $delicious; }
&deviantart { background-color: $deviantart; }
&digg { background-color: $digg; }
&dribbble { background-color: $dribbble; }
&elementor { background-color: $elementor; }
&envelope { background-color: $envelope; }
&facebook, &facebook-f { background-color: $facebook; }
&flickr { background-color: $flickr; }
&foursquare { background-color: $foursquare; }
&freecodecamp, &free-code-camp { background-color: $freecodecamp; }
&github { background-color: $github; }
&gitlab { background-color: $gitlab; }
&globe { background-color: $gray; }
&google-plus, &google-plus-g { background-color: $google-plus; }
&houzz { background-color: $houzz; }
&instagram { background-color: $instagram; }
&jsfiddle { background-color: $jsfiddle; }
&link { background-color: $gray; }
&linkedin, &linkedin-in { background-color: $linkedin; }
&medium { background-color: $medium; }
&meetup { background-color: $meetup; }
&mixcloud { background-color: $mixcloud }
&odnoklassniki { background-color: $odnoklassniki; }
&pinterest { background-color: $pinterest; }
&product-hunt { background-color: $product-hunt; }
&reddit { background-color: $reddit; }
&rss { background-color: $rss; }
&shopping-cart { background-color: $shopping-cart; }
&skype { background-color: $skype; }
&slideshare { background-color: $slideshare; }
&snapchat { background-color: $snapchat; }
&soundcloud { background-color: $soundcloud; }
&spotify { background-color: $spotify; }
&stack-overflow { background-color: $stack-overflow; }
&steam { background-color: $steam; }
&stumbleupon { background-color: $stumbleupon; }
&telegram { background-color: $telegram; }
&thumb-tack { background-color: $thumbtack; }
&tripadvisor { background-color: $tripadvisor; }
&tumblr { background-color: $tumblr; }
&twitch { background-color: $twitch; }
&twitter { background-color: $twitter; }
&viber { background-color: $viber; }
&vimeo { background-color: $vimeo; }
&vk { background-color: $vk; }
&weibo { background-color: $weibo; }
&weixin { background-color: $weixin; }
&whatsapp { background-color: $whatsapp; }
&wordpress { background-color: $wordpress; }
&xing { background-color: $xing; }
&yelp { background-color: $yelp; }
&youtube { background-color: $youtube; }
&500px { background-color: $five-h-px; }
}
}
.elementor-shape-rounded {
.elementor-icon {
&.elementor-social-icon {
border-radius: 10%;
}
}
}
.elementor-shape-circle {
.elementor-icon {
&.elementor-social-icon {
border-radius: 50%;
}
}
}

View File

@@ -0,0 +1,113 @@
.elementor-star-rating {
color: $gray-mouse;
font-family: eicons;
display: inline-block;
i {
display: inline-block;
position: relative;
font-style: normal;
cursor: default;
&:before {
content: '\e934';
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
overflow: hidden;
color: $orange;
top: 0;
@include start(0);
}
}
.elementor-star-empty:before {
content: none;
}
@for $i from 1 through 9 {
.elementor-star-#{$i} {
&:before {
width: $i * 10%
}
}
}
&__wrapper {
display: flex;
align-items: center;
}
&__title {
@include margin-end(10px);
}
}
@mixin star-rating-align($device) {
.elementor-star-rating {
&#{$device} {
&--align {
&-right {
.elementor-star-rating__wrapper {
text-align: right;
justify-content: getValueByDirection( flex-end, flex-start );
}
}
&-left {
.elementor-star-rating__wrapper {
text-align: left;
justify-content: getValueByDirection( flex-start, flex-end );
}
}
&-center {
.elementor-star-rating__wrapper {
text-align: center;
justify-content: center;
}
}
&-justify {
.elementor-star-rating__title {
@include margin-end( auto );
}
}
}
}
}
}
@include star-rating-align('');
@media (max-width: $screen-md-max) {
@include star-rating-align(-tablet);
}
@media (max-width: $screen-sm-max) {
@include star-rating-align(-mobile);
}
.last-star{
letter-spacing: 0;
}
.elementor--star-style-star_unicode {
.elementor-star-rating {
font-family: 'Arial', 'Helvetica', sans-serif;
i:not(.elementor-star-empty):before {
content: '\002605';
}
}
}

View File

@@ -0,0 +1,221 @@
//
// Tabs
//
.elementor-widget-tabs {
&.elementor-tabs-view-vertical {
.elementor-tabs-wrapper {
width: 25%;
flex-shrink: 0;
}
.elementor-tab-desktop-title {
&.elementor-active {
@include border-end-property(style, none);
&:before,
&:after {
height: 999em;
width: 0;
@include end(0);
@include border-end-property(style, solid);
}
&:before {
top: 0;
transform: translateY(-100%);
}
&:after {
top: 100%;
}
}
}
}
&.elementor-tabs-view-horizontal {
.elementor-tab-desktop-title {
display: table-cell;
&.elementor-active {
border-bottom-style: none;
&:before,
&:after {
bottom: 0;
height: 0;
width: 999em;
border-bottom-style: solid;
}
&:before {
right: 100%;
}
&:after {
left: 100%;
}
}
}
}
.elementor-tab-title,
.elementor-tab-title:before,
.elementor-tab-title:after,
.elementor-tab-content,
.elementor-tabs-content-wrapper {
border: 1px none $gray-light;
}
.elementor-tabs {
text-align: $start;
}
.elementor-tabs-wrapper {
overflow: hidden;
}
.elementor-tab-title {
cursor: pointer;
outline: var(--focus-outline, none);
}
.elementor-tab-desktop-title {
position: relative;
padding: 20px 25px;
font-weight: bold;
line-height: 1;
border: solid transparent;
&.elementor-active {
border-color: $gray-light;
&:before,
&:after {
display: block;
content: '';
position: absolute;
}
}
}
.elementor-tab-mobile-title {
padding: 10px 10px;
cursor: pointer;
}
.elementor-tab-content {
padding: 20px;
display: none;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-tabs {
.elementor-tab-title,
.elementor-tab-content {
border-style: solid;
border-bottom-style: none;
}
.elementor-tabs-wrapper {
display: none;
}
.elementor-tabs-content-wrapper {
border-bottom-style: solid;
}
.elementor-tab-content {
padding: 10px;
}
}
}
@media (min-width: $screen-md-min) {
.elementor-widget-tabs {
&.elementor-tabs-view-vertical {
.elementor-tabs {
display: flex;
}
.elementor-tabs-wrapper {
flex-direction: column;
}
.elementor-tabs-content-wrapper {
flex-grow: 1;
border-style: solid;
@include border-start-property(style, none);
}
}
}
.elementor-widget-tabs {
&.elementor-tabs-view-horizontal {
.elementor-tab-content {
border-style: solid;
border-top-style: none;
}
}
&.elementor-tabs-alignment- {
&center,
&end,
&stretch {
.elementor-tabs-wrapper {
display: flex;
}
}
&center {
.elementor-tabs-wrapper {
justify-content: center;
}
}
&end {
.elementor-tabs-wrapper {
justify-content: flex-end;
}
}
&stretch.elementor-tabs-view-horizontal {
.elementor-tab-title {
width: 100%;
}
}
&stretch.elementor-tabs-view-vertical {
.elementor-tab-title {
height: 100%;
}
}
}
}
.elementor-tabs {
.elementor-tab-mobile-title {
display: none;
}
}
}

View File

@@ -0,0 +1,83 @@
//
// testimonial
//
.elementor-testimonial-wrapper {
overflow: hidden;
text-align: center;
.elementor-testimonial-content {
font-size: 1.3em;
margin-bottom: 20px;
}
.elementor-testimonial-name {
line-height: 1.5;
color: inherit;
display: block;
}
.elementor-testimonial-job {
font-size: 0.85em;
color: inherit;
display: block;
}
&.elementor-testimonial-text-align- {
&left {
text-align: left;
}
&right {
text-align: right;
}
}
.elementor-testimonial-meta {
width: 100%;
line-height: 1;
&-inner {
display: inline-block;
}
.elementor-testimonial-details,
.elementor-testimonial-image {
display: table-cell;
vertical-align: middle;
}
.elementor-testimonial-image {
img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
max-width: none;
}
}
&.elementor-testimonial-image-position-aside {
.elementor-testimonial-image {
@include padding-end(15px);
}
.elementor-testimonial-details {
text-align: $start;
}
}
&.elementor-testimonial-image-position-top {
.elementor-testimonial-details,
.elementor-testimonial-image {
display: block;
}
.elementor-testimonial-image {
margin-bottom: 20px;
}
}
}
}

View File

@@ -0,0 +1,48 @@
.elementor-widget-text-editor {
&.elementor-drop-cap {
&-view- {
&stacked {
.elementor-drop-cap {
background-color: $gray;
color: #fff;
}
}
&framed {
.elementor-drop-cap {
color: $gray;
border: 3px solid;
background-color: transparent;
}
}
}
}
&:not(.elementor-drop-cap-view-default) {
.elementor-drop-cap {
margin-top: 8px;
&-letter {
width: 1em;
height: 1em;
}
}
}
.elementor-drop-cap {
float: $start;
text-align: center;
line-height: 1;
font-size: 50px;
&-letter {
display: inline-block;
}
}
}

View File

@@ -0,0 +1,74 @@
//
// Toggle
//
.elementor-toggle {
text-align: $start;
.elementor-tab-title {
font-weight: bold;
line-height: 1;
margin: 0;
padding: 15px;
border-bottom: 1px solid $gray-light;
cursor: pointer;
outline: none;
.elementor-toggle-icon {
display: inline-block;
width: 1em;
&.elementor-toggle-icon- {
&right {
float: right;
text-align: right;
}
&left {
float: left;
text-align: left;
}
}
.elementor-toggle-icon-closed {
display: block;
}
.elementor-toggle-icon-opened {
display: none;
}
}
&.elementor-active {
border-bottom: none;
.elementor-toggle-icon-closed {
display: none;
}
.elementor-toggle-icon-opened {
display: block;
}
}
}
.elementor-tab-content {
padding: 15px;
border-bottom: 1px solid $gray-light;
display: none;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-toggle {
.elementor-tab-title {
padding: 12px;
}
.elementor-tab-content {
padding: 12px 10px;
}
}
}

View File

@@ -0,0 +1,49 @@
//
// Video
//
.elementor-widget-video {
.elementor-widget-container {
overflow: hidden;
transform: translate3d(0, 0, 0); // Allow border-radius in Safari
}
.elementor-open-inline {
.elementor-custom-embed-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
}
}
.elementor-custom-embed-image-overlay {
cursor: pointer;
text-align: center;
&:hover {
.elementor-custom-embed-play {
i {
opacity: 1;
}
}
}
img {
display: block;
width: 100%;
}
}
.e-hosted-video {
.elementor-video {
object-fit: cover;
}
}
}