/*
Theme Name:  Flycase Child Theme
Theme URI:      http://demo.wpwolf.com/flycase
Description:    Professional Music Theme
Author: Constantin Saguin
Author URI: http://wpwolf.com/about
Template:       flycase
Version:        1.0
*/

@import url("../flycase/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

body, html {
  height: 100%;
}
#main {
	padding-top: 30px;
}
a:hover {
	color: #eee !important;
}

code {
	background-color: transparent !important;
}

/* footer */
.site-footer { 
	background: none; 
	color: #ddd;  
	margin-top: 40px;
	margin-bottom: 20px;
}
/* nav top arrow */
a#top-arrow { background: none; border-radius: 5px 5px 0 0; }
a#top-arrow:hover { background: black; } 

/* audio player background */
.wolf-jplayer-playlist-container { background-color: #222 !important; }
.wolf-jplayer-loader-overlay { background-color: #222 !important; }


/* naviagtion */
.main-navigation .nav-menu li:hover a, .main-navigation .nav-menu li ul.sub-menu li a, .main-navigation .nav-menu li ul.children li a {
	background: #000 !important;
}
.main-navigation .nav-menu li {
	line-height: 52px;
	height: 52px;
}
.navbar-fixed.sticky-menu .main-navigation .nav-menu li {
	line-height: 52px;
}
.main-navigation .nav-menu li ul.sub-menu, .main-navigation .nav-menu li ul.children {
	padding-bottom: 18px;
	background: black;
}
.main-navigation .nav-menu li ul.sub-menu li, .main-navigation .nav-menu li ul.children li {
	height: 35px;
}
.navbar-fixed.sticky-menu .main-navigation .nav-menu li ul.sub-menu li, .navbar-fixed.sticky-menu .main-navigation .nav-menu li ul.children li {
	height: 35px;
}
.main-navigation .nav-menu li:hover ul {
	top: 41px;
	left: 3px;
}

/* tour dates */
.wolf-tour-dates table { margin-bottom: 0 !important; }
.wolf-tour-dates table tr:last-child td { border-bottom: none !important; }
#secondary #text-2 { border-bottom: none !important; }


/* image gallery effect */
.albums span.album-thumb, .shortcode-albums-grid span.album-thumb { background: #222 !important; }
.gallery img, .default-gallery img { border: none !important; }
.fancybox-skin { background: black !important; color: white !important; }

/* shop */
.wolf-woocommerce.woocommerce .woocommerce-result-count, .wolf-woocommerce.woocommerce-page .woocommerce-result-count {
 display: none; }


body.site-id-4 {
	background-position: center 80px !important;
}
body.site-id-4.admin-bar {
	background-position: center 112px !important;
}
body.site-id-4.navbar-fixed.sticky-menu #navbar-container {
	height: 80px;
}
body.site-id-4.navbar-fixed.sticky-menu .main-navigation .nav-menu li {
	line-height: 80px;
}




/*
	for all
*/

/* hides gallery overlay */
.masonry-gallery ul li a .gallery-item-overlay {
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	/* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); */
	filter: none;
	opacity: 0;
	background: black url("images/eye.png") 50% 50% no-repeat;
	background-size: 48px 48px;
}
.masonry-gallery ul li a:hover .gallery-item-overlay {
	/* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); */
	filter: none;
	opacity: 0;
}

/* change tour dates display for widget bar */
.widget-area .wolf-tour-dates .wolf-show-icons { display: none; }
.widget-area .wolf-tour-dates .wolf-show-venue { display: none; }
.widget-area .wolf-tour-dates .wolf-unoff-artist { display: none; }
/* change tour dates list */
.wolf-show-linked .wolf-show-entry-link:before { content:" "; }
.wolf-unoff-artist { /* color: #327707; */ }
.wolf-show-venue { /* color: gray; */ }

/* language widget */
.xili-language_Widgets .widget-content {
	width: 100%;
	height: 11px;
}
.xili-language_Widgets .widget-content a {
	display:inline;
	margin-left: 5px !important;
	float: right;
	content: " ";
	height: 11px;
}
a.lang-en_us {background: transparent url('images/flags/en_us.png') no-repeat center; padding: 0px 10px;}
a.lang-de_de {background: transparent url('images/flags/de_de.png') no-repeat center; padding: 0px 10px;}

/* shop */
.theme-button, .wolf-show-ticket-button, .wolf-show-actions .wolf-show-facebook-button, .wolf-more-dates, #wolf-release-buttons .wolf-release-button a.wolf-release-amazon, #wolf-release-buttons .wolf-release-button a.wolf-release-itunes, #wolf-release-buttons .wolf-release-button a.wolf-release-buy, .wolf-woocommerce-buttons.woocommerce .button, .wolf-woocommerce-buttons.woocommerce #content input.button, .wolf-woocommerce-buttons.woocommerce #respond input#submit, .wolf-woocommerce-buttons.woocommerce-page .button, .wolf-woocommerce-buttons.woocommerce-page #content input.button, .wolf-woocommerce-buttons.woocommerce-page #respond input#submit, .more-link, input[type="submit"] {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	padding-right: 10px !important;
}
.theme-button:hover, .wolf-show-ticket-button:hover, .wolf-show-actions .wolf-show-facebook-button:hover, .wolf-more-dates:hover, #wolf-release-buttons .wolf-release-button a.wolf-release-amazon:hover, #wolf-release-buttons .wolf-release-button a.wolf-release-itunes:hover, #wolf-release-buttons .wolf-release-button a.wolf-release-buy:hover, .wolf-woocommerce-buttons.woocommerce .button:hover, .wolf-woocommerce-buttons.woocommerce #content input.button:hover, .wolf-woocommerce-buttons.woocommerce #respond input#submit:hover, .wolf-woocommerce-buttons.woocommerce-page .button:hover, .wolf-woocommerce-buttons.woocommerce-page #content input.button:hover, .wolf-woocommerce-buttons.woocommerce-page #respond input#submit:hover, .more-link:hover, input[type="submit"]:hover {
	background: none !important;
	color: white !important;
	text-decoration: underline !important;
}
.wolf-woocommerce-buttons.woocommerce .button.alt, .wolf-woocommerce-buttons.woocommerce #content input.button.alt, .wolf-woocommerce-buttons.woocommerce #respond input#submit.alt, .wolf-woocommerce-buttons.woocommerce-page .button.alt, .wolf-woocommerce-buttons.woocommerce-page #content input.button.alt, .wolf-woocommerce-buttons.woocommerce-page #respond input#submit.alt, .wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_signup_submit input[type="submit"] {
	background: none !important;
	color: white !important;
	text-decoration: underline !important;
}


/*
/	project links
*/
#eg-open-button {
	position: fixed;
	left: 20px;
	top: 100px;
	width: 50px;
	height: 280px;
	background: url(project-images/projects.png) no-repeat center;
	background-size: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 100012;
	
}
#eg-open-button:hover {
	/*-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);  
	-o-transform: scale(1.4);
    transform: scale(1.4);*/
    opacity: 0.8;
    cursor: pointer;
}

.eg-project-links-wrap {
	opacity: 0;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	content: " ";
	z-index: 100010;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.eg-project-links-wrap.visible {
	opacity: 1;
	left: 0;
}
.eg-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	/* opacity: 0.8; */
	z-index: 100009;
}
.eg-image-wrap {
	position: relative;
	height: 100%;
	/* opacity: 0.3; */
	/* background: #fff; */
	margin: 0 auto;
	z-index: 100011;
	background: url(project-images/eg-project-link.jpg) no-repeat center;
	background-size: auto 100%;
	/* opacity: 0.8; */
}

/* links */
#eg-close-button {
	position: absolute;
	right: 3%;
	top: 3%;
	width: 4%;
	height: 4%;
	background: url(project-images/close.png) no-repeat center;
	background-size: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
#eg-close-button:hover {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);  
	-o-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
}
#eg-mute-button {
	position: absolute;
	left: 3%;
	top: 2%;
	width: 6%;
	height: 6%;
	background: url(project-images/loud.png) no-repeat center;
	background-size: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#eg-mute-button:hover {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);  
	-o-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
}
#eg-mute-button.active {
	background: url(project-images/mute.png) no-repeat center;
	background-size: 100%;
}
.eg-link {
	/* background: #3ff; */
}
.eg-name {
	width: 60%;
	height: 50%;
	margin-left: 20%;
	margin-top: 13%;
	/* background: url(1724.png) no-repeat center; */
	background-size: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.eg-link:hover .eg-name {
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);  
	-o-transform: scale(1.6);
    transform: scale(1.6);
}
#eg-link-1 {
	position: absolute;
	left: 5%;
	top: 18%;
	width: 14%;
	height: 7%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-1 .eg-name {
	width: 80%;
	margin-left: 15%;
	margin-top: 3%;
	height: 80%;
	background: url(project-images/glow.png) no-repeat center;
	background-size: 100%;
}
#eg-link-2 {
	position: absolute;
	left: 26%;
	top: 4%;
	width: 24%;
	height: 17%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-2 .eg-name {
	width: 100%;
	margin-left: 0;
	background: url(project-images/aaex.png) no-repeat center;
	background-size: 100%;
}
#eg-link-2:hover .eg-name {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);  
	-o-transform: scale(1.4);
    transform: scale(1.4);
}
#eg-link-3 {
	position: absolute;
	left: 61%;
	top: 19%;
	width: 30%;
	height: 27%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-3 .eg-name {
	background: url(project-images/est.png) no-repeat center;
	background-size: 100%;
	width: 100%;
    margin-left: 0%;
    margin-top: 7%;
    height: 70%;
}
#eg-link-3:hover .eg-name {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);  
	-o-transform: scale(1.3);
    transform: scale(1.3);
}
#eg-link-4 {
	position: absolute;
	left: 12%;
	top: 30%;
	width: 23%;
	height: 14%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-4 .eg-name {
	margin-top: 10%;
	background: url(project-images/peal.png) no-repeat center;
	background-size: 100%;
}
#eg-link-4:hover .eg-name {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);  
	-o-transform: scale(1.4);
    transform: scale(1.4);
}
#eg-link-5 {
	position: absolute;
	left: 42%;
	top: 32%;
	width: 18%;
	height: 14%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-5 .eg-name {
	width: 90%;
	margin-left: 5%;
	background: url(project-images/1724.png) no-repeat center;
	background-size: 80%;
}
#eg-link-5:hover .eg-name {
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);  
	-o-transform: scale(1.6);
    transform: scale(1.6);
}
#eg-link-6 {
	position: absolute;
	left: 32%;
	top: 49%;
	width: 24%;
	height: 24%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-6 .eg-name {
	width: 90%;
	margin-left: 5%;
	margin-top: 16%;
	background: url(project-images/bluestrio.png) no-repeat center;
	background-size: 100%;
}
#eg-link-7 {
	position: absolute;
	left: 51%;
	top: 66%;
	width: 13%;
	height: 34%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-7 .eg-name {
	width: 70%;
	margin-left: 21%;
	margin-top: 28%;
	background: url(project-images/mukti.png) no-repeat center;
	background-size: 100%;
}
#eg-link-8 {
	position: absolute;
	left: 64%;
	top: 59%;
	width: 33%;
	height: 31%;
	-webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
}
#eg-link-8 .eg-name {
	width: 80%;
	margin-left: 11%;
	background: url(project-images/genquar.png) no-repeat center;
	background-size: 100%;
}
#eg-link-8:hover .eg-name {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);  
	-o-transform: scale(1.3);
    transform: scale(1.3);
}
#eg-link-9 {
	position: absolute;
	left: 0%;
	top: 73%;
	width: 14%;
	height: 27%;
}
#eg-link-9 .eg-name {
	width: 77%;
	margin-top: 0%;
	background: url(project-images/more_projects.png) no-repeat center;
	background-size: 100%;
}

#menu-item-281 {
	display: none;
}
.eg-mobile-wrap {
	display: none;
	width: 100%;
	height: 100%;
	background: black;
}
.eg-mobile-wrap ul {
	width: 100%;
}
.eg-mobile-wrap ul li{
	width: 100%;
	height: 50px;
	border: 1px solid white;
	margin-top: 5px;
}
.eg-mobile-wrap ul li a{
	width: 50%;
	padding-top: 13px;
	padding-left: 20px;
	display: block;
	color: white;
}

#logo-container a > img:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

.menu-breakpoint.is-responsive .toggled-on .nav-menu li {
	border: 1px solid white;
	margin-top: 5px;
}

.menu-breakpoint.is-responsive .toggled-on .nav-menu li ul li {
	margin-left: 5px;
}

@media screen and (max-width: 1110px) {
	#eg-open-button {
		left: 0;
	}
}

@media screen and (max-width: 1050px) {
	.wolf-single-date {
		font-size: 12px;	
	}
}

@media screen and (max-width: 900px) {
	#secondary .widget {
		padding: 20px;
	}
}

@media screen and (max-width: 940px) {
	.eg-background {
		display: none;
	}
	.eg-image-wrap {
		display: none;
	}
	.eg-mobile-wrap {
		display: block;
	}

}

@media screen and (max-width: 1030px) {
	#eg-open-button {
		display: none;
	}
	#menu-item-281 {
		display: block;
	}
}