.site-content{
	position: relative;
	padding: 20px 10px;
	.m1-md({
		padding: 85px 50px;
	});
}
.content-area{
	width: 100%;
    //max-width: 980px;
    margin: 0 auto;
}
.entry-content{
	a{
		color: inherit;
		text-decoration: none;
		background-color: transparent;
		transition: background 0.2s cubic-bezier(1, .3, .3, 1);
		border-bottom: 2px solid blue;
		border-bottom: 2px solid var(--global-link-background);
		.box-shadow(e("inset 0 -4px 0 var(--global-link-background)"));
		overflow-wrap: break-word;
		word-break: break-word;
		word-wrap: break-word;
		padding-top: 4px;
		&:hover,
		&:focus,
		&:active{
			background-color: var(--global-link-background);
			color: blue;
			color: var(--global-headline-color);
		}
	}
}

.home.page .site-content{
	padding: 0 !important;
	.widget-area{
		display: none;
	}
}

.homepage-content-container{
	position: relative;
}
.homepage,
.subcontent{
	position: relative;
	//overflow: hidden;
	min-height: 25vh;
	margin-bottom: 0;
	margin-top: 0;
}
.homepage{
	margin-top: 0 !important;
	padding: 0 2em;
	.m1-sm({
		padding: 0 50px;
	});
	.m1-md({
		padding: 0 100px;
	});
	width: 100%;
	overflow: hidden;
	.homepage-image{
		display: none;
		.m1-sm({
			display: block;
		});
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 2;
		opacity: 0.25;
		.transition(all 0.25s cubic-bezier(1, .3, .3, 1));
		&.fadein{
			opacity: 0.15;
		}
		img {
			position: absolute;
			max-width: none;
			min-width: 1000%;
			min-height: 1000%;
			height: auto;
			width: auto;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%) scale(0.1);
			z-index: -1;
		}
	}
	.homepage-content,
	.homepage-header{
		position: relative;
		z-index: 5;
		width: 100%;
		h1,
		.homepage-title{
			color: white;
			color: var(--global-brand-color);
			margin-top: 0;
			margin-bottom: 50px;
			font-size: 70px;
			.m1-sm({
				margin-bottom: 100px;
				margin-left: 40px;
				&::first-letter{
					margin-left: -45px;
				}
			});
			.m1-md({
				font-size: 105px;
			});
			letter-spacing: -6px;
			font-weight: bold;
			line-height: 1;
			.m1-sm({
				max-width: 700px;
			});
		}
		p{
			color: white;
			color: var(--header-text-color);
			font-size: 22px;
			font-weight: normal;
			line-height: 1.2;
			margin-bottom: 32px;
			margin-top: 0;
			&:last-child{
				margin-bottom: 0;
			}
			.m1-sm({
				max-width: 50%;
				margin-left: 10px;
			});
		}
		a{
			position: relative;
			display: inline-block;
			.transition(all 0.15s cubic-bezier(1, .3, .3, 1));
			color: inherit;
			border-bottom: white 2px solid;
			border-bottom: var(--global-brand-color) 2px solid;
			text-decoration: none;
			padding-bottom: 3px;
			&::after{
				display: inline-block;
				content: "\2192";
				position: absolute;
				right: 5px;
				bottom: -12px;
				.transition(all 0.15s cubic-bezier(1, .3, .3, 1));
				color: white;
				color: var(--global-brand-color);
				opacity: 0;
			}
			&:hover,
			&:focus,
			&:active{
				color: white;
				color: var(--global-brand-color);
				border-bottom: transparent 2px solid;
				&::after{
					right: -30px;
					opacity: 1;
				}
			}
		}
	}
	.homepage-content-container{
		position: relative;
		z-index: 4;
		max-width: 980px;
		margin: 0 auto;
		padding: 50px 0;
		.flex-display();
		.flex-flow(column);
		.justify-content(center);
		.align-items(center);
		min-height: 100vh;
	}
	.homepage-content{
		//position: absolute;
		//top: 50%;
		//.translateY(-50%);
		.flex(1);
	}
	.background-block{
		background-color: black;
		background-color: var(--header-background-color);
	}
	.homepage-title{
		margin-top: 0;
	}
}
.subcontent{
	overflow: hidden;
	.subcontent-content{
		padding: 0;
		padding-bottom: 50px;
		//padding: 50px 0;
		position: relative;
		z-index: 5;
	}
	.subcontent-header{
		position: relative;
		z-index: 5;
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
	//&:nth-child(1){
	&:nth-child(2){
		//--header-background-color: var(--global-brand-color);
	}
	&{
		.recent-post-image{
			&::after{
				content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 300px;
				z-index: 1;

				background: -moz-linear-gradient(top,     rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
				background: -moz-linear-gradient(top,     var(--header-background-color-zero) 0%, var(--header-background-color) 100%);
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
				background: -webkit-linear-gradient(top,  var(--header-background-color-zero) 0%, var(--header-background-color) 100%);
				background: linear-gradient(to bottom,    rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
				background: linear-gradient(to bottom,    var(--header-background-color-zero) 0%, var(--header-background-color) 100%);

			}
		}
		.background-block{
			//background-color: #f03 !important;
			background-color: black;
			background-color: var(--header-background-color);
		}
		.scrollarea-title,
		p{
			color: white;
			color: var(--header-text-color);
			a.readmore{
				color: inherit;
				&:hover,
				&:focus,
				&:active{
					color: white;
					color: var(--global-brand-color);
				}
			}
		}
	}
	.subcontent-title{
		margin-top: 0;
	}
	/*.subcontent-content{
		padding: 0 1em;
		.m1-sm({
			padding: 0 50px;
		});
		.m1-md({
			padding: 0;
		});
	}*/
}

.subpage-text{
	padding: 0 1em;
	.m1-sm({
		padding: 0 50px;
	});
	.m1-md({
		padding: 0 100px;
	});
	p{
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
	}
}
