update

src/scss/_featured.scss

@@ -1,13 +1,108 @@
 body.rwavw-custom {
 
+	.widget[class^='rwavw-feature'],
+	.widget[class*=' rwavw-feature'] {
+
+		h2, h3, h4, h5, h6 {
+			color: #000a38;
+		}
+
+		h2, h3 {
+			font-weight: 400;
+			margin: 0;
+		}
+
+		h4, h5, h6 {
+			font-weight: 600;
+			font-size: 22px;
+			line-height: 33px;
+			letter-spacing: 1px;
+			margin-top: 0;
+			margin-bottom: 22px;
+		}
+
+		p {
+			font-size:19px;
+			margin-bottom: 22px;
+			letter-spacing: normal;
+			color: #020121;
+
+			svg {
+				height: 44px;
+				width: auto;
+				opacity: 0.8;
+			}
+		}
+
+		.pure-g > div {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: stretch;
+
+			&:first-child {
+				padding-right: 44px;
+			}
+
+			&:last-child {
+				padding-left: 44px;
+			}
+		}
+	}
+
+	.widget.rwavw-feature-narrow {
+		.pure-g > div {
+			justify-content: flex-start;
+		}
+
+		h2, h3 {
+			font-size: 60px;
+			line-height: 1;
+			margin-bottom: 44px;
+		}
+
+		.row-group {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+
+		p {
+			font-weight: 600;
+			font-size: 20px;
+			line-height: 33px;
+			padding-right: 18px;
+			margin-top: 0;
+			margin-bottom: 44px;
+			opacity: 0.6;
+
+		}
+	}
+
+	.widget.rwavw-feature-details {
+		.pure-g > div {
+			justify-content: flex-start;
+		}
+
+		h4, h5, h6 {
+			opacity: 0.8;
+		}
+
+		p {
+			font-size:16px;
+			font-weight: 600;
+			opacity: 0.6;
+		}
+	}
+
+	.widget.rwavw-feature-limits {
+	}
+
 	.widget.rwavw-feature-sunset {
 		.pure-g {
 			> div:first-child {
 				z-index: 5;
-				padding-right: 44px;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
 			}
 
 			> div:last-child {
@@ -17,10 +112,7 @@ body.rwavw-custom {
 
 		.h2, h3, h4, h5, h6 {
 			position: relative;
-			font-weight: 400;
 			text-align: right !important;
-			color: #000a38;
-			margin-top: 0;
 			margin-bottom: 44px;
 
 			&::before {
@@ -36,7 +128,6 @@ body.rwavw-custom {
 
 				border-radius: 3px;
 
-				// background-color: rgba(#000, 0.05);
 				background-image: linear-gradient(
 					140deg,
 					rgba($color, 0.01),
@@ -46,9 +137,6 @@ body.rwavw-custom {
 		}
 
 		p {
-			font-size:19px;
-			margin-bottom: 22px;
-			color: #020121;
 			text-align: right !important;
 		}
 	}
@@ -62,9 +150,6 @@ body.rwavw-custom {
 
 		.gallery-item {
 			flex: 100% 0 0;
-
-			.gallery-link {
-			}
 		}
 
 		.pure-g {
@@ -273,72 +358,5 @@ body.rwavw-custom {
 			}
 		}
 	}
-
-	#footer {
-		// TODO set using theme - how?
-		color: #b0b0b0;
-		background-color: #272729;
-
-		a {
-			color: #fff;
-			font-weight: 600;
-			opacity: 0.8;
-
-			&.button-social {
-				color: #fff;
-				 &.btn-massive > i {
-					 font-size: 24px;
-				 }
-			}
-		}
-
-		h2, h3, h4, h5, h6 {
-			color: inherit;
-			font-size: 2.4rem;
-			font-weight: 400;
-			line-height: 22px;
-			letter-spacing: 0.75px;
-			margin: 0 0 22px;
-		}
-
-		.section-title .heading + .excerpt {
-			margin-top: 22px;
-		}
-
-		p {
-			margin: 0 0 22px;
-
-			&:last-child {
-				margin: 0;
-			}
-		}
-	}
-
-	.footer-widgets {
-		.widget.invert,
-		.section-title.invert,
-		widget *:not(:link) {
-			color: inherit;
-		}
-
-		> .pure-g > .pure-u-1 {
-			padding: 44px 22px 0;
-		}
-
-		.section-title {
-			margin: 0 0 22px;
-		}
-
-		.content-vertical-massive {
-			padding-top: 0;
-			padding-bottom: 0;
-		}
-
-		// FIXME temp fix - why happening in first place??
-		.scroll-in-animation {
-			animation: none;
-			opacity: 1;
-		}
-	}
 }
 

src/scss/_hero.scss

@@ -0,0 +1,72 @@
+body.rwavw-custom {
+	.widget.rwavw-hero {
+		height: 100vh;
+
+		#home {
+			width: 100%;
+			height: 100%;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			align-items: center;
+			padding: 96px 90px 90px !important;
+
+			text-shadow: 0 0 5px #000;
+
+			> .section-top {
+				flex: 0 0 auto;
+			}
+
+			> .section-cols {
+				flex: 0 1 100%;
+
+				> .pure-g {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-around;
+					align-items: center;
+					height: 100%;
+				}
+			}
+
+			.hero-cta {
+				margin: 66px 0 44px;
+				a {
+					margin: 0 11px;
+					padding: 11px 22px;
+					font-size: 22px;
+					font-weight: 600;
+
+					border: 3px solid #fff;
+
+					&:first-child {
+						color: #000;
+						background-color: #fff;
+					}
+
+					&:last-child {
+						color: #fff;
+						background-color: transparent;
+					}
+				}
+			}
+
+			h1 {
+				margin: 44px 0;
+				font-size: 90px;
+				font-weight: 400;
+				color: #fff;
+			}
+
+			p {
+				margin-bottom: 22px;
+				font-size: 22px;
+			}
+
+		}
+
+
+	}
+}
+

src/scss/style.scss

@@ -1,3 +1,4 @@
+@import "hero";
 @import "featured";
 @import "contact";
 @import "faq";
@@ -49,12 +50,12 @@ body.rwavw-custom {
 	}
 
 	.custom-logo-link img {
-		max-height: 70px;
+		// max-height: 70px;
 	}
 
 	.heading-page-title {
-		font-weight: 300;
+		// font-weight: 300;
-		opacity: 0.7;
+		// opacity: 0.7;
 	}
 
 	.widget.rwavw-boxed {