/*--------------------------------------------------*/
/*	OVERRIDES
/*--------------------------------------------------*/

.alternate-color section:nth-child(2n) {
	background-color: var(--background-alternate);
}

/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

section {
	/*flex requirement*/
/*
	display: -webkit-inline-flex;
	display: -moz-inline-flexbox;
	display: -ms-inline-flexbox;
	display: -o-inline-flexbox;
	display: inline-flex;

	width: 100%;

	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
	    -ms-justify-content: space-between;
	     -o-justify-content: space-between;
	        justify-content: space-between;

	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	     -o-flex-flow: row wrap;
	        flex-flow: row wrap;
*/

	width: 100%;
}


/* Desktop */
/* 950px width + 220px header width + 30px padding */
@media screen and (min-width: 1200px) {
	section {
		width: 100%;
		padding: 15px calc(50% - 470px) !important;
	}
}

/* Mobile */
/* 950px width + 220px header width + 30px padding */
@media screen and (max-width: 1200px) {
	section {
		width: 100%;
		padding: 15px;
	}
}

/*--------------------------------------------------*/
/*	WEBPAGE AND SECTION TITLE BARS
/*--------------------------------------------------*/

.webpage-intro,
.section-intro {
	width: 100%;
	padding-bottom: 15px;
}

.webpage-intro {
	border-bottom: 1px solid #2B2B2B;
	margin-bottom: 15px;
}

.section-intro {
	margin-top: 30px;
}

.webpage-intro > *:nth-child(1),
.section-intro > *:nth-child(1) {
	height: 28px;
	line-height: 28px;
}

.webpage-intro > *:nth-child(2),
.section-intro > *:nth-child(2) {
	height: 16px;
	line-height: 16px;
    margin-top: 6px;
}

.webpage-intro > *:nth-child(3),
.section-intro > *:nth-child(3) {
	position: absolute;
	top: 0;
	right: 0;

	height: 50px;
}

/* actions */
.webpage-intro > *:nth-child(3),
.section-intro > *:nth-child(3) {
	display: flex;
	justify-content: end
}

.webpage-intro > *:nth-child(3) > *:nth-child(n+2),
.section-intro > *:nth-child(3) > *:nth-child(n+2) {
	margin-left: 10px;
}

/*--------------------------------------------------*/
/*	SECTION BACKDROPS
/*--------------------------------------------------*/

.backdrop {
	display: none;

	width: 100%;
}

.backdrop * {
	color: #DCDCDC;
	text-align: center;
}

.backdrop img {
	width: 128px;
	margin: 10px calc(50% - 64px);
}

.empty > .backdrop {
	display: block;
}

.empty > .backdrop ~ * {
	display: none;
}

/*--------------------------------------------------*/
/*	ARTICLES
/*--------------------------------------------------*/

article {
	display: inline-block;

	padding: 15px;

	vertical-align: top;
	text-align: center;

	overflow: hidden;

	-webkit-overflow-x: hidden;
	   -moz-overflow-x: hidden;
	    -ms-overflow-x: hidden;
	     -o-overflow-x: hidden;
	        overflow-x: hidden;

	-webkit-overflow-y: hidden;
	   -moz-overflow-y: hidden;
	    -ms-overflow-y: hidden;
	     -o-overflow-y: hidden;
	        overflow-y: hidden;
}