/* LAYOUT: GRID
-------------------------------------------- */

@include media-breakpoint-up(xxl) {

	.container {
		max-width: 1200px;
	}

}

@include media-breakpoint-down(xxl) {

	.container {
		max-width: 100%;
	}

}

/* MAIN
-------------------------------------------- */

.vlt-main {
	position: relative;
	background-color: var(--vlt-color-white);
}

/* PAGE CONTENT
-------------------------------------------- */

.vlt-page-content {

	&--padding {
		padding: px2rem(120px) 0 px2rem(130px);
	}

	&--padding-top {
		padding-top: px2rem(120px);

		&-sm {
			padding-top: px2rem(80px);
		}

	}

	&--padding-bottom {
		padding-bottom: px2rem(130px);

		&-sm {
			padding-bottom: px2rem(80px);
		}

	}

}

/* PROTECTED CONTENT
-------------------------------------------- */

.vlt-content-protected {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: px2rem(130px) 0;
}

/* MARKUP CONTENT
-------------------------------------------- */

.vlt-content-markup {

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		margin: px2rem(30px) 0;
	}

	p:not(.wp-block-cover-text) > a {
		color: var(--vlt-accent-1);
		text-decoration: none;

		&:hover {
			color: var(--vlt-accent-1);
			text-decoration: underline;
		}

	}

	p:last-child {
		margin-bottom: 0;
	}

	ul,
	ol {
		line-height: 2;

		ul,
		ol {
			padding-left: px2rem(30px);
			margin-bottom: 0;
		}

	}

	>ul,
	>ol {
		margin-bottom: px2rem(30px);
	}

	.fluid-width-video-wrapper {
		margin-bottom: px2rem(30px);
	}

}

/* ELEMENTOR
-------------------------------------------- */

.elementor-widget:not(:last-child) {
	margin-bottom: 0 !important;
}

.elementor img {
	width: auto;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1200px;
}

/* Custom CSS for fixing Elementor columns gap issue */
.elementor-section-boxed .elementor-column-gap-default > .elementor-row {
	// width: calc(100% + 20px);
	// margin-right: -10px;
	// margin-left: -10px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-inner-section .elementor-container.elementor-column-gap-default {
	// width: calc(100% + 20px);
	// margin-right: -10px;
	// margin-left: -10px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

// Narrow

.elementor-section-boxed .elementor-column-gap-narrow > .elementor-row {
	// width: calc(100% + 10px);
	// margin-right: -5px;
	// margin-left: -5px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-inner-section .elementor-container.elementor-column-gap-narrow {
	// width: calc(100% + 10px);
	// margin-right: -5px;
	// margin-left: -5px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

// Extended

.elementor-section-boxed .elementor-column-gap-extended > .elementor-row {
	// width: calc(100% + 30px);
	// margin-right: -15px;
	// margin-left: -15px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-inner-section .elementor-container.elementor-column-gap-extended {
	// width: calc(100% + 30px);
	// margin-right: -15px;
	// margin-left: -15px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

// Wide

.elementor-section-boxed .elementor-column-gap-wide > .elementor-row {
	// width: calc(100% + 40px);
	// margin-right: -20px;
	// margin-left: -20px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-inner-section .elementor-container.elementor-column-gap-wide {
	// width: calc(100% + 40px);
	// margin-right: -20px;
	// margin-left: -20px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

// Wider

.elementor-section-boxed .elementor-column-gap-wider > .elementor-row {
	// width: calc(100% + 60px);
	// margin-right: -30px;
	// margin-left: -30px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-inner-section .elementor-container.elementor-column-gap-wider {
	// width: calc(100% + 60px);
	// margin-right: -30px;
	// margin-left: -30px;

	.elementor-element-populated,
	.elementor-widget-wrap {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

.elementor-section.is-inner-section > .elementor-column-gap-default { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; }
.elementor-section.is-inner-section > .elementor-column-gap-narrow { width: calc(100% + 10px); margin-right: -5px; margin-left: -5px; }
.elementor-section.is-inner-section > .elementor-column-gap-extended { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
.elementor-section.is-inner-section > .elementor-column-gap-wide { width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; }
.elementor-section.is-inner-section > .elementor-column-gap-wider { width: calc(100% + 60px); margin-right: -30px; margin-left: -30px; }

*[class*="has-rounded"] {
	overflow: hidden !important;
}

.has-rounded ,
.has-rounded-md {
	border-radius: var(--vlt-border-radius);
}

.has-rounded-xxs {
	border-radius: var(--vlt-border-radius-xxs);
}

.has-rounded-xs {
	border-radius: var(--vlt-border-radius-xs);
}

.has-rounded-sm {
	border-radius: var(--vlt-border-radius-sm);
}

.has-rounded-lg {
	border-radius: var(--vlt-border-radius-lg);
}