From fcdfeeb400e7f69844838ec158437f32fa20edcb Mon Sep 17 00:00:00 2001
From: rayelliott <rayelliott@git.rayelliott.dev>
Date: Thu, 4 Jun 2020 14:29:17 +0000
Subject: [PATCH] update

---
 src/scss/_featured.scss | 98 +++++++++++++++++++++++++++++++++++------
 src/scss/style.scss     | 35 ++++++++++++---
 2 files changed, 114 insertions(+), 19 deletions(-)

diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss
index 583b9b6..8dec880 100644
--- a/src/scss/_featured.scss
+++ b/src/scss/_featured.scss
@@ -3,13 +3,13 @@ body.rwavw-custom {
 	.widget[class^='rwavw-feature'],
 	.widget[class*=' rwavw-feature'] {
 
-		h2, h3, h4, h5, h6 {
-			color: #000a38;
+		img.bg {
+			// TODO where is that iomage comiong from?
+			display: none !important;
 		}
 
-		h2, h3 {
-			font-weight: 400;
-			margin: 0;
+		h2, h3, h4, h5, h6 {
+			color: #000a38;
 		}
 
 		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,6 +88,7 @@ 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;
@@ -102,6 +103,10 @@ body.rwavw-custom {
 					margin-left: 4px;
 				}
 			}
+
+			&.text-right a {
+				margin-right: -22px;
+			}
 		}
 
 		.swiper-container {
@@ -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) {
@@ -446,5 +475,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;
+			}
+		}
+	}
 }
 
diff --git a/src/scss/style.scss b/src/scss/style.scss
index bc62565..fa8e3ee 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -51,13 +51,15 @@ body.rwavw-custom {
 		}
 	}
 
-	.custom-logo-link img {
-		// max-height: 70px;
-	}
+	.wrapper-site > .wrapper-content > .widget {
+		margin-top: 44px;
+		margin-bottom: 44px;
 
-	.heading-page-title {
-		// font-weight: 300;
-		// opacity: 0.7;
+		&.rwavw-feature-details {
+			@media (max-width: 64em) {
+				margin-top: -44px;
+			}
+		}
 	}
 
 	.widget.rwavw-boxed {
@@ -144,4 +146,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;
+		}
+	}
 }