update

src/scss/_featured.scss

@@ -1,10 +1,76 @@
 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;
+				color: #ba815b;
+				opacity: 0.6;
+			}
+		}
+
+		.pure-g > div:first-child {
+			padding-right: 44px;
+		}
+
+		.pure-g > div:last-child {
+			padding-left: 44px;
+		}
+	}
+
+	.widget.rwavw-feature-details {
+		h4, h5, h6 {
+			opacity: 0.8;
+		}
+
+		p {
+			font-size:16px;
+			font-weight: 600;
+			opacity: 0.6;
+		}
+	}
+
+	.widget.rwavw-feature-limits {
+		.pure-g > div:last-child {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+
+			h2, h3, h4, h5, h6 {
+			}
+		}
+	}
+
 	.widget.rwavw-feature-sunset {
 		.pure-g {
 			> div:first-child {
 				z-index: 5;
-				padding-right: 44px;
 				display: flex;
 				flex-direction: column;
 				justify-content: center;
@@ -17,10 +83,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 +99,6 @@ body.rwavw-custom {
 
 				border-radius: 3px;
 
-				// background-color: rgba(#000, 0.05);
 				background-image: linear-gradient(
 					140deg,
 					rgba($color, 0.01),
@@ -46,9 +108,6 @@ body.rwavw-custom {
 		}
 
 		p {
-			font-size:19px;
-			margin-bottom: 22px;
-			color: #020121;
 			text-align: right !important;
 		}
 	}
@@ -273,72 +332,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;
-		}
-	}
 }