/*!
Theme Name: The Grand Theatre - Center for the Arts
Theme URI: http://underscores.me/
Author: MHD Group Inc., Gilberto Cisneros
Author URI: https://mhdgroup.com
Description: A custom theme for The Grand Theatre.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-grand
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Grand Theatre - Center for the Arts is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.header .logo img { width: 120px!important;}

.slide-for {
	height: 650px;
}

.slider-container-header {
	height: 650px;
}

.slider-for .slide {
	height: 650px;
}
.slider-nav .slide {
	height: 80px;
}

.slider-nav h4 {
	color: white;
}


.motopress-row .motopress-clmn.motopress-space .motopress-space-obj.motopress-space-light>div {
	border-color: transparent!important;
}

.lowercase {
	text-transform: none!important;
}

div[contenteditable=true] {
	background: transparent;
	color: #666;
	border-color: transparent;
	padding: 0;
	/* border: 1px solid #eee; */
	/* padding: 1.3rem 2.5rem */
}

.slick-current .overlay{
	background: rgba(0, 0, 0, .15)!important; 
	position: absolute; 
	top:0; bottom: 0; 
	right: 0;
	left: 0;
}

.overlay{
	background: rgba(0, 0, 0, .35); 
	position: absolute; 
	top:0; bottom: 0; 
	right: 0;
	left: 0;
}


.top-right {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 12px; 
	line-height: 1.3;
}

.top-right  strong { line-height: 2;}

.title-row {
	margin-top: -32px;
}

.title-block {
	background: rgba(147, 83, 49, .8);
	color: white;
	display: inline-block;	
	border-bottom: 8px solid black;
	z-index: 9999;
	margin-top: -120px;
	padding: 10px 25px;
	margin-bottom: 0;
	position: relative;
}

.title-block h1 {
	font-size: 15px;
	color: white;
	margin: 0 0;
}

.featured-content-block {
	position: relative;
	clear: both;
	margin-bottom: 60px;
	min-height: 350px;
}

.featured-content-block img {
	width: 50%;
	display: inline-block;
	float: left;
}



.featured-content-block .content-text {
	padding: 30px;
	display: inline-block;
	float: right;
	width: 50%;
	font-size: 20px;
	margin-left: -35px;
	margin-top: 30px;
	position: absolute;
	letter-spacing: 1px;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.featured-content-block img {
		width: 100%;
		display: inline-block;
		float: none;
	} 
	.featured-content-block .content-text {
		padding: 30px;
		display: inline-block;
		float: right;
		width: 100%;
		font-size: 20px;
		margin-left: auto;
		margin-top: 30px;
		position: relative;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
}


.header .logo-inner, .header .v-align-middle { 
	overflow: visible!important;
}

.header-background .logo a{
	background: #000000;
	padding: 10px;
}

.header .logo a {
	background: #000000;
	padding: 10px;
	border-left: 3px solid rgba(147, 83, 49, 1);
	border-right: 3px solid rgba(147, 83, 49, 1);
	border-bottom: 3px solid rgba(147, 83, 49, 1);
}


.mobile .header .header-inner {
	background: #242424;
	border-bottom: 3px solid rgba(147, 83, 49, 1);
}

.nav-bar {
    width: 100%;
    min-height: 4rem!important;
}

iframe {
	background: transparent!important;
}


.navigation.nav-right>ul>li:last-child>a {
	padding-right: 0!important;
	margin-right: 0!important;
}

.tm-slider-container.tms-carousel>ul>li {
	padding-left: 0!important;
	padding-right: 0!important;
}

.adjust .tms-slide .tms-content-scalable {
	height: 400px;
}


.adjust .tms-slide .tms-content-scalable h4 {
	position: absolute;
	color: white;
	top: 0;
	padding: 15px;
}

.overlay1 {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,.03);
}

.slick-current:focus { border: none!important; }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
 
	.slide-for {
		height: 450px;
	}
	
	.slider-container-header {
		height: 450px;
	}
	
	.slider-for .slide {
		height: 450px;
	}
	.slider-nav .slide {
		height: 80px;
	}
 
}


iframe { overflow: scroll!important}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}