// styles

#footer {

	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 992;

	@include denise;

	a {	color: #f7fcf4; }

	#news-feed {
		display: none;
	}

	#bottom-block {

		position: absolute;
		top: 0px;
		left: 0px;
		width: inherit;
		z-index: 1;
		
		font-size: 18px;
		letter-spacing: 0.03em;

		hr {
			
			position: absolute;
			top: 47px;
			left: 0px;

			margin: 0 20px;
			width: 100%;
			height: 1px;
			border: 0 none;
			background: #fff;
			opacity: 0.15;
		}

		#legal {

			position: absolute;
			top: 52px;
			left: 20px;

			padding: 15px 40px 26px 40px;
			z-index: 11;

			
		}

		#legal-button {

		      position: absolute;
		      top: 62px;
		      left: 0px;

		      padding: 15px 40px 26px 40px;
		      white-space: nowrap;
		      text-align: center;
		      font-size: 15px;
		      letter-spacing: 0.05em;
		      z-index: 11;

		      .icon {
		        vertical-align: top;
		        font-size: 10px;
		        padding-right: 5px;
		        -webkit-font-smoothing: antialiased;
		      }
		    }
	}

	#legal-container {

		position: absolute;
		top: 118px;
		left: 0px;
		height: 0px;
		background: #1b1e1f;
		text-align: center;
		overflow: hidden;
		z-index: 2;

		.legal-content {

			position: relative;
			margin: 20px;

			letter-spacing: 0.05em;
			white-space: nowrap;

			.rating {

				position: absolute;
				top: 0px;
				left: 0px;
				width: 135px;
				height: 55px;
				background: url($rootDir + 'content/img/legal/rating.png') top left no-repeat;

			}

			.text { 

				position: absolute;
				left: 135px;
				top: 0px;

				a { 
					color: inherit;
					text-decoration: none; 
				}
				a:hover { text-decoration: underline; }

				.row {

					position: relative;
					height: 17px;
					line-height: 17px;
					white-space: nowrap;
					text-transform: uppercase;
					text-align: left;

					@include denise;
					-webkit-font-smoothing: subpixel-antialiased;

					font-size: 15px;
					color: #8e979f;

					.divider { padding: 0 3px; }
				}
			}
		}

	}
}