update

src/scss/_featured.scss

@@ -1,4 +1,5 @@
 body.rwavw-custom {
+
 	.widget.rwavw-featured {
 		h2 {
 			color: red;
@@ -69,7 +70,8 @@ body.rwavw-custom {
 
 		a {
 			color: #fff;
-			color: #ba815b;
+			font-weight: 600;
+			opacity: 0.8;
 
 			&.button-social {
 				color: #fff;
@@ -81,14 +83,11 @@ body.rwavw-custom {
 
 		h2, h3, h4, h5, h6 {
 			color: inherit;
-			font-size: 1.8rem;
+			font-size: 2.4rem;
-			font-weight: 500;
+			font-weight: 400;
+			line-height: 22px;
 			letter-spacing: 0.75px;
 			margin: 0 0 22px;
-
-			&.heading-section-title {
-				margin: 0;
-			}
 		}
 
 		.section-title .heading + .excerpt {
@@ -123,6 +122,12 @@ body.rwavw-custom {
 			padding-top: 0;
 			padding-bottom: 0;
 		}
+
+		// FIXME temp fix - why happening in first place??
+		.scroll-in-animation {
+			animation: none;
+			opacity: 1;
+		}
 	}
 }
 

src/scss/style.scss

@@ -2,9 +2,49 @@
 @import "contact";
 @import "faq";
 
+#top-nav .ext-nav-toggle,
+.state2 body.rwavw-custom .page-border.top {
+	@media (max-width: 767px) {
+		height: 40px !important;
+	}
+}
+
 body.rwavw-custom {
-	#top-nav .logo {
+	#top-nav {
-		margin-top: 16px;
+		.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 {
@@ -16,21 +56,67 @@ body.rwavw-custom {
 		opacity: 0.7;
 	}
 
-	.page-border.bottom::after {
+	.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;
-		width: 100%;
+			background-color: rgba(#000, 0.03);
-		height: 4px;
-		bottom: 100%;
-		left: 0;
-
-		background: linear-gradient(
-			to top,
-			rgba(#000, 0.1),
-			rgba(#000, 0)
-		);
 		}
+
+		&.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;
@@ -40,6 +126,18 @@ body.rwavw-custom {
 		top: 100%;
 		left: 0;
 
-		background-color: rgba(#000, 0.9);
+		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%
+		);
 	}
 }