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

div#atlas-header > div > span.like-header
{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 1.5em;
	font-family: @title-font;
	clear: left;
	font-weight: bold;
}

div#atlas
{
	h1
	{
		font-size: 130%;
		font-weight: normal;
		font-family: @title-font;
		margin-bottom: 0;
	}

	&.whatis-description
	{
		div.yodatai-description
		{
			padding-bottom: 2px;
		}

		h4.whatis-description
		{
			font-size: 100%;
			font-weight: bold;
			font-family: @title-font;

			margin-top: 15px;
			margin-bottom: 0;
		}

		p.description
		{
			margin-top: 5px;
		}
	}

	h3.unit
	{
		font-family: @title-font;
		font-style: italic;
		font-size: 80%;
	}

	.description
	{
		font-size: small;
		text-align: justify;

		html[dir='rtl'] & // Added this style to shift the "." to the right side of the text.
		{
			direction: ltr;
			float: right;
		}
	}

	div#map
	{
		position: relative;
		width: 100%;
		height: 600px;

		&.gadget-host
		{
			position: relative;

			.premium-helper
			{
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 20px;
				z-index: 2;
			}
		}
	}
}