index.html

// where do you need cover?

a.wherecover-popover-close {
	font-size: 35px;
	position: absolute;
	right: 16px;
	top: -5px;
	z-index: 99999;
	color: $darkgrey;
}

.wherecover-popover-menu {
	display: none;
	padding-top: 1rem;

	.columns.nopad {
		padding: 0;
	}

	.ui-checkboxradio-icon {
		display: none;
	}

	.ui-checkboxradio-label {
		width: 100%;
		background: #fff !important;
		text-align: left !important;
		border-radius: 0;
		padding: 2rem 1rem !important;
		border: 1px solid $lightgrey !important;
		margin-bottom: 0.9375rem;

		/* Large and up */
		@media screen and (min-width: 64em) {
			//raise min-height value if more text content is added to 'where do you need cover' columns
			min-height: 500px;
		}

		h2 {
			font-size: 18px;
		}

		p {
			font-size: 12px;
		}

		h2, p, small {
			color: $darkgrey;
		}
	}

	.ui-button:hover {
		text-align: left !important;
		background: $green !important;
		border: 1px solid $lightgrey !important;

		h2, p, small {
			color: #fff;
		}
	}

	.ui-button:active, .ui-checkboxradio-checked {
		background: $green !important;

		h2, p, small {
			color: #fff;
		}
	}
}