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

@block-width: 940px;
@slate-blue: #6993a9;

.v7 .landing-enterprise
{
	.page-section
	{
		p
		{
			letter-spacing: 0;			
		}

		h1
		{
			text-transform: none;
			margin-bottom: 7px;
		}

		h2, h3
		{
			text-transform: uppercase;
		}

		.inline-block
		{
			display: inline-block;
			vertical-align: middle;
			max-width: 100%;
		}

		.size-60
		{
			width: @block-width * .6;
		}

		.size-40
		{
			width: @block-width * .4;
		}

		.size-50
		{
			width: @block-width * .5;
		}

		ul.square-list
		{
			list-style: none;
			padding: 0;

			li
			{
				min-height: 50px;
				margin-left: 25px + 15px;
				margin-bottom: 1.5em;

				&:before
				{
					content: ' ';
					display: inline-block;
					width: 25px;
					height: 25px;
					color: @slate-blue;
					background-color: @slate-blue;
					vertical-align: top;
					margin-top: 4px;
					margin-left: -25px - 15px;
					margin-right: 25px - 15px;
				}

				html[dir='rtl'] &
				{
					margin-left: 0;
					margin-right:  25px + 15px;

					&:before
					{
						margin-left: 25px - 15px;
						margin-right: -25px - 15px;
					}
				}
			}
		}

		.section-desc
		{
			font-weight: bold;
			font-size: 18px;
			text-transform: uppercase;
			color: @slate-blue;
			letter-spacing: -0.01em;
			margin-bottom: 60px;
		}

		&.video
		{
			h3.blue
			{
				color: @slate-blue;
			}

			h2
			{
				margin-bottom: 40px;
			}
		}
	}

	.how-it-works
	{
		div
		{
			display: inline-block;
			vertical-align: top;
			
			&.description
			{
				width:300px;
				padding-right: 50px;

				html[dir=rtl] &
				{
					.padding-left-right(50px, 0);
				}
			}

			&.video
			{
				margin-top: 50px;
				h3.blue
				{
					color: @slate-blue;
					text-align: center;
					font-style: italic;
					font-weight: normal;
					text-transform: none;
				}
			}
		}

		p
		{
			padding-right: 10px;

			html[dir=rtl] &
			{
				padding-right: 0;
				padding-left: 10px;
			}
		}
	}

	.core-features
	{
		.inline-block
		{
			margin-top: 60px;
			box-sizing: border-box;
			vertical-align: top;

			&.odd
			{
				padding-right: 50px;

				html[dir='rtl'] &
				{
					padding-right: 0;
					padding-left: 50px;
				}
			}

			&.even
			{
				padding-left: 50px;

				html[dir='rtl'] &
				{
					padding-right: 50px;
					padding-left: 0;
				}
			}

			.pic
			{
				margin-bottom: 35px;
			}
		}
	}

	.toolkit-desc
	{
		box-sizing: border-box;

		&.toolkit-desc-odd, html[dir='rtl'] &.toolkit-desc-even
		{
			padding-left: 25px;
			padding-right: 100px;
		}

		&.toolkit-desc-even, html[dir='rtl'] &.toolkit-desc-odd
		{
			padding-left: 100px;
			padding-right: 25px;
		}
	}

	.implementation
	{
		.inline-block
		{
			vertical-align: top;
			box-sizing: border-box;

			&.odd, html[dir='rtl'] &.even
			{
				padding-right: 50px;
			}

			&.even, html[dir='rtl'] &.odd
			{
				padding-left: 50px;
				padding-right: 0;
			}
		}

		h2
		{
			margin-bottom: 6px;
		}

		h4
		{
			margin-top: 1.5em;
		}

		p
		{
			margin-top: .8em;
		}
	}

	.business
	{
		.ui-button
		{
			margin-top: 1.8em;
		}
	}

	.ui-button
	{
		font-size: 16px;
		text-transform: uppercase;
		padding: 12px 28px;
		border-radius: 2px;
		box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
		font-weight: normal;

		&.green-charcoal
		{
			font-weight: bold;
		}
	}

	.pic
	{
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.pic-01
	{
		width: 330px;
		height: 366px;
		.hires('/Img/v7/enterprise/pic-01', 'jpg');
		background-position: right;

		html[dir='rtl'] &
		{
			background-position: left;
		}
	}

	.pic-features
	{
		width: 420px;
		height: 232px;

		&.pic-features-search
		{
			.hires('/Img/v7/enterprise/pic-features-search', 'jpg');
		}

		&.pic-features-maps
		{
			.hires('/Img/v7/enterprise/pic-features-maps', 'jpg');
		}

		&.pic-features-dashboards
		{
			.hires('/Img/v7/enterprise/pic-features-dashboards', 'jpg');
		}

		&.pic-features-analytics
		{
			.hires('/Img/v7/enterprise/pic-features-analytics', 'jpg');
		}
	}

	.pic-toolkit
	{
		width: 470px;
		height: 360px;

		&.pic-toolkit-futurelens
		{
			.hires('/Img/v7/enterprise/pic-toolkit-futurelens', 'jpg');
		}

		&.pic-toolkit-indexbuilder
		{
			.hires('/Img/v7/enterprise/pic-toolkit-indexbuilder', 'jpg');
		}

		&.pic-toolkit-dataplayground
		{
			.hires('/Img/v7/enterprise/pic-toolkit-dataplayground', 'jpg');
		}
	}

	.pic-photo
	{
		width: 225px;
		height: 290px;
		background-size: 225px 290px !important;
		.hires('/Img/v7/enterprise/pic-photo', 'jpg');
		background-position-x: 70px;

		html[dir='rtl'] &
		{
			background-position-x: 80px;
		}
	}
}