// Login styles

#login-wrapper {
	background-image: url(../img/subpage/login-bg.jpg);
	position: relative;
	height: 90vh;
	max-height: 800px;

	> .row {
		position: absolute;
		top: calc(50% + 32px); left: calc(50% + 15px);
		transform: translate(-50%, -50%);
		width: 100%;
	}

	form {
		background-color: rgba($white, 0.7);
		border-radius: 6px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.2);
		padding: 24px;
		text-align: center;

		svg {
			margin-bottom: 16px;
			width: 50%;
			max-width: 180px;

			path {
				fill: $red;
			}
		}
		h4 {
			color: $grayBlue;
			font-size: 20px;
			font-weight: $regular;
		}
		input {
			border-color: $gray-200;

			+ input {
				margin-top: 12px;
			}
		}
		a {
			color: $red;
			display: block;
			margin-top: 16px;
		}
	}

	// Forgot password
	iframe {
		max-height: 480px;
		max-width: 100%;

		#versionBar {
			display: none;
		}
		body {
			background: none;
		}
	}
}