/*
 Theme Name:   Twenty Seventeen Child
 Description:  modified original wp theme
 Author:       steno RT kaluba
 Author URI:   https://kaluba.com
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twenty-fifteen-child
*/

@font-face {
	font-family: "Oswald";
	font-weight: 200;
	font-style: normal;
	src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3hWkUHHAIjg75-1h4Tus9CAZek1w.woff2) format('woff2'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3hWkUHHAIjg75-1h4Tus9E.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Oswald";
	font-weight: 400;
	font-style: normal;
	src: local('Oswald Regular'), local('Oswald-Regular'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format('woff2'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3iWkUHHAIjg752GT8A.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Oswald";
	font-weight: 700;
	font-style: normal;
	src: local('Oswald Bold'), local('Oswald-Bold'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3hWkUHHAIjg75-ohoTus9CAZek1w.woff2) format('woff2'), url(//energydancers.de/wp-content/uploads/sgf-css/TK3hWkUHHAIjg75-ohoTus9E.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Raleway";
	font-weight: 300;
	font-style: normal;
	src: local('Raleway Light'), local('Raleway-Light'), url(//energydancers.de/wp-content/uploads/sgf-css/1Ptrg8zYS_SKggPNwIYqWqZPANqczVs.woff2) format('woff2'), url(//energydancers.de/wp-content/uploads/sgf-css/1Ptrg8zYS_SKggPNwIYqWqZPBg.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Raleway";
	font-weight: 500;
	font-style: normal;
	src: local('Raleway Medium'), local('Raleway-Medium'), url(//energydancers.de/wp-content/uploads/sgf-css/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2) format('woff2'), url(//energydancers.de/wp-content/uploads/sgf-css/1Ptrg8zYS_SKggPNwN4rWqZPBg.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Text und Bild */

h1, h2, h3, h4, h1.site-title, p.site-title, .site-description {
	font-family: 'Oswald', sans-serif!important;
	font-weight:200;
}

h1.site-title a, p.site-title{
	font-size:2.5rem;
	letter-spacing:0;
}

h1.entry-title{
	font-size:2.2rem!important;
	letter-spacing:0;
	text-shadow:0 3px 5px #000;
}

h2.entry-title-beitrag{
	color:red!important;
}

h2, .site-description {
	color:#098fe4;
	font-size:1.7rem;
}

h3{
	color:#ccc!important;
	font-size:1.5rem;
	text-shadow:0 2px 3px #000;
}

h4{
	color:#ccc!important;
	font-size:1.2rem;
}

.entry-content p, ul li, .accordion-content {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#aaa;
	letter-spacing:0;
	font-size:1rem;
}

#top-menu li a{
	font-family:'Raleway',sans-serif!important;
	font-weight:300;
	color:#ddd;
	font-size:1rem;
}

#top-menu li.current-menu-item a{
	font-family:'Raleway',sans-serif!important;
	font-weight:500!important;
	color:#eee;
	font-size:1rem;
}

.custom-logo-link img{
	width:500px;
	height:auto;
	max-width:90%!important;
	max-height:198px!important;
}

.site-info p{
	font-family:'Raleway', sans-serif;
	font-weight:300;
	color:#aaa;
}

#content{
	background-color:#333;
}

.custom-header-media{
	background-color:#000000;
}

#masthead .custom-header .header-booking{
	background-image:url(../../uploads/2018/02/header_07.jpg)!important;
	background-position: center center;
	background-size:cover;
}

#masthead .custom-header .header-referenzen{
	background-image:url(../../uploads/2018/02/header_05.jpg)!important;
	background-position: center center;
	background-size:cover;
}

.zurueck{
	margin:0 47% 30px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#aaa;
	letter-spacing:0;
	font-size:1rem;
}

/* Beiträge Meta und Footer entfernen */
.entry-meta, .entry-footer{
	display:none!important;
}

.entry-content{
	margin-bottom:1rem;
	width:70%!important;
}

.entry-header{
	width:30%!important;
}

/* Titel Farbe und Größe */

.rep_vorschau_bild{
	border:none!important;
	box-shadow:0 3px 10px rgba(0,0,0,.7)!important;
	text-decoration:none!important;
	float:left!important;
	margin-right:.8rem;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #666;
	font-size: 14px;
	font-size: 1.5rem;
	font-weight: 200;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.site-footer{
	margin-top:0!important;
}

/* header repertoire

.site-branding{
	margin:0;
	padding:0;
	height:15rem;
}

.site-branding .wrap{
	height:100%;
}


.custom-logo-link,
.site-branding-text{
	display:inline!important;
}

.custom-logo-link img{
	width:420px;
}

.custom-logo-link{
	margin-top:1rem;
}

.site-branding-text{
	margin:0;
}


.site-header {
	background-color:#444;
}

.colors-dark .site-header,
.colors-dark .single-featured-image-header {
	background-color: #444!important;
}

.wp-custom-header img{
	height:100%!important;
} */


/* Accordion */

.accordion {
    margin-bottom: 20px;
}
.accordion-title {
    margin: 0;
    padding: 20px 0 0 0;
    cursor: pointer;
	text-decoration:underline;
}
.accordion-title:hover {color:#fff!important;text-decoration:underline;}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;text-decoration:none;color:#fff!important;background-color:transparent!important;margin:0!important;}
.accordion-title.open:hover {cursor: default;color:#fff!important;text-decoration:none;}
.accordion-content {padding-bottom: 0;}
.accordion-content h3, .accordion-content h4 {padding-top:0;}

/* Listen */

ul{
	list-style-type: none;
}

/* Bilder */
/* Galeriebilder auf den Repertoire-Seiten */

.entry-content a img{
	box-shadow: 0 0 0 2px #444!important;
	/* border: 2px solid #888!important; */
	/* border-radius: 5px; */
	filter: opacity(100%);
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(40%);
	filter: opacity(40%);
	box-shadow: 0 0 0 2px #888!important;
}

.gallery-caption {
    display: block;
    text-align: center;
    padding: 0 ;
    margin:-70px 0 50px;
	font-style:normal;
	color:#fff;
	font-family:'Raleway', sans-serif;
	font-weight:500;
	font-size:1rem;
	z-index:10000!important;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 50%;
	z-index:100!important;
}

#primary, .content-area {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px!important;
}

/* Slider */

.n2-ss-slider-1,
.mejs-mediaelement{
	box-shadow: 0 0 30px #777;
}

/* Video-Slider Special */

.special_video video{
		width:100%!important;
		max-width:100%!important;
		margin-left:0!important;
	}


/* ---------------- Kontaktformular ----------------------------*/

form label,
.wpcf7-submit {
	margin-top:0.5em;
	font-family:'Oswald', sans-serif!important;
	font-weight:300!important;
	font-size:1.2rem;
}

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
	background-color:rgba(255,255,255,.1)!important;
}

.wpcf7-submit,
.wpcf7-submit:hover {
	background-color:rgba(255,255,255,.1)!important;
	color:#fff!important;
	border:1px solid rgba(255,255,255,.4)!important;
	font-size:1.5rem!important;
}

.wpcf7-submit:hover {
	background-color:rgba(255,255,255,.4)!important;
	border:1px solid rgba(255,255,255,.6)!important;
}

/* ---------------- Full Width Template Anpassung --------------*/

body.page-template-template-full-width #content #primary {
	/*max-width: 100%;*/
	min-height:100%;
	max-height:100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 4em;
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		object-fit: contain;
		max-height: auto;
		margin: 0 auto;		
	}
}

/* ---------------- Media Queries ------------------------*/

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {

	.wrap {
		padding-left: 3em;
		padding-right: 3em;
	}
	
	#primary{
		width:100%;
	}
	
	.entry-header,
	.entry-content,
	.entry-title,
	.gallery-item{
		width: 100%!important;
	}
	
	.gallery-columns-3 .gallery-item {
		max-width: 50%;
	}
	
	#top-menu li.menu-item,
	#menu-social-links li.menu-item,
	#menu-footermenue li.menu-item{line-height:50px;}
}

@media screen and (max-width: 480px) {

	.wrap {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.entry-header,
	.entry-content,
	.entry-title,
	.gallery-item{
		width: 100%!important;
	}
	
	.gallery-columns-3 .gallery-item {
		max-width: 100%;
	}
	
	
}