body.rwavw-custom {

	.widget.rwavw-featured {
		h2 {
			color: red;
		}

		> .fg {
			padding-top: 0;
		}

		.pure-g {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;

			> .pure-u-1 {
				flex: 0 0 100%;

				&:nth-child(2n) {
					background-color: rgba(#000, 0.05);
				}

				h1, h2, h3, h4, h5, h6 {
					margin-bottom: 1.5rem;
					font-size: 2.5rem;
					font-weight: 500;
				}

				p {
					font-size: 2rem;
				}

				img {
					max-width: 46em;
				}

				> .row {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;

					> div {
						// flex: 0 0 50%;
						width: auto;
					}
				}

				@media (max-width: 63.98em) {

					&:nth-child(2n) {
					}
				}

				@media (min-width: 64em) {
					&:nth-child(2n) {
					}
				}
			}
		}
	}

	#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;
		}
	}
}