/*
Theme Name: MuK Giessen e.V.
Theme URI: http://muk-giessen.de
Version: 1.0
Description:
Template: muk
Author: Kunsang Norbu Tsering
Author URI:
*/

@import url('fa.css');
@import url('../muk/style.css');


/*@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'berthold_citymedium';
	src: url('fonts/berthold_city_medium-webfont.eot');
	src: url('fonts/berthold_city_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/berthold_city_medium-webfont.woff') format('woff'),
		 url('fonts/berthold_city_medium-webfont.ttf') format('truetype'),
		 url('fonts/berthold_city_medium-webfont.svg#berthold_citymedium') format('svg');
}*/
@font-face {
	font-family: 'berthold_citybold';
	src: url('fonts/berthold_city_bold-webfont.eot');
	src: url('fonts/berthold_city_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/berthold_city_bold-webfont.woff') format('woff'),
		 url('fonts/berthold_city_bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
body {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	background: url(images/shattered.min.png) repeat center top fixed;
}
/* Flat Design */

* {
	box-shadow: none !important;
}

.home-tab-active, .home-tab-active a {
	text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.3);
	font-weight: 900;
}

.module-content, .all-tabs {
	border: 4px solid hsl(158, 100%, 41%);
	border-width: 0 0 10px;
}

#featured {
	border-top: 10px solid hsl(47, 100%, 52%);
	/*border-bottom: 4px solid hsl(47, 100%, 52%);*/
	background: #828387;
}

#featured, .post-thumbnail {
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center 25%;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
/*	width: 100%;
	height: 100%;
	overflow: auto;*/
}

#et-featured-posts {
	padding: 0;
	/*border: 4px solid hsl(47, 100%, 52%);*/
}

#breadcrumbs {display: none}

#main-header {border-bottom: 1px solid #ddd}

.home #main-header {border-bottom: 0}

#sidebar, #additional-sidebar {margin-top: 0 !important}

h4.widgettitle {border-top: none}

#top-navigation {padding-left: 0px}

#et-featured-posts {padding: 0px}

.parties .featured-comments span {color: hsl(207, 100%, 52%)}
.konzerte .featured-comments span {color: hsl(158, 100%, 41%)}

.et-first, .et-third {padding-right: 0}
#et-featured-posts {padding: 0}

#top-menu > li > a {height: 16px}

.home .et-first,
.home .et-second,
.home .et-third {margin-bottom: 0 !important}

@media only screen and (min-width: 1400px)  {
	#et-featured-posts {
		padding: 20px 64px;
	}
						.home .et-first  {width: 570px; height: 415px}

						.home .et-second {width: 574px;	height: 207px}
						.home .et-third,
						.home .et-fourth {width: 287px; height: 208px}
}
@media only screen and (max-width: 1399px) {

						.home .et-first  {width: 456px; height: 320px}

						.home .et-second {width: 504px; height: 158px}
						.home .et-third,
						.home .et-fourth {width: 252px; height: 162px}
}
@media only screen and (max-width: 960px) {

						.home .et-first  {width: 766px;	height: 350px}

						.home .et-second {width: 766px;	height: 200px}
						.home .et-third,
						.home .et-fourth {width: 383px;	height: 200px}
}
@media only screen and (max-width: 767px){

						.home .et-first  {width: 480px; height: 291px}

						.home .et-second {width: 480px; height: 176px}
						.home .et-third,
						.home .et-fourth {width: 240px; height: 171px}

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

						.home .et-first  {width: 320px; height: 175px}

						.home .et-second {width: 320px; height: 116px}
						.home .et-third,
						.home .et-fourth {width: 160px; height: 113px}

	.Vergangene.Veranstaltungen {display: none !important}
}

.page #content {
	border-top: 10px solid hsl(47, 100%, 52%);
	border-bottom: 10px solid hsl(47, 100%, 52%);
	margin-top: -1px;

}


.post-thumbnail {
	position: static !important;
}
.post-thumbnail:before {
	display: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* /Flat Design */

#logo {
	margin-bottom: -20px;
	padding-top: 10px !important;
}

#muk-logo {
	position: relative;
	z-index: -1;
	display: block;
	overflow: hidden;
	width: 400px;
	height: 213px;
/*	-webkit-filter: drop-shadow(3px 2px 2px rgba(0,0,0,0.3));
	filter: drop-shadow(3px 2px 2px rgba(0,0,0,0.3));*/
}

a.logo span {
	position: relative;
	top: -42px;
	left: 88px;
	z-index: 10;
	display: block;
	margin-top: -125px;
	width: 227px;
	height: 115px;
	border-radius: 50%;
	background: url("images/shine50.png") -300px -250px no-repeat;
	transition-timing-function: ease-in-out;
	transition-duration: .8s;
	transition-property: all;
}
a.logo:hover span {
	background-position: 380px 220px;
}
a.logo:active {
	animation-name: rotateThis;
	animation-duration: 0.8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	transform-style: preserve-3d;
	perspective: 382px;
}
@keyframes rotateThis {
	0% {	transform: scale(1) 	rotate(0deg)}
	20% {	transform: scale(1.04) 	rotateY(20deg)}
	60% {	transform: scale(0.96) 	rotateX(20deg)}
	100% {	transform: scale(1) 	rotate(0deg)}
}
#main-header {
	padding-top: 0px;
}
.gallery br {
	display: none;
}
hr {
	display: block;
	margin: 50px 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
	clear: both;
}
h1, h2, h3, h4, h5, h6, .post-title {
	font-family: 'berthold_citybold' !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: -0.5px !important;
/*	font-family: 'berthold_citymedium' !important;*/
}
/*#content h2, .entry-content h1, .entry-content h2, .entry-content h3{
	-webkit-font-smoothing: subpixel-antialiased !important;
}*/
h2, .recent-post h2 {
	font-size: 30px;
	margin-bottom: 4px;
	color: #333;
}
h1.module-title, h4.widgettitle, #breadcrumbs {
	font-size: 24px;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
	margin: 0;
}

h1.post-heading {
	color: #222;
}

.entry-content p, .entry-content ul, .entry-content dl, .entry-content blockquote {
	font-size: 18px;
	line-height: 1.618;
/*	text-align: justify;*/
	padding-bottom: 0;
	margin-bottom: 29px; /*18px * 1.618 golden ratio*/
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
}

hr {
	display: block;
	margin: 50px 0px;
	height: 50px;
	border-color: transparent;
}

figure {
	margin: 0;
}

img.alignleft {
	margin: 0 1em 0 0;
}

img.alignright {
	margin: 0 0 0 1em;
}

/* embedded video */
.rve {
	margin-bottom: 1em;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}
abbr:hover,
acronym:hover {
	background-color: #eee;
}
.home .ngg-slideshow img {
	margin-left: -40px !important;
	max-width: 240px !important;
	max-height: 240px !important;
	width: 240px !important;
	height: 240px !important;
}
.et-main-description,
.post-description {
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
}
.et-main-description .postinfo {
	font-weight: 300;
	font-size: 14px;
}
.post-metainfo .postinfo {
	color: #333;
	font-weight: 300;
	font-size: 14px;
}
#et-social-icons .facebook a:hover {
	background: #3B59C7;
}
nav li ul:hover > li {
	background-color: #ffcb08;
}
#top-menu li {
	text-shadow: 1px 1px 0 #fff;
	font-weight: 400;
	font-family: 'Open Sans', Arial, sans-serif;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	top: -20px;
	left: 200px;
}
#top-menu li li,
.et_mobile_menu li a {
	padding: 10px 8px;
}
.nav li ul,
.et_mobile_menu {
	padding: 20px 10px 20px 30px;
	width: 190px;
}
nav li a:hover {
	color: #000 !important;
}
#et_mobile_nav_menu,
.et-popular-mobile-arrow {
	position: relative;
	z-index: 9999;
}
.categories-tabs li {
	display: inline-block !important;
}
#et-social-icons {
	margin: 0;
}
ul#top-menu {
	margin: 0;
}


.et-featured-post p.post-meta {
	display: none;
}

.et-recent-featured-post img,
.recent-video-slides {
	-webkit-filter: grayscale(0.7);
	filter: grayscale(0.7);
	transition: all .4s ease-in-out;
}

/*.et-recent-featured-post:hover img,
.recent-video-slides:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}*/

.et-featured-post:before {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.widget_etrecentfromwidget .main-title a {
	color: hsla(0,100%,100%,0.7);
	font-weight: 600;
	transition: all .4s ease-in-out;
}

.widget_etrecentfromwidget .main-title a:hover {
	color: hsla(0,100%,100%,0.9);
	text-shadow: 1px 1px 5px hsla(57, 100%, 60%, 0.8);
}



/* Navbar Social Icons FontAwesome Replacements */

#et-social-icons span {
	background-image: none !important;
}

#et-social-icons span:after,
#et-share-icons a:before {
	position: absolute;
	display: block;
	color: hsl(0, 0%, 20%);
	text-align: center;
	text-indent: 0;
	font-family: FontAwesome;
}

#et-social-icons span:after {
	top: 0px;
	width: 100%;
	padding-top: 20px;
	font-size: 26px;
}

#et-share-icons a:before {
	width: 16px;
	margin-top: -3px;
	padding: 10px;
	border-radius: 50%;
	background: #999;
}

#et-share-icons a {
	margin-right: 10px;
	background: none;
}

#et-social-icons .twitter span:after,
#et-share-icons > li.twitter-share > a:before { content: "\f16d"; }
#et-social-icons .facebook span:after,
#et-share-icons > li.facebook-share > a:before { content: "\f09a"; }
#et-social-icons .rss span:after { content: "\f09e"; }
#et-social-icons .google span:after,
#et-share-icons > li.google-share > a:before { content: "\f0d5"; }

#et-social-icons li .et-social-hover:after {
	padding-top: 18px;
	color: #fff;
}

/**********************************************
				Home Postlinks 				  *
**********************************************/

.categories-tabs-module .recent-post, .recent-module .recent-post, .home .et-tab {
	min-height: 200px;
}

.et-description .post-meta {
	padding: 0;
}

.et-description p.post-meta {
	position: relative;
	margin: 0;
	padding: 0 0 8px;
	background: white;
}

.et-description .post-meta span {
	margin: 6px 8px 0 0;
}

.categories-tabs-module .et-description,
.recent-module .et-description {
	margin: -6px 0 0 176px;
}

.categories-tabs-module .et-main-image,
.recent-module .et-main-image {
	width: 160px;
}

.et-description p {
	padding: 0;
}

.et-description .post-meta span a,
.et-description .post-meta span {
	display: inline-block;
	color: #fff;
	text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 0.3);
	font-weight: 600;
	line-height: 2;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.et-description .post-meta span {
	margin-right: 4px;
	padding: 0;
}
.et-description .post-meta span a,
.et-description .post-meta .no-link {
	padding: 0 8px;
}
/*.et-description .post-meta .datum a,
.et-description .post-meta .einlass,
.et-description .post-meta .eintritt {
	color: #000;
}*/

.post-excerpt .post-title {
	font-size: 18px !important;
}

.et-third .excerpt-wrap p, .et-fourth .excerpt-wrap p {
	letter-spacing: -1px;
	line-height: 20px;
}

.et-third .excerpt-wrap, .et-fourth .excerpt-wrap {
	padding: 10px 30px 0 70px;
}


#featured .konzerte,
.et-description > .post-meta.konzerte span,
.categories-tabs-module li.Konzerte.home-tab-active,
#content .categories-tabs:after {
	background-color: #00D184;
}

#featured .parties,
.et-description > .post-meta.parties span,
.categories-tabs-module li.Parties.home-tab-active {
	background-color: #0A8FFF;
}
.categories-tabs, .categories-tabs li  {border: none; height: auto}

.categories-tabs li {padding: 16px 20px 24px}

.categories-tabs:after {
	z-index: 9;
	height: 10px;
	border: none;
}
.categories-tabs:before, #et-social-icons:before {background: transparent}

.et-main-image {
	height: 160px;
	margin-right: 0;
	transition: all .5s cubic-bezier(0,1,1,0);
}

/*.et-main-image:hover {
	width: 220px;
	position: absolute;
	z-index: 999;
	-webkit-transform: scale3d(2,2,2);
	-webkit-perspective: 600px;
	-webkit-transform-origin-x: 0px;
	margin-right: -60px;
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.7) !important;
}*/

.et-main-image:before {
	box-shadow: none !important;
}

.et-description .post-meta .fb-event:hover {
	background: hsl(221, 44%, 41%);
}
.et-description .post-meta .tickets:hover {
	margin-right: 0;
	background: #0071B9;
}

.et-description .post-meta .datum:hover,
.et-description .post-meta .einlass:hover {
	background-color: #FFCB08;
}

.entry-content .post-meta {
	font-size: 14px;
}
.single .et-description {
	margin: 0;
}



/*.post-meta a:hover {
	background: #0A8FFF;
}
*/

article .ticket-logo {
	display: inline-block;
	padding: 5px;
	width: 200px;
	height: 70px;
	border: 1px solid hsl(0, 100%, 100%);
	border-radius: 4px;
	background-origin: content-box !important;
	box-shadow: 0px 0px 15px hsla(47, 100%, 34%, 0.3);
	text-indent: -9999em;
	opacity: 0.75;
	-webkit-filter: grayscale(.8);
	filter: grayscale(.8);
	transition: all 0.3s ease-in-out;
}
article a[href*="reservix"].ticket-logo {
	background: url(http://produkte.reservix.de/sites/default/files/RSX-Ticketbutton-200x70.png) no-repeat;
}
article a[href*="adticket"].ticket-logo {
	width: 200px;
	height: 43px;
	background: url(/wp-content/uploads/2013/10/adticket.png) no-repeat;
}
article a[href*="eventim"].ticket-logo {
	background: url(images/eventim-big.png) no-repeat;
}

article .ticket-logo:hover {
	border-color: hsl(0,100%,98%);
	box-shadow: 3px 3px 15px hsla(47, 100%, 34%, 0.4);
	opacity: .85;
	-webkit-filter: grayscale(.2);
	filter: grayscale(.2);
}
article .ticket-logo:active {
	border-color: hsl(0,100%,96%);
	box-shadow: 0px 0px 7px hsla(47, 100%, 34%, 0.27);
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.et-featured-post:before {
	margin: 0 0 0 -1px;
	transition: all 0.4s ease-in-out
}

.et-featured-post:hover:before {
	-webkit-filter: grayscale(0.5) blur(4px);
	filter: grayscale(0.5) blur(4px);
	filter: url(/blur.svg#blur);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}


.et-featured-post img {
/*	max-width: inherit;
	-webkit-filter: grayscale(0) blur(0px);
	filter: grayscale(0) blur(0px);
	transition: all 0.4s ease-in-out;*/
	display: none;
}
/* HACKS */
.et-first img[src*="electrified"] {
	height: 415px
}

#top-menu > li > a {
	-webkit-backface-visibility: visible;
	-webkit-transform: none;
}

div.et-featured-post:hover img {
	-webkit-filter: grayscale(0.5) blur(2px);
	filter: grayscale(0.5) blur(2px);
	filter: url(/blur.svg#blur);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

.nailthumb-container {
	width: 160px !important;
	height: 160px !important;
}

.post-excerpt .post-title {
	font-size: 27px;
}

/* Featured ends */

.sponsor {
	display: block;
	width: 215px;
	margin-bottom: 1em;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}

.sponsor:hover {
	opacity: .7
}

.giessen {
	height: 84px;
	background: url(images/logo-giessen.min.png) no-repeat top left/215px 84px scroll;
}

.laks {
	height: 208px;
	background: url(images/laks.min.png) no-repeat top left/215px 208px scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#muk-logo {
		width: 320px;
		height: 160px;
	}
	#logo {
		margin-bottom: -40px;
	}
	.giessen {
		background: url(images/logo-giessen@2x.min.png) no-repeat top left/215px 84px scroll;
	}
	.laks {
		background: url(images/laks@2x.min.png) no-repeat top left/215px 208px scroll;
	}
	.post-thumbnail {
		background-position: 50% 20% !important;
		background-attachment: scroll !important;
	}
	body {
		background: url(images/shattered_@2x.min.png) repeat;
	}
}

.module-content,
.all-tabs {
	padding: 40px 38px 40px 40px;
}

#submit, .comment-reply-link {
	margin-bottom: 1em;
	padding: 10px 18px 14px;
	border-radius: 4px;
	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15) !important;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#submit:hover {
	background: #0A8FFF;
}

#submit:active {
	background: #0A60FF;
}




/* Gallery */

.ngg-gallery-thumbnail img {
	position: relative;
	display: block;
	margin: 4px 0px 4px 4px;
	padding: 4px;
	max-width: 200px !important;
	border: 1px solid hsl(0, 0%, 90%) !important;
	background-color: hsl(0, 100%, 98%) !important;
	opacity: .83;
	transition: all .16s ease-in-out;
}

.ngg-gallery-thumbnail img:hover {
	bottom: 2px;
	border: 1px solid hsl(0, 100%,96%) !important;
	background-color: hsl(0, 100%%, 100%) !important;
	box-shadow: 0px 6px 17px hsla(0,0%,0%,0.19) !important;
	opacity: 1;
}

.ngg-galleryoverview br {
display: none;
}

#et-bio-author {
	display: none;
}

#et-box-author {
	margin-bottom: 0;
}

#trackbacks {
	padding: 20px;
}

.entry-content dl {
	margin: 0 0 3em 0;
}

.entry-content dd,
.comment-content dd {
	margin: 9px 0 20px 20px;
	line-height: 16px;
}

/* Breadcrumbs fix */

#breadcrumbs {
	position: relative;
	width: 145%;
}

#sidebar,
#additional-sidebar {
	margin-top: 51px;
}
@media only screen and (min-width : 1900px) {#breadcrumbs {width: 130%;}}
@media only screen and (max-width : 960px) and (min-width : 768px) {#breadcrumbs {width: 95.5%;}}
@media only screen and (max-width : 767px) and (min-width : 479px) {#breadcrumbs {width: 93.2%;}}


/* Mobile NavMenu */

#et_mobile_nav_menu {padding: 0;}
.mobile_nav > span {display: none;}
.et_mobile_menu {
	top: 56px;
	left: 125px;
}
.mobile_nav {
	padding: 16px 0;
	width: 100%;
	line-height: 24px;
}
.mobile_nav:after {
	display: inline-block;
	margin-left: 12px;
	color: hsl(47, 100%, 52%);
	content: "\f054";
	font-family: FontAwesome;
	transition: all .5s ease;
	transform: rotate(90deg);
}
.mobile_nav.opened:after {-webkit-transform: rotate(270deg);}

#comment-wrap {	padding: 60px 0;}

.comment-body {	padding-bottom: 0}




.smallthumb img {
/*	-webkit-transform: scale3d(1,1,0);*/
/*	   -moz-transform: scale3d(1,1,0);
		-ms-transform: scale3d(1,1,0);
		 -o-transform: scale3d(1,1,0);
			transform: scale3d(1,1,0);*/
	-webkit-transition: all .3s ease .3s,-webkit-transform .3s ease;
	   -moz-transition: all .3s ease .3s,   -moz-transform .3s ease;
		-ms-transition: all .3s ease .3s,	 -ms-transform .3s ease;
		 -o-transition: all .3s ease .3s, 	  -o-transform .3s ease;
			transition: all .3s ease .3s,		 transform .3s ease;
	z-index: 0;
}

.widget li, .footer-widget li, .smallthumb {
	-webkit-perspective: 600px;
}


.widget li:hover .smallthumb img {
	-webkit-transform: scale(5,5);
	   -moz-transform: scale(5,5);
		-ms-transform: scale(5,5);
		 -o-transform: scale(5,5);
			transform: scale(5,5);
	-webkit-transform-origin: 90px;
	   -moz-transform-origin: 90px;
		-ms-transform-origin: 90px;
		 -o-transform-origin: 90px;
			transform-origin: 90px;
	-webkit-box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.75) !important;
	   -moz-box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.75) !important;
			box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.75) !important;
	-webkit-transition: all .3s ease,-webkit-transform .3s ease .3s;
	   -moz-transition: all .3s ease,   -moz-transform .3s ease .3s;
		-ms-transition: all .3s ease,	 -ms-transform .3s ease .3s;
		 -o-transition: all .3s ease, 	  -o-transform .3s ease .3s;
			transition: all .3s ease,		 transform .3s ease .3s;
}

.smallthumb:before {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}