/* Navigation Burger
----------------------------------------------------------------------------------- */
a.burger::before {
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	content: "\f0c9";
	font-size: 2.6rem;
	font-weight: 100;
}
	a.burger.active::before {
		content: "\f00d";
	}


/* Navigation Mobile
----------------------------------------------------------------------------------- */
nav.global {
	display: flex;
	height: 0;
	overflow: hidden;
}
	nav.global.active {
		height: auto;
	}

/* Theme Colors */
nav.global > ul > li > a {
	color: #2c343d;
}
	nav.global > ul > li.current-menu-item > a,
	nav.global > ul > li.current-page-ancestor > a {
		color: #0E96BC;
	}


nav.global ul {
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
nav.global li {
	margin: 0;
	padding: 0;
}
	nav.global ul ul {
		display: none;
	}
	nav.global ul a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: .5rem 0;
		text-decoration: none;
		border-bottom: 1px solid #f2f2f2;
	}

	.sub-arrow:after {
		display: inline-block;
		font-family: "Font Awesome 5 Pro";
		content: "\f078"; /* Chevron Down */
		font-weight: 100;
		line-height: 1;
	}

	/* only applied on mobile view */
	@media (max-width: 720px) {
		nav.global > ul {
			margin-top: 1rem;
		}
		.highlighted .sub-arrow:after {
			content: "\f077"; /* Chevron Up */
		}
		nav.global ul ul a { padding-left: 1rem; } /* Sub Page */
		nav.global ul ul ul a {	padding-left: 2rem; } /* Sub Sub Page */
		nav.global ul ul ul ul a { padding-left: 3rem; } /* Sub Sub Sub Page */
	}


/* Navigation Desktop
----------------------------------------------------------------------------------------------- */
@media (min-width: 720px) {

	nav.global,
	nav.global.active {
		height: auto;
		overflow: visible;
		display: flex;
		justify-content: flex-end;
	}
	nav.global ul  {
		background-color: rgba(255,255,255,.6);
	}
	nav.global ul a {
		padding: .5rem;
		border-bottom: none;
	}
		nav.global ul {
			display: flex;
			flex-direction: row;
			width: auto;
		}
			nav.global ul li {
				position: relative;
			}

		/* Dropdowns Menu Top Level Arrows */
		nav.global .has-submenu .sub-arrow:after {
			font-size: .8rem;
			margin: 0 0 0 .3rem;
		}

		/* Dropdowns Submenu */
		nav.global ul ul {
			position: absolute;
			background: #2c343d;
			box-shadow: .2rem .2rem .5rem rgba(44,52,61,.5);
			font-size: .9rem;
		}
			/* Dropdowns Submenu Hover */
			nav.global ul ul li:hover{
				background: rgba(255,255,255,.05);
			}
			/* Dropdowns Submenu Arrow */
			nav.global ul ul .has-submenu .sub-arrow:after {
				content: "\f054"; /* Chevron Right */
			}

}




/* Flickr
------------------------------------------------------------------------------ */



/* Captions
------------------------------------------------------------------------------ */

img.alignleft {
	float: left;
	margin: 0 1rem 1rem 0;
}
img.alignright {
	float: right;
	margin: 0 0 1rem 1rem;
}
img.aligncenter {
	display: block;
	margin: 1rem auto;
}
img.alignnone {
	display: block;
	margin: 1rem 0;
}


figure.wp-caption {

}
	figure.wp-caption img {
		width: 100% !important;
	}

figure.wp-caption {
	background-color: #f3f3f3;
}
	figure.wp-caption img {
		display: block;
	}
	figure.wp-caption figcaption {
		padding: .5rem;
	}

	figure.wp-caption.alignleft {
		float: left;
		max-width: 50%;
		margin: 0 1rem .5rem 0;
	}
	figure.wp-caption.alignright {
		float: right;
		max-width: 50%;
		margin: 0 0 .5rem 1rem;
	}
	figure.wp-caption.aligncenter {
		display: block;
		margin: 2rem auto;
		max-width: 100%;
	}

	figure.wp-caption.alignnone {
		display: block;
		margin: 1rem 0;
		max-width: 100%;
	}



.wp-gallery {
	margin: 1rem 0;
	display: flex;
	flex-wrap: wrap;
}
	.wp-gallery img {
		display: block;
		width: 100%;
	}
	.wp-gallery figure {
		position: relative;
		flex: 0 1 25%;
	}
		.wp-gallery figcaption {
			position: absolute;
			left: 0;
			bottom: 0;

			padding: .2rem;
			background-color: rgba(0,0,0,.5);
			color: #fff;
			font-size: .8rem;
		}

	@media(min-width: 720px) {
		.wp-gallery figure {
			flex: 0 1 20%;
		}
	}



/* Pagination
------------------------------------------------------------------------------ */

.wp-paginate {
	padding: 0;
	margin: 2rem 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
	.wp-paginate .browse,
	.wp-paginate .page,
	.wp-paginate .prev,
	.wp-paginate .next,
	.wp-paginate .gap {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		background-color: #2c343d;
		width: 2.2rem;
		height: 2.2rem;
		margin: 0 .3rem .3rem 0;
		text-decoration: none;
  	border-radius: 50%;
	}
		.wp-paginate a:hover,
		.wp-paginate a:active {
			background: #0E96BC;
		}
			.wp-paginate .current {
				background-color: #0E96BC;
			}


/* Comments
------------------------------------------------------------------------------ */

#respond {
	margin-top: 2rem;
	border-top: 1px solid #ddd;
	padding-top: .5rem;
}

/* Input Types */
input[type=text],
input[type=email],
textarea,
select {
	padding: .5rem;
	width: 100%;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 3px;
}
	textarea {
		height: 8em;
	}


ol.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .9rem;
}
	.comment-author {
		font-weight: 700;
	}
	.logged-in-as {
		font-size: .9rem;
	}



/* Formulare - Contact Form 7
------------------------------------------------------------------------------ */

/* Basic CF7 Styling */
p.form-item {
	margin: 0 0 .5rem 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
	p.form-item > span {
		width: 100%;
		padding: .2rem .2rem .2rem 0;
	}
		@media (min-width: 480px) {
			p.form-item > span.f-25 {
				flex: 0 1 25%;
			}
			p.form-item > span.f-50 {
				flex: 0 1 50%;
			}
			p.form-item > span.f-75 {
				flex: 0 1 75%;
			}
		}

	p.form-item label {
		font-size: .9rem;
	}



fieldset#cform {
	margin: 0;
	padding: 0;
	border: none;
}

/* Input Types */
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
	padding: .5rem;
	width: 100%;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 3px;
}
	.wpcf7-textarea {
		height: 8em;
	}

.wpcf7-form-control {
	display: flex;
	flex-direction: row;
}
	.wpcf7-list-item {
		margin-right: 1rem;
		display: flex;
		justify-content: center;
		padding: .5rem 0;
	}
		.wpcf7-list-item input[type=radio],
		.wpcf7-list-item input[type=checkbox] {
			margin: 0 .5rem 0 .2rem;
		}

/* Input Types - Error Style */
.wpcf7-not-valid,
.wpcf7-text.wpcf7-not-valid,
.wpcf7-textarea.wpcf7-not-valid {
	border: 2px solid #00ccff;
}


/* Messages */
.screen-reader-response {
	display: none;
}

.wpcf7-response-output {
	margin: 1.5rem 0;
	padding: 1rem;
	border-radius: .5rem;
	box-shadow: 0 2px 12px rgba(0,0,0,.1);
	background-color: #fff;
}
	.wpcf7-response-output:empty {
		display: none;
	}


.wpcf7-not-valid-tip {
	display: inline-block;
	margin: 0;
	padding: 0 .15rem;
	font-size: .75rem;
	font-weight: normal;
	line-height: normal;
}

.wpcf7-mail-sent-ok {
	padding: .5em;
	background-color: #0E96BC;
	color: #fff;
}
.wpcf7-validation-errors {
	padding: .5em;
	background-color: #0E96BC;
	color: #fff;
}

.wpcf7 .ajax-loader {
	visibility: hidden;
	display: inline-block;
	background-image: url(../images/ajax-loader.gif);
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}
	div.wpcf7 .ajax-loader.is-active {
		visibility: visible;
	}
	div.wpcf7 div.ajax-error {
		display: none;
	}


/* Cookiebar
------------------------------------------------------------------------------ */
.cookiebar {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #2c343d;
	color: #f3f3f3;
	padding: 1rem;
	box-shadow: 0 0 .5rem rgba(0,0,0,.4);
	z-index: 1001;
}
	.cookiebar-close-icon {
		position: absolute;
		top: 1rem;
		right: 1rem;
		font-size: 1.5rem;
	}
	@media (min-width: 720px) {
		.cookiebar {
			border-radius: .3rem;
			bottom: .5rem;
			right: .5rem;
			left: auto;
			max-width: 20rem;
		}
	}




/* PACE
-------------------------------------------------------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #00ccff;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}