update

src/scss/_feature-sunset.scss

@@ -43,9 +43,7 @@ body.rwavw-custom {
 		}
 
 		@media (max-width: 63.98em) {
-
 			.pure-g {
-
 				> div {
 					position: relative;
 					&:first-child {
@@ -67,7 +65,7 @@ body.rwavw-custom {
 				}
 			}
 
-			h2, h3, h4, h5, h6, p {
+			.heading-section-title, p {
 				color: #fff;
 			}
 		}

src/scss/_featured.scss

@@ -8,7 +8,7 @@ body.rwavw-custom {
 			display: none !important;
 		}
 
-		h2, h3, h4, h5, h6 {
+		.heading-section-title {
 			color: #000a38;
 		}
 
@@ -30,7 +30,7 @@ body.rwavw-custom {
 			svg {
 				height: 44px;
 				width: auto;
-				opacity: 0.8;
+				// color: $accent-500;
 			}
 		}
 
@@ -58,49 +58,122 @@ body.rwavw-custom {
 	}
 
 	.widget.rwavw-feature-narrow {
+		// bg color of row group accent
+		$bg-color: $accent-500;
 		.pure-g > div {
 			justify-content: flex-start;
 		}
 
 		.row-group {
+			position: relative;
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
 			align-items: center;
 
+			margin-bottom: 44px;
 			text-align: center;
+
+			p {
+				margin-bottom: 0;
 			}
+
+			&::before {
+				content: '';
+				display: block;
+				position: absolute;
+				top: -11px;
+				bottom: -11px;
+				left: -16px;
+				right: -16px;
+				background-color: $bg-color;
+
+				background: linear-gradient(
+					to top right,
+					rgba($bg-color, 1),
+					rgba($bg-color, 0.7)
+				);
+				opacity: 0.5;
+			}
+		}
+
+		.row-group + p {
+			opacity: 0.7;
+		}
+
+		@media (min-width: 64em) {
+			.row-group::before {
+				top: -11px;
+				bottom: -11px;
+				left: calc((100vw - 1000px) / -2);
+				right: -22px;
+				background: linear-gradient(
+					to right,
+					rgba($bg-color, 0.8),
+					rgba($bg-color, 1)
+				);
+				opacity: 0.4;
+				// border-radius: 25px;
+			}
+
+			.pure-g > div:last-child .row-group::before {
+				left: -22px;
+				right: calc((100vw - 1000px) / -2);
+				background: linear-gradient(
+					to left,
+					rgba($bg-color, 0.8),
+					rgba($bg-color, 1)
+				);
+			}
+		}
+
 		p, .heading-section-title {
-			margin-bottom: 22px;
+			margin-bottom: 44px;
+		}
+
+		.heading-section-title + p {
+			margin-top: -22px;
 		}
 
 		p {
 			font-weight: 600;
-			font-size: 20px;
+			font-size: 18px;
-			line-height: 33px;
+			line-height: 27px;
-			padding-right: 18px;
 			margin-top: 0;
 			opacity: 0.6;
 
+			&:not(:last-child) {
+				padding-right: 18px;
+			}
+
 			a {
 				display: inline-block;
 				color: rgb(0, 10, 56);
 				font-size: 18px;
-				font-weight: 600;
+				font-weight: 700;
 				background-color: rgba(0, 10, 56, 0.05);
 				margin-left: -22px;
 				padding: 0 22px;
-				border-radius: 22px;
+				// border-radius: 22px;
 				line-height: 42px;
 				height: 44px;
 
-				box-shadow: $box-shadow-sk;;
+				color: $neutral-900;
+				background-color: $accent-500;
+				background-color: linear-gradient(
+					to top right,
+					rgba($accent-500, 1),
+					rgba($accent-500, 0.8)
+				);
+
+				box-shadow: 4px 4px 6px rgba(47, 28, 4, 0.25), 2px 2px 4px rgba(#fff, 0.25) inset;
 
 				svg {
 					position: relative;
 					height: 28px;
 					top: 8px;
 					margin-left: 4px;
+					color: inherit;
 				}
 			}
 
@@ -136,9 +209,6 @@ body.rwavw-custom {
 			}
 		}
 
-		@media (min-width: 767px) {
-		}
-
 		@media (max-width: 64em) {
 			p {
 				text-align: center !important;
@@ -166,14 +236,18 @@ body.rwavw-custom {
 			justify-content: flex-start;
 		}
 
-		h4, h5, h6 {
+		.heading-col-title {
-			opacity: 0.8;
+			color: $accent-500;
 		}
 
 		p {
 			font-size:16px;
 			font-weight: 600;
-			opacity: 0.6;
+			opacity: 0.8;
+
+			&:last-child {
+				opacity: 0.7;
+			}
 		}
 	}
 
@@ -411,10 +485,14 @@ body.rwavw-custom {
 		.pure-g > .pure-u-1 {
 			position: relative;
 
+			&:last-child {
+				padding-left: 15;
+			}
+
 			.heading-col-title {
 				font-size: 18px;
 				font-weight: 600;
-				margin: 110px 0 22px;
+				margin: 110px 0 44px;
 				opacity: 0.8;
 			}
 
@@ -430,19 +508,44 @@ body.rwavw-custom {
 					transform: translateX(-50%) !important;
 					height: 88px;
 					width: 88px;
-					opacity: 0.4;
+					opacity: 0.7;
+					color: $accent-500;
+				}
+			}
+		}
+
+		@media (min-width: 64em) {
+			.pure-g > .pure-u-1 {
+				.heading-col-title {
+					margin: 77px 0 44px;
+				}
+
+				p svg {
+					width: 55px;
+					height: 55px;
 				}
 			}
 		}
 	}
 
 	.widget.rwavw-feature-extras {
+		> div.colors-d {
+			background: linear-gradient(
+				to right,
+				rgba($neutral-900, 1),
+				rgba($neutral-900, 0.92),
+				rgba($neutral-900, 1),
+			);
+		}
+
 		p, .heading-section-title {
 			color: inherit;
+			color: $accent-500;
 		}
 
 		p {
 			&.lead {
+				font-weight: 600;
 				font-size: 22px;
 				margin-bottom: 44px;
 			}

src/scss/_footer.scss

@@ -3,15 +3,15 @@ body.rwavw-custom {
 	#footer {
 		// TODO set using theme - how?
 		color: #b0b0b0;
-		background-color: #272729;
+		background-color: $neutral-900;
 
 		a {
-			color: #fff;
+			color: $accent-500;
 			font-weight: 600;
 			opacity: 0.8;
 
 			&.button-social {
-				color: #fff;
+				color: $accent-500;
 				 &.btn-massive > i {
 					 font-size: 24px;
 				 }

src/scss/_hero.scss

@@ -78,17 +78,33 @@ body.rwavw-custom {
 					font-weight: 600;
 					min-width: 18ch;
 
-					border: 3px solid #fff;
+					border: 3px solid $accent-500;
 
 					&:first-child {
-						color: #000;
+						$bg-color: $accent-500;
-						background-color: #fff;
+
 						margin-bottom: 22px;
+						padding: 17px 18px;
+						color: rgba($neutral-900, 0.85);
+						border: 0;
+						background-color: $bg-color;
+						background: linear-gradient(
+							to top right,
+							rgba($bg-color, 0.95),
+							rgba($bg-color, 0.8)
+						);
 					}
 
 					&:last-child {
-						color: #fff;
+						$bg-color: $neutral-900;
-						background-color: transparent;
+
+						color: $accent-500;
+						background-color: rgba($bg-color, 0.4);
+						background: linear-gradient(
+							to top right,
+							rgba($bg-color, 0.45),
+							rgba($bg-color, 0.15)
+						);
 					}
 				}
 			}
@@ -178,6 +194,8 @@ body.rwavw-custom {
 
 					a {
 						margin: 0 11px;
+						padding: 14px 18px;
+						font-size: 20px;
 
 						&:first-child {
 							margin-bottom: 0;

src/scss/_social-proof.scss

@@ -18,11 +18,8 @@ body.rwavw-custom {
 		}
 	}
 
-	.testimonials-widget-testimonial.list {
-	}
-
 	.bx-wrapper {
-		height: 270px;
+		height: 285px;
 	}
 
 	.testimonials-widget {
@@ -46,15 +43,19 @@ body.rwavw-custom {
 		}
 
 		> blockquote {
+			font-size: 15px;
+			border-color: rgba($accent-500, 0.4);
 		}
 
 		> .credit {
+			font-weight: 600;
+			opacity: 0.75;
 		}
 	}
 
 	@media (min-width: 64em) {
 		.widget.social-proof {
-			min-height: 296px;
+			min-height: 315px;
 		}
 	}
 }

src/scss/_variables.scss

@@ -1,7 +1,7 @@
 
-$color--accent-500: #fc8d00;
+$accent-500: #fc8d00;
 
-$color--neutral-900: #231f20;
+$neutral-900: #231f20;
 
 
 $box-shadow-sk: 4px 4px 6px rgba(0, 10, 56, 0.15), -4px -4px 9px rgba(#fff, 0.75);

src/scss/style.scss

@@ -171,4 +171,53 @@ body.rwavw-custom {
 			font-size: 60px;
 		}
 	}
+
+	.widget.rwavw-cta-box {
+		.section-cols > .pure-g {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			align-content: center;
+
+			> div {
+				margin: 22px 0;
+			}
+		}
+
+		a {
+			&:link,
+			&:visited {
+				color: $accent-500;
+				font-weight: bold;
+				font-size: 18px;
+				opacity: 0.8;
+			}
+
+			&:hover,
+			&:active {
+				opacity: 1;
+			}
+
+			svg {
+				position: relative;
+				width: auto;
+				height: 29px;
+				top: 9px;
+				margin-left: 5px;
+			}
+		}
+
+		@media (min-width: 680px) {
+			.section-cols > .pure-g {
+				flex-direction: row;
+				justify-content: space-around;
+				align-items: flex-start;
+
+				> div {
+					flex: 0 0 auto;
+				}
+			}
+		}
+	}
 }