/**
 * Page feedback
 *
 * Description: Style for the page feedback form.
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Page feedback
 *   1.1 - Page feedback (responsive)
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Page feedback
 * -----------------------------------------------------------------------------
 */

.page-feedback {
	position: relative;
	border-top: 1px solid $grey-light;
	padding-top: $margin-standard;
	margin-top: $margin-standard * 0.75;
	overflow: hidden;

	.h-byline {
		padding-top: em(4px, getFontsize($h3-sizes, 'medium'));
	}

	.expandable {
		padding-top: em(20px);

		.alert {
			margin-top: 0;
		}
	}
}


/**
 * 1.1 - Page feedback (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-small-max) {
	.page-feedback {
		.h-byline {
			padding-top: em(0px, getFontsize($h3-sizes, 'medium'));
			margin-top: em(-10px, getFontsize($h3-sizes, 'medium'));
		}
	}
}