/*--------------------------------------------------------------
  layout-jw.css
--------------------------------------------------------------*/

.site-header,
.site-branding,
a.logo,
.sunn-logo,
.enter-site,
.enter-site a,
.aro-dwn,
.header-bg{
	transition: all 1s;
}
.menu-toggle,
.search-toggle{
	transition: top 1s;
}
.search-bar,
.backstretch,
.site-footer .sunn-logo,
.boven .aro-up {
	transition: none;
}

.site {
	min-height: 100%;
}
.site,
.wrap,
.rplcmnt-header,
.site-content,
.site-footer {
	position: relative;
}
.header-bg,
.main-navigation,
.search-toggle,
.search-bar,
.enter-site a,
.aro-dwn,
a#enter {
	position: absolute;
}
.site,
.wrap,
.rplcmnt-header,
.site-header,
.main-navigation,
.site-content,
.site-footer {
	width: 100%;
}
.wrap,
.site-content {
	max-width: 1200px;
	margin: 0 auto;
}
.site-content .wrap {
	overflow-y: auto;
}

/* HEADER ---------------------------- */
.site-header {
	position: fixed;
}
.site-header .wrap {
	height: 100%;
}
.header-bg {
	left: 0; right: 0; top: 0; bottom: 0;
	background: #fff;
	opacity: 1;
	z-index: -1
}

.rplcmnt-header {
}
.site.ontop .site-header {
}
.home .site.ontop .site-header,
.home .site.ontop .site-branding,
.home .site.ontop .rplcmnt-header {
	height: 100vh;
}
.home .site.ontop .header-bg {
	opacity: 0;
}
/* branding */
.sunn-logo {
	z-index: 10000;
}
/* jw .home .site.ontop .enter-site a de A weggehaald ivm menu home en enter site */
.home .site.ontop .enter-site a {
	z-index: 10001;
}
.sunn-logo .lttrs {
	fill: #302e3a;
}
.sunn-logo .circular {
	fill: #F2352F;
}
.home .site.ontop .sunn-logo .lttrs,
.main-navigation .sunn-logo .lttrs {
	fill:#fff;
}
/* nav */
.main-navigation .sunn-logo {
	display: none;
	position: absolute;
	z-index: 6999;
}
.main-navigation.toggled .sunn-logo {
	display: block;
}

/* search toggle */
.search-toggle {
	width: 40px; height: 40px;
	z-index: 1000;
}
.search-icon {
	fill: #F2352F;
}
.search-bar {
	display: none;
	transition: none;
	width: 100%;
}
.search-bar input[type="search"],
.search-bar input[type="submit"] {
	position: absolute;
	border: none;
	border-radius: 0;
	padding: 18px 16px;
	font-size: 24px; font-size: 2.4rem;
	line-height: 22px; line-height: 2.2rem;
}
.search-bar input[type="search"] {
	width: 100%;
	color: #302e3a;
	text-transform: lowercase;
	font-weight:300;
}
.search-bar input[type="submit"] {
	right: 20px;
	text-indent: -9999px;
	background: transparent url(../../img/aro/aro-rt-reddish.svg) center right no-repeat;
}
.search-bar input[type="submit"]:hover {
	background: transparent url(../../img/aro/aro-rt-blackish.svg) center right no-repeat;
}
/* Selected page uitklap */
.selected-text {
	display: none;
	width: 100%;
}
/* enter site */
/* aangepast was top: 0  % */
.enter-site a {
	left: 0; bottom: 0;
	width: 100%; height: 0;
}
/* aangepast was 100 % */
.home .site.ontop .enter-site a {
	height: 80%;
}
.aro-dwn {
	left: 50%;
	bottom: 100%;
	width: 40px;
	margin-left: -20px;
	fill: #fff;
}
/* aangepast was 3% */
.home .site.ontop .aro-dwn {
	bottom: 10%;
}
.enter-site:hover .aro-dwn {
	fill: #F2352F;
}
a#enter {
}

/* CONTENT ---------------------------- */

/* FOOTER ---------------------------- */
.site-footer {
	background: rgba(0,0,0,0.75);
	color: #fff;
}
.site-footer strong,
.site-footer a {
	color: #fff;
}
.copyleft span {
	display: inline-block;
	width: 103px;
	text-indent: -999em;
}
.copyleft .sunn-logo,
.site.ontop .copyleft .sunn-logo {
	display: inline;
	width: 100px;
	left: auto;
}
.copyleft .sunn-logo .lttrs {
	fill: #fff;
}

/* backstretch */
.dim {opacity:0.3; filter:alpha(opacity=30);} /* .dim voor wit over achtergrond foto transities */
.home .dim.ontop {
	opacity:1; 
	filter:alpha(opacity=100);
}