@import "hero";
@import "featured";
@import "feature-sunset";
@import "contact";
@import "faq";
@import "social-proof";
@import "footer";

#top-nav .ext-nav-toggle,
.state2 body.rwavw-custom .page-border.top {
	@media (max-width: 767px) {
		height: 40px !important;
	}
}

body.rwavw-custom {
	#top-nav {
		.nav,
		.logo {
			float: none;
		}

		.logo {
			margin-top: 0;

			.sitename {
				font-size: 16px;
				font-weight: 600;
				opacity: 0.9;
			}
		}
	}

	.top-nav-inner {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		&::before,
		&::after {
			content: none;
		}

		> .logo {
			order: 5;
		}

		> .nav {
			order: 10;
		}
	}

	.custom-logo-link img {
		// max-height: 70px;
	}

	.heading-page-title {
		// font-weight: 300;
		// opacity: 0.7;
	}

	.widget.rwavw-boxed {
		width: calc(100% - 80px);
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-border {
		background-color: #fff;

		&::after {
			content: '';
			display: block;
			position: absolute;
			background-color: rgba(#000, 0.03);
		}

		&.top::after,
		&.bottom::after {
			width: 100%;
			height: 1px;
			left: 0;
		}

		&.bottom::after {
			bottom: 100%;
			background-color: rgba(#000, 0.05);
		}

		&.top::after {
			top: 100%;
		}

		&.left::after,
		&.right::after {
			width: 1px;
			top: 0;
			bottom: 0;
		}

		&.left::after {
			left: 100%;
		}

		&.right::after {
			right: 100%;
		}

		@at-root html.state2 .page-border.left::after {
			top: 60px;
		}

		@at-root html.state2 .page-border.right::after {
			top: 60px;
		}
	}

	.page-border.bottom::after {
		bottom: 100%;
	}

	.page-border.bottom::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		left: 0;

		background: linear-gradient(
			to left,
			rgba(#000, 0),
			rgba(#000, 0.9) 32px,
			rgba(#000, 1) 50%,
			rgba(#000, 0) 50%
		), linear-gradient(
			to right,
			rgba(#000, 0),
			rgba(#000, 0.9) 32px,
			rgba(#000, 1) 50%,
			rgba(#000, 0) 50%
		);
	}
}