/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
/* 

Purple #7b5e7a
red #f0505a
black #4c4846
 */

a:link, a:visited {color: #f0505a; text-decoration: none;}

.pdf-list .item-list ul {
    margin: 0 !important;
}

.pdf-list .item-list li {
    margin: 0;
}

img.in-text-image {
    padding: 16px;
}

.bod-pages .item-list li {
    margin: 0 0 0 -10px;
    padding: 0px;
}

div#block-block-14 #sub-links {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
    margin-top: -5px;
}

#sub-links a, #sub-links a:link, #sub-links a:visited {
    color: white;
    margin-left: 10px;
    background: #7b5e7a;
    padding: 3px 12px;
}
#sub-links a:hover {
    background: #f0505a;
}

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

#section-header {position: fixed; width: 100%; z-index: 499; background: transparent;top:0;left:0}


::selection {color:#fff;background:#f0505a;}
::-moz-selection {color:#fff;background:#f0505a;}

#page {background-image: url(images/whitegradient.png); background-repeat: repeat-x; background-position: 0px 270px; background-attachment: fixed;}
.node-type-arizona-bold {background-image: url(images/desert.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: top;}

body {font-family: "futura-pt", sans-serif; font-size: 16px; line-height: 28px; background-size: auto 500px;}
p {margin: 0px 0px 10px;}
h1, h2, h3, h4, h5, h6 {font-family: "futura-pt", sans-serif;}
h1#page-title {font-family: "futura-pt", sans-serif; color: #f0505a; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 30px; margin: 0px 0px 20px; line-height: 38px;}
.front h1#page-title {display: none;}
h2,.h2 {font-family: "futura-pt", sans-serif; color: #7b5e7a; font-weight: 400; font-size:24px;letter-spacing: 1px; /* text-transform: uppercase; */ margin: 0px 0px 8px;}
.node-type-performance #zone-content h2 {font-family: "futura-pt", sans-serif; color: #7b5e7a; font-size: 25px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 15px;}
h3, .block-views-events-block h2.block-title, .webform-client-form .fieldset-legend {color: #f0505a; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; font-family: "futura-pt", sans-serif; margin: 0px 0px 3px 0px; font-weight: 700;}
h3{
    color: #4c4846;
    font-family: "futura-pt",sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 3px 0 5px;
    text-transform: uppercase;
    line-height:22px;
}

h4 {
    color: #f0505a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 19px;
    margin: 0 0 8px;
}

h5 {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 5px;
     line-height:18px;
}

hr {
    margin: 20px 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #ccc !important;
}

.block-views-events-block h2.block-title {color: ##7b5e7a;}
.tabs.clearfix {margin-bottom: 20px;}
.field-name-body img {height: auto !important;max-width: 100% !important;}
.webform-client-form .fieldset-legend {color: #f0505a;}

.field-name-body ul li {
    margin-left: 20px;
}

.field-name-body ul {
    margin-bottom: 10px;
}

.file img { padding-right: 5px;vertical-align: middle;}

/* 
.node-type-staff-bio h2 {
    color: #4c4846;
    font-family: "futura-pt",sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 5px;
    text-transform: none;
}
 */
.page-audio-video h2.pane-title  {color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; font-family: "futura-pt", sans-serif; margin: 0px 0px 15px 0px; font-weight: 700; background: #f0505a; padding: 0px 10px;}



.logo-img {float: none; margin: 0px; text-align: center;}
img#logo {
    width: 95%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
#zone-preface, #region-preface-first {margin: 0px; width: 100% !important;}

#zone-branding-wrapper {text-align: right; background: #fff;}
.site-name-slogan {display: none;}

#zone-preface-wrapper, #region-preface-first, .large-page-image {position: relative; z-index: 1;}

#zone-content-wrapper {position: relative; z-index: 10; min-height: 500px;}
.not-front #zone-content {margin-bottom: 20px;}

.not-front #region-content, .not-front #region-sidebar-first {background: #fff;}
.not-front #region-content .region-inner, .not-front #region-sidebar-first .region-inner {padding: 15px;}

#zone-postscript-wrapper {background: #e3e3e3; min-height: 100px;}
#section-footer {border-top: 8px solid #7b5e7a;min-height: 20px; padding: 15px 0px; text-align: center;}

.large-page-image {display: block; background-size: cover; width: 100%; height: 650px; background-position: center top; margin-bottom: -430px;}
.large-page-image img {display: none;}
.node-type-article .large-page-image {display: none;}

.front .large-page-image, .node-type-performance .large-page-image, .page-node-synopsis .large-page-image, .page-node-media .large-page-image, .page-node-cast .large-page-image {margin-bottom: -460px; background-position: center top; height: 750px;}
.node-type-performance h1#page-title {display: none;}
#zone-header-wrapper {position: relative; z-index: 10; font-family: "futura-pt", sans-serif; font-weight: 700; letter-spacing: 1px;}

#region-content {padding-bottom: 20px;}
/* 

#region-footer-first {text-align: center;}
 */
#region-footer-first img {max-width: 250px; width: 100% !important; height: auto !important;}
#region-footer-second ul li {text-transform: uppercase; list-style-type: none; list-style-image: none;}

#zone-header-wrapper .views-row a {font-size: 45px; text-decoration: none; color: #fff; text-shadow: 0px 1px 7px #4c4846; display: block; line-height: 43px; margin: 0px 0px 20px 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c4846,direction=180);}

.front #zone-preface {position: fixed;}
.home-slideshow img {display: none;}
.home-slideshow {background-size: cover; background-position: center top; width: 100%; height: 750px;}
.home-slider .views-field-title a {color: #fff; text-decoration: none; text-shadow: 0px 1px 7px #4c4846; display: block; font-weight: 700; font-family: "futura-pt", sans-serif; letter-spacing: 1px; line-height: 25px; font-size: 25px; padding: 40px 20px 10px 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c4846,direction=180);}
.front .views-slideshow-controls-bottom {color: #fff; font-size: 30px; font-weight: 700; position: relative; z-index: 498;}
.front .views-slideshow-pager-field-item {    display: inline-block;
    margin: 0;
    opacity: 0.6;
    padding: 0;
    width: 15px;}
.home-slider .views-field-field-sub-title {color: #fff;font-size: 19px; letter-spacing: 1px; font-weight: 400;}

.home-slider .views-field-field-sub-title.second {
    font-size: 22px;
    margin-bottom: 6px;
}
.views-slideshow-controls-bottom .active {opacity: 1;}
.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {width: 100% !important;}
.home-featured-block {background: #fff; margin: 0px 0px 10px 0px; padding: 10px 20px 0px; text-align: center;}
.home-featured-block .views-field-nothing {padding-bottom: 15px;}
.home-featured-block .views-field-title a {text-decoration: none; color: #4c4846; /* text-transform: uppercase;  */font-weight: 400; font-family: "futura-pt", sans-serif; font-size: 20px; letter-spacing: 1px;}

.performance-showtimes {background: #e3e3e3; padding: 15px; font-size: 18px; line-height: 24px;}
.performance-showtimes h3 {color: #f0505a; margin: 0px 0px 8px 0px;}
.showtime-group {margin: 0px 0px 10px 0px;}
.showtime-group ul li {margin: 0px;}
.showtime-group ul {margin: 0px 0px 8px 0px;}


/* 
#colorbox, #cboxOverlay, #cboxWrapper{

    display: none!important;
    visibility: hidden;
}
 */

/* 
.performance-summary {font-size: 20px; line-height: 30px;}
 */

.views-field-field-soundcloud-link iframe {height: 150px;}
.node-type-performance.views-field-field-poster-image {text-align: center;}

#region-sidebar-first .block {margin: 0px 0px 30px 0px;}

#region-sidebar-first .block-menu-block h2 a { text-transform: uppercase;  font-weight: 400; font-size: 16px; letter-spacing: .5px; color: #7b5e7a; text-decoration: none; display: block; border-bottom: 1px solid #ccc;}

#region-sidebar-first .block-menu-block h2 a { text-transform: uppercase;  font-weight: 400; font-size: 16px; letter-spacing: .5px; color: #7b5e7a; text-decoration: none; display: block; border-bottom: 1px solid #ccc;}


#region-sidebar-first .block-menu-block ul li {list-style-type: none; list-style-image: none; border-bottom: 1px solid #ccc; margin: 0px; padding: 8px 0px;}
#region-sidebar-first .block-menu-block ul li a:link, #region-sidebar-first .block-menu-block ul li a:visited {color: #4c4846; text-decoration: none; display: block; line-height: 17px; font-size: 16px;}
#region-sidebar-first .block-menu-block ul li a:hover, #region-sidebar-first .block-menu-block ul li a:active, #region-sidebar-first .block-menu-block ul li a.active, #region-sidebar-first .block-menu-block ul li a.active-trail {color: #f0505a;}
#region-sidebar-first .block-menu-block ul li ul {margin: 0px 0px 0px 10px;}
#region-sidebar-first .block-menu-block ul li ul li {border-bottom: none;/* text-transform: uppercase; */padding: 5px 0px;}
#region-sidebar-first .block-menu-block ul li ul li a:link, #region-sidebar-first .block-menu-block ul li ul li a:visited {font-size: 14px;letter-spacing: 0.05em;}
#region-sidebar-first .block-menu-block ul li ul li.first {padding-top: 13px;}

#region-sidebar-first #block-views-performance-page-pieces-block-5 {margin-bottom: 10px;}
.tickets-link a {background: #7b5e7a; color: #fff; text-decoration: none; display: block; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 20px; font-weight: 400; padding: 10px;}

.front-blog {background: #fff; padding: 10px;}
.front-blog h2 {letter-spacing: 3px;}
.front-blog .blog-row a{ 
color: #7a5f7a;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    display: block;
    border-top: 1px solid #ccc;
    padding: 15px;
    letter-spacing: .5px;}
    
.not-front .blog-row {border-bottom: 1px solid #ccc; padding: 20px 10px 10px 0;}
.blog-row p {margin:0 0 8px;}
.not-front .blog-row .views-field-title a {color: #7b5e7a; font-size: 26px; letter-spacing: 1px; text-decoration: none;}
.blog-row .views-field-view-node {text-align: right; text-transform: uppercase; font-family: "futura-pt", sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2px; display: block; margin: 10px 0px 0px;}
.blog-row .views-field-view-node a {color: #7b5e7a; text-decoration: none;}
.not-front .blog-row .views-field-field-image, .performance-related-events .views-field-field-event-image {text-align: center; margin: 0px 0px 20px 0px;}

.more-link {background: #e6e6e6; display: block; text-transform: uppercase; font-family: "futura-pt", sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2px; padding: 2px 10px;}
.more-link a {text-decoration: none; color: #7b5e7a;}

#region-sidebar-first .more-link {background: transparent; color: #f0505a;}
#region-sidebar-first .more-link a {color: #f0505a;}

.node-type-article .field-name-field-image {text-align: center;}
#nice-menu-1 {display: none;}

.large-page-image {margin-top: -35px;}

.performance-row {text-align: center; max-width: 300px; margin: 0px 0px 30px; vertical-align: top;}
.performance-row .views-field-title a {text-decoration: none; text-transform: uppercase; color: #4c4846; letter-spacing: .5px; font-weight: 400; font-size: 20px; margin-top: 10px; display: block;}


#zone-postscript-wrapper {text-align: center; padding: 15px 0px 25px; position: relative; z-index: 10;}
#zone-postscript-wrapper h2.block-title {color: #9f9f9f; text-shadow: 0px 1px 0px #fff; margin-bottom: 10px;}
.block.block-views.block-sponsors-block.block-views-sponsors-block { margin-bottom: 20px;}

#section-footer {position: relative; z-index: 10; background: #fff;}

.front-calendar {background: #fff; padding: 10px;}
.front-calendar td {background: transparent;}
.front-calendar td div.month {background: #e9e9e9; display: block; text-align: center; font-weight: 700; color: #4c4846; margin: 5px auto;}
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {background: transparent;}
.calendar-calendar th.days {font-weight: 400; color: #4c4846; text-align: center; background: transparent; border: none; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;}
.front-calendar td div.mini-day-on {background: #7b5e7a; color: #fff;}

.front-blog h2, .front-calendar h2 {text-align: center; font-weight: 400;text-transform: unset;}
.front-calendar .date-nav h3 {border-bottom: 1px solid #ccc !important; padding: 0px 0px 15px !important; margin: 0px 0px 15px !important;}
.front-calendar .date-nav h3 a {text-decoration: none; color: #4c4846; letter-spacing: 3px;}
.front-calendar .date-nav {margin: 0px; padding: 0px;}

.page-upcoming-events #zone-content td {min-height: 50px;}
.page-upcoming-events td .day {font-weight: 700;}
.calendar-calendar td.today {border-color: #f0505a !important;}

#region-footer-second a:link {font-size: 18px; color: #7b5e7a; text-transform: uppercase; letter-spacing: .5px; text-decoration: none;}
.copyright {font-size: 10px;}
#region-footer-second .copyright a:link {font-size: 10px; text-transform: uppercase;}

#block-block-5 {display: none;}

.block-views-events-block .views-field-field-event-date {   color: #666;font-size: 11px;font-weight: 700; letter-spacing: 0.5px; line-height: 16px;  margin: 8px 0 0;text-transform: uppercase;}
.block-views-events-block .views-field-title a {text-transform: uppercase; color: #4c4846; letter-spacing: .5px; text-decoration: none; font-size: 18px; font-weight: 400;}
.block-views-events-block .views-field-title {margin-bottom:5px}
.block-views-events-block {line-height: 22px;}
.view .date-nav-wrapper .date-prev {background: none; border-radius: 0px; left: 0; right: auto; margin: 0px; padding: 0px;}
.view .date-nav-wrapper .date-next {background: none; border-radius: 0px;}
.front-calendar .item-list ul li {margin: 0px;}

.calendar-calendar td {color: #4c4846;}
.calendar-calendar td.empty {color: #ccc;}
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {background: transparent;}

.view-item-calendar a {color: #f0505a; font-size: 14px; font-weight: 400 !important; display: block; line-height: 20px;}
.view-item-calendar .views-field-field-performance-date, .view-item-calendar .views-field-field-event-date {font-size: 12px; letter-spacing: .5px;}

.front-page-tickets {background: #e9e9e9; padding: 20px; vertical-align: middle; margin-bottom: 10px;}
.front-page-tickets img {margin: 0px 20px 0px 0px;}
.front-page-tickets .view-footer {text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 20px;}
.front-page-tickets .view-footer a {display: inline-block; background: #f0505a; color: #fff; font-weight: 400; text-decoration: none; font-size: 17px; padding: 4px 22px; margin: 4px 0px 0px;}

.print_html, .print_mail, .print_pdf {margin: 0px 10px 5px 0px; display: inline-block;}
.print_html a, .print_mail a, .print_pdf a {color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; background: #7b5e7a; padding: 6px 10px;}
.node-type-event .field-name-field-event-date {text-transform: uppercase; color: #4c4846; font-weight: 700; letter-spacing: 2px;}

.performance-related-events {border-bottom: 1px solid #ccc; padding: 0px 10px 20px 0; margin: 0px 0px 15px 0;}
.performance-related-events p {margin: 0px;}
.performance-related-events .views-field-field-event-date {text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 10px; color: #666666;}
.performance-related-events .views-field-title a {text-transform: uppercase; letter-spacing: 2px; color: #f0505a; text-decoration: none; font-size: 20px;}

ul.pager {text-transform: uppercase; font-weight: 400px; letter-spacing: 1.5px;}

.cast-photo {text-align: center;}

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

#block-nice-menus-1 {display: none;}

ul#mobile-menu li a {text-transform: uppercase; text-decoration: none; font-size: 20px; letter-spacing: 1px; font-weight: 400; color: #4c4846; border-bottom: 1px solid #e6e6e6; padding: 8px 15px;}
ul#mobile-menu a.active-trail,a.active-trail {color: #f0505a;}

#zone-menu {background: #4c4846;}
.mean-container .mean-bar {
    background: #4c4846;
    min-height: 30px;
    height: 30px;
    position: fixed;
    margin-top: 9%;
    top: 4%;
}

.page-node .mean-container .mean-bar {
    background: #4c4846;
    min-height: 30px;
    height: 30px;
    position: fixed;
    margin-top: 147px !important;
}

.mean-container .mean-bar img {
    margin-right: 8px;
}

.mean-container .mean-nav ul li a.mean-expand {
    /* margin-top: 1px; */
    width: 30px;
    height: 5px;
    padding: 12px!important;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255,255,255,.1);
    border: 0!important;
    border-left: 1px solid rgba(255,255,255,.4)!important;
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #fff;
    color:#f0505a;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
     padding: 0px; 
    border-top: 1px solid #f1f1f1;
    border-top: 0;
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none!important;
    visibility: visible;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #ffffff;
    margin-top: 34px;
}

.mean-nav .content ul ul {
    height: auto;
}

.mean-nav .content ul {
    height: 417px;
    width: 100%;
    /* background: rosybrown; */
    overflow-y: scroll !important;
    padding: 0px;
    margin: 0px;
    overflow-x:hidden;
}

.mean-container .mean-nav ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #4c4846;
    padding: 8px 0px;
}

.mean-container .mean-nav ul li{
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #4c4846;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 15px;
    width: 96%;
}

.mean-container a.meanmenu-reveal {
    padding: 9px 13px 11px;

}

#collapsed-menu-button {background: transparent; border: none; border-radius: 0px; padding: 0px; margin: 0px; text-align: right; display: block; width: 100%; padding: 4px 0px;}
a#collapsed-menu-button {color: #fff; text-transform: uppercase; letter-spacing: 1px;}
#region-branding {padding: 10px 0px;}

#region-footer-second ul.social li {display: inline-block; text-transform: uppercase; list-style-type: none; list-style-image: none; padding: 0px 10px 0px 0px; letter-spacing: .5px;}

.boxcaption{
	position: absolute;
	background-image: url(images/blackbackground.png);
	height: 187px;
	width: 220px;
	color: #fff;
	padding: 10px 20px;
 	}

 	.boxgrid{
	width: 260px;
	height: 187px;
	overflow: hidden;
	position: relative;
	margin: auto;
	text-align: left;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

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

.boxcaption {opacity: .8;}
.boxcaption p {position: relative; z-index: 1;}
.gradient-overlay {background-image: url(images/blackgradient.png); display: block; z-index: 400; width: 260px; height: 187px; background-repeat: repeat-x; position: relative; z-index: 400; background-position: bottom;}
.boxcaption p {margin-top: -180px; font-size: 18px; line-height: 28px;}
.boxcaption a {text-decoration: none; color: #fff;}

#region-sidebar-first #block-menu-block-2 a {text-transform: uppercase; letter-spacing: 1px; font-size: 22px;}
#region-sidebar-first #block-menu-block-2 ul li {background-image: url(images/menu-arrows.png); background-position: right center; background-repeat: no-repeat; padding: 14px 0px;}

.views-field-field-performance-date {margin: 0px 0px 5px;}

.page-node-media h1#page-title, .page-node-synopsis h1#page-title, .page-node-cast h1#page-title, .page-node-events h1#page-title {display: none;}

.front #zone-content-wrapper {background-image: none; background: transparent;}
.front #zone-content {margin-top: 250px;}

.bottom-gradient {background-image: url(images/whitegradient.png); background-repeat: repeat-x; background-position: top; height: 14c4846px; margin-top: -440px;}

.performance-title .views-field-title a {color: #fff; text-decoration: none; text-shadow: 0px 1px 7px #4c4846; display: block; font-weight: 700; font-family: "futura-pt", sans-serif; letter-spacing: 1px; line-height: 43px; font-size: 45px; padding: 0px 0px 0px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c4846,direction=180);}
.performance-title {margin: 300px 0px 20px;}
.performance-title .views-field-field-sub-title {color: #fff; font-style: italic; font-size: 19px; letter-spacing: 1px; font-weight: 400; display: block; margin: 15px 0px 0px; text-shadow: 1px 1px 3px #4c4846;}
.performance-title .views-field-field-sub-title .field-content {margin: 0px 0px 0px 10px;}

#region-sidebar-first .menu-views {display: none;}
#region-menu .menu-path-performances li {display: none;}
#region-menu .menu-path-performances li.menu-views {display: block; width: 100%;}

.menu-row table {height: 50px; vertical-align: middle; margin: 0px;}
.menu-row table td {vertical-align: middle;}
.menu-row table td img {padding: 0px 5px 0px 0px;}

.cast-row table td {vertical-align: middle; font-size: 15px; letter-spacing: 1px;}
.cast-row table td img {padding: 0px 10px 0px 0px;}
.cast-row h2 {display: inline; font-family: "futura-pt", sans-serif; color: #4c4846; font-size: 25px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin: 0px 5px 0px 0px;}
.cast-row h2 a {color: #4c4846; text-decoration: none;}
.cast-row .cast-dates {color: #a0a0a0; font-style: italic; letter-spacing: 0px; font-size: 14px;}

.views-field-field-performance-dates-phoenix .views-label, .views-field-field-performance-dates-tucson .views-label {display: inline; font-weight: bold; text-transform: uppercase; float: left; margin: 0px 3px 0px 0px; font-size: 13px; letter-spacing: 1px; color: #f0505a;}
.views-field-field-performance-dates-phoenix, .views-field-field-performance-dates-tucson {line-height: 21px;}

.front .views-field-field-performance-dates-phoenix .views-label, .front .views-field-field-performance-dates-tucson .views-label {color: #fff; font-size: 15px;}
.front .views-field-field-performance-dates-phoenix, .front .views-field-field-performance-dates-tucson {color: #fff; display: inline-block; padding: 8px 10px; background-image: url(images/blackbackground.png); font-size: 17px; margin-top: 13px;}

#zone-content .home-slider {position: relative;}
.front .views-field-field-poster-image {text-align: center;}

/*.node-type-article #zone-content,.node-type-event #zone-content{margin-top: 0px !important;}
.node-type-event .section.section-content {
    margin-top: 100px;
}*/ 
/*.node-type-photo-gallery #region-content {padding-top: 80px;}*/

.pink-buttons-mobile a {background: #7b5e7a; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 400; padding: 8px 4px 8px 10px; display: block; margin: 0px; font-size: 18px; letter-spacing: .5px; text-align: center; margin: 0px 0px 8px 0px;}
.pink-buttons-mobile img {margin: 0px 5px 0px 0px;}
.pink-buttons-mobile br {display: none;}

a.pink-button {background: #f0505a; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 400; padding: 10px; display: inline; margin: 0px; font-size: 18px; letter-spacing: .5px; text-align: center; margin:8px 8px 8px 0}

.popup_onload h2 {font-size:28px;line-height:32px}
.popup_onload a.pink-button {}

#region-sidebar-first #block-block-6 {margin: 0px 0px 15px;}

#region-content ul {margin: 0px 0px 0px 15px;}

.front h2.pane-title {margin: 0px 0px 15px;color:#4c4846}

.menu-views h3 {color: #fff;}
.menu-views .view-content {float: left; width: 250px; margin: 0px 12px 0px 0px;}
.menu-views .attachment {width: 250px; float: left;}



.page-user #region-content th {background: #4c4846; color: #fff; font-weight: 700; letter-spacing: 1px; padding: 5px; text-transform: uppercase;}
.page-user #region-content th a {color: #fff;}
th.views-field-body {width: 300px; padding: 0px 8px;}
th.views-field-field-image {width: 100px;}
.page-user #region-content table {width: 100%;}
.page-user #region-content table tr {background: transparent; }
.page-user #region-content table td {vertical-align: middle; padding: 10px 0px;}

.performance-gallery .views-field-field-photos {text-align: left;}
.performance-gallery .views-field-field-photos img {margin: 0px 10px 20px;}

.popup-layout .date-display-single {text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: #4c4846; font-size: 13px; display: block;}
.popup-layout img {margin: 8px 10px 0px 0px;}
.popup-layout a:link, .popup-layout a:hover, .popup-layout a:visited {font-size: 17px !important; color: #f0505a !important; letter-spacing: .5px !important; text-transform: uppercase; display: block; line-height: 22px;}
.popup-layout div {display: block; margin: 0px;}
.popup-layout .inner {min-width: 300px; width: 100% !important;}
.popup-layout table td {vertical-align: bottom;}
.popup-layout table, .popup-layout table tbody {margin: 0 0 12px 0;}
.popup-style-opera .popup-element-body table.popup-layout td { margin: 0;padding: 0;vertical-align: top;}

.media-row .views-field-field-youtube-link {margin-bottom: 20px;}

.view-performances h3 {color: #fff; background: #7b5e7a; margin: 10px 0 15px; padding: 3px 10px; letter-spacing: 2px;}
.menu-views .view-performances h3 {color: #fff; background: transparent; padding: 0px; margin: 0px 0px 5px 0px;}

.month-view .item {border-bottom: 1px solid #e6e6e6; padding: 0px 0px 5px !important; margin: 0px 0px 5px !important;}
.not-front .month-view thead {border-bottom: 5px solid #4c4846;}

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

.home-featured-block .views-field-title {margin-bottom: 6px;}

#nice-menu-1 li.menu-path-performances ul {background-image: none; background: transparent;}
li.menu-path-performances ul {width: 550px;}
li.menu-views .view-content {background-image: url(images/blackbackground.png); padding: 10px; margin: -5px 0px 0px;}
li.menu-views .attachment {float: left;}
ul.nice-menu span:hover {
    cursor: default;
    cursor: context-menu;
}

table.mini .popup-element-title a:hover,table.mini .popup-element-title a:link, .front-calendar td div.mini-day-on a:hover {text-decoration: none; color: #fff;}
table.mini a.popup-element-title {
    color: #fff;
}

@-moz-document url-prefix() {
li.menu-views .view-content {
margin: -5px 0px 0px;
  }
}

.press-row {border-bottom: 1px solid #ccc; padding: 0px 0px 15px; margin: 0px 0px 15px;}
.press-row p {margin: 0px;}
.press-row .views-field-field-press-release-date, .field-name-field-press-release-date {font-weight: 600; font-size: 12px; letter-spacing: 1px; color: #4c4846; text-transform: uppercase; margin: 0px;}
.press-row .views-field-title a {font-size: 20px; letter-spacing: 2px; text-transform: uppercase;}

#block-views-audio-video-page-block-1 h2 {margin-bottom: 10px;}

.ui-accordian, .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: transparent; background-image: none;}
.ui-accordion .ui-accordion-content {padding: 0px;}
.ui-accordion p {font-family: "futura-pt", sans-serif; font-size: 15px; line-height: 26px;}
.ui-icon {display: none;}
.ui-accordion .ui-accordion-header {padding: 0px;}
.cast-row {border-bottom: 1px solid #ccc; padding-top: 10px;}

.field-name-field-event-image {text-align: center;}

.sponsor_image .field-name-field-event-image {
    text-align: left;
}

#mobile-menu li, .mobile-menu li {border: none; margin: 0px; padding: 0px;}

.views-field-field-location {font-size: 8px; letter-spacing: 1px; text-transform: uppercase;}



textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {border: 1px solid #ccc; box-shadow: none;}
button, input[type="reset"], input[type="submit"], input[type="button"], button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {border-radius: 0px; background-image: none; background-color: #f0505a; text-transform: uppercase; color: #fff; text-shadow: none; letter-spacing: 1px; font-family: "futura-pt", sans-serif; border: none;}
#search-block-form {margin-bottom: 15px;}
#section-footer textarea, #section-footer select {width: 200px;}


/*
#block-block-9 img {width: 100% !important; height: auto !important; max-width: 14c4846px !important;}
 */
#block-block-9 {padding-top: 100px;}

.showtime-group .buylink > a {  color: #4c4846;}
.showtime-group .buylink > a:hover {  color: #f0505a;}
.buylink { margin-bottom: 8px;}


.view-attached-files td {
    padding: 8px;
    vertical-align: bottom;
}

.front-page-tickets .views-field-title {
    font-size: 13px;
    padding-right: 20px;
    text-align: center;
}

.view-attached-files table {
    width: 80%;
}

.content .field-name-body td {
    padding-bottom: 10px;
    padding-right: 10px;
}



.node-type-arizona-bold table td {display: block;}
.node-type-arizona-bold table tr td:first-child {text-align: center;}

.opera-archive p {line-height: 16px;}

/*------------------- DRUPAL TABS -----------------------*/
ul.primary {border-bottom: none; padding: 0px;}
ul.primary li {border-right: 1px solid #d8cfbd; margin: 0px;}
ul.primary li a {background: transparent; border: none; margin: 0px; font-family: "futura-pt", sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold; letter-spacing: 2px; padding: 0px 7px; color: #ccc !important;}
ul.primary li a:hover {background: transparent; border: none; margin: 0px; font-family: "futura-pt", sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold; letter-spacing: 2px; padding: 0px 7px; color: #4c4846 !important;}
ul.primary li.active a {background: transparent; border: none; color: #f0505a !important;}







/* SLIDESHOW TESTING STYLES */

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

.front .home-slideshow-section {position: relative;}
.front .views-field-field-image .sliderimage {width: 100% !important; height: 600px; position: fixed; z-index: -10000000;  background-size: cover; top: 0; background-position: center top;}
.front .panels-flexible-row-1-main-row, .front .panels-flexible-row-1-1, .front .panels-flexible-row-1-2 {margin: 0px 10px 0px; position: relative; z-index: 10;}
.front .home-slider .views-field-field-image img {display: none;}

.front .home-slider .views-field-nothing {margin: 100px 10px 0px;}
.front .views-slideshow-controls-bottom {margin: 0px 10px; bottom: -40px;}
.front .home-slideshow-section {height: 400px;}

.views_slideshow_controls_text_pause {display: none;}

.logged-in .views-slideshow-controls-bottom {display: none;}






.page-upcoming-events .feed-icon img {display: none;}
.page-upcoming-events .feed-icon {background: #f0505a; margin: 20px 0px 0px; display: block;}
.page-upcoming-events .feed-icon a {display: block; width: 280px; height: 50px; background-image: url(images/addtocalendar.png); background-repeat: no-repeat; background-position: center center; background-size: 300px auto; margin: auto; }



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.views-field-field-audio-file embed {
    height: 80px;
    vertical-align: middle;
}

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
    background: #ccc none repeat scroll 0 0;
    color: #ffffff;
    height: 1.9em;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
    background: #74a5d7 none repeat scroll 0 0;
    border-radius: 0 5px 5px 0;
    display: none;
    height: 1.9em;
    padding-left: 6px;
    position: absolute;
    right: 0 !important;
    text-align: left;
    width: 10px;
    z-index: 1;
}

.calendar-calendar .month-view table {
    border: medium none;
    /* allow table to fill window on homepage, no effect on Calendar page
    display: block; */
    margin: 0;
    overflow-x: auto;
    padding: 0;
    width: 100%;
}

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


.press-coverage {
    margin-bottom: 15px;
    border-bottom:1px solid #eaeaea;
    padding-bottom:5px
}

.press-coverage .views-field.views-field-title {
   margin-top:5px; line-height: 22px;
}

.views-field.views-field-field-media-outlet {
    font-style: italic;
}


.node-type-media-outlet .adaptive-image img {
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-right: 20px;
    max-width: 320px;
    width: 100%;
}

.pane-node-field-vimeo, .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	 margin-bottom: 20px;
}
.pane-node-field-vimeo iframe, .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .views-field.views-field-field-link-to-sponsor-site {
    font-size: 14px;
    margin-bottom: 20px;
}
.node-type-press-room .pane-content .field-name-field-image img {max-width: 100%;}

.adr .country-name {
    display: none;
}

.field-name-field-event-image img {
    max-width: 100%;
    height:auto;
}

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

.performance-gallery .views-field-field-photos img {
    height: auto;
    margin: 0 10px 20px;
    max-width: 100%%;
}

.performance-gallery .views-field-field-photos {
    text-align: center;
}
.page-upcoming-events .view-calendar {display: none; visibility: hidden;}
.mobile-upcoming-events img {max-width: 100%; height: auto;}


#block-views-events-block .views-field.views-field-field-event-image {
    margin: 10px 0;
}


#block-views-events-block .views-field-field-location {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

aside .views-field-body img {
    max-width: 100%;
    height: auto !important;
}

.dev-display {display: none;}
.field-content.season-and-performance {
    margin-bottom: 15px;
  }
.press-room-season {
    display: inline-block;
    background: #f0505a;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.season-and-performance h2 {
    display: inline-block;
    font-weight: 300;
    text-transform: capitalize;
}
.field-content.indent-quote {
    margin-left: 20px;
    color: #f0505a;
    border-left: #f0505a 3px solid;
    padding-left: 10px;
    font-weight: 500;
}

.indent-quote h6 {font-weight: 400;}

.press-details { background: #e3e3e3; padding: 10px;}
.press-details h3.field-content {
    font-size: 16px;
    text-transform: capitalize;
}
.press-details .views-field.views-field-field-media-outlet {
    font-style: italic;
    font-weight: 600;
}

.press-details img {
    margin-bottom: 10px;
}

.field-content.press-room-external-link a {
    font-size: 18px;
    font-weight: 700;
    border-bottom: #333 1px dotted;
}

figcaption {
    padding: 3px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}
figure img {
    padding: 0 10px;
}


/* 

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

 */
 
 .zone-footer h2 {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    letter-spacing: .5px;
    line-height: 14px;
}

.zone-footer img {
    vertical-align: text-top;
}

.zone-footer #search-block-form {
    margin-bottom: 10px;
}
 
.view.view-sponsors .view-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
        align-items: center;
}

.sponsor img {
    margin: 10px 15px;
}

.sponsor {
    width: 20%;
    margin: 3px 15px;
}

.view-display-id-block_presenting .sponsor {
margin:0;
width:100%;
text-align:center
}




.view-display-id-block_presenting .sponsor img {
    width: 200px;
    height: auto;
    margin: 0;
    padding-top: 10px;
}


.region-footer-second div#block-search-form {
    margin: 20px 0 10px;
}


.panels-flexible-1 .panels-flexible-row {
    padding: 0;
    margin: 0;
}



img#logo {
    width: 95%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

@-moz-document url-prefix() {

img#logo {

    width: 300px!important;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    }
}

.footerlogos {
    text-align: center;

}

.footerlogos img {
    padding: 9px 8px;
    vertical-align: middle;
}


div#region-footer-fourth {
    margin-top: 20px;
}

/* 

start BOD area //////////////
 */

.bod-row i {
    font-size: 62px;
    display: block;
    padding:5px;

}

.view-bod-menu .bod-row:hover {
    background-color:#f7f7f7ab;
}
.view-bod-menu .bod-row {
    flex-grow: 1;
    text-align: center;
    padding: 20px;
    border: 1px solid #eaeaea;
    margin: 15px 15px 15px 0;
    flex-basis: 100%;
}

.view-bod-menu .view-content {
    display: flex;
    align-items: stretch;
}

.view-archive.bod-pages h3 {
    margin-top: 18px;
}

/* 

end BOD area //////////////
 */
 
 
 
 
 
 
/* 
 new homeoage calendar
 
 */
 
 
 .front-upcoming-cal .view-content{
 margin-bottom:20px;
 margin-top: -10px;
 }
 
.front-upcoming-cal .view-header {
    padding-top: 8px;
}
.cal-item {
    position: relative;
    padding: 6px 20px 8px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.cal-item h3 a {
    display: block;
}
.mnth {
    font-size: 16px;
    line-height: 20px;
}

.cal-item .day {
    font-size: 32px;
    line-height: 36px;
}

.cal-item .day {
    font-size: 24px;
    line-height: 28px;
}
.cal-item span {
    display: block;
}

.cal-item .date {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    width: 94px;
    text-align: center;
}

.cal-item .detail {
    margin-left: 94px;
    padding: 12px 0 8px 20px;
    border-left: 1px solid #eeeeee;
}

.cal-item h3 a:hover {
    color: #7a5f7a;
}
.front-blog .blog-row a:hover {
    color: #7a5f7a;
}


@media screen and (min-width: 992px)
.cal-item .date {
    left: 10px;
    margin-top: -24px;
}

.cal-item .detail {
    margin-left: 114px;
}
 

@media screen and (max-width:979px){
    div#region-menu{
        display:none;
    }
    
    .mean-container .mean-bar {
    background: #4c4846;
    min-height: 30px;
    height: 30px;
    position: fixed;
    margin-top:121px;
  top: 0; 
    z-index: 9999;
}

 
}

/*
@media screen and (max-width:775px){
    
    .mean-container .mean-bar {
    top: 5%;
}
    
}
*/


@media screen and (max-width:739px){
    
    .mean-container .mean-bar {
    background: #4c4846;
    min-height: 30px;
    height: 30px;
    position: fixed;
    margin-top: 22%;
    top: 5%;
}
    
}

@media screen and (max-width:500px){
.mean-container .mean-bar {
    background: #4c4846;
    min-height: 30px;
    height: 30px;
    position: fixed;
    margin-top: 29%;
}
    
img.in-text-image {
        padding: 0;
        padding-bottom:10px;
        padding-top:10px;
        width:100%;
}

.front .views-slideshow-controls-bottom {
    margin: 0px 10px;
    bottom: 8px;
}

.front .home-slideshow-section {
    min-height: 600px;
    height: auto;
}

.front .views-field-field-image .sliderimage {
    width: 100% !important;
    height: 400px;
    position: fixed;
    z-index: -10000000;
    background-size: cover;
    top: 187px;
    background-position: center top;
}

    
}