/**
* @version   $Id: comingsoon.less 12813 2013-08-16 21:57:09Z arifin $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

@import "variables.less";
@import "/jui/less/mixins.less";
@import "mixins/index.less";

#system-message-container {
    position: relative;
    z-index: 1000;
}
#rt-header-surround {
	background-image: url(../images/patterns/poly2.png);
	background-position: 50% 50%;
}
.rt-comingsoon-logo {
	#rt-logo {
		margin: 0 auto;
		padding-bottom: 15px;
	}
}
.rt-comingsoon-body {
	padding: 150px 0;
}
.rt-comingsoon-title {
	margin: 30px 0;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.rt-comingsoon-message,
.rt-authorized-login-message {
	text-align: center;
	width: 50%;
	margin: auto;
}
.rt-counter-block {
	display: block;
	padding: 30px 0 0 0;
	margin: 0;
}
#rt-comingsoon-counter {
	text-align: center;
	.counter-block {
		display: inline-block;
		margin: 0 5px;
		padding: 0;
	}
	.number, .word {
		display: block;
		margin: 0;
		padding: 0;
	}
	.number {
		width: 100px;
		height: 80px;
		line-height: 80px;
		font-size: 2.3em;
		font-weight: normal;
		border-radius: 4px;
		margin-bottom: 10px;
		color: @white;
		background: @dark-grey;
		background: -moz-linear-gradient(top, darken(@dark-grey, 5%) 0%, darken(@dark-grey, 5%) 50%, @dark-grey 50%, @dark-grey 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,darken(@dark-grey, 5%)), color-stop(50%,darken(@dark-grey, 5%)), color-stop(50%,@dark-grey), color-stop(100%,@dark-grey));
		background: -webkit-linear-gradient(top, darken(@dark-grey, 5%) 0%,darken(@dark-grey, 5%) 50%,@dark-grey 50%,@dark-grey 100%);
		background: -o-linear-gradient(top, darken(@dark-grey, 5%) 0%,darken(@dark-grey, 5%) 50%,@dark-grey 50%,@dark-grey 100%);
		background: -ms-linear-gradient(top, darken(@dark-grey, 5%) 0%,darken(@dark-grey, 5%) 50%,@dark-grey 50%,@dark-grey 100%);
		background: linear-gradient(to bottom, darken(@dark-grey, 5%) 0%,darken(@dark-grey, 5%) 50%,@dark-grey 50%,@dark-grey 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken(@dark-grey, 5%)', endColorstr='@dark-grey',GradientType=0 );
	}
	.word {
		font-size: 80%;
		text-transform: uppercase;
	}
}

.rt-subscription-title,
.rt-authorized-form-title {
	font-size: 160%;
	margin-bottom: 25px;
	text-align: center;
}

#rt-subscription-form {
	color: @white;
	background: @accent-color2;
	padding: 80px 0;
}

#rt-authorized-form {
	color: @footer-text-color;
	background: @footer-background;
	padding: 50px 0;
}

.rt-comingsoon-form,
.rt-authorized-login-form {
    margin: auto;
    text-align: center;
    width: 80%;
	.inputbox {
		color: @grey;
		border: 1px solid transparent;
		#gradient > .horizontal(fadeout(@white, 30%), fadeout(@white, 30%));
		width: 30%;
		font-size: 1em;
		padding: 0 15px;
		height: 40px;
	}
	.button{
	    font-size: 1em;
	    padding: 2px 25px;
	    height: 42px;
	}
}

#rt-form-login {
	margin: 25px auto;
}

// Mobile Modes
@media (max-width: 767px) {
	body.layout-mode-responsive {
		.rt-comingsoon-body {
			padding: 50px 0;
		}
		.rt-comingsoon-title {
			letter-spacing: 5px;
			width: 80%;
			margin: auto;
		}
		.rt-comingsoon-form,
		.rt-authorized-login-form {
			.inputbox, .button {
				width: 80%;
			    height: 60px;
			    margin: auto;
				display: block;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.inputbox {
				margin: 15px auto;
			}
			.readon, .button {
			    padding: 10px 25px;
			}
		}
		#rt-subscription-form {
			background-position: 50% 150px;
		}
	}
}

// Small Screen Mobile Modes
@media only screen and (max-width: 480px) {
	body.layout-mode-responsive {
		.rt-comingsoon-title {
			font-size: 1.5em;
			letter-spacing: 3px;
			width: 90%;
			margin: auto;
		}
		#rt-comingsoon-counter {
			.number {
				width: 50px;
				height: 40px;
				line-height: 40px;
				font-size: 1.2em;
			}
			.word {
				font-size: 60%;
			}
		}
	}
}