/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal
 *  and widescreen CSS files as appropriate. */
body {background-position: center 60px; background-size: auto 500px;}
/*
.front .views-field-field-image .sliderimage {height: 100vh;}
 */


.node-type-performance #zone-content, .performance #zone-content {margin-top: 0px !important;}
.not-front #zone-content, .page-performances #zone-content {margin-top: 230px;}

 h1#page-title {font-size: 32px; line-height: 40px; margin-bottom: 10px;}

#zone-menu-wrapper {background-image: url(images/blackbackground.png); color: #fff; display: block; text-align: center; font-family: "futura-pt", sans-serif; font-weight: 300; padding: 3px 0px;}
#zone-menu-wrapper a,ul.nice-menu a,ul.nice-menu span {color: #fff; text-decoration: none;  font-weight: 400;}
#zone-menu-wrapper a:hover, #zone-menu-wrapper a.active {color: #f0505a;text-shadow: 1px 1px 13px #000;}
.navigation {font-size: 13px; letter-spacing: .5px;}
.navigation ul li {margin: 0px; padding: 10px;}

ul.nice-menu a,ul.nice-menu span {
    padding: 0.3em .25em 0.3em .25em;
        display: block;
}


#zone-branding-wrapper {text-align: right;}
.site-name-slogan {float: none; display: block;}
h6.site-slogan {color: #f0505a; font-family: "futura-pt", sans-serif; font-size: 20px; letter-spacing: .5px; padding: 24px 0px 10px;}

#region-branding {padding: 0px;}

#region-footer-second ul li, #region-footer-first ul li {
    display: inline-block;
/* 
    text-transform: uppercase;
 */
    line-height: 43px;
    list-style-type: none;
    list-style-image: none;
    padding: 0px 20px 0px 0px;
    letter-spacing: .5px;
    font-size: 20px;
}
.front .large-page-image, .node-type-performance .large-page-image {margin-bottom: -410px; background-position: center top; height: 750px;}

#zone-header-wrapper .views-row a {font-size: 76px; text-decoration: none; color: #fff; text-shadow: 0px 1px 7px #4c4846; display: block; line-height: 79px; max-width: 700px; margin: 0px 0px 20px 0px;}
.front .views-slideshow-controls-bottom {margin-bottom: 15px;}

.home-featured-block {float: left; width: 181px; margin: 0px 15px; padding: 7px 20px 0px; background: #fff; min-height: 150px; margin-bottom: 15px;}
.home-featured-block .views-field-title {display: block; line-height: 20px;}
.home-featured-block .views-field-title a {font-size: 10px;}
.front .views-row-first, .front .views-row-last {margin: 0px;}

.showtime-group {display: inline-block; width: 50%; vertical-align: top;}




.front-blog {width: 46%; float: left; padding: 15px 10px;}


.front-calendar {width: 46%; float: left; padding: 15px 10px; margin-right: 15px;}
.front-calendar td div.month {height: 30px; width: 30px;}


.not-front #section-content {padding-top: 95px;}

.home-slider {margin-top: -5px;}

.performance-row {text-align: left; margin: 0px 36px 45px; max-width: 170px; display: inline-block;}

/* 
.sponsor {margin: 0px 8px; display: inline-block; vertical-align: middle;}
 */

#block-block-5 {display: block; position: fixed; right: 0; margin: 40px 0px 0px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
#block-block-5 .content a {background: #7b5e7a; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 400; padding: 8px 4px 8px 10px; display: inline-block; margin: 0px -98px 8px 0px; width: 130px; font-size: 18px; letter-spacing: .5px;}
#block-block-5 .content img {vertical-align: middle; margin-right: 8px;}
#block-block-6, .pane-block-6 {display: none;}

/* 
.front-blog h2 {font-size: 27px;}
 */

.view-item-calendar img {display: none;}

.front-page-tickets {height: 114px; margin-bottom: 0px;}
.front-page-tickets .views-row {float: left;}
.front-page-tickets .view-footer {font-size: 14px; padding: 9px 0px 0px;}
.front-page-tickets .view-footer a {padding: 4px 9px; font-size: 15px;}

.front-page-tickets .views-field-title {display:none}

.cast-photo {float: left; margin: 0px 15px 0px 0px;}

.node-type-performance .panel-separator {margin: 0px 0px 40px;}

.logo-img {float: left; margin: 0px 20px 0px 0px;}
/* 
img#logo {padding-top: 4px;}
 */

#zone-menu {background: transparent;}

.home-slideshow {margin-top: 60px;}

#section-footer {text-align: left;}

p.footer-email {float: left; margin: 5px 20px 0px 0px;}

.boxcaption{
	position: absolute;
	height: 106px;
	width: 141px;
	color: #fff;
	padding: 10px 20px;
 	}

 	.boxgrid{
	width: 181px;
	height: 106px;
	background:#161613;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.caption .boxcaption {left: 0; top: 106px;}

.gradient-overlay {height: 106px; width: 181px;}
.boxcaption p {margin-top: -106px; font-size: 12px; line-height: 18px;}

.large-page-image {margin-bottom: -360px;}

.front #zone-content, .front #region-content {
    margin: 0px 0px 0px !important;
    width: 100% !important;
}

.bottom-gradient {margin-top: -370px;}

.performance-title .views-field-title, .performance-title .views-field-field-sub-title {width: 720px; margin: 15px auto 0px;}

.home-featured-block {text-align: left;}

.menu-row {vertical-align: middle;}
.menu-row .views-field-field-poster-image {float: left; margin: 0px 10px 0px 0px;}
.menu-row .views-field-title {vertical-align: middle; display: block;}

.home-slider .views-field-title {max-width: 500px;}
#zone-content .home-slider {position: relative; top: -280px;}

.tickets-link a {font-size: 16px; line-height: 22px;}

.home-slider .views-field-title a {font-size: 45px; line-height: 45px;}

.front .views-field-field-performance-dates-phoenix .views-label, .front .views-field-field-performance-dates-tucson .views-label {font-size: 23px; margin: 0px 10px 0px 0px;}
.front .views-field-field-performance-dates-phoenix, .front .views-field-field-performance-dates-tucson {font-size: 24px; line-height: 33px;}
.home-slider .views-field-field-sub-title {max-width: 700px;}

.front .panels-flexible-row-1-main-row, .front .panels-flexible-row-1-1, .front .panels-flexible-row-1-2 {max-width: 700px; margin: auto;}
.front .home-slider .views-field-nothing {width: 720px; margin: auto; margin-top: 120px;}
.front .home-slideshow-section {height: 500px;}
.front .home-slider .views-field-title, .front .home-slider .views-field-field-sub-title {display: block; max-width: 500px;}
.front .views-slideshow-controls-bottom {width: 700px; margin: auto; bottom: -150px;}

.not-front .blog-row .views-field-field-image, .performance-related-events .views-field-field-event-image {float: left; margin: 0px 10px 0px 0px;}

.home-featured-block .view-field-nothing {height: 106px;}

#block-block-9 {padding: 0px;}


/* #zone-branding-wrapper {background-image: url(images/header-pattern.png);} */

/* #zone-branding {background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
} */

.node-type-arizona-bold table td {display: table-cell;}
.node-type-arizona-bold table tr td:child-first, .node-type-arizona-bold .field-name-body table tr td img {width: 180px !important;}

.opera-archive {width: 47%; padding: 0px 10px 0px 0px; margin: 0px 0px 25px; display: inline-block; vertical-align: top;}

/*
.node-type-photo-gallery #zone-content {margin-top: 0px !important;} */
.node-type-photo-gallery #region-content {padding-top: 0px;}


.page-upcoming-events .feed-icon a {background-size: 600px auto; width: 600px;}

.view .date-nav-wrapper .date-heading h3 {
    font-size: 1.7em;
    line-height: 30px;
}

.view.front-upcoming-cal .date-nav-wrapper .date-heading h3 {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

/*.node-type-article #zone-content,.node-type-event #zone-content {
    margin-top: 95px !important;
}
 */

.press-coverage .views-field.views-field-title {
    width: 54%;
    line-height: 22px;
}
.press-coverage .views-field {
    float: left;
    padding-right: 2%;
       padding-bottom: 5px;
}

.press-coverage .views-field.views-field-field-media-outlet {
    width: 25%;
}

.press-coverage .views-field.views-field-field-event-date {
    width: 12%;
}

.press-coverage {
    margin-bottom: 5px;
}

#region-sidebar-first #block-menu-block-2 a {
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.field-name-body img.inset-photo {
    display:inline-block;
    margin-bottom: 10px;
    float:left;
    margin-right:10px
}

.mobile-upcoming-events {display: none; visibility: hidden;}
.page-upcoming-events .view-calendar {display: block; visibility: visible;}
.press-details img {
    float: right;
    margin-bottom: 0;
}

/* 

New updates ------------------

 */

.front-blog.col-eq {
    margin-left: 0px;
}

.col-eq {
    width: 50%;
}

.front-calendar.col-eq {
    margin-right: 15px;
}

.col-eq-height .inside {
    display: flex;
    flex-flow: row;
}

.front-blog.col-eq {
    margin-left: 5px;
}

.col-eq {
    width: 50%;
}

.front-calendar.col-eq {
    margin-right: 15px;
}

.col-eq-height .inside,.col-eq-height .view-home-featured-items .view-content{
    display: flex;
    flex-flow: row;
}

.home-calendar-blog.col-eq-height {
    margin-top: 15px;
}


h6.site-slogan {
    color: #f0505a;
    font-family: "futura-pt", sans-serif;
    font-size: 20px;
    letter-spacing: .5px;
    padding: 40px 0px 10px;
}


#block-block-13 {
    border-left: 1px solid #eaeaea;
}


.view-display-id-block_presenting .sponsor img {
    width: 85%;
    height: auto;
    margin: 0;
    padding-top: 13px;
}
div#region-footer-fourth {
    margin-top: 0px;
}

div#block-block-14 #sub-links {

    justify-content: flex-end;
        margin-bottom: 0;

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px){ 
.footerlogos img {
    padding: 9px 8px;
    vertical-align: middle;
    width: auto;
    height: 25px;
}

}
