/** style.css
 * 
 * Theme Name:	The Bootstrap
 * Theme URI:	http://en.wp.obenland.it/the-bootstrap/
 * Description:	A WordPress Theme based on Bootstrap, from Twitter. It features a 100% responsive layout, a superb gallery and image handling with a custom image meta widget and carousel for gallery post-formats, the Glyphicon Icon set, a clean and simple design and a lot more! The Bootstrap runs on HTML5 and CSS3, a 12-column grid and comes with custom jQuery plugins. See the Bootstrap documentation on GitHub for reference.
 * Author:		Konstantin Obenland
 * Author URI:	http://en.wp.obenland.it/
 * Version:		2.0.0
 * Tags:		black, blue, white, light, custom-background, custom-header, custom-menu, featured-images, flexible-header, flexible-width, full-width-template, left-sidebar, microformats, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns
 * Text Domain:	the-bootstrap
 * Domain Path:	/lang
 *
 * License:		GNU General Public License v3.0
 * License URI:	http://www.gnu.org/licenses/gpl-3.0.html
 *
 *
 *	Copyright (C) 2012 Konstantin Obenland <konstantin@obenland.it>
 *
 *	This program is free software: you can redistribute it and/or modify
 *	it under the terms of the GNU General Public License as published by
 *	the Free Software Foundation, either version 3 of the License, or
 *	(at your option) any later version.
 *
 *	This program is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *	GNU General Public License for more details.
 *
 *	You should have received a copy of the GNU General Public License
 *	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


/* =Elements
-------------------------------------------------------------- */

blockquote cite:before {
    content: '\2014 \00A0';
}

blockquote cite {
    color: #999999;
    display: block;
    font-size: 13px;
    line-height: 18px;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .clear {
	clear: both;
}


/* =Classes
-------------------------------------------------------------- */

.assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

body > .container {
	margin: 18px auto;
}

/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
	float: right;
	margin: 0 20px 0 0;
}

.block {
	display: block;
}


/* =Page
-------------------------------------------------------------- */

#page {
	margin-right: -20px;
	padding: 10px 0 0;
}

#header-image {
	display: block;
}

#menu-alert {
	margin: 4px 0 0;
	padding: 6px 35px 6px 14px;
	position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
	margin-bottom: 18px;
}

.entry-attachment {
	margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
	margin-bottom: 54px;
}


.page-header,
.entry-content {
	word-wrap: break-word;
}

.post-password-form legend {
	font-size: inherit;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}


/* =Comments
-------------------------------------------------------------- */

#comments-title {
	border-bottom: 1px solid #EEEEEE;
	font-size: 19.5px;
    margin: 0 0 27px;
}

#comment,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

.commentlist > li {
	margin-bottom: 36px;
}

.commentlist ul.children {
	margin: 10px 0 18px;
	list-style: none;
}

#reply-title {
	position: relative;
}

#reply-title small {
	position: absolute;
	right: 0;
	top: 7px;
}


/* =Sidebar
-------------------------------------------------------------- */

.form-search {
	margin: 0;
}

.widget {
	word-wrap: break-word;
}

.widget .wp-caption {
	display: inline-block;
}


/* =Images
-------------------------------------------------------------- */

.entry-content .post-thumbnail {
	margin: 0 20px 20px 0;
}

.entry-attachment .thumbnail.attachment-table {
	display: table;
	margin: 0 auto;
}

.thumbnail > img {
	width: auto\9; /* Cure IE8 max-width bug */
}

img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-columns-3.thumbnails [class*="span"] {
	width: 29.3%;
}
.gallery-columns-5.thumbnails [class*="span"] {
	width: 15.9%;
}
.gallery-columns-6.thumbnails [class*="span"] {
	width: 12.6%;
}
.gallery-columns-7.thumbnails [class*="span"] {
	width: 10.2%;
}


/* =Footer
-------------------------------------------------------------- */

#site-generator {
	float: right;
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
}

#site-generator a {
	background: url("img/wordpress.png") no-repeat scroll left center transparent;
	color: #787878;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator.footer-nav-menu a {
	margin-top: 10px;
}

table .label {
	background-color: transparent;
	border-radius: none;
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
}


/* =Jetpack Support
-------------------------------------------------------------- */

.comment-subscription-form > input[type=checkbox] {
	position: absolute;
}

.comment-subscription-form > label {
	min-height: 18px;
    padding-left: 18px;
}


/* =Bootstrap Adjustments
-------------------------------------------------------------- */

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
}

#comment,
.thumbnail {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.label .post-edit-link,
.label .comment-edit-link {
	color: #FFFFFF;
}

.navbar-search {
	height: 34px;
}

.pagination span {
	background-color: #f5f5f5;
	color: #999999;
	cursor: default;
}

.pagination span.dots {
	background-color: #FFFFFF;
}


/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter {
    display:block;
    margin: 0 auto 20px;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 9px 9px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	padding-top: 9px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.sticky {}
.bypostauthor {}

/*============================================
 *
 * BEGIN MAIN SITE STYLES
 *
 *==========================================*/
* { 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

body > .container {
margin-top: 37px !important;
}

#primary {
	background-color: black;
	background-color: rgba(0,0,0,.85);
}
#primary.upcoming-events, #primary.single-event, #primary.front-page {
	background-color: transparent;
}

.single-announcement #primary {
    padding: 20px;
    color: white;
    color: whitesmoke;
}

/*=== Generic sitewide components ===*/
/* image replacement class */
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.date {
	font-family: 'yanone kaffeesatz', helvetica, arial, sans-serif;
	color: whitesmoke;
	font-size: 18px;
	padding: 4px;
	background-color: black;
	background-color: rgba( 0, 0, 0, .85 );
}
.chevrons {
	color: yellow;
	font-weight: bold;
}
.section-title {
    font-size: 24px;
	background: black;
	color: whitesmoke;
	padding: 3px 10px 6px 10px ;
	margin-bottom: 0px;
}
.section-container {
	background-color:white;
	background-color:whitesmoke;
}
.item-single {
	padding: 20px 0px;
	border-bottom: 1px solid #DEDEE4;	
}
.item-bd {
	padding: 0px .8em;
}

div.div-click {
    cursor: pointer;
}
span.click-div {
	position: absolute;
	height: 100%;
	width: 100%;	
	top: 0;
	left: 0;
	z-index: 1;
}

.nav-pills > li > a {
    color: #999;
     border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    color: black;
    background-color: whitesmoke;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

/*=== Widgets === */
.blog .widget {
    background-color: rgba(0, 0, 0, .85) !important;
    word-wrap: break-word;
    color: whiteSmoke !important;
}

/* Next Gen gallery caption/description */
.ngg-gallery-thumbnail span {
	font-size: 100%;
	font-family: 'yanone kaffeesatz';
	color: white;
	margin-bottom: 15px;
}

/*=== HEADER === */
header {
    margin-bottom: 15px;
}

#logo {
	background: url('img/logo.png') no-repeat center left;
	height: 108px;
	margin-bottom: 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; 	
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-color: black;
}

#logo a {
	display: block;
	height: 100%;
}

/* MAILING LIST */
.mailing-list {
	position: relative;
	height: 108px; /* height of logo */
	margin-top: 10px;
	background-color: black;
	background-color: rgba(0,0,0,.85);
}
.mailing-list-title {
	color: white;
	color: whitesmoke;
	padding: 5px;
	font-size: 18px;
}
.mailing-list input[type = text] {
    width: 100%;
    margin-bottom: 0;
	border: none;
	height: 25px;
	border-radius: 0px;
}
.mailing-list input[type=submit] {
	margin-top:7px;
	padding: 0px 5px 5px 5px;
	font-family: 'Josefin sans';
	background: none;
	border: none;
	color: whiteSmoke;
	font-size: 18px;	
}

.mailing-list form {
    margin-bottom: 0;
}

.navbar-inner {
	background-color: black !important;
	background-image: none !important;
}

nav li a {
	font-family: 'Josefin sans', Arial, Verdana, sans-serif;
	font-size: 18px;
}
/*=== SOCIAL MEDIA ICONS ===*/
/* rest of css in simple-social-icons plugin file */
.simple-social-icons {
	list-style-type: none;
}
.simple-social-icons .social-tumblr a, .simple-social-icons .social-instagram a{
    font-family: times, georgia, serif;
    color: white;
    padding-top: 5px;
    display: block;
    font-size: 31px;
    text-align: center;
    text-indent: 0;
    background: #999;
}
.simple-social-icons .social-tumblr a:hover, .simple-social-icons .social-flickr a, .simple-social-icons .social-instagram a {
    background-color: #666;
    text-indent: 0;
    background: none;
    background-color: #666;
    text-decoration: none;
}
.simple-social-icons .social-flickr a, .simple-social-icons .social-flickr a:hover {
	background: url("img/flickr_icon.png") no-repeat top left;
}
.simple-social-icons .social-instagram a, .simple-social-icons .social-instagram a:hover {
	background: url("img/instagram-icon.png") no-repeat top left;
	background-color: #999;
}

/*=== FEATURED SECTION ===*/
.featured {
	margin-bottom: 20px;
}
.featured-single {
	background-color: white;
	background-color: whitesmoke;
	height: 330px;
	position: relative;
}
.featured-single img {
	width: 100%;
	height: auto;
}
.featured-single .date {
	position: absolute;
	top: 0;
	left: 0;
	}
.featured-single .event-title {
	font-size: 16px;
    line-height: 24px;
	padding: 0px 10px;
}
.featured-single .post-link {
	display: block;
	width: 100%;
	height: 36px;
	background: black;
	font-size: 18px;
	text-decoration: none;
	color: whitesmoke;
	position: absolute;
	bottom: 0;
	padding: 5px;
	text-align: center;
}

/*===anncouncement box ===*/
#announcement p {
	padding: 0px 10px 10px 10px;
}


/*=== Upcoming shows ===*/
.upcoming h2, .just-added h2 {
	margin-top: 0;
}
.upcoming-single:hover { 
}
.upcoming-container {
	height: 400px;
	overflow-y: scroll;
}
.upcoming-single-title {
	padding-right: 15px;
	font-size: 20px; 
}
.upcoming-single-title a {
	color: black;
}
.upcoming a {
	display: block;
}

/*=== just-added ===*/
.just-added-container {
	height: 400px;
	overflow-y: scroll;
}
.just-added-single {
	padding: 10px 0px;
}
.just-added-title-single {
	margin: 0;
}

/*=== footer ===*/
footer {
  position: relative;
	margin-top: 15px;
	padding: 30px 0 30px 0;
	background-color: black;
	background-color: rgba(0, 0, 0, 1);
    color: white;
    color: whitesmoke;
}
footer .directions .map, footer .directions .address {
	display: inline-block;
	margin-right: 15px;
}

footer .nav-pills {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
footer .nav-pills > li {
	float: none !important;
} 

/*===========================================================
 *
 * UPCOMING-EVENTS PAGE
 *
 *=========================================================*/

.upcoming-events .upcoming-single {
	position: relative;
	margin-bottom: 15px;
	background-color: white;
	background-color: whitesmoke;
}
.img-container {
	overflow: hidden;
}
.upcoming-events .event-title a {
    color:black;
    font-size: 18px;
}   
.upcoming-events .date, .single-event .date {
	z-index: 3;
	position: absolute;
}

.upcoming-events .event-date, .upcoming-events .price {
    display: inline-block;
    margin-right: 50px;
}
.upcoming-events .event-info-link {
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: ubuntu;
	border-radius: 0 !important;
	background-image: none !important;
	background-color: black !important;
	display: inline-block;
}
.upcoming-events .btn-upcoming, .single-event .btn-buy-tickets {
    font-size: 18px;
    font-family: 'Josefin sans';
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: white;
}
.upcoming-events .btn-buy-tickets, .single-event .btn-buy-tickets {
    background: black;
    background: rgba(0,0,0,.85);
}
.upcoming-events .btn-buy-tickets {
    display: block;
    width: 66.66%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.single-event .btn-buy-tickets {
	margin-top: 15px;
	display: block;
}
.upcoming-events .btn-event-info {
	color: #F01D4F;
}
.upcoming-events .btn-next {
	background-color: white;
	background-color: whitesmoke;
	float: right;
}
.upcoming-single .event-time {
	margin-right: 15px;
}

#upcoming-sidebar .section-title {
    margin-top: 0px;
}
/*==============================================================
  =SINGLE-EVENT PAGE
 ==============================================================*/
.event-single, .event-description {
	background-color: black;
	background-color: rgba(0, 0, 0, .85);
	color: white;
	}
.event-single .event-img, .event-single .event-content {
    width: 50%;
    float: left;
    overflow: hidden;
}
.event-img .single-event-img {
	width: 100%;
}
.event-single {
	margin-bottom: 30px;
}
.event-single .event-bd {
    position: relative;
}
.event-single .btn-buy-tickets {
  padding: 10px;
	color: black;
	background-color: whiteSmoke;
	font-family: inherit;
	margin-top: 35px;
}
.event-single .event-content {
 	padding: 0px 10px;  
}

.single-event .the-content {
	background: rgba(0,0,0, .85);
	padding: 15px;
	color: whitesmoke;
	margin-bottom: 30px;
}
.section-title.section-title-white {
	background-color: whitesmoke;
	color: black;
	margin-top: 0px;
}
.artist-info {
	border-top: 1px solid whitesmoke;
}
.single-event .embedAudio, .single-event .embedVideo {
	text-align:center;
}
.single-event iframe {
	max-width: 90%;
	margin: 0 auto;
}

.artist-info .artist-name {
	margin-right: 15px;
	display: inline-block;
}

/* COLLAPSE */
.artist-bd {
    margin-top: 15px;
}
.event-description h4 {
    margin-top: 0;
}
.btn-collapse * {
	cursor: pointer;
	display: inline-block;
}
.icon-plus-sign, .btn-collapse {
	margin-right: 5px;
}
.artist-info-content {
    padding-right: 30px; /* hack to contain paragraph */
}
.artist-bd .btn-show-artist-info * {
	cursor: pointer;
	display: inline-block;
}
.artist-bd .artist-info-content p {
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artist-bd .artist-info-content p.show-text {
	overflow: visible;
	white-space: normal;
	height: auto;
}

/*=== BLOG PAGE === */
.blog #primary {
    padding:15px;
    color: whitesmoke;
}


/* =Responsiveness
-------------------------------------------------------------- */

@media (max-width: 767px) {
body {
	background: url('img/bg.jpg') no-repeat fixed top left;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
}
	body {
		padding:0;
	}
	.container {
		width: auto;
		padding: 0 10px;
	}
	#page {
		margin: 0;
		padding: 10px;
	}
	.thumbnail[class*="span"],
	.gallery [class*="span"] .thumbnail {
		display: table;
		float: left;
	}
	.carousel .item > img {
		width: 100%;
	}
	.thumbnails > li {
		float: left;
		margin-left: 20px;
	}
	.gallery-columns-2.thumbnails > li:nth-child(2n+1),
	.gallery-columns-3.thumbnails > li:nth-child(3n+1),
	.gallery-columns-4.thumbnails > li:nth-child(4n+1),
	.gallery-columns-5.thumbnails > li:nth-child(5n+1),
	.gallery-columns-6.thumbnails > li:nth-child(6n+1),
	.gallery-columns-7.thumbnails > li:nth-child(7n+1),
	.gallery-columns-8.thumbnails > li:nth-child(8n+1),
	.gallery-columns-1.thumbnails > li {
		margin-left:0;
	}
	.gallery-columns-2.thumbnails [class*="span"] {
		width: 47.4%;
	}
	.gallery-columns-3.thumbnails [class*="span"] {
		width: 29.9%;
	}
	.gallery-columns-4.thumbnails [class*="span"] {
		width: 21.2%;
	}
	.gallery-columns-6.thumbnails [class*="span"] {
		width: 12.4%;
	}
	.gallery-columns-7.thumbnails [class*="span"] {
		width: 9.9%;
	}
	.gallery-columns-8.thumbnails [class*="span"] {
		width: 8.7%;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		float: none;
		margin: inherit;
	}
	#s {
		display: inline-block;
	}
	#site-generator,
	#site-generator.footer-nav-menu a {
		float: none;
		margin-top: 5px;
	}
	textarea[class*="span"] {
		height: auto;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		margin: 0;
	}

    /* max width 767 SQ styles */
    .featured-single {
        height: auto;
        margin-bottom: 15px;
    }
    .featured-single img {
        width: auto;
        float: left;
        display: inline-block;
    }
    .featured-event-title {
        display: inline-block;
    }
    .featured-single .post-link {
        position: static;
        clear:both;
    }

}
@media (min-width: 768px) and (max-width: 778px) {
	#page {
		margin-right: -15px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {

	.dl-horizontal dt {
		width: 85px;
	}
	.dl-horizontal dd {
		margin-left: 95px;
	}
}

@media (min-width: 768px) {
    body {
	background: url('img/bg.jpg') no-repeat fixed top left;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-width: 1200px) {
    .event-single .btn-buy-tickets, .upcoming-events .btn-buy-tickets {
        width: 100%;
    }
    .event-single .event-title {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
body {
	background: url('img/bg.jpg') no-repeat fixed top left;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
}
	#page {
		margin-right: -30px;
		padding: 10px 0 10px;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		margin-right: 30px;
	}
	.wp-caption {
		display: table;
	}
}

/*=========================================================
 *
 * Steve Quadros styles
 *
 * ========================================================*/

/*=== JQUERY SCROLL PANE CSS ===*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.scroll-pane
{
	width: 100%;
	height: 350px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/* End of file style.css */
/* Location: ./wp-content/themes/the-bootstrap/style.css */