/*
Theme Name: Al Madrigal Custom
Author: Todd Jackson
Author URI: http://www.toddjacksonworks.com
Description: Custom theme for Al Madrigal
Version: 1.0

#9B1B30;
*/

html {
	height: 100%;
}

body {
	margin:0px;
	font-family: pt-sans, Arial, sans-serif;
/*	background: radial-gradient(circle farthest-corner at 50% 50%, 
		rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%), #9B1B30;
	background-size: cover, cover;
	background-attachment: fixed, fixed;
*/
	background: #000;
	color:#c9c9c9;
}

.bg-al {
 /*   background-color: #353431!important;
   */ 
    background-color: #000;
}


.btn-custom {
	color: rgba(0,0,0,.8) !important;
	background-color: #d99739;
	border-color: #d99739;
}

.btn-custom:hover {
background-color: #dea655;
border-color: #dea655;	
}

.top-header {
	background: #353431;
}

.video-content {
	padding-top: 72px;
}

.video-item h2 {
	font-size: 1rem;
	line-height: 1.3rem;
}


.video-item-img {
	  overflow: hidden;
	  height: 0;
	  padding-top: 56.25%;
	  background-size: cover !important;
	  background-repeat: no-repeat !important;
	  background-position: center top !important;
	  transition: transform .2s; /* Animation */
	  position: relative;
}

.video-item-img:hover {
	transform: scale(1.1);
	z-index: 120;
	top: -10px;
}

.video-sidebar h3 {
	font-weight: 700;
	color: #fff;
	border-bottom: 1px solid #c6b68f;
}

.video-sidebar h3 span {
	text-transform: uppercase;
	font-weight: 400;
	color: #c6b68f;
	font-size: 1.3rem;
}

	.page-link {
	    background-color: #333;
	    color: #0b471b;
	    border: 1px solid #555;
	}
	
	.page-item.active .page-link {
	    background-color: #d99739;
	    border-color: #d99739
	}
	
	.page-link:hover {
	    text-decoration: none;
	    background-color: #c98627;
	    border-color: #c98627;
	    color: #000;
	}


body.special {
	background:#892114;
}

.maxwidth {
	max-width:960px;
}

a:link, a:visited {
	text-decoration:none;
//	color:#c6b68f;
	color: #d99739;
}

a:hover {
	color:#fff;
}

a.btn-danger {
	color: #fff;
}



/* Nav & Header  */


	.navbar {
		margin-bottom: 0;
	}
	
	h1.header-logo {
		margin:0px auto;
		padding:0px 0px; 
		font-size:24px; line-height:24px;
		letter-spacing:1.7px; 
		font-family: 'Cubano', sans-serif;
		color:#d99739;
		text-transform:uppercase;
	}
	
	.nav {
		text-transform: uppercase;
	}
	


/* Cover Slideshow */

	.show-item-img {
		overflow: hidden;
		height: 0;
		padding-top: 100%;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center top !important;
		}

	.cover-box:hover .show-item-img{
		outline: 2px solid #fff;
		outline-offset: -1rem;
		}

	.cover-box h3 {
		font-size: 1.4rem;
		text-align: center;
		margin-bottom: .25rem;
		font-weight: 700;
	}
	
	.cover-box  {
		opacity: .5;
	}
	
	.cover-box.slick-active {
		opacity: 1.0;
	}
	
	.cover-box:hover h3 {
		color: #fff;
	}
	
	.cover-box p {
		color: #c0c0c0;
	}


/* Type Standards */

	h1 {
		font-size:28px;
		line-height:32px; 
	}
	
	h2 {
		font-size:24px;
		line-height:32px;
		text-align: center;
	}
	
/* Home */



/* Pages */

	.page-content {
		padding:60px 0px;
		z-index:1000; 
		margin: 0;
	}
	
	.event-content {
		background:#892114;
	}

	.bio-content {
		background: #41125B;
		color: #fff;
	}
	
	.atc-content {
		background: url(images/bg-body.gif) repeat;
		color: #222;
	}

	.merch-content {
		background:#d99739;
		color: #222;
	}

	.half-content {
		background: #41125B;
	}

	.standup-content {
		background:#14305B;
	}
	
	.contact-content {
		background: #c0c0c0;
		color: #222;
		font-size: 18px;
		line-height: 24px;
	}
	
	.contact-content a {
		color: #14305B;
	}

	.deeper {
		font-weight: 700;
		text-align: center;
		font-size: 18px;
		color: #fff !important;
		display: block;
		margin: 20px auto 10px;
		padding: 8px;
		background-color: rgba(0, 0, 0, .2);
		width: 50%;
	}





.section-head, .page-head {
	color:#fff;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom: 40px;
	font-size:36px;
	line-height:38px;
	font-family: 'Cubano', sans-serif;
	letter-spacing:5px; 
}

.subsection-head {
	text-align: left;
	font-size:24px;
	line-height:28px;
	font-family: 'Cubano', sans-serif;
	margin-top: 12px;
}

.media {
	margin-bottom: 20px;
}

.media-heading {
	font-weight: 700;	
	font-size:21px;
}





/* Events */

.col_showdate, .col_showtime, .col_showdetails, .col_showticket   {
	font-size: 18px;
}

.col_showdate, .col_showtime {
	text-align:center;
}

.col_showdate_mobile {
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #c6b68f;
}

.showdate_month, .special_month {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 30px;
	font-size: 35px;
}

.showdate_day, .special_day {
	display: inline-block;
	font-size: 35px;
	line-height: 30px;
	font-family: 'Cubano', sans-serif;
}

.showdate_day {
	color: #fff;
}

.showdate_weekday {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.col_showticket a {
	text-transform: uppercase;
	padding: 5px;
	border: 4px solid #fff;
	font-weight: 700;
	border-radius: 0;
	background: #892114;
}

.col_showticket a:hover {
	color: #d99739;
}

.event_row {
	margin-top: 10px;
	padding-top: 10px;
}

.event_row_divide {
	border-top: 1px solid #b52c1a;
	margin-top: 15px;
	padding-top: 15px;
}

.showname {
	font-family: 'Cubano', sans-serif;
	margin-top: 0;
	color: #fff;	
}

.specialname {
	font-family: 'Cubano', sans-serif;
	color: #d99739;
	text-align: center;
	font-size: 40px;
}

.othercomics {
	font-size: 14px;
}

.col_venue strong {
	color: #fff;
	font-size: 24px;
	line-height: 24px;
}

.col_space {
	margin-top: 30px;
	margin-bottom: 30px;
}

.subhead {
	font-family: 'Cubano', sans-serif;
	color: #d99739;
}


/* Video */

.video-gap {
	padding-bottom: 18px;
}

.video-row {
	padding-bottom: 18px;
}

.video-row h1 {
	font-weight: 700;
	color: #fff;
	margin-top: 10px;
}

/* Bio Page */
	.bio {
		height: 50%;
	}

/* Footer */

footer.footer {
	background:#000;
	position:relative;
	z-index:1000; 
	padding: 8px 0;
}


  .special-center {
   display: block;
    margin: auto;
  }


/* Mobile */

@media all and (max-width:960px) {
	
	h1.header-logo { 
		margin:0px auto;
		text-align:center;  } 
	
	.media-object {
		max-width: 100px;
		max-height: 100px;
	}
	
	.main-banner h1 {
		font-size: 38px;
		line-height: 46px;
		letter-spacing: 7px;
	}
	
	.page-content {
		padding: 20px 0px 60px 0px
	}
	

}

/* responsively apply fixed position */
@media (min-width: 768px){
    #video-panel {
        position: fixed;
        top: 70px;
        bottom: 0;
    }
    
    #covers {
	    margin-left: -15px;
	    margin-right: -15px;
    }
    
	.slick-prev {
	    left: 0px;
	    z-index: 1000;
	}
	
	.slick-next {
	    right: 0px;
	}
}

@media all and (min-width:960px) {
	
	.bio {
		height: 100%;
	}

	.special-poster { /* set relative picture size */
		width: auto;
		max-height: 100%;
		max-width: 100%;
		}
		
	.specialname {
		font-size: 80px;
		line-height: 80px;
		}
		
	.special_info {
		margin-top: 100px;
		}

}