update

src/scss/_feature-sunset.scss

@@ -2,11 +2,17 @@ body.rwavw-custom {
 	.widget.rwavw-feature-sunset {
 		.pure-g {
 			> div:first-child {
+				z-index: 10;
 				padding: 20px 80px;
 			}
+
+			> div:last-child {
+				z-index: 5;
+				max-width: 40em;
+			}
 		}
 
-		h2, h3, h4, h5, h6 {
+		.heading-section-title {
 			position: relative;
 			margin-bottom: 44px;
 		}
@@ -26,7 +32,7 @@ body.rwavw-custom {
 				}
 			}
 
-			h2, h3, h4, h5, h6 {
+			.heading-section-title {
 				font-size: 28px;
 				margin-bottom: 22px;
 			}
@@ -45,7 +51,7 @@ body.rwavw-custom {
 					&:first-child {
 						position: absolute;
 						width: 100%;
-						max-width: 728px;
+						max-width: 40em;
 						margin-left: auto;
 						margin-right: auto;
 						height: 100%;
@@ -67,29 +73,29 @@ body.rwavw-custom {
 		}
 
 		@media (min-width: 64em) {
-			h2, h3, h4, h5, h6, p {
+			.heading-section-title, p {
 				text-align: right !important;
 			}
 
-			h2, h3, h4, h5, h6 {
+			.heading-section-title {
 
 				&::before {
-					$bg-color: rgb(3, 41, 109);
+					$color: rgb(3, 41, 109);
 					z-index: -1;
 					content: '';
 					display: block;
 					position: absolute;
 					width: 230%;
-					height: 300%;
+					height: 275%;
-					top: 48px;
+					top: 35px;
 					left: -22px;
 
-					border-radius: 3px;
+					border-radius: $border-radius;
 
 					background-image: linear-gradient(
 						140deg,
-						rgba($bg-color, 0.01),
+						rgba($color, 0.05),
-						rgba($bg-color, 0.05)
+						rgba($color, 0.1)
 					);
 				}
 			}

src/scss/_featured.scss

@@ -3,13 +3,13 @@ body.rwavw-custom {
 	.widget[class^='rwavw-feature'],
 	.widget[class*=' rwavw-feature'] {
 
-		h2, h3, h4, h5, h6 {
+		img.bg {
-			color: #000a38;
+			// TODO where is that iomage comiong from?
+			display: none !important;
 		}
 
-		h2, h3 {
+		h2, h3, h4, h5, h6 {
-			font-weight: 400;
+			color: #000a38;
-			margin: 0;
 		}
 
 		h4, h5, h6 {
@@ -39,6 +39,8 @@ body.rwavw-custom {
 			flex-direction: column;
 			justify-content: center;
 			align-items: stretch;
+			margin-left: auto;
+			margin-right: auto;
 		}
 
 		@media (min-width: 67.98em) {
@@ -60,17 +62,16 @@ body.rwavw-custom {
 			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;
+
+			text-align: center;
+		}
+		p, .heading-section-title {
+			margin-bottom: 22px;
 		}
 
 		p {
@@ -79,7 +80,6 @@ body.rwavw-custom {
 			line-height: 33px;
 			padding-right: 18px;
 			margin-top: 0;
-			margin-bottom: 44px;
 			opacity: 0.6;
 
 			a {
@@ -88,12 +88,13 @@ body.rwavw-custom {
 				font-size: 18px;
 				font-weight: 600;
 				background-color: rgba(0, 10, 56, 0.05);
+				margin-left: -22px;
 				padding: 0 22px;
 				border-radius: 22px;
 				line-height: 42px;
 				height: 44px;
 
-				box-shadow: 4px 4px 6px rgba(0, 10, 56, 0.25), -4px -4px 6px rgba(#fff, 0.5);
+				box-shadow: $box-shadow-sk;;
 
 				svg {
 					position: relative;
@@ -102,16 +103,20 @@ body.rwavw-custom {
 					margin-left: 4px;
 				}
 			}
+
+			&.text-right a {
+				margin-right: -22px;
+			}
 		}
 
 		.swiper-container {
-			border-radius: 6px;
+			border-radius: $border-radius;
 			box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2);
 		}
 
 		.swiper-wrapper {
 			position: relative;
-			border-radius: 6px;
+			border-radius: $border-radius;
 			overflow: hidden;
 
 			&::after {
@@ -130,6 +135,30 @@ body.rwavw-custom {
 				opacity: 0.6;
 			}
 		}
+
+		@media (min-width: 767px) {
+		}
+
+		@media (max-width: 64em) {
+			p {
+				text-align: center !important;
+
+				a {
+					margin-left: 0;
+					margin-right: 0;
+				}
+			}
+
+			.swiper-wrapper {
+				display: none;
+			}
+		}
+
+		@media (min-width: 64em) {
+			p, .heading-section-title {
+				margin-bottom: 44px;
+			}
+		}
 	}
 
 	.widget.rwavw-feature-details {
@@ -149,7 +178,7 @@ body.rwavw-custom {
 	}
 
 	.widget.rwavw-feature-limits {
-k		h2, h3, h4, h5, h6 {
+		h2, h3, h4, h5, h6 {
 			margin-top: 44px;
 
 			@media (min-width: 64em) {
@@ -159,76 +188,6 @@ k		h2, h3, h4, h5, h6 {
 		}
 	}
 
-	.widget.rwavw-feature-sunset {
-		.pure-g {
-			> div:first-child {
-				z-index: 10;
-			}
-
-			> div:last-child {
-				z-index: 5;
-			}
-		}
-
-		.h2, h3, h4, h5, h6 {
-			position: relative;
-			margin-bottom: 44px;
-		}
-
-		@media (max-width: 63.98em) {
-			.pure-g {
-
-				> div {
-					position: relative;
-					&:first-child {
-						position: absolute;
-						width: 100%;
-						height: 100%;
-						top: 0;
-						left: 0;
-					}
-				}
-			}
-		}
-
-		@media (min-width: 64em) {
-			h2, h3, h4, h5, h6, p {
-				text-align: right !important;
-			}
-
-			h2, h3, h4, h5, h6 {
-
-				&::before {
-					$color: rgb(3, 41, 109);
-					z-index: -1;
-					content: '';
-					display: block;
-					position: absolute;
-					width: 230%;
-					height: 300%;
-					top: 48px;
-					left: -22px;
-
-					border-radius: 3px;
-
-					background-image: linear-gradient(
-						140deg,
-						rgba($color, 0.01),
-						rgba($color, 0.05)
-					);
-				}
-			}
-
-			> div:first-child {
-				z-index: 10;
-			}
-
-			> div:last-child {
-				z-index: 5;
-			}
-		}
-	}
-
 	.widget.rwavw-feature-main {
 
 		margin-top: 0;
@@ -446,5 +405,48 @@ k		h2, h3, h4, h5, h6 {
 			}
 		}
 	}
+
+	.widget.rwavw-feature-shortlist {
+
+		.pure-g > .pure-u-1 {
+			position: relative;
+
+			.heading-col-title {
+				font-size: 18px;
+				font-weight: 600;
+				margin: 110px 0 22px;
+				opacity: 0.8;
+			}
+
+			p {
+				margin: 0;
+
+				svg {
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					top: 0;
+					left: 50%;
+					transform: translateX(-50%) !important;
+					height: 88px;
+					width: 88px;
+					opacity: 0.4;
+				}
+			}
+		}
+	}
+
+	.widget.rwavw-feature-extras {
+		p, .heading-section-title {
+			color: inherit;
+		}
+
+		p {
+			&.lead {
+				font-size: 22px;
+				margin-bottom: 44px;
+			}
+		}
+	}
 }
 

src/scss/_social-proof.scss

@@ -1,21 +1,44 @@
 body.rwavw-custom {
-	.testimonials-widget {
+	.testimonials-widget-testimonial.list,
+	.bx-wrapper {
+		position: relative;
+		padding: 22px;
 
-		// display: flex;
+		&::before {
-		// flex-direction: row;
+			content: '';
-		// flex-wrap: wrap;
+			display: block;
-		// justify-content: center;
+			position: absolute;
-		// align-items: center;
+			width: 100%;
+			top: 55px;
+			bottom: 0;
+			left: 0;
+
+			border-radius: $border-radius;
+			box-shadow: $box-shadow-sk;
+		}
+	}
+
+	.testimonials-widget-testimonial.list {
+	}
+
+	.bx-wrapper {
+		height: 270px;
+	}
+
+	.testimonials-widget {
+		max-width: 100%;
 
 		> .image {
-			order: 2;
+			position: relative;
-			flex: 1 1 auto;
+			width: 66px;
-			width: 4em;
+			height: 66px;
-			height: 4em;
+			margin-bottom: 22px;
 			border-radius: 50%;
 			background-color: #999;
 			overflow: hidden;
 
+			box-shadow: 2px 2px 4px rgba(#000, 0.075);
+
 			> img {
 				width: 100%;
 				height: auto;
@@ -23,15 +46,15 @@ body.rwavw-custom {
 		}
 
 		> blockquote {
-			order: 1;
-			flex: 0 0 100%;
-			background-color: rgba(red, 0.1);
 		}
 
 		> .credit {
-			order: 3;
+		}
-			flex: 0 1 100%;
+	}
-			background-color: rgba(orange, 0.1);
+
+	@media (min-width: 64em) {
+		.widget.social-proof {
+			min-height: 296px;
 		}
 	}
 }

src/scss/_variables.scss

@@ -1,25 +1,10 @@
-@import "color";
 
-$bp-s: 576px;
+$color--accent-500: #fc8d00;
-$bp-m: 768px;
-$bp-l: 992px;
-$bp-xl: 1200px;
 
-// use with max- queries - so that min- and max- queries with equal
+$color--neutral-900: #231f20;
-// breakpoints do not both evaluate to true
-$bp-max-s: 575.98px;
-$bp-max-m: 767.98px;
-$bp-max-l: 991.98px;
-$bp-max-xl: 1199.98px;
 
-$column-max-width: 1140px;
 
-$line-height: 1.5;
+$box-shadow-sk: 4px 4px 6px rgba(0, 10, 56, 0.15), -4px -4px 9px rgba(#fff, 0.75);
+$border-radius: 6px;
 
-$btn-border-radius: 12px;
-$btn-border-width: 0;
-$btn-border-color: currentColor;
-
-$color-body: $color__neutral-700;
-$background-color: $color__white;
 

src/scss/style.scss

@@ -1,3 +1,4 @@
+@import "variables";
 @import "hero";
 @import "featured";
 @import "feature-sunset";
@@ -51,13 +52,18 @@ body.rwavw-custom {
 		}
 	}
 
-	.custom-logo-link img {
+	.wrapper-site > .wrapper-content > .widget {
-		// max-height: 70px;
+		margin-bottom: 44px;
-	}
 
-	.heading-page-title {
+		&:not(:first-child) {
-		// font-weight: 300;
+			margin-top: 44px;
-		// opacity: 0.7;
+		}
+
+		&.rwavw-feature-details {
+			@media (max-width: 64em) {
+				margin-top: -44px;
+			}
+		}
 	}
 
 	.widget.rwavw-boxed {
@@ -144,4 +150,25 @@ body.rwavw-custom {
 			rgba(#000, 0) 50%
 		);
 	}
+
+	.heading-section-title {
+		font-weight: 400;
+		font-size: 32px;
+		line-height: 1.2;
+		margin-bottom: 44px;
+
+		@media (max-width: 767px) {
+		}
+
+		@media (min-width: 766.98px) {
+		}
+
+		@media (max-width: 63.98em) {
+			text-align: center !important;
+		}
+
+		@media (min-width: 64em) {
+			font-size: 60px;
+		}
+	}
 }