/*
Theme Name: Espied Child
Description: Child-Theme von Espied
Author: Werner Held
Author URI: https://www.heldentaten.com
Template: espied
Version: 1.0
*/


/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
/* Links */
a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #F6CC69;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #fff;
}

/*  Pagination */
.site-main .paging-navigation, .site-main .post-navigation, .site-main .image-navigation {
	clear: both;
	margin: 48px auto;
	overflow: hidden;
	width: 100%;
}
@media screen and (min-width: 37.5em) {
	.site-main .paging-navigation, .site-main .post-navigation, .site-main .image-navigation {
		width: 552px;
	}
}
@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation, .js .site-main .post-navigation, .js .site-main .image-navigation {
		margin: 0;
		overflow: visible;
		position: fixed;
		top: 72px;
		right: 0;
		width: auto;
		z-index: 499;
	}
	.js .admin-bar .site-main .paging-navigation, .js .admin-bar .site-main .post-navigation, .js .admin-bar .site-main .image-navigation {
		top: 118px;
	}
}
@media screen and (min-width: 48em) and (min-width: 48.9375em) {
	.js .admin-bar .site-main .paging-navigation, .js .admin-bar .site-main .post-navigation, .js .admin-bar .site-main .image-navigation {
		top: 104px;
	}
}
.site-main .paging-navigation a, .site-main .post-navigation a, .site-main .image-navigation a {
	display: block;
}
.site-main .paging-navigation .nav-links, .site-main .post-navigation .nav-links, .site-main .image-navigation .nav-links {
	border-top: 1px solid #ededed;
}
@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation .nav-links, .js .site-main .post-navigation .nav-links, .js .site-main .image-navigation .nav-links {
		border-top: 0;
	}
}
.site-main .paging-navigation .nav-links .meta-nav, .site-main .post-navigation .nav-links .meta-nav, .site-main .image-navigation .nav-links .meta-nav {
	color: #737678;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.84615;
	text-transform: uppercase;
}
.site-main .paging-navigation .nav-previous, .site-main .paging-navigation .nav-next, .site-main .paging-navigation .nav-archive, .site-main .post-navigation .nav-previous, .site-main .post-navigation .nav-next, .site-main .post-navigation .nav-archive, .site-main .image-navigation .nav-previous, .site-main .image-navigation .nav-next, .site-main .image-navigation .nav-archive {
	border-bottom: 1px solid #ededed;
	padding: 12px 0;
}
.js .site-main .paging-navigation .nav-previous:empty, .js .site-main .paging-navigation .nav-next:empty, .js .site-main .paging-navigation .nav-archive:empty, .js .site-main .post-navigation .nav-previous:empty, .js .site-main .post-navigation .nav-next:empty, .js .site-main .post-navigation .nav-archive:empty, .js .site-main .image-navigation .nav-previous:empty, .js .site-main .image-navigation .nav-next:empty, .js .site-main .image-navigation .nav-archive:empty {
	display: none;
}
.js .site-main .paging-navigation .nav-previous a:before, .js .site-main .paging-navigation .nav-next a:before, .js .site-main .paging-navigation .nav-archive a:before, .js .site-main .post-navigation .nav-previous a:before, .js .site-main .post-navigation .nav-next a:before, .js .site-main .post-navigation .nav-archive a:before, .js .site-main .image-navigation .nav-previous a:before, .js .site-main .image-navigation .nav-next a:before, .js .site-main .image-navigation .nav-archive a:before {
	font-size: 32px;
	height: 32px;
	width: 32px;
	width: 72px;
	height: 72px;
}
.js .site-main .paging-navigation .nav-previous a:hover:before,
.js .site-main .paging-navigation .nav-next a:hover:before,
.js .site-main .paging-navigation .nav-archive a:hover:before,
.js .site-main .post-navigation .nav-previous a:hover:before,
.js .site-main .post-navigation .nav-next a:hover:before,
.js .site-main .post-navigation .nav-archive a:hover:before,
.js .site-main .image-navigation .nav-previous a:hover:before,
.js .site-main .image-navigation .nav-next a:hover:before,
.js .site-main .image-navigation .nav-archive a:hover:before,
.js .site-main .paging-navigation .nav-previous a:focus:before,
.js .site-main .paging-navigation .nav-next a:focus:before,
.js .site-main .paging-navigation .nav-archive a:focus:before,
.js .site-main .post-navigation .nav-previous a:focus:before,
.js .site-main .post-navigation .nav-next a:focus:before,
.js .site-main .post-navigation .nav-archive a:focus:before,
.js .site-main .image-navigation .nav-previous a:focus:before,
.js .site-main .image-navigation .nav-next a:focus:before,
.js .site-main .image-navigation .nav-archive a:focus:before {
	background-color: #302203;
}
@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation .nav-previous, .js .site-main .paging-navigation .nav-next, .js .site-main .paging-navigation .nav-archive, .js .site-main .post-navigation .nav-previous, .js .site-main .post-navigation .nav-next, .js .site-main .post-navigation .nav-archive, .js .site-main .image-navigation .nav-previous, .js .site-main .image-navigation .nav-next, .js .site-main .image-navigation .nav-archive {
		border: 0;
		padding: 0;
		position: relative;
		width: 72px;
		height: 72px;
	}
	.js .site-main .paging-navigation .nav-previous a, .js .site-main .paging-navigation .nav-next a, .js .site-main .paging-navigation .nav-archive a, .js .site-main .post-navigation .nav-previous a, .js .site-main .post-navigation .nav-next a, .js .site-main .post-navigation .nav-archive a, .js .site-main .image-navigation .nav-previous a, .js .site-main .image-navigation .nav-next a, .js .site-main .image-navigation .nav-archive a {
		color: #fff;
		overflow: hidden;
		padding: 12px 0 12px 72px;
		position: absolute;
		top: 0;
		right: 0;
		width: 72px;
		height: 72px;
	}
	.js .site-main .paging-navigation .nav-previous a:before, .js .site-main .paging-navigation .nav-next a:before, .js .site-main .paging-navigation .nav-archive a:before, .js .site-main .post-navigation .nav-previous a:before, .js .site-main .post-navigation .nav-next a:before, .js .site-main .post-navigation .nav-archive a:before, .js .site-main .image-navigation .nav-previous a:before, .js .site-main .image-navigation .nav-next a:before, .js .site-main .image-navigation .nav-archive a:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		background-color: #202628;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-width: 0 1px 1px 0;
		content: "\f431";
		position: absolute;
		top: 0;
		right: 0;
		padding: 20px 0 0 21px;
	}
	.js .site-main .paging-navigation .nav-previous a:hover,
	.js .site-main .paging-navigation .nav-next a:hover,
	.js .site-main .paging-navigation .nav-archive a:hover,
	.js .site-main .post-navigation .nav-previous a:hover,
	.js .site-main .post-navigation .nav-next a:hover,
	.js .site-main .post-navigation .nav-archive a:hover,
	.js .site-main .image-navigation .nav-previous a:hover,
	.js .site-main .image-navigation .nav-next a:hover,
	.js .site-main .image-navigation .nav-archive a:hover,
	.js .site-main .paging-navigation .nav-previous a:focus,
	.js .site-main .paging-navigation .nav-next a:focus,
	.js .site-main .paging-navigation .nav-archive a:focus,
	.js .site-main .post-navigation .nav-previous a:focus,
	.js .site-main .post-navigation .nav-next a:focus,
	.js .site-main .post-navigation .nav-archive a:focus,
	.js .site-main .image-navigation .nav-previous a:focus,
	.js .site-main .image-navigation .nav-next a:focus,
	.js .site-main .image-navigation .nav-archive a:focus {
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		background-color: #302203;
		padding: 12px 96px 12px 24px;
		width: 360px;
	}
	.js .site-main .paging-navigation .nav-previous a:hover:before,
	.js .site-main .paging-navigation .nav-next a:hover:before,
	.js .site-main .paging-navigation .nav-archive a:hover:before,
	.js .site-main .post-navigation .nav-previous a:hover:before,
	.js .site-main .post-navigation .nav-next a:hover:before,
	.js .site-main .post-navigation .nav-archive a:hover:before,
	.js .site-main .image-navigation .nav-previous a:hover:before,
	.js .site-main .image-navigation .nav-next a:hover:before,
	.js .site-main .image-navigation .nav-archive a:hover:before,
	.js .site-main .paging-navigation .nav-previous a:focus:before,
	.js .site-main .paging-navigation .nav-next a:focus:before,
	.js .site-main .paging-navigation .nav-archive a:focus:before,
	.js .site-main .post-navigation .nav-previous a:focus:before,
	.js .site-main .post-navigation .nav-next a:focus:before,
	.js .site-main .post-navigation .nav-archive a:focus:before,
	.js .site-main .image-navigation .nav-previous a:focus:before,
	.js .site-main .image-navigation .nav-next a:focus:before,
	.js .site-main .image-navigation .nav-archive a:focus:before {
		border-color: #302203;
	}
	.js .site-main .paging-navigation .nav-previous a span, .js .site-main .paging-navigation .nav-next a span, .js .site-main .paging-navigation .nav-archive a span, .js .site-main .post-navigation .nav-previous a span, .js .site-main .post-navigation .nav-next a span, .js .site-main .post-navigation .nav-archive a span, .js .site-main .image-navigation .nav-previous a span, .js .site-main .image-navigation .nav-next a span, .js .site-main .image-navigation .nav-archive a span {
		display: block;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 240px;
	}
}
@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation .nav-next a:before, .js .site-main .post-navigation .nav-next a:before, .js .site-main .image-navigation .nav-next a:before {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		border-width: 1px 0 0 1px;
	}
}
@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation .nav-archive a:before, .js .site-main .post-navigation .nav-archive a:before, .js .site-main .image-navigation .nav-archive a:before {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		border-width: 0 0 1px 1px;
		content: "\f436";
	}
}

@media screen and (min-width: 48em) {
	.js .site-main .paging-navigation, .js .site-main .image-navigation {
		font-size: 13px;
		font-weight: 700;
		line-height: 1.84615;
		text-transform: uppercase;
	}
	.js .site-main .paging-navigation .nav-previous a, .js .site-main .paging-navigation .nav-next a, .js .site-main .image-navigation .nav-previous a, .js .site-main .image-navigation .nav-next a {
		padding: 26px 0 22px 72px;
	}
	.js .site-main .paging-navigation .nav-previous a:hover, .js .site-main .paging-navigation .nav-next a:hover, .js .site-main .image-navigation .nav-previous a:hover, .js .site-main .image-navigation .nav-next a:hover {
		padding: 26px 96px 22px 24px;
	}
}

/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.menu-heading {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.main-navigation {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	margin: 0 auto;
	width: 100%;
}
@media screen and (min-width: 37.5em) {
	.main-navigation {
		width: 552px;
	}
}
.main-navigation a {
	color: #58c7f4;
	display: block;
	padding: 12px 0;
}
.main-navigation a:hover, .main-navigation a:active, .main-navigation a:focus {
	color: #10afef;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}
.main-navigation ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	position: relative;
}
.main-navigation ul .current_page_item a, .main-navigation ul .current-menu-item a {
	color: #fff;
}
.main-navigation ul ul {
	display: none;
	margin-left: 24px;
}
.main-navigation ul ul.toggle-on {
	display: block;
}

.dropdown-toggle {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: rgba(255, 255, 255, 0.05);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
}
.dropdown-toggle:after {
	font-size: 24px;
	height: 24px;
	width: 24px;
	color: #fff;
	content: "\f431";
	position: absolute;
	top: 11px;
	right: 11px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #58c7f4;
}
.dropdown-toggle:hover:after,
.dropdown-toggle:focus:after {
	color: #23292b;
}
.dropdown-toggle.toggle-on:after {
	content: "\f432";
}

.page_item_has_children > a,
.menu-item-has-children > a {
	padding-right: 40px;
}

.js .post-type-archive-jetpack-portfolio .jetpack-portfolio.hover .post-thumbnail img, .js .tax-jetpack-portfolio-type .jetpack-portfolio.hover .post-thumbnail img, .js .tax-jetpack-portfolio-tag .jetpack-portfolio.hover .post-thumbnail img, .js .page-template-page-templatesportfolio-page-php .jetpack-portfolio.hover .post-thumbnail img, .js .project-navigation .jetpack-portfolio.hover .post-thumbnail img {
	opacity: 0.1;
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}