/*
Theme Name: Cielo 
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wlcr
Tags:

*/

/***** Globals *************
***************************/
html { height: 100%; }
body { 
	min-height: 1240px; 
	background-color: #000;
	font-family: "aktiv-grotesk-std", sans-serif;
	color: #ccc; 
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 2;
	text-rendering: optimizeLegibility;
	text-rendering: optimizeSpeed;
	letter-spacing: 0.5px;
}
#page { position: relative; min-height: 100%; min-width: 960px;}

.edit-link {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: "aktiv-grotesk-std", sans-serif;
}

a, a:visited, a:focus {
	color: #ede811;
}

a:hover, a:active {
    color: #44c2d9;
}

nav a {
    font-family: "aktiv-grotesk-std", sans-serif;
    font-size: 2.3rem;
	line-height: 2;
	
}

nav a.active {
    color: #44c2d9;
}

    
p {
	color: #ccc; 
}

.social .fa {
    font-size: 24px;
    line-height: 48px;
}

.widget-title {
    font: 700 24px/24px "aktiv-grotesk-std", sans-serif;
}

.text-widget li a {
    font: 400 14px/50px "aktiv-grotesk-std", sans-serif;
}

.blogroll .title {
    font-size: 18px;
}

.newsletter label {
	display: none;
    color: #ededed;
    font: 400 12px/18px "aktiv-grotesk-std", sans-serif;
    text-shadow: 1px 2px 2px white;
}

.newsletter button[type="submit"] {
    font-size: 18px;
}

input {
    font-size: 12px;
}

.results img {
    width: 100px;
    height: auto;
}

.copyright p {
    color: #fff;
    font: 400 12px/18px "aktiv-grotesk-std", sans-serif;
   text-shadow: 1px 2px 2px white;
}

h1.page-title {
    font: 700 24px/24px "aktiv-grotesk-std", sans-serif;
}




/*** Left Sidebar w/ Nav ***
***************************/
#masthead {
    width: 220px;
    height: 100%;
    min-height: 100%;
    position: absolute;    
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.8);
}

.site-title a {
    display: block;
    text-indent: -999em;
    background-image: url('images/logo.png');
    width: 188px;
    height: 61px;
    margin: 40px auto 45px auto;
}

#site-navigation {
	width: 260px;
}

#site-navigation > ul {
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
    padding-left: 60px;
}

.has-subpages {
    cursor: auto;
}

#site-navigation li a {
	display: block;
}

.has-subpages:hover > a:after {
	content: '';
	font-family: 'FontAwesome';
	color: #44c2d9;
	font-size: 24px;
	line-height: 24px;
}

.has-subpages ul {
    display: none;
    list-style-type: none;
}

.has-subpages:hover ul,
ul.submenu:hover {
	display: block;
}

ul.submenu {
	position: absolute;
	left: 190px;
	background: black;
	margin-top: -40px;
	margin-left: 0;
	border: 1px solid #5c5c5c;
	width: auto;
	min-width: 200px;
	padding: 0 10px;	
}

ul.submenu.extra-padding {
	left: 240px;
}
.submenu li {
	height: 50px;
	border-bottom: 1px solid #333332;
}

.submenu li:last-child {
	border-bottom: 0px;
}

.submenu a {
	display: block;	
	font-size: 18px;
	line-height: 48px;
}

.newsletter {
	padding: 85px 10px 72px 10px;
}

.newsletter h6 {
	color:  #ededed;
	font-size: 12px; 
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-weight: bold;
	letter-spacing: 0.1px;		
}

input[type="text"],
input[type="email"],
input[type="email"]:focus,
input[type="text"]:focus {
	border: 1px solid #354a57;
	background: rgba(0,0,0,0);
	color: #848484;
	font-size: 12px;
	height: 50px;
	padding: 0px 5px 0px 15px;	
	box-shadow: none;
	border-radius: 0;
}

.newsletter a {
	font-size: 18px;
	display: block;
	text-align: center;
}

.newsletter i {
	padding-left: 5px;
}

.twit-feed {
	width: 220px;
	padding: 0 20px;
	display: none;
}

.twit-feed h3 {
	text-align: center;
	padding: 10px 0;
}

.twit-feed .fa-twitter {
	display: block;
	font-size: 24px;
	line-height: 48px;
	margin: 0 auto;
	color: white;
	text-align: center;
}

/*** Top Bar w/ Social and Search ***
*************************************/
#utility {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.8);
}

#utility ul {
    float: right;
    list-style-type: none;
    padding-right: 5px;
}

#utility li {
    display: inline-block;
	padding: 0 10px;
}

#utility .fa {
	font-size: 24px;
	line-height: 60px;
	color: white;
}

#utility .fa:hover, #utility #search-toggle {
	color: #ede811;
}

#utility input {
    width: 0;
}

/*** Right Sidebar Search ***
****************************/
.search-sidebar {
    width: 0px;
    position: absolute;
    padding-top: 15px;
    right: 0;
    top: 0px;
    height: 100%;
    min-height: 100%;
    z-index: 3;    
    background: #000;
    overflow: hidden;
}

#search-toggle, .search-sidebar {
	transition: width .25s, padding-left .25s, padding-right .25s;
	-webkit-transition: width .25s, padding-left .25s, padding-right .25s;	
}

.search-sidebar.open {
	width: 300px;
    padding: 10px 20px;
	overflow-y: scroll;    
}

#search-toggle.toggled {
	padding-right: 300px;
}

.search-sidebar .input-wrapper {
	width: 100%;
	height: 40px;	
	background: #fff;	
}

.search-sidebar input {
	height: 40px;
	width: 225px;
	padding-left: 15px ;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
	border: 0;
	outline: 0;
	float: left;
}

.input-wrapper .fa-search {
	font-size: 24px;
	line-height: 40px;
	color: #222;
}

.search-sidebar .list-view {
	width: 260px;
}

.search-sidebar .list-view-title {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0;
}


.search-sidebar .calendar-link,
.search-sidebar .times,
.search-sidebar .age-restriction,
.search-sidebar .supports,
.search-sidebar .ticket-price,
.search-sidebar .more-info,
.search-sidebar .topline-info {
	display: none;
}

.search-sidebar .list-view-details {
	float: right;
	width: 130px;
}

.search-sidebar .list-view-item > a {
	float: left;
}

.search-sidebar .summary a {
	padding-right: 3px;
}

.search-sidebar .list-view-item {
	clear: both;
	padding: 20px 0;
}

.search-sidebar .dates {
	color: #ede811;
	font-weight: 300;
}

.search-sidebar i {
	color: #ede811;
}

.search-sidebar .list-view-item:hover .dates,
.search-sidebar .list-view-item:hover .summary a,
.search-sidebar .list-view-item:hover i {
	color: #44c2d9;
}

/*** Main Content Area ******
****************************/
#main {
	background-color: rgba(0,0,0,0.8);
	/*padding: 40px 20px 20px 20px;*/	
}

#content {
    float: left;
    padding-left: 260px;
    transition: .25s;
    -webkit-transition: .25s;
    width: 100%;
    max-width: 100%;    
    margin-top: 100px;
    padding-bottom: 500px;
    padding-right: 40px;
}

#content.flexed {
    padding-right: 340px;
}

#primary {
	max-width: 878px;
}

/*** Home Page *************
****************************/
.slug-home #main {
	background-color: inherit;
}

.carousel-wrapper {
	border: 1px solid #ede811;
	min-width: 400px;
}

.carousel-wrapper img {
	width: 100%;
}

.carousel-wrapper button {
	outline: 0;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: .25s;
	-webkit-transition: .25s;
}

.carousel-wrapper button:before {
	padding: 20px;
}

.carousel-wrapper button:hover {
	border-radius: 0;
	background-color: rgba(0,0,0,0);
}


.carousel-wrapper button:hover:before {
	color: #44c2d9;
}

.carousel-wrapper #overlay {
	display: none;
}

.carousel-wrapper ul.images {
	margin: 0;
}

.col {
    width: 48%;
    min-width: 400px;
    color: #000;
    background-color: rgba(0,0,0,0.8);
    float: left;
    margin-top: 40px;
    padding: 30px 20px;
    color: #ededed;
}

.col1 {
    margin-right: 30px;
}


@media (max-width: 1178px) {
	.col {
		width: 100%;
		margin-right: 0;
	}
}

.col h2 {
	color: white;
	border-bottom: 1px solid #5c5c5c;
	padding-bottom: 16px;
	font-size: 24px;
}

.upcoming ul {
	list-style-type: none;
	margin: 0;
}

.upcoming li {
	height: 50px;
	padding: 5px 0;
	border-bottom: 1px solid #5c5c5c;
}


.upcoming li .date {
	color: #ccc;
}

.col2 img {
	float: left;
}

.col2 h3 {
	display: inline-block;
	width: 275px;
	padding-left: 9px;
	font-size: 18px;
	line-height: 22px;	
}

.col2 .date {
	display: inline-block;
	width: 275px;
	padding-left: 9px;	
	font-size: 12px;
	line-height: 18px;
}

.col2 .excerpt {
	clear: both;
	padding: 20px 0;
	border-bottom: 1px solid #5c5c5c;
}

.col2 .entry {
	padding-top: 20px;
}


/*** ShareThis Overrides ****
****************************/
.stButton {
	display: none !important;
}

.slug-blog .stButton {
	display: inline-block !important;
}

/*** Blog  ******************
****************************/
.blogroll {
	padding: 0 30px;
}

.blogroll .entry {
	padding: 35px 0;
	border-bottom: 1px solid #5c5c5c;
}

.blogroll .thumb {
	display: inline-block;
	width: 100px;
	margin-right: 20px;
	height: 100%;
	vertical-align: top;
}

.blogroll .thumb img {
	vertical-align: inherit;
}

.blogroll .content {
	display: inline-block;
	max-width: 650px;
}

.blogroll h3 {
	font-size: 18px;
	line-height: 22px;	
}

.blogroll .date {
	font-size: 12px;
	line-height: 18px;
}

.page-title {
	border-bottom: 1px solid #5c5c5c;
	padding: 15px 0;
}

/*** Single Post ************
****************************/
article.post {
	padding: 40px 30px 30px 40px;
}

.post .image {
	width: 50%;
	max-width: 380px;
	min-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-top: 6px;
}

.post .content {
	max-width: 410px;
	min-width: 200px;
	display: inline-block;
	padding-bottom: 30px;
	border-bottom: 1px solid #5c5c5c;	
}

.post .entry-title {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

.post .date {
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
}

.post iframe {
	margin-top: 40px;
}

.post .nav-links {
	display: none;
}

.flex-direction-nav a {
	height: 60px;
}

/*** Event Detail Page*******
****************************/
.slug-event .entry-title, 
.bio-image-right,
.share-text,
#toolbox,
.slug-event .stButton {
	display: none;
}

.event-image {
	float: left;
	margin: 0 40px 40px 20px;
	max-width: 420px;
  }

.event-info {
	float: left;
	width: 420px;
	padding: 25px;
	background-color: rgba(0,0,0,0.8);
	border: 1px solid #ede811;
	text-align: center;
}

.event-info .topline-info {
	color: #ededed;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.event-info .headliners {
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	text-transform: uppercase;	
	padding-bottom: 20px;
}

.event-info .supports {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 20px;	
}

.event-info .dates {
	font-size: 24px;
	line-height: 24px;
	color: #ede811;
	padding-bottom: 10px;
	padding-top: 20px;
}

.event-info .times {
	font-size: 14px;
	line-height: 24px;
	color: #ededed;
}

.event-info .price-range {
	padding-top: 5px;
}

.event-info .age-restriction {
	color:  #ededed;
	font-size: 14px;
	line-height: 24px;	
	padding-bottom: 40px;
}

.share-box i,
.calendar-sync i {
	cursor: pointer;
	color: #ede811;
	font-size: 24px;
	width: 24px;
	height: 24px;
	padding: 16px 8px;
}

.share-box, .calendar-sync {
	overflow: hidden;
}

.share-box h6,
.calendar-sync h6 {
  line-height: 0.5;
  text-align: center;
}

.share-box h6 span,
.calendar-sync h6 span {
	font-size: 12px;
	color: #ededed;
	display: inline-block;
	position: relative; 
	line-height: 10px;
}

.calendar-sync h6 span {
	width: 126px;
}

.share-box h6 span:before,
.calendar-sync h6 span:before, 
.share-box h6 span:after,
.calendar-sync h6 span:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 1px solid #5c5c5c;
	top: 0;
	width: 600px;
}

.share-box h6 span:before,
.calendar-sync h6 span:before {
	right: 100%;
	margin-right: 10px;
}

.share-box h6 span:after,
.calendar-sync h6 span:after {
	left: 100%;
	margin-left: 10px;
}

.share-box i:hover,
.calendar-sync i:hover {
	color: #44c2d9;
}

.event-info .external-link {
	display: inline-block;
}


.event-info .external-link:first-of-type {
	margin-right: 20px;
}

.artist-boxes {
	padding:40px 20px;
}

.artist-boxes ul {
	list-style-type: none;
	margin: 0 0 20px 0;
}

.artist-boxes .artist-headline {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 20px;
}

.artist-box-headliner .artist-headline {
	text-transform: uppercase;
	line-height: 24px;
}

.bio {
	padding-bottom: 20px;
}

.slug-event .ui-widget {
	left: 280px !important;
	max-width: 478px;
	background: #000;
	border: 1px solid #ede811;
	padding: 0 20px;
	font-size: 14px;
	margin: 30px 0 0;
}

.slug-event .ui-widget .ui-titlebar span {
	display: none;
}

.slug-event .ui-widget .ui-titlebar {
	height: 0;
}

/*** Info Pages**************
****************************/
#main h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
}

#main h2 {
	font-size: 18px;
	line-height: 24px;
}

.button-wrapper {
	padding: 20px;
}

.button-wrapper .btn {
	margin-right: 40px;
}

.entry-title {
	border-bottom: 1px solid #5c5c5c;
	padding: 15px 0;
	font-size: 18px;
	line-height: 24px;
}

.reveal-modal {
	background: #000;
	border-color: #fff;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.reveal-modal h2 {
	padding: 20px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.reveal-modal input,
.reveal-modal textarea {
	text-transform: normal;
	background-color: rgba(0,0,0,0);
	border-radius: 0;
	border: 1px solid #354a57
}

.reveal-modal input:focus,
.reveal-modal textarea:focus {
	background-color: rgba(0,0,0,0);
	color: #fff;
}

.reveal-modal .wpcf7-submit {
	display: none;
}

.reveal-modal .btn {
	margin-bottom: 20px;
}

.slug-faq strong {
	font-size: 16px;
	color: white;
}

/*** Footer ****************
****************************/


#masthead .wlcr-bug {
	position: absolute;
	bottom: 50px;
	left: 47px;
	display: block;
	width: 42px;
	height: 42px;
	background-image: url('images/wlcr-logo.png');
	text-indent: -999em;
}

#masthead .wlcr-bug:hover {
	background-image: url('images/wlcr-logo.png');
}


#masthead .tfly-bug {
	position: absolute;
	bottom: 50px;
	left: 118px;
	display: block;
	width: 55px;
	height: 41px; 
	background-image: url('images/tfly-logo.png');
	text-indent: -999em;
}

#masthead .tfly-bug:hover {
	background-image: url('images/tfly-logo.png');
}

#masthead .copyright {
	position: absolute;
	bottom: 34px;
	left: 260px;
	width: 285px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px;
	color: #fff;
}


#masthead .footer-logo {
	width: 80px;
	height: 26px;
	margin-bottom: 7px;
	background-image: url('images/footer-logo.png');
	text-indent: -999em;	
} 





/***** Button styles from SASS Output ****/
.cielo-button, .ticket-link a, .custom a, .btn, .wpcf7-submit, .event-detail .ticket-link a,
.event-detail .sold-out,
.event-detail .cancelled,
.event-detail .postponed,
.event-detail .free,
.event-detail .tickets-at-the-door,
.event-detail .future-sale a,
.event-detail .on-sale-soon,
.event-detail .custom, .list-view-item .ticket-link a {
  color: black;
  background-color: #ede811;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
  padding: 20px 25px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cielo-button i, .ticket-link a i, .custom a i, .btn i, .wpcf7-submit i, .event-detail .ticket-link a i,
.event-detail .sold-out i,
.event-detail .cancelled i,
.event-detail .postponed i,
.event-detail .free i,
.event-detail .tickets-at-the-door i,
.event-detail .future-sale a i,
.event-detail .on-sale-soon i,
.event-detail .custom i, .list-view-item .ticket-link a i {
  padding-left: 10px;
  font-size: 18px;
  vertical-align: middle;
  height: 22px;
}
.cielo-button:hover, .ticket-link a:hover, .custom a:hover, .btn:hover, .wpcf7-submit:hover,
.event-detail .sold-out:hover,
.event-detail .cancelled:hover,
.event-detail .postponed:hover,
.event-detail .free:hover,
.event-detail .tickets-at-the-door:hover,
.event-detail .future-sale a:hover,
.event-detail .on-sale-soon:hover,
.event-detail .custom:hover {
  background-color: #44c2d9;
  color: #ede811;
}

.ticket-link a {
  font-weight: normal;
}

.event-detail .custom {
  background: none;
  padding: 0;
  margin: 30px 0 40px 0;
}

.event-detail .custom a {
  margin: 0;
}

.btn, .wpcf7-submit {
  font-weight: normal;
}

.event-detail .sold-out,
.event-detail .cancelled,
.event-detail .postponed,
.event-detail .free,
.event-detail .tickets-at-the-door,
.event-detail .on-sale-soon,
.event-detail .custom {
  margin: 30px 0 40px 0;
  padding: 20px !important;
}
.event-detail .sold-out a,
.event-detail .cancelled a,
.event-detail .postponed a,
.event-detail .free a,
.event-detail .tickets-at-the-door a,
.event-detail .on-sale-soon a,
.event-detail .custom a {
  margin: 0 auto;
}

.slug-event .ui-widget button {
  color: black;
  background-color: #ede811;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  padding: 11px;
  display: inline-block;
  margin: 10px 0 0 0;	
}

.slug-event .ui-widget ul {
	margin: 0;
	list-style-type: none;
}


/*** Event List Page*********
****************************/
#main .list-view-title {
	display: none;
}

#main .calendar-link {
	display: none;
}

#main .list-view-item {
    border-bottom: 1px solid #5c5c5c;
    max-width: 100%;    
}

.list-view-item .topline-info {
	display: none;
}

#main .list-view-item > div {
    margin-top: 40px;
}

#main .event-image {
	width: 100px;
	display: inline-block;
	margin-right: 20px;
}

#main .event-title {
    display: inline-block;
    margin-right: 20px;
    width: 350px;
    vertical-align: top;
}

#main .date-wrapper {
    display: inline-block;
    margin-right: 20px;
    width: 80px;
    vertical-align: top;
}

#main h2.dates,
#main h2.times {
    font-size: 14px;
}

#main .tickets-wrapper {
    display: inline-block;
    width: 180px;
    vertical-align: top;
}


#main .list-view .tickets-wrapper .ticket-link a,
#main .list-view .tickets-wrapper .ticket-link a.btn {
    width: 160px;
    margin: 0 0 10px 0;
    font-size: 16px;
    padding: 5px 10px;
    text-align: center;
}

#main .list-view .ticket-link i {
    display: none;
}


#main .ticket-price, #main .age-restriction {
    display: none;
}

.slick-slider {
margin-bottom: 0px !important;
}

h1.summary, .vevent .summary {
font-weight: normal !important;
}

h1.page-title {
	margin: 0 30px;
}

h1.entry-title {
	margin: 0 20px;
}