/**
 * activation.scss
 * Styles applied to elements displayed on activation
 */

/**
 * Imports
 */
@import 'variables/variables';

/**
 * Styling begins
 */
div.everest-forms-message {
	overflow: hidden;
	position: relative;
	border-left-color: $everestforms !important;

	&.evf-review-notice {
		padding: 16px;
		display: flex;
		align-items: center;

		.everest-forms-logo {
			height: 80px;
			width: 80px;
			border-radius: 4px;
			margin-right: 16px;
			flex: 0 0 80px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: $everestforms;

			svg {
				height: 64px;
				width: 64px;
				fill: $color-white;
			}
		}

		.everest-forms-message--content {
			h3 {
				margin: 0;
				font-size: 14px;
			}

			p {
				margin-top: 4px;
				padding: 0;

				&.submit {
					margin-top: 9px;
					margin-bottom: 0;

					.button {
						margin-right: 5px;
					}

					.evf-button-link {
						padding: 0 2px 0;
						box-shadow: none;
					}
				}
			}
		}
	}

	a.everest-forms-message-close {
		position: static;
		float: right;
		top: 0;
		right: 0;
		padding: 0px 15px 10px 28px;
		margin-top: -10px;
		font-size: 13px;
		line-height: 1.23076923;
		text-decoration: none;

		&:before {
			position: relative;
			top: 18px;
			left: -20px;
			transition: all .1s ease-in-out;
		}
	}

	.button-primary,
	.button-secondary {
		text-decoration: none !important;
	}
}