/* 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. */
 
 
 
#section-content #region-content {
  padding: 0;
  position: relative;
}
.not-front #section-content #region-content + .region-sidebar-second {
  padding: 0;
}

#site_container {
  /*padding: 2em 0 0;*/
}

.utility-nav {
  right: 0;
  top: 0;
}
.utility-nav ul.menu li {
  float: left;
  margin: 0 0 0 2em;
  position: relative;
}
/*.utility-nav ul.menu li:after {
  background: #000;
  content: "";
  display: block;
  height: 12px;
  margin: -6px 0 0;
  position: absolute;
  right: -1px;
  top: 50%;
  width: 1px;
}
.utility-nav ul.menu li:last-child:after {
  display: none;
}*/


/* IMAGE STYLES
   ------------------------------------------------------------------------------------------------------*/
img.photo-treatment {
  border: 1px solid #ccc;
}
img.no-mobile {
  display: block;
}



/* PRIMARY NAVIGATION STYLES
   ------------------------------------------------------------------------------------------------------*/
.responsive-menus.responsified .responsive-menus-simple {
  width: 50%;
}
.responsive-menus.responsified .responsive-menus-simple li ul li#menu-903-1 {
  display: block;
}
.responsive-menus.responsified .responsive-menus-simple li a.mobile-menu-only {
    display:auto;
}


/* RECENT BLOGS - Homepage block
   ------------------------------------------------------------------------------------------------------*/

#block-views-blogs-block .view-blogs .views-row {
  margin: 0 0 2em;
}


/* RECENTLY ADDED SPOTLIGHT - Homepage Block
   ------------------------------------------------------------------------------------------------------*/

.pane-views-recently-added-spotlight .item-list ul li,
.pane-recently-added .item-list ul li {
  float: left;
  margin: 0 .5em 2em;
  width: 200px;
}


/* EVENT PAGE
   ------------------------------------------------------------------------------------------------------*/
.node-type-event .group-left {
    float: left;
    margin: 0 10px 0 0;
    width: 280px;
}
.node-type-event .group-right {
    float: left;
    margin: 0;
    width: 200px;
}

body.node-type-event {
  padding-bottom: 8em;
}
.similar-events {
  background: #fff;
  border-top: 1px solid #666;
  bottom: 0;
  -webkit-box-shadow: 0 0 10px 6px rgba(0,0,0,.4);
  box-shadow: 0 0 10px 6px rgba(0,0,0,.4);
  display: none;
  left: 0;
  padding: 0 1%;
  position: fixed;
  z-index: 300;
  width: 100%;
}
.similar-events .content ul li {
  border-right: 1px solid #777;
  display: block;
  float: left;
  list-style: none;
  list-style-type: none;
  margin: 0 3% 1em 0;
  padding: 0 1% 0 0;
  width: 30%;
}
.similar-events .content ul li:last-child {
  border: none;
  margin: 0 0 1em;
  padding: 0;
}

.view-calendar table.views-table .views-field-field-genre,
.view-season table.views-table .views-field-field-genre {
  display: table-cell;
}



.view-id-calendar .views-exposed-form .views-exposed-widget,
.view-id-events_calendar .views-exposed-form .views-exposed-widget
{
  display: block;
  padding: .25em 1em 0 0;
  width: auto;
}

.view-id-calendar .views-exposed-form .views-exposed-widget.views-widget-filter-field_genre_tid,
.view-id-events_calendar .views-exposed-form .views-exposed-widget.views-widget-filter-field_genre_tid
{
    max-width: 50%;
}





/* VIDEOBOOTH SLIDER
   ------------------------------------------------------------------------------------------------------*/
.pane-video-booth .view-video-booth {}
.pane-video-booth .view-video-booth .jcarousel-container {
  width: 582px !important;
}
.pane-video-booth .jcarousel-list-horizontal .jcarousel-item {
  margin: 0 21px;
}
.view-video-booth .jcarousel-container-horizontal {
    padding: 3em 0 0;
}

.pane-video-booth .jcarousel-skin-default .jcarousel-next-horizontal {
    background-position: -36px 0;
    position: absolute;
    right: -30px;
    top: -0.25em;
}
.pane-video-booth .jcarousel-skin-default .jcarousel-prev-horizontal {
    background-position: 0 0;
    position: absolute;
    left: auto;
    right: 10px;
    top: -0.25em;
}
.view-video-booth .views-exposed-form .views-exposed-widget,
.view-videos .views-exposed-form .views-exposed-widget {
  display: inline-block;
  width: auto;
}
.view-video-booth .views-exposed-widget label,
.view-videos .views-exposed-widget label {
  font-size: 1.25em;
  margin: 0 0 .5em;
}
.view-video-booth .views-exposed-form .views-exposed-widget.views-submit-button,
.view-video-booth .views-exposed-form .views-exposed-widget.views-reset-button,
.view-videos .views-exposed-form .views-exposed-widget.views-submit-button,
.view-videos .views-exposed-form .views-exposed-widget.views-reset-button {
  padding: 1em 0 0;
}


/* RIGHTSIDE BLOCK STANDARD
   ------------------------------------------------------------------------------------------------------*/
#region-sidebar-second {
  padding: 0;
}

#region-sidebar-second .block .content .view-calendar a {
  bottom: 3em;
  font-size: 1em;
  width: 75%;
}
#region-sidebar-second .block .content .item-list .pager {
  margin: 6em 0 0;
}
#region-sidebar-second .block .content .item-list .pager li.pager-previous.first {
  right: 10em;
}
#region-sidebar-second .block .content .item-list .pager li.pager-next.last {
  right: 1em;
}

#region-sidebar-second .similar-events {
  padding: 1em 2%;
}
#region-sidebar-second .similar-events .content ul li {
  list-style: none;
  list-style-type: none;
  margin: 0 .5em 1em 0;
  padding: 0 .5em 0 0;
}
#region-sidebar-second .similar-events .content ul li:last-child {
  margin: 0 0 .25em .5em;
}



/* FOOTER STYLES
   ------------------------------------------------------------------------------------------------------*/
.container-12 .grid-4.region-postscript-second, .container-12 .grid-4.region-postscript-third {
  width: 340px;
}
.container-12 .grid-4.region-postscript-fourth {
  width: 700px;
}


footer.section-footer .zone-footer-wrapper #region-footer-first {
  padding: 1.5em 0 1em;
}


.region-footer-second-inner, .region-footer-third-inner {
  padding: 0;
  text-align: left;
}


.join-mailing-list-block {
  margin: 0;
}
.join-mailing-list-block .content {
  padding: 0 1em;
}
.join-mailing-list-block .field-name-body {
  display: block;
  float: left;
  margin: 0 2em 1em 0;
  width: 180px;
}
/*.join-mailing-list-block .webform-client-form {
  padding: 0 0 0 215px;
}
.join-mailing-list-block .webform-client-form .form-item input[type="text"] {
  width: 85%;
}
.join-email-list-block {
  left: 50%;
  padding: 0;
  position: absolute;
}
.join-email-list-block .content {
  left: -50%;
  position: relative;
  width: 600px;
}*/
.join-email-list-block h2 {
  float: left;
  margin: 0 1em 0 0;
}
.join-email-list-block .mailing-list-signup {
	margin: 0 0 0 220px;
}
/*.join-email-list-block .mailing-list-signup input[type="email"] {
  width: 20em;
}*/



/* SEASONS */
.view-season-header .season-text {
  float: left;
  margin: 0 5% 1.5em 0;
  width: 50%;
}
.view-season-header .season-links {
  float: left;
  width: 45%;
}
/*.view-new-seasons .view-filters .views-exposed-form .form-item-field-genre-tid .form-item {
  float: left;
  width: 33%;
}*/
.view-new-seasons .view-filters .views-exposed-form .views-widget-filter-field_genre_tid {
  clear: none;
  float: left;
  min-width: inherit;
  padding: 0;
  width: 20%;
}
.view-new-seasons .view-filters .views-exposed-form .views-widget-filter-field_genre_tid .form-type-bef-checkbox {
  margin: 0 0 .5em;
}
.view-new-seasons .view-filters .views-exposed-form .views-widget-filter-field_presenter_tid {
  clear: none;
  float: left;
  min-width: inherit;
  padding: 0;
  width: 80%;
}
.view-new-seasons .view-filters .views-exposed-form .views-widget-filter-field_presenter_tid .views-widget {
  clear: both;
}
.view-new-seasons .view-filters .views-exposed-form .views-widget-filter-field_presenter_tid .views-widget .form-type-bef-checkbox {
  margin: 0 0 .5em;
}
.view-new-seasons .view-filters .views-exposed-form .views-exposed-widget.views-submit-button input,
.view-new-seasons .view-filters .views-exposed-form .views-exposed-widget.views-reset-button input {
  font-size: 1em;
  margin: .5em 0 0;
  padding: 2px 10px;
}


.view-new-seasons .view-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.view-new-seasons .view-content .views-row {
	background: #fff;
  border-bottom: none;
  box-shadow: 0 0 20px 4px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,.2);
  -ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
  margin: 0 0 2.5em;
  padding: 0;
  transition: box-shadow 0.3s ease-in-out;
}

.view-new-seasons .view-content .views-row:hover {
	box-shadow: 0 0 8px 1px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.3);
}

.view-new-seasons .view-content .views-row .views-field-field-image {
  display: block;
  margin: 0 0 10px;
  /*float: left;
  width: 165px;*/
}
.view-new-seasons .view-content .views-row .views-field-field-genre,
.view-new-seasons .view-content .views-row .views-field-title,
.view-new-seasons .view-content .views-row .views-field-field-date-range,
.view-new-seasons .view-content .views-row .views-field-field-venue,
.view-new-seasons .view-content .views-row .views-field-field-presenter-format {
  padding: 0 10px 4px;
}





.block-views-festival-events-block .view-filters .views-exposed-widget {
  display: inline-block;
  margin: 0 .5em .5em 0;
  padding: 0
}
.block-views-festival-events-block .view-filters .views-exposed-widget.views-widget-filter-field_venue_tid {
  width: 68%;
}
.block-views-festival-events-block .view-filters .views-exposed-widget.views-widget-filter-field_genre_tid {
  margin: 0;
  width: 28%;
}
.block-views-festival-events-block .view-content .views-row .event-image {
  display: inline-block;
  margin: 0 2% 0 0;
  vertical-align: top;
  width: 28%;
}
.block-views-festival-events-block .view-content .views-row .event-teaser {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  width: 69%;
}