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