
//	=================
//    	Imports
//	=================

@import '../../base/color_variables';   	// Color Variables
@import '../../base/fonticons';   			// Fonticons Variables
@import '../../base/urls';   				// URLS Variables
@import '../../base/utilities_variables';  // Utilities Variables

body {
	background: $color_235 $url_14 no-repeat fixed center;
	background-size: cover;
}
#info {
	position: $pos-rel;
	padding: $p-40 $p-0 $p-0 $p-0;
	z-index: 2;
	margin: 0 auto;
	.title {
		margin: 0 auto;
		text-align: $align-center;
	}
	.footer {
		margin: 0 auto;
		text-align: $align-center;
	}
	.actions {
		max-width: 450px;
		margin: 0 auto;
	}
}
.coming-soon-title {
	color: $color_88;
	font-size: 55px;
	font-weight: 600;
}
#clockdiv {
	color: $white;
	margin: $p-80 $p-0;
	font-size: 50px;
	font-weight: 700;
	>div {
		padding: $p-10;
		border-radius: $br-0;
		background: $color_none;
		display: inline-block;
		margin-left: $m-30;
		margin-right: $m-30;
	}
}
.smalltext {
	font-size: 12px;
	font-weight: normal;
	text-transform: $transform-upper;
}
h6.p-subtitle {
	color: $white;
	text-align: $align-center;
	font-size: 15px;
}
/*      Action   */
.actions {
	h4 {
		font-size: 16px;
		color: $white;
	}
	form {
		.form-div {
			input {
				border-color: $color_none;
				border-radius: 1.25rem;
				padding: 8px $p-20;
				color: $white;
				background: $color_221;
				border: none;
				&::-webkit-input-placeholder {
					color: $white;
				}
				&::-ms-input-placeholder {
					color: $white;
				}
				&::-moz-placeholder {
					color: $white;
				}
			}
			button {
				border-radius: 1.25rem;
				padding: 6px $p-20;
				font-size: 17px;
				font-weight: 400;
			}
		}
	}
}
/*      Footer Wrapper  */
#footerWrapper {
	ul.social-media.list-inline {
		li {
			a {
				i {
					padding: 8px;
					border-radius: 25px;
					cursor: pointer;
					color: $white;
					box-shadow: 0px 0px 0px 1px $color_2;
					letter-spacing: 0;
				}
			}
			&:hover {
				a {
					i {
						color: $white;
						box-shadow: none;
						box-shadow: $shadow-3;
						background-image: $additional-gradient-color-34;
					}
				}
			}
		}
	}
	.copy-right {
		color: $white;
		a {
			color: $white;
		}
	}
}
