@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

div.go-premium
{
	background: white;
	margin: 0 auto 0 auto;
	width: 810px;
	box-shadow: 0 0 10px 1px #eaeaea;
	overflow: hidden;
	position: fixed;
	top: 95px;

	&.indicator
	{
		padding-top: 200px;
	}

	& > p
	{
		font: bold 1.3em @title-font;
		margin-top: 5px;
		text-align: center;
	}

	a.button
	{
		display: block;
		background: #009900;
		color: white;
		font-weight: bold;
		width: 150px;
		border-radius: 3px;
		padding: 10px;
		text-decoration: none;
		margin: 30px auto 20px auto;
		font: bold 1em @title-font;
		text-align: center;
	}

	div.announcement
	{
		height: 430px;
		display: block;
		width: auto;
		margin: 0;
		padding: 0;

		html[dir='rtl'] &
		{
			margin: 0;
			padding: 0;
		}

		.plan-description ul li
		{
			display: inline-block;
			vertical-align: top;
			margin: 0;
			height: auto;
		}

		.option
		{
			width: 225px;
			text-align: center;
			margin: 10px 20px;

			span
			{
				float: none;
				display: block;
				margin: auto;
			}

			p
			{
				margin: 0;

				&.text
				{
					display: block;
					font-size: 0.8em;
				}

				&.title
				{
					font-weight: bold;
					margin: 10px 0;
					padding: 0;
					cursor: auto;

					&::after
					{
						display: none;
					}
				}
			}
		}
	}

	div.price
	{
		font-size: 1em;

		h2#price
		{
			font: bold 1.2em @title-font;
		}

		.subscriber
		{
			font-size: .9em;
			font-weight: normal;
			display: block;
		}
	}
}

div.premium-overlay
{
	position: absolute;
	background: rgba(255,255,255,0.75);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;

	i
	{
		display: inline-block;
		float: right;
		color: #ccc;
		cursor: pointer;

		html[dir=rtl] &
		{
			float: left;
		}
	}
}

.premium-popup
{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	display: none;
}