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

body
{
	font-family: @text-font;
	font-size: 74%;
	background-color: #FFF;
}

div#site-holder
{
	width: 100%;
	overflow-x: hidden;
}

div#site-header
{
	a#community-title
	{
		padding-top: 10px;
		float: left;
		text-decoration: none;
		font: bold 2em @title-font;

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

	a#community-logo
	{
		position: relative;
		text-decoration: none;
		color: @accent-color;
		float: left;

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

		img
		{
			max-height: 50px;
			max-width: 200px;
			float: left;

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

		div
		{
			font: bold 11pt/30px @title-font;
			display: inline-block;
			height: 30px;
			padding-left: 15px;
			margin: 10px 0 10px 15px;
			border-left: 1px solid @accent-color;

			html[dir='rtl'] &
			{
				.margin-left-right(0, 15px);
				.padding-left-right(0, 15px);
				border-right: 1px solid @accent-color;
				border-left: none;
			}
		}
	}
}

div#site-main
{
	width: 910px;
	margin: auto;
	padding: 20px 15px;
	box-shadow: 0 60px 100px 50px #ECECE7;

	&.view, &.dsbrowser
	{
		width: 940px;
	}
}

div.site-language
{
	width: 910px;
	background-color:#FFF;
	margin: 0 auto !important;
	padding: 10px 15px;
}

div#site-footer-copyright
{
	width: 910px;
	margin: auto;
	padding: 20px 15px;
	height: 50px;

	.powered-by
	{
		display: inline-block;
		float: right;
		background-repeat:no-repeat;
		.hires('/img/community/v2/powered_by_knoema');
		width: 131px;
		height:13px;

		#site-footer-copyright.v7 &
		{
			display: block;
			margin: auto;
			float: none;
		}
	}
}

div#site-footer-copyright.v7
{
	.powered-by
	{
		display: block;
		width: 188px;
		margin: auto;
		float: none;
		background-image: url("/img/v7/powered-by.svg")
	}
}