/*---------------------------------*\
               ARTICLE
\*---------------------------------*/
// cand mai pun una de asta sper sa pun si un comentariu cu motivul
//.article--page {
//	overflow: hidden;
//}

.article__title a {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.post .article__title{
	-ms-word-wrap: break-word;
	word-wrap: break-word;

	@include media-query(lap-and-up){
		margin-top: 42px;
		margin-bottom: 36px;
	}
}

.article__content {

}

.article__meta {

}

.article__header.article__header--page {
	position: relative;
	//	padding: 200px 0;
	background: #333;
	overflow: hidden;

	@include media-query(palm) {
		padding: 0 $_u2;
	}

	.flexbox {
		position: relative;
		height: 100%;
		z-index: 10;
	}

	.flexbox__item {
		text-align: center;
	}

	&.full-height {
		height: 105%;
	}
	&.half-height {
		height: 50%;
	}
	&.two-thirds-height {
		height: 66%;
	}

	&.header--slideshow {
		padding: 0;
	}

	#gmap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

.article__parallax {
	position: absolute;
	top: -100%; right: 0; bottom: -100%; left: 0;
	background-attachment: fixed;
	background-position: 50% 50%;
//	@include transform(translate3d(0, 0, 0));

	img {
		opacity: 0;
	}

	.rsOverflow, #gmap {
		img {
			opacity: 1;
		}
	}
}


.lt-ie9, .ie9, .touch {

	.article__parallax {
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		bottom: auto !important;
		left: 0 !important;
		@include transform(none);
	}
}

.article__parallax--img {

	img {
		position: absolute;
		top: 50%; left: 50%;
		opacity: 0;
		max-width: none;
		@include transform(translate3d(-50%, -50%, 0));
	}
}

.lt-ie9, .ie9 {

	.article__parallax--img {

		img {
			width: 100% !important;
			top: 0 !important;
			left: 0 !important;
			@include transform(none);
		}
	}
}

.touch .article__parallax--img img {
	top: 0;
	@include transform(translateX(-50%));
}


.page {

	.article__content {
		position: relative;
		width: 100%;
		margin: 50px 0;
		background-color: white;
	}
}

.down-arrow {
	display: block;
	width: 80px;
	height: 80px;
	opacity: 0.7;
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -40px;
	cursor: pointer;
	z-index: 10;

	.arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -1 * $_u2;
		margin-top: -1 * $_u2;
		z-index: 20;

		height: $_u;
		width: $_u;

		border-right: 3px solid white;
		border-bottom: 3px solid white;

		@include transform(rotate(45deg));
	}
}

.article--page + .article--page {

}

.article--page + .article--page.has-post-thumbnail {

}