/*
====================================================================================================
Theme Name:		Metric - Child Theme
Theme URI: 		http://themes.grandpixels.com/metric
Description: 	Child theme for a Metric: Music Band Responsive WordPress Theme by Pavel of Grand Pixels
Version: 		1.0.1
Author: 		Pavel Richter / Grand Pixels
Author URI: 	http://grandpixels.com
License: 		GNU General Public License version 3.0
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template:		metric
====================================================================================================

IF YOU PLAN TO MAKE SOME MODIFICATIONS TO THE CODE OF THE THEME, WILL BE BETTER TO MAKE THEM VIA
THIS CHILD THEME. IF YOU WILL MAKE MODIFICATION DIRECTLY TO THE PARENT THEME, YOU WILL LOSE THOSE
MODIFICATIONS WHEN THE THEME IS UPDATED. WHEN YOU MAKE MODIFICATIONS INSIDE OF THE CHILD THEME
INSTEAD, YOU CAN UPDATE THE PARENT THEME WITHOUT LOOSING ANY CHANGE YOU HAVE MADE.

MORE INFORMATION ABOUT CHILD THEMES YOU CAN FIND IN WORDPRESS CODEX:
http://codex.wordpress.org/child_themes.

====================================================================================================
*/

@import url('../metric/style.css');

/* Put your CSS below */

body {
-moz-hyphens: auto;
-webkit-hyphens: auto;
  hyphens: auto;

}


/*
----------------------------------------------------------------------------------------------------
Timetable - Categories
----------------------------------------------------------------------------------------------------
*/
nav.categories {

	width: 100%;
	padding: 0.5em 0;	
	font-size: 1.2em;
	float: left;




}

nav.categories ul {
    display: block;
    clear: both;
}
    
nav.categories ul li {
    display: inline;
    list-style: none;
}

nav.categories ul li button {
    float: left;
    padding: 0.5em 1em;
    margin: 0 0.1em 1px 0;
    text-decoration: none;
 	font-weight: bold;
}

/*
----------------------------------------------------------------------------------------------------
Timetable - Days
----------------------------------------------------------------------------------------------------
*/

nav.days {
    	width: 100%;

	padding: 0.5em 0;
	font-size: 1.2em;
	float: left;
	margin-right: 5px;	
	

}

nav.days ul {
    display: block;
    clear: both;
}
    
nav.days ul li {
    display: inline;
    list-style: none;
}

nav.days ul li button, nav.days ul li a {
    float: left;
	text-decoration: none;
	color: white!important;
border:none;
	padding: 0.5em 1em;
    margin: 0 0.1em 1px 0;
font-weight: bold;

}





.page-header {
	
}
.
.programmlink {
	line-height: 35px;
}
.programmlink a {
	background-color: #D06253;
	padding: 0.2em 0.5em;
    	text-decoration: none;
}
.programmlink a:hover {
	background-color: #7BB8CB;
	text-decoration: none;
}




/*
----------------------------------------------------------------------------------------------------
FFEvents
----------------------------------------------------------------------------------------------------



/* Post Venue & Location */
.grid-ffevent .post-venue,
.grid-ffevent .post-location,
.list-ffevent .post-venue,
.list-ffevent .post-location {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 500;
	position: absolute;
	bottom: 0;

}
	


/* Post Date */
.grid-ffevent .post-date,
.list-ffevent .post-date {
    margin-top: 0.5em;
    //font-size: 1.6em;
	text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    bottom: 1.6em;
}

/* Post Time */
.grid-ffevent .post-time,
.list-ffevent .post-time {
	margin: 0;
	text-transform: uppercase;
	font-weight: 500; 



}

/* Post Likes */
.grid-ffevent .post-likes {
    width: 100%;
    margin: 1.5em auto 0 !important;
}




/*
----------------------------------------------------------------------------------------------------
FFEvent List
----------------------------------------------------------------------------------------------------
--------------------------------------------------
Common
--------------------------------------------------
*/

.list-ffevent {
    display: block;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 2em;
	border-top: 1px solid;

}

.list-ffevent:first-child {

	border-top: none;

}
.list-ffevent .post {
    display: table-cell;
    height: 120px;

    padding: 0;
	
	
    

}
.list-ffevent .post.post-1 {
    border-top-color: transparent;
}

.list-ffevent .post-header,
.list-ffevent .post-info,
.list-ffevent .post-status,
.list-ffevent .post-action {
    float: left;
    //display: block;
    //height: 100%;
}
.post-header a, .post-header a:hover {
    border-bottom: none;

}



/* Post Header */
.list-ffevent .post-header {
    font-size: 0.9em;
    padding: 0;
    margin: 0;
	width: 300px;

	
}

/* Post Title */
.list-ffevent .post-title {

	font-size: 1.4em;   
	 line-height: 1.3em;
    border-bottom: 0em;
	margin-bottom: 0.5em;


	text-transform: uppercase;
	
	
}

.list-ffevent .post-title a {
   // font-size: 0.5em;
   // line-height: 0.6em;
    border-bottom: 0;


}


/* Post Image */
.list-ffevent .post-image {
    
    width: 120px;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
}

/* Post Date */
.list-ffevent .post-date {
    font-style: normal;
}

/* Post Info */
.list-ffevent .post-info {
    font-size: 0.9em;
}

/* Post Status */
.list-ffevent .post-status {
    font-size: 0.9em;
}

/* Post Action */
.list-ffevent .post-action {
    font-size: 0.9em;
}



.timespan {
	width: 150px;
	height: auto;
	font-size: 1.6em;
	line-height: 4em;
	padding: 10px;
	margin-right: 2px;
	//margin-bottom: 2px;	
	
	vertical-align: middle;
	display: inline;
}

.timetable {

	margin-top: 1em;

}

.tile-block-mg {
    position: relative;
    overflow: hidden;
    padding: 0 0 0em;
    margin: 0.25em 0.25em 0.25em 0.25em;
    z-index: 1;
    background-color: black;
}

.overlay-block-mg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	z-index: 1;
	cursor: pointer;
	
	background-image: url("images/bg-overlay-00050a-50.png");
	background-position: left top;
	background-repeat: repeat;
}


/*
--------------------------------------------------
Upcoming Events
--------------------------------------------------
*/

/* not needed? we don't know yet
.list-ffevent-upcoming .no-info.no-status.no-action .post-header { width: 100%; padding-left: 0; padding-right: 0; }

.list-ffevent-upcoming .has-info.no-status.no-action .post-header,
.list-ffevent-upcoming .has-status.no-info.no-action .post-header,
.list-ffevent-upcoming .has-action.no-info.no-status .post-header { width: 78%; }

.list-ffevent-upcoming .has-info.no-status.no-action .post-info,
.list-ffevent-upcoming .has-status.no-info.no-action .post-status,
.list-ffevent-upcoming .has-action.no-info.no-status .post-action { float: right; width: 21%; }
.list-ffevent-upcoming .has-info.no-status.no-action .post-info .inner,
.list-ffevent-upcoming .has-status.no-info.no-action .post-status .inner,
.list-ffevent-upcoming .has-action.no-info.no-status .post-action .inner { padding-right: 0; }

.list-ffevent-upcoming .has-info.has-status.no-action .post-header { width: 64%; }
.list-ffevent-upcoming .has-info.has-status.no-action .post-info { width: 14%; }
.list-ffevent-upcoming .has-info.has-status.no-action .post-status { float: right; width: 21%; }
.list-ffevent-upcoming .has-info.has-status.no-action .post-status .inner { padding-right: 0; }

.list-ffevent-upcoming .has-status.has-action.no-info .post-header { width: 64%; }
.list-ffevent-upcoming .has-status.has-action.no-info .post-status { width: 14%; }
.list-ffevent-upcoming .has-status.has-action.no-info .post-action { float: right; width: 21%; }
.list-ffevent-upcoming .has-status.has-action.no-info .post-action .inner { padding-right: 0; }

.list-ffevent-upcoming .has-info.has-action.no-status .post-header { width: 64%; }
.list-ffevent-upcoming .has-info.has-action.no-status .post-info { width: 14%; }
.list-ffevent-upcoming .has-info.has-action.no-status .post-action { float: right;  width: 21%; }
.list-fevent-upcoming .has-info.has-action.no-status .post-action .inner { padding-right: 0; }

.list-ffevent-upcoming .has-info.has-status.has-action .post-header { width: 50%; }
.list-ffevent-upcoming .has-info.has-status.has-action .post-info { width: 14%; }
.list-ffevent-upcoming .has-info.has-status.has-action .post-status { width: 14%; }
.list-ffevent-upcoming .has-info.has-status.has-action .post-action { float: right; width: 21%; }
.list-ffevent-upcoming .has-info.has-status.has-action .post-action .inner { padding-right: 0; }


*/

/* Inner */
.list-ffevent-upcoming .post-header .inner,
.list-ffevent-upcoming .post-info .inner,
.list-ffevent-upcoming .post-status .inner,
.list-ffevent-upcoming .post-action .inner { display: table-cell; vertical-align: top;  padding: 0 1em;}
.list-ffevent-upcoming .post-header .inner { padding-left: 0; }
.list-ffevent-upcoming .has-post-thumbnail .post-header .inner { padding-left: 10px; padding-top: 2px;  width: 180px; height: 120px; position: relative; }

/* Post Time */
.list-ffevent-upcoming .post-time {
	margin: 0;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* Post Status */
.list-ffevent-upcoming .post-status p {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
}


/*
----------------------------------------------------------------------------------------------------
Single FFEvent
----------------------------------------------------------------------------------------------------
*/

/* Post Image */
.single-ffevent .single-post-image {
    margin: 0 0 3em;
}

/* Post Meta */
.single-ffevent .single-post-meta h3 {
    padding: 0;
    margin: 0;
    font-size: 3em;
}
.single-ffevent .single-post-meta h4 {
    padding: 0;
    margin: 0;
    font-size: 2em;
}

/* Post Meta Table */
.single-ffevent .single-post-meta-table {
    	margin: 0;
	text-transform: uppercase;

}

.single-ffevent .single-post-meta-table.left {
	width: 40%;

}

.single-ffevent .single-post-meta-table.right {
	width: 60%;

}


.single-ffevent .single-post-location .cell.head {
	width: 15%;
}

.single-ffevent .single-post-location .cell {
	width: auto;
}




.single-ffevent .single-post-eventcat {
	float: right;
	margin: 0;
}




.single-ffevent .single-post-time .cell.head {
	width: 40%;
}

.single-ffevent .single-post-time .cell {
	width: 60%;
}


.single-ffevent .single-post-meta-table.float-right {
    float: right;

}

/* Post Buy */
.single-ffevent .post-buy.button {
    float: left;
    width: auto;
    clear: none;
}

/* Post Content */
.single-ffevent .post-content p {
    line-height: 1.6em;

}

/* categories in post*/
.cat_post_style {
    	text-decoration: none;
	border-bottom:0;
	text-transform: none;
	margin-top: 0;
    	margin: 0;
	width: auto;
	clear: none;
	border:none!important;
	color:white!important;
}

.cat_post_style button {
	background-color: #d1d1d1!important;
	color: white!important;
}


.single-ffevent .single-post-content {
	width: 100%;
	float:left;
	margin: 1em 0;
	padding-top: 1em;
	border-top: 1px solid;
}

.single-ffevent .post-share {
	padding: 0;
	margin: 0;
}

/* Title */
.single-ffevent .title {
	padding: 0;
}


.single-post-soundcloud {
    float: left;
    margin: 1em 0 2em;
    width: 100%;
}



.ffevent .post-time {

	margin: 0.2em 0;
}

.ffevent .post-meta   {
	
	text-transform: uppercase;
	border-bottom: 1px solid;
	padding-bottom: 1em;
	
}

.ffevent .post-excerpt {

	margin-top: 1em;
}

.event-taxonomies button:last-child {


	margin-right: 0em;

}

.event-taxonomies button {	
	padding: 0.2em 0.5em;
    	text-decoration: none;
	border-bottom:0;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	text-transform: none;
	margin-top: 0;
}

.timetableButton {	
	padding: 0.2em 0.5em;
    	text-decoration: none;
	border-bottom:0;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	text-transform: none;
	margin-top: 0;
}

/*.timetableButton:hover {*/
/*	background-color: white!important;*/
/*	color: black!important;*/
/*}*/

.button_header {
}

.button_header:hover {
	background-color: white!important;
	color: black!important;
}

.button_header_selected {
	background-color: white!important;
	color: black!important;
}

.button_header_selected:hover {
	background-color: white!important;
	color: black!important;
}


.uppercase {

text-transform: uppercase;
}

label {
	font-size: 1em;
}

#submit, #comment-submit, input[type="submit"], button[type="submit"] {
    font-size: 1.0em;    
}


.tickexp-container {
	width: 841px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}


/*
--------------------------------------------------
Sponsors-foo
--------------------------------------------------
*/
.sponsors-container {
   	width: 1260px;
   	margin-left: auto;
	margin-right: auto;
	text-align: center;
	


	
}

.sponsors-container h5 {
	margin-top: 1.5em;
	width: 100%;
}

.sponsors-container p img {
   	margin-bottom: -1em;
	display: inline;


}

.sponsors-container .intro {
	text-align: justify;
}

.sponsors-container .caption {

	text-transform: uppercase;
	vertical-align: text-bottom;
	
}

.sponsors-container img {
   	margin: 0.5em;
	display: inline;

	
}

/*
.widget-title.sponsors {

	text-align: center;
}

*/
/* < 1280px */
@media
only screen and (max-width: 1280px) {
	.sponsors-container
		{ width: 100%; }

}

/* < 768px */
@media
only screen and (max-width: 768px) {
	  .sponsors-container { padding-left: 20px; padding-right: 20px; }
	.tickexp-container {
	width: 100%;
	}	

}

    

}

/* Fix fontsizes and weights*/

.grid-event .post-date, .list-event {

	font-weight: 300;
}

/*
--------------------------------------------------
Reduce empty spaces for clear view.
--------------------------------------------------
*/
.widget-title {
    margin: 0 0 0.2em;
}

.canvas-container {
    padding-top: 2em;
    padding-bottom: 2em;
}

.grid-post-home .post-header {
    padding: 0 0 0.1em;
}

.post-meta {
    margin: 0 0 0.3em;
}

.grid-post-home .post-excerpt {
    padding: 0;
}

p {
    margin: 0 0 1em;
}

.grid-event-upcoming .post-excerpt {
    margin: 1em 0 0 0;
}