// Column hozirontal align
$alignment : (
	'start'  : 'flex-start',
	'end'    : 'flex-end',
	'center' : 'center',
	'between': 'space-between',
	'around' : 'space-around',
);
@each $name, $align in $alignment{
	.elementor-section.cms-justify-content-#{$name} {
		> .elementor-container{
			justify-content: #{$align};
		}
	}
}

// Background image overlay
.elementor-background-overlay{
	[dir="rtl"] &{
		@include flip();
	}
}

// Boxed background
.cms-boxed-bg-true {
	> .cms-section-boxed-bg{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: $accent-color;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		@media (min-width: 1600px){
			left: 60px;
			right: 0;
			[dir="rtl"] &{
				left: 0;
				right: 60px;
			}
		}
		@media (max-width: 1599px){
			@include border-radius(0!important);
		}
		&:before,
		&:after{
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
	}
	&:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		background: $white;
		display: none;
	}
	@media (min-width: 1600px){
		&:before{
			width: 50%;
			display: block;
		}
		&:before{
			right: calc( 100% - 60px);
		}
		/* &:after{
			left: calc( 100% - 60px);
		} */
	}
}
// Boxed Divider 
.cms-section-boxed-divider-false .cms-section-boxed-divider{
	display: none!important;
}
.cms-section-boxed-divider-true{
	.cms-section-boxed-divider{
		position: absolute!important;
		left: 0;
		right: 0;
		z-index: 1;
		background-color: $accent-color;
		height: 42px;
		@media (max-width: $screen-md-max){
			height: 25px;
		}
		@media (max-width: $screen-sm-max){
			height: 18px;
		}
		&:before{
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: block;
		}
	}
	&.cms-section-boxed-divider-width-boxed {
		.cms-section-boxed-divider{
			@media (min-width: 1366px){
				left: 40px;
				right: 40px;
			}
			@media (min-width: 1440px){
				left: 80px;
				right: 80px;
			}
		}
	}
	&.cms-section-boxed-divider-width-elementor-container {
		.cms-section-boxed-divider{
			margin-left: auto;
			margin-right: auto;
			max-width: 1320px;
		}
	}
	&.cms-section-boxed-divider-top{
		.cms-section-boxed-divider{
			top: -1px;
			clip-path: polygon(70% 100%, 0 0, 100% 0);
		}
	}
	&.cms-section-boxed-divider-bottom{
		.cms-section-boxed-divider{
			bottom: -1px;
			clip-path: polygon(30% 0%, 0% 100%, 100% 100%);
		}
	}
	.elementor-container{
		z-index: 2;
	}
	// Divider both Top + Bottom
	&.cms-section-boxed-divider-both {
		z-index: 2;
		.cms-section-boxed-divider{
			height: calc(100% + 84px);
		    top: -42px;
		    bottom: -42px;
		    clip-path: polygon(30% 0, 100% 42px, 100% calc( 100% - 42px), 70% 100%, 0 calc(100% - 42px), 0 42px);
		    &:before{
		    	background-position: bottom right;
		    	background-repeat: no-repeat;	
		    }
		}
	}
	// color
	/* @each $name, $color in $cms_theme_colors{
		&.cms-boxed-divider-color-#{$name} > .cms-section-boxed-divider{
			//background-color: #{$color};
		}
	} */
}

// overlay 
.cms-gradient{
	position: relative;
	&:before,
	&:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		@include border-radius(inherit);
	}
	> *{
		position: relative;
		z-index: 1;
	}
}
// Elementor
@import 'custom_section';
@import 'custom_inner_section';
@import 'custom_column';