@import "./gift-or-not-selection";
@import "./email-address-list";
@import "./footnote";
@import "./custom-message";

.email-article {
	background-color: getColor('white-60');
	color: getColor('black-80');
	font-family: oFontsGetFontFamilyWithFallbacks(MetricWeb);

	&.email-article--open {
		max-height: 1080px;
		transition: max-height 0.5s ease-in;
		overflow: hidden;
	}

	&.email-article--closed {
		max-height: 0;
		transition: max-height 0.5s ease-out;
		overflow: hidden;
	}

	.email-article__border {
		border: solid 1px getColor('black-20');
	}

	.email-article__close {
		@include oButtons();
		@include oButtonsTheme(mono);
		float: right;
		margin: 8px 8px 0 0;
		border: 0;
		min-width: 32px;
		padding: 0;

		i {
			@include oIconsGetIcon('cross', getColor('black-80'), 32, $iconset-version: 1);
			text-indent: 100%;
			overflow: hidden;
		}
	}

	.email-article__container {
		padding: $spacing-unit;
	}

	.email-article__title {
		font-size: 20px;
		font-weight: normal; // overrides user agent's default styling
		margin: 0 0 20px;
	}

	.email-article__section-break {
		border-top: solid 1px getColor('black-30');
	}

	.email-article__submit {
		@include oButtons();
		@include oButtonsSize(big);
		@include oButtonsTheme(primary);
		width: 100%;
		margin: 0 0 $spacing-unit;
		text-transform: none;
		font-size: 16px;
	}

}