/*
Theme Name: Hannik 2015
Description: ...
Author: Michael Bak Koldsgaard
Template: vantage
*/


/* Hannik 2015 styles */
* {
	font-family: 'Source Sans Pro', sans-serif;
}
body {
	background-color: white !important;
	opacity: 0;
	transition: opacity 0.2s;
}
#hannik2015-background {
	position: fixed;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}
#hannik2015-background video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#hannik2015-watch_video {
	position: absolute;
	bottom: 100px;
	width: 100%;
	text-align: center;
	font-size: 15px;
}
#hannik2015-watch_video a {
	display: inline-block;
	font-size: 1.618em;
	padding: 0.618em 1em;
	border-radius: 100em;
	/*border: 0.236em solid hsla(117, 52%, 44%, 0.5); /* From energipunkt logo */
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	background-color: hsla(117, 52%, 44%, 0.5); 
	text-decoration: none;
	transition: all 0.5s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#hannik2015-watch_video a:hover {
	background-color: hsla(117, 52%, 44%, 1);
	-webkit-transform: scale(1.236);
	transform: scale(1.236);
}
#hannik2015-watch_video a i {
	margin-right: 0.618em;
}
.admin-bar nav {
	margin-top: 32px;
}
nav {
	-webkit-transform: translateZ(0); /* Fix for Chrome not keeping the position fixed. */
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	background-color: hsla(0,0%,100%,0.95);
	border-radius: 1px; /* iOS bug: make box-shadow appear by adding round borders... */
	box-shadow: 0 0 20px 0 hsla(0,0%,0%,0.5);
	transition: all 0.5s;
}
.hannik2015-nav {
	font-size: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1em;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	transition: all 0.5s;
	-webkit-tap-highlight-color: transparent; /* iOS */
}

.hannik2015-nav-domains {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.hannik2015-nav-domains li {
	display: block;
	-webkit-order: 2;
	order: 2;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transform: translateZ(0) scale(0);
	transform: translateZ(0) scale(0);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	opacity: 0;
	transition: all 0.3s;
	height: 0;
	overflow: visible;
	margin: 0;
}
.expanded .hannik2015-nav-domains li {
	display: block;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	margin: 0 0 3.618em;
}
.hannik2015-nav-domains li.current_page_item, .hannik2015-nav-domains li.current_page_ancestor {
	display: block;
	-webkit-order: 1;
	order: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	height: auto;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
}
.expanded .hannik2015-nav-domains li.current_page_item, .expanded .hannik2015-nav-domains li.current_page_ancestor {
	margin: 0 0 1em;
}
.hannik2015-nav-domains li a {
	display: block;
}
.hannik2015-nav-domains li a:hover {
	cursor: pointer;
}
.hannik2015-nav-domains li a img {
	display: block;
	font-size: 2.618em;
	width: 1em;
	height: 1em;
}

.hannik2015-nav-title_and_pages {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.hannik2015-nav-title {
	line-height: 1.5;
}
.hannik2015-nav-title a {
	color: hsl(0,0%,20%);
	font-family: 'Source Sans Pro', sans-serif;
	word-wrap: normal;
	text-decoration: none;
}
.hannik2015-nav-title div {
	display: none;
	font-size: 0.618em;
	margin-top: -0.236em;
}
.hannik2015-nav-pages {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	font-size: 1em;	
	line-height: 1;
}
.hannik2015-nav-pages li {
	display: block;
	margin: 0;
	padding: 0;
}
.hannik2015-nav-pages li.current_page_item, .hannik2015-nav-pages li.current_page_ancestor {
	display: block;
}
.hannik2015-nav-pages li a {
	display: block;	
	color: hsl(0,0%,50%);
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	word-wrap: normal;
	height: 0;
	overflow: visible;
	padding: 0;
	opacity: 0;
	transition: all 0.3s;
}
.expanded .hannik2015-nav-pages li a {
	opacity: 1;
	padding: 0.809em 0 1.809em 0.809em;
}
.expanded .hannik2015-nav-pages li:last-child a {
	padding-bottom: 1.618em;
}
.hannik2015-nav-pages li.current_page_item a, .hannik2015-nav-pages li.current_page_ancestor a {
	opacity: 1;
	font-weight: 300;
}
.hannik2015-nav-pages li a:hover {
	color: hsl(0,0%,20%);
	text-decoration: none;
	cursor: pointer;
}
.hannik2015-nav-pages li a:active {
	background-color: transparent !important;
	color: gray !important;
}

#hannik2015-nav-expand {
	margin: 0.1em 0 0 1em;
}
#hannik2015-nav-expand span {
	display: block;	
	color: hsla(0,0%,80%,1);
	transition: all 0.3s;
}
.expanded #hannik2015-nav-expand span {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
@media (min-width: 750px) {
	#hannik2015-nav-expand {
		display: none; /* Used in js for determining whether we are in "mobile" mode or not. */
	}
	.hannik2015-nav {
		max-width: 78em;
	}
	.hannik2015-nav-domains {
		-webkit-flex-direction: row;
		flex-direction: row;
		font-size: 0.618em;
	}
	.hannik2015-nav-domains li {
		display: block;
		margin-right: 1em;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
		opacity: 0.5;
		transition: all 0.5s;
		height: auto;
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
	}
	.hannik2015-nav-domains li:hover {
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		opacity: 1;
		-webkit-transform: scale(1.236);
		transform: scale(1.236);
	}
	.hannik2015-nav-domains li.current_page_item, .hannik2015-nav-domains li.current_page_ancestor {
		-webkit-order: 999;
		order: 999;
		margin-right: 0;
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		opacity: 1;
	}
	.hannik2015-nav-domains li.current_page_item:hover, .hannik2015-nav-domains li.current_page_ancestor:hover {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.hannik2015-nav-domains li.current_page_item a img, .hannik2015-nav-domains li.current_page_ancestor a img {
		font-size: 4.236em;
	}
	.hannik2015-nav-title_and_pages {
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}
	.hannik2015-nav-title {
		font-size: 1em;
		font-weight: 200;
		color: hsl(0,0%,60%);
		margin-left: 1em;
	}
	.hannik2015-nav-title div {
		display: block;
	}
	.hannik2015-nav-pages {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.hannik2015-nav-pages li {
		display: block;
		margin: 0 0.809em;
	}
	.hannik2015-nav-pages li a {
		height: auto;
		opacity: 1;
		transition: none;
	}
}
@media (min-width: 1000px) {
	.hannik2015-nav-domains {
		font-size: 1em;
	}
	.hannik2015-nav-title {
		font-size: 1.618em;
	}
}

main {
	display: block; /* For IE */
	margin: 100px 0; /* Set by javascript to: 50vh 0;*/
	background-color: hsla(0,0%,100%,0.9);
	padding: 2.618em;
	font-size: 15px;
}

footer {
	background-color: hsla(0,0%,95%,0.95);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.hannik2015-footer-domains {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 1.618em;
	font-size: 15px;
}
.hannik2015-footer-domains li {
	display: block;
	margin: 0.809em;
}
.hannik2015-footer-domains li > div {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.hannik2015-footer-domains li a {
	text-decoration: none;
	color: hsl(0,0%,40%);
}
.hannik2015-footer-domains li a:hover {
	cursor: pointer;
}
.hannik2015-footer-domains li > div > a img {
	display: block;
	font-size: 2.618em;
	width: 1em;
	height: 1em;
	transition: all 0.3s;
}
.hannik2015-footer-domains li > div > div {
	display: block;
	color: hsl(0,0%,40%);
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin: 0 0 0 1em;
}

.hannik2015-footer-domains li div > div > a {
	display: block;
}
.hannik2015-footer-domains li div > div > span {
	display: block;
	color: hsla(0,0%,50%,1);
	font-size: 0.8em;
	line-height: 1.5;
}
.hannik2015-footer-domains li div > div > span b {
	font-weight: 400;
}

.hannik2015-footer-domains li div > div > span a.facebook {
	transition: all 0.5s;
}
.hannik2015-footer-domains li div > div > span a.facebook:hover {
	color: hsla(221,44%,41%,1);
}
.hannik2015-footer-domains li div > div > span a.facebook:hover span {
	background-color: hsla(221,44%,41%,1);
}

.hannik2015-footer-domains li div > div > span span[class^="icon-"] {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100em;
	background-color: hsla(0,0%,80%,1);
	color: white;
	margin-right: 0.618em;
	transition: all 0.5s;
}

.hannik2015-footer-domains li > div > a:hover img {
	-webkit-transform: scale(1.145);
	transform: scale(1.145);
}
.hannik2015-footer-domains li.current_page_item > div > div > a, .hannik2015-footer-domains li.current_page_ancestor > div > div > a {
	font-weight: 300;
}



@media (min-width: 500px) {
	.hannik2015-footer-domains {
		font-size: 10px;
	}
	.hannik2015-footer-domains {
		margin: 2.618em;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.hannik2015-footer-domains li {
		margin: 0;
		width: 17.943em;
	}
	.hannik2015-footer-domains li > div {
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}
	.hannik2015-footer-domains li > div > a img {
		font-size: 6.854em;
	}
	.hannik2015-footer-domains li > div > div {
		margin: 1em 0 0 0;
	}
}
@media (min-width: 750px) {
	.hannik2015-footer-domains {
		font-size: 12.5px;
	}
}
@media (min-width: 1000px) {
	.hannik2015-footer-domains {
		font-size: 15px;
	}
}

.hannik2015-footer-logos {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 50px;
	border-top: 1px solid hsla(0,0%,85%,1);
	max-width: 90%;
}
.hannik2015-footer-logos img {
	display: block;
	height: 1em;
	margin: 0.618em;
}


/* Modify content style */
.entry-main {
	/*display: table;*/
	margin: 0 auto;
	max-width: 80em;
}
.entry-header h1.entry-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200 !important;
	font-size: 2em !important;
}
@media (min-width: 500px) {
	.entry-header h1.entry-title {
		font-size: 3em !important;
	}
}
p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	max-width: 50em;
	text-align: justify;
	line-height: 1.7;
	color: hsla(0,0%,20%,1);
}
.textwidget p {
	max-width: none;
}
.entry-content img {
	background-color: white;
}

/* Fixes for 'Vantage' */
#scroll-to-top:focus {
	outline: initial;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	text-shadow: none;
}

/* Modify 'Vantage' */
#scroll-to-top {
	background-color: hsla(0,0%,90%,0.5);
	border-radius: 7px;
}
#scroll-to-top span {
	color: hsla(0,0%,100%,0.8) !important;
}