/* Sticky */

.riven-builder-header.is-sticky{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

/* Transparent */

.riven-builder-header.is-transparent{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 999;
}

/* Overlay */

.riven-builder-header.is-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

/* Shrink */

.riven-builder-header.is-shrink{
	transition: all .3s ease;
}

.riven-builder-header.is-shrink.riven-scrolled{
	transform: scale(.96);
}

/* Hide On Scroll */

.riven-builder-header.hide-on-scroll{
	transition: transform .3s ease;
}

.riven-builder-header.hide-on-scroll.riven-hide{
	transform: translateY(-100%);
}

.riven-content {

	width: 100%;

}


.riven-content {

	width: 100%;

}


.riven-container {

	width: 100%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	padding: 50px 20px;

	box-sizing: border-box;

}

/* Mega Menu Parent */
.menu-item {
	position: relative;
}


/* Mega Menu Base */
.riven-mega-menu {

	display: block;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 9999;

	background: #fff;

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	transform: translateY(10px);

	transition:
		opacity .25s ease,
		transform .25s ease,
		visibility .25s ease;

}


/* Show On Hover */
.menu-item:hover > .riven-mega-menu {

	opacity: 1;

	visibility: visible;

	pointer-events: auto;

	transform: translateY(0);

}


/* Default Width */
.riven-mega-menu.width-default {

	width: 700px;

}


/* Full Width */
.riven-mega-menu.width-full {

	width: 100vw;

	left: 50%;

	transform:
		translateX(-50%)
		translateY(10px);

}


.menu-item:hover > 
.riven-mega-menu.width-full {

	transform:
		translateX(-50%)
		translateY(0);

}


/* Custom Width */
.riven-mega-menu.width-custom {

	width: var(
		--riven-mega-width,
		900px
	);

}


/* Position Left */
.riven-mega-menu.position-left {

	left: 0;

	right: auto;

}


/* Position Center */
.riven-mega-menu.position-center {

	left: 50%;

	transform:
		translateX(-50%)
		translateY(10px);

}


.menu-item:hover >
.riven-mega-menu.position-center {

	transform:
		translateX(-50%)
		translateY(0);

}


/* Position Right */
.riven-mega-menu.position-right {

	left: auto;

	right: 0;

}


/* Elementor inside fix */
.riven-mega-menu .elementor {

	width: 100%;

}