/* Elementor styles
----------------------------------------------------------------- */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";


/* Add negative margins to the our post container to align left and right side of the post content and header/footer */
.post_content > .elementor {
	margin-left:  -$elm_add_page_margins / 2;
	margin-right: -$elm_add_page_margins / 2;
}

/* Add margins to "No Gap" on fullscreen for compensation of the previous rule */
.body_style_fullscreen .post_content > .elementor .elementor-section.elementor-section-full_width > .elementor-container.elementor-column-gap-no {
	margin-left:  $elm_add_page_margins / 2;
	margin-right: $elm_add_page_margins / 2;
}

/* Boxed sections in the fullwidth pages */
.body_style_fullwide .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: $page_fullwide - $paddings_fullwide * 2;
}

/* Default Elementor's grid */
.elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated,	// Elm 2.9-
.elementor-column-gap-narrow > .elementor-column > .elementor-element-populated {					// Elm 3.0+
	padding:  $elm_gap_narrow / 2;
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,	// Elm 2.9-
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {					// Elm 3.0+
	padding:  $elm_gap_default / 2;
}
.elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated,	// Elm 2.9-
.elementor-column-gap-extended > .elementor-column > .elementor-element-populated {					// Elm 3.0+
	padding:  $elm_gap_extended / 2;
}
.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated,		// Elm 2.9-
.elementor-column-gap-wide > .elementor-column > .elementor-element-populated {						// Elm 3.0+
	padding:  $elm_gap_wide / 2;
}
.elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated,	// Elm 2.9-
.elementor-column-gap-wider > .elementor-column > .elementor-element-populated {					// Elm 3.0+
	padding:  $elm_gap_wider / 2;
}

.elementor-container > .elementor-row > .elementor-column > .elementor-element-populated,			// Elm 2.9-
.elementor-container > .elementor-column > .elementor-element-populated {							// Elm 3.0+
	padding-top: 0;
	padding-bottom: 0;
}

/* Stretch columns container to remove white spaces from sides of the rows with gaps between columns */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container:not(.elementor-column-gap-no) {
	max-width: none;
	position: relative;
}

/* Narrow: 5px */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow,
.elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow {
	width: $page + $elm_gap_narrow; 
}
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow,
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow {
	width: $content + $elm_gap_narrow; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow,
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow {
	left: -$elm_gap_narrow / 2;
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width.elementor-section-stretched:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-narrow {
	margin-left: -$elm_gap_narrow / 2;
	margin-right: -$elm_gap_narrow / 2;
}

/* Default: 10px */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default,
.elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default {
	width: $page + $elm_gap_default;
}
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default,
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default {
	width: $content + $elm_gap_default;
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default,
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default {
	left: -$elm_gap_default / 2;
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width.elementor-section-stretched:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-default {
	margin-left: -$elm_gap_default / 2;
	margin-right: -$elm_gap_default / 2;
}

/* Extended: 15px */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended,
.elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended {
	width: $page + $elm_gap_extended; 
}
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended,
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended {
	width: $content + $elm_gap_extended; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended,
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended {	
	left: -$elm_gap_extended / 2; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width.elementor-section-stretched:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-extended {	
	margin-left: -$elm_gap_extended / 2; 
	margin-right: -$elm_gap_extended / 2; 
}

/* Wide: 20px */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide,
.elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide {
	width: $page + $elm_gap_wide; 
}
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide,
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide {
	width: $content + $elm_gap_wide; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide,
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide {
	left: -$elm_gap_wide / 2; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width.elementor-section-stretched:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wide {
	margin-left: -$elm_gap_wide / 2; 
	margin-right: -$elm_gap_wide / 2; 
}

/* Wider: 30px */
.elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider,
.elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider {
	width: $page + $elm_gap_wider; 
}
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider,
.sidebar_show .content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider {
	width: $content + $elm_gap_wider; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-boxed:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider,
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width:not(.elementor-section-stretched):not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider {	
	left: -$elm_gap_wider / 2; 
}
.content_wrap .elementor-section.elementor-section-justified.elementor-section-full_width.elementor-section-stretched:not(.elementor-inner-section) > .elementor-container.elementor-column-gap-wider {	
	margin-left: -$elm_gap_wider / 2; 
	margin-right: -$elm_gap_wider / 2; 
}




/* Progress */
.elementor-widget-progress .elementor-title,
.elementor-progress-bar {
	font-size: 18px;
	font-weight: 500;
}

.elementor-progress-bar {
	height: 6px;
	@include border-radius(3px);
}
.elementor-widget-progress .elementor-progress-wrapper {
	line-height: 12px;
	margin-top: 2px;
}
.elementor-widget-progress + .elementor-widget-progress {
	margin-top: 36px;
}
.elementor-widget-progress .elementor-progress-percentage {
	padding-right: 0;
	position: relative;
	z-index: 1;
	top: -24px;
	line-height: 1;
	right: 0;
}


/* Image Box */
.elementor-image-box-wrapper {
	.elementor-image-box-title {
		margin-top: 0 !important;
	}
}
.elementor-image-box-description > a[href*="tel"],
.elementor-image-box-description > a[href*="mailto"] {
	color: inherit;
}


.elementor-social-icons-wrapper {
	font-size: 0;
	line-height: 0;
}


.elementor-widget-spacer.sc_height_small .elementor-spacer-inner {
	height: 40px !important;
}
.elementor-widget-spacer.sc_height_medium .elementor-spacer-inner {
	height: 72px !important;
}
.elementor-widget-spacer.sc_height_large .elementor-spacer-inner, .elementor-widget-spacer.sc_height_big .elementor-spacer-inner {
	height: 105px !important;
}
.elementor-widget-spacer.sc_height_huge .elementor-spacer-inner {
	height: 120px !important;
}


.elementor-social-icons-wrapper .elementor-social-icon i {
	@include transition-color(0.3s);
}
.elementor-social-icons-wrapper .elementor-social-icon:hover {
	opacity: 1;
}


// Fixed col always
.sc_column_fixed_always > .elementor-column-wrap, .sc_column_fixed_always > .elementor-widget-wrap{
	position: sticky;
	top: 0;
	max-height: 100vh;
	height: auto;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	& .elementor-widget-wrap {
		max-height: 100vh;
	}
	& .menu {
		max-height: 60vh;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
		&::-webkit-scrollbar { width: 0; }
	}
}
.ua_safari .sc_column_fixed_always > .elementor-column-wrap, .ua_safari .sc_column_fixed_always > .elementor-widget-wrap{
	position: -webkit-sticky;
}

.admin-bar .sc_column_fixed_always > .elementor-column-wrap, .admin-bar .sc_column_fixed_always > .elementor-widget-wrap {
	max-height: calc(100vh - 32px);
	top: 32px;
	& .elementor-widget-wrap {
		max-height: calc(100vh - 32px);
	}
}
@media #{$media_md} {
	.admin-bar .sc_column_fixed_always > .elementor-column-wrap, .admin-bar .sc_column_fixed_always > .elementor-widget-wrap{
		max-height: calc(100vh - 46px);
		top: 46px;
		& .elementor-widget-wrap {
			max-height: calc(100vh - 46px);
		}
	}
}
@media #{$media_sm} {
	.admin-bar .sc_column_fixed_always > .elementor-column-wrap, .admin-bar .sc_column_fixed_always > .elementor-widget-wrap{
		max-height: 100vh;
		top: 0;
		& .elementor-widget-wrap {
			max-height: 100vh;
		}
	}
}





/* Fribbo - Fade In Up */
.fribbo-fadeinup {
	animation-name: fribbo-fadeinup;
	animation-timing-function: ease-in-out;
}
@keyframes fribbo-fadeinup {
	from {
		opacity: 0;
		transform: translateY(60px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}