/*
Currently in use at:
- NDN
		perl/Ndn/Dhwebpanel/Billing/Account.pm.tp
		perl/Ndn/Dhwebpanel/Domain/Secure.pm.tp
		perl/Ndn/Dhwebpanel/Home/Overview.pm.tp
		perl/Ndn/Dhwebpanel/Mail/Addresses.pm.tp
- DH.com
		index.html
		promo/wbe-wp-managed/index.html
		website-builder/themes/index.es.html
		website-builder/themes/index.html
		wordpress/managed-wp-hosting/index.es.html
		wordpress/managed-wp-hosting/index.html
- Signup
		Custom component
*/

// use remodal.js
// https://github.com/vodkabears/Remodal

.Modal {
	padding: 1.5rem;
	border-radius: $border-radius;
	@extend .remodal;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.Modal__button-group {
	margin-top: 2rem;
}

@media screen and (min-width: $medium-breakpoint) {
	.Modal { padding: 4.5rem }
	.Modal__heading {
		@include fontsize($t-5);
	}
}

.remodal-overlay {
	background: rgba($light-grey, .9) !important;
}