/*------------------------------------*\
    $ARTICLE HEADING + SUBHEADING
\*------------------------------------*/

.article__header {

	.article__headline {
		position: relative;
		display: inline-block;
		margin-bottom: 0;
		text-align: center;
	//	opacity: 0;

		.headline__primary,
		.headline__secondary,
		.headline__description,
		.star,
		.line,
		.arrow {
			opacity: 0;
		}

		.headline__primary {
			display: inline-block;
		}

		.pixcode--separator {
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
		}

		.separator {
			display: block;
			margin-top:3px;
			margin-bottom:3px;
		}

		.headline__primary, .headline__description {
			color: white;
		}
	}
}

.headline__primary {
	position: relative;
	z-index:1; //over .headline__secondary
	margin: 0;
	letter-spacing: 0.2em;
	margin-right: -0.1em;
}

.headline__secondary {
	position: relative;

	margin: 0;

	font-family: $alt-font-family;
	font-size: 100px;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;

//	@include media-query(lap-and-up){
		padding: 0 72px;
		margin: 0 -72px;
//	}

	color: $accent;

	.first-letter {
		position:relative;
		top: 10px;
		
		font-size: 1.22em;
		padding: 0 72px;
		margin: 0 -72px;
	}
}

.headline__description {
	// font-size: 15px;
	// letter-spacing: 0.348em;
	// text-transform: uppercase;

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: $_u2;
	}
}