/*tablet*/
@media only screen and (max-width : 960px) {
  /*layout*/
  #main, #main.grid_8 { position: relative; width: auto; }
  #main.grid_8 #content-area { margin-right: 330px; }
  #main.grid_12 { margin-right: 0; }
  .row { width: auto; }
  #top { position: absolute; box-shadow: 0 4px 6px 1px rgba(0,0,0, .2); height: 97px; width: 100%; z-index: 1; }
  #page { width: 100%; }
  body.sidebar-second #content { background: url('../img/sidebar.png') repeat-y top right;}
  /*header*/
  #header { width: 100%; margin: 0; background: #fff; box-shadow: none; }
  #header .row {padding: 10px 0; position: static; }
  #logo { float: left; width: auto; }
  #logo img { width: 530px; padding-left: 0; }
  #main #block-hrwff-cities-hrwff-city-selector { z-index: 9; }

  /*menu*/
  #pull { font: normal bold 20px/0 "ff-meta-web-pro", "Trebuchet MS", Helvetica, Arial, sans-serif; float: right; margin-right: 10px; padding: 37px 20px; background: #0069b3; color: #fff; display: block; }
  #pull:after { content: "\f0c9"; font: normal 34px/0 FontAwesome; padding-left: 15px; vertical-align: top; }

  nav.column { height: 100%; width: 100%; display: none; margin-top: 100%; background: #0168b3; position: fixed; z-index: 10; padding: 120px 10% 0; }
  #close { position: absolute; top: 10px; right: 10px; display: block; padding: 10px 10px 10px 20px; background: #00457c; color: #0168b3; font: normal bold 20px/0 "ff-meta-web-pro", "Trebuchet MS", Helvetica, Arial, sans-serif; }
  #close img { vertical-align: middle; }

  #search { display: block; clear: both; position: static; background: #00457c; height: 40px; padding: 5px 16px; width: auto; }
  #block-search-form .content { width: auto; margin-left: 30px; }
  #block-search-form:before { font-size: 20px; color: #67b2e8; float: left; }
  .region-search input.form-text::-webkit-input-placeholder { color: #67b2e8; }
  .region-search input.form-text:-moz-placeholder { color: #67b2e8; }
  .region-search input.form-text::-moz-placeholder { color: #67b2e8; }
  .region-search input.form-text:-ms-input-placeholder { color: #67b2e8; }
  .region-search input.form-text { font-size: 20px; }

  nav #primary { position: static; border-top: 1px solid #80b4d9; }
  nav #primary li { display: block; text-align: center; padding: 0; text-transform: none; border-bottom: 1px solid #80b4d9; line-height: 1em }
  nav #primary li.first { display: block; }
  nav #primary li a,
  nav #primary li a.active,
  nav #primary li.active a,
  a#nav-donate,
  a#nav-hrw { display: block; color: #fff; font-size: 20px; padding: 14px 0; font-weight: bold; }

  a#nav-donate { clear: both; display: block; margin: 17px 0 28px; text-align: center; background: #fff; color: #00457c; }
  a#nav-hrw { text-align: center; color: #fff; display: block; border-bottom: 1px solid #80b4d9; }

  #social-links { position: static; border: 0; }
  #social-links span { display: none; }
  #social-links a { background: none; border: 0; font-size: 34px; color: #67b2e9; width: 24%; text-align: center; padding: 20px 0; }

  #content { min-height: 725px; }

  /*slideshow*/
  .view-slideshow { width: auto; }
  .views-slideshow-cycle-main-frame { position: absolute !important; }
  .view-slideshow .view-footer { top: 340px; }

  #footer .address2 { display: block; }
  #footer .address2:before { content: normal; margin: 0; }

  /*film page*/
  .node-film { min-width: 190px; }
  #block-views-screenings-block { padding-left: 0; }
  #block-views-screenings-block .views-field-field-reception { float: left; }
  #block-views-screenings-block .views-field-field-ticket-link { float: left; width: 50%; margin-top: .5em; }
  #block-views-screenings-block { margin-top: 0; }
  #block-hrwff-relatedfilms-films { width: auto; margin: 10px -106px -25px 0 }
  .field-name-related-films { margin-right: -234px;}

  body.node-type-film .group-footer .field-name-field-hrw-media iframe,
  body.node-type-film .group-footer .field-name-field-additional-media iframe {
    width: 100%;
  }

  body.node-type-film div.field-name-field-filmmakers-fc .field-name-field-filmmaker-name {
    color: #0069b2;
  }

  #sidebar-right {
    margin-left: 0px;
    padding: 10px 10px 0 10px;
    width: 261px;
    z-index: 9;
    position: absolute;
    right: 0;
  }

  body.front #content-bottom {
    padding: 0;
    position: relative;
    width: 100%;
  }

  ul.featured-films-list {
    width: auto;
    margin-right: -10px;
  }

  li.featured-film-wrapper {
    width: 33%;
    padding: 0 0 1em;
  }
  li.featured-film-wrapper .node {
    padding: 0 10px 1em 0;
  }

  #block-views-home-featured-films-block { padding-left: 10px;}

  .featured-film-wrapper .field-name-field-poster a img {
    width: 100%;
  }

  /* Related Media Tablet styles */
  .view-related-media td.col-last {
    padding: 0;
  }

  /* Press page tablet styles */
  .node-press .group-right {
    float: none;
    margin-left: 243px;
    max-width: 468px;
  }

  /* Front */
  body.front #main { width: 100%; margin-right: 0; }

  /* Event List */
  body.page-eventlist #main { margin-right: 0; }
  .eventlist-with-slideshow, .view-event-list { width: auto; margin-right: -320px;}
  .view-event-list .views-view-grid .film_wrapper img { width: 100%; }
  .view-event-list .views-view-grid .views-field-field-poster { height: auto; }
  .view-event-list .views-view-grid div.film_item { width: 30%; }
  .view-event-list .views-view-grid .film_wrapper { display: block;}
  .view-event-list .views-view-grid .film_wrapper #field_poster { width: 100%; height: auto;}
  /* disable tagline hover effect */
  .view-event-list .views-view-grid .film_wrapper:hover { display:block; overflow: visible; position: static; padding: 0; }
  .view-event-list .views-view-grid .views-field-field-poster:hover .film_wrapper { position: static; box-shadow: none; padding-top: 0; width: auto; }
  .view-event-list .views-view-grid .film_wrapper:hover #field_tagline { display: none; }
  #event-list-navigation { font-size: small; }
  .page-eventlist #block-hrwff-event-hrwff-event-list-navigation .event-list-navigation .sort-order { margin: 12px -72px 12px 0; }
  p.sort-order span.list-by { padding: 0 0 0 10px; }
  p.sort-order a { padding: 0 10px; }
  #event-list-navigation a.venue-link { padding: 14px; }
  /* Past Festivals */
  .page-past-festivals .content .view-past-festivals .view-content { padding-top: 8px; width: auto; }
  .page-past-festivals .content .view-past-festivals .view-past-festivals.view-display-id-attachment { width: auto; }
  .page-past-festivals .content .view-past-festivals .view-content .item-list ul.views-summary li { display: inline; }
  .page-past-festivals .content .view-past-festivals .view-content .item-list ul.views-summary li:after { content: "|"; }
  .page-past-festivals .content .view-past-festivals .view-content .item-list ul.views-summary li:last-child:after { content: ""; }
  .page-past-festivals .content .view-content .views-view-grid.cols-3 .past_festival_item .views-field-field-poster { width: 100%; height: auto;}
  .page-past-festivals .view-header { padding-top: 10px; }
  .page-past-festivals .view-header h2 { font-weight: normal; padding-top: 0; }
  /* Related Media */
  .view-related-media table { margin-right: -70px;}
  .view-related-media td { width: 50%; padding: 0;}
  .view-related-media td .views-field { padding-right: 10px;}
  .view-related-media td a.related-media-overlay { position: relative; display: block;}
  .view-related-media td a.related-media-overlay img { width: 100%; height: auto; }
  .view-related-media td a.related-media-overlay img.related-media-overlay-button { width: auto; position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; }
}

/*mobile*/
@media only screen and (max-width : 699px) {
  #main, #main.grid_8 { margin-right: 0; width: 100%; }
  #main.grid_8 #content-area { margin-right: 0; }
  #top { display: none; }

  body.sidebar-second #content {
    background: none;
  }

  #logo, #logo img { width: 100%; }

  nav.column { overflow: auto; padding: 0 10px 27px; }
  #pull { position: fixed; bottom: 0; width: 100%; z-index: 15; font-size: 15px; padding: 24px 13px; }
  #pull:after { font-size: 20px; padding-left: 12px; }
  #pull, nav { -webkit-box-shadow: -8px -8px 6px -6px rgba(0,0,0,.25); -moz-box-shadow: -8px -8px 6px -6px rgba(0,0,0,.25); box-shadow: -8px -8px 6px -6px rgba(0,0,0,.25); }
  #pull.close:after { content: ""; padding-left: 0; }
  #pull.close:before { content: "\f00d"; font: normal 20px/0 FontAwesome; padding-right: 10px; vertical-align: top;}
  #close {display: none; }

  #search { height: 30px; padding: 5px 16px; margin-top: 14px; }
  .region-search input.form-text { font-size: 15px; width: 100%; }
  #block-search-form .content { margin-left: 25px; }
  #block-search-form:before { font-size: 15px; }

  a#nav-donate { margin: 12px 0; }
  nav #primary li a,
  nav #primary li a.active,
  nav #primary li.active a,
  a#nav-donate,
  a#nav-hrw { font-size: 17px; padding: 10px 0; }

  #social-links a { padding: 15px 0; }

  /*slideshow*/
  .view-slideshow { height: auto; }
  .view-slideshow img { width: 100%; height: auto; }
  .views-slideshow-cycle-main-frame { right: auto; position: relative !important; }
  .views-slideshow-controls-bottom { background: rgba(0,0,0,.8); width: auto; left: 0; bottom: 30px; right: 0; padding: 0 20px; }
  .views-slideshow-controls-bottom .views-content-counter { margin-right: 10px; }
  .view-slideshow .view-footer { width: auto; top: -60px; background: rgba(0,0,0,.8); margin: 0 10px; }
  body.page-eventlist .view-slideshow .view-footer { background: url('../img/old/nav-city-bg.png');}

  #sponsors { height: auto; padding: 0 10px 10px; }
  #footer { padding-bottom: 75px; }
  #footer-main-menu, #footer-secondary-menu { display: none; }
  #footer .privacy { display: block; }

  /* Social Media Aggregator Block */
  #sidebar-right { padding: 10px; width: 100%; position: relative;}
  #sidebar-right #block-social-media-aggregator-social-media-aggregator { width: 100%; }
  #sidebar-right #block-social-media-aggregator-social-media-aggregator .content { width: 100%; }

  /* Event list view */
  .view-event-list { width: 100%; }
  .eventlist-with-slideshow { margin-right: 0; }
  .view-event-list .view-content h1 { font-size: 20px; margin-top: 50px; }

  .view-event-list .row,
  .view-display-id-page_2.view-event-list .views-view-grid .row,
  .view-display-id-page_3.view-event-list .views-view-grid .row,
  .view-display-id-page_4.view-event-list .views-view-grid .row,
  .view-display-id-page_5.view-event-list .views-view-grid .row {
    height: auto;
    width: 100%;
  }
  .view-event-list .row .film_item { height: auto; width: 100%; margin: 10px 0 0 8px; padding: 10px 10px 0 10px;}

  /* City Selector */
  .city-selector select#edit-cities { width: 100%; }
  #main #block-hrwff-cities-hrwff-city-selector { z-index: 9; }
  #templated-select-edit-cities.select-container {
    width: 100%;
  }

  #templated-select-edit-cities .select-options {
    width: 100% !important;
  }

  /* City/Festival Page Event List items */

  .event-list-navigation { display: none; }

  .event-list-navigation-select .list-by {
    color: #999;
    font-size: 21px;
    font-style: italic;
    padding: 0 1em;
  }

  .view-event-list .view-content .views-view-grid .row .film_item {
    height: auto;
    margin: 10px 0 18px 0;
    padding: 10px 10px 0 0;
    width: 100%;
  }

  .view-event-list .view-content .views-view-grid .row .film_item .film_wrapper {
    position: static;
    display: block;
  }

  .view-event-list .view-content .views-view-grid .row .film_item .film_wrapper #field_poster {
    width: auto;
    height: auto;
  }

  .view-event-list .view-content .views-view-grid .row .film_item .film_wrapper #field_poster a img  {
    height: auto;
    width: 100%;
  }

  /* Past festivals mobile */
  .page-past-festivals #content-area .view-past-festivals .view-header { display: none;
  }

  .page-past-festivals #content-area .row .past_festival_item {
    margin-top: 20px;
    width: 100%;
  }

  .page-past-festivals #content-area .row .past_festival_item  .views-field-title {
    font-size: 20px;
  }

  .page-past-festivals #content-area .row .past_festival_item .views-field-field-poster {
    height: auto;
    margin-right: 10px;
    width: 100%;
  }
  .view-past-festivals.view-display-id-attachment .view-content .item-list ul.views-summary {
    display: none;
  }

  /* Cities Mobile theme */
  table.cities { display: none; }
  div.cities_mobile { display: block; }

  div.cities_mobile .views-field-field-venue .item-list ul li a { color: #0069b2; }

  div#templated-select-city_page_view_by {
    background-position: right;
    display: block;
  }

  div#templated-select-city_page_view_by .list-by {
    color: #999;
    font: 15px/1.333em "Trebuchet MS", helvetica, Arial, sans-serif;;
    font-style: italic;
    margin: 8px 0 0 6px;
  }

  .view-display-id-cities_by_date .view-header .sort-order,
  .view.view-display-id-cities .view-header .sort-order { display: none; }

  div.view-Cities .view-header label[for=city_page_view_by],
  div.view-Cities .view-header select#city_page_view_by {
    display: block;
  }

  .view-display-id-cities_by_date .cities_mobile .cities_row,
  .view.view-display-id-cities .cities_mobile .cities_row {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 10px 0;
  }

  .view-display-id-cities_by_date .cities_mobile .cities_row .views-field-term-node-tid a span,
  .view.view-display-id-cities .cities_mobile .cities_row .views-field-term-node-tid a span {
    font-size: 21px;
  }

  .view-display-id-cities_by_date .cities_mobile .cities_row .views-field-field-datetime,
  .view.view-display-id-cities .cities_mobile .cities_row .views-field-field-datetime {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .view-display-id-cities_by_date .cities_mobile .cities_row .views-field .item-list ul li,
  .view.view-display-id-cities .cities_mobile .cities_row .views-field .item-list ul li {
    list-style: none;
    margin: 5px 0;
  }

  /* Event list select styles */
  .event-list-navigation-wrapper {
    margin-bottom: 12px;
  }

  .event-list-navigation-wrapper  label.sort-order.list-by { display: block; }
  .event-list-navigation-wrapper select.event-list-navigation-select {display: block;}

  /* Past festivals select styles */
  .view-past-festivals.view-display-id-past_festivals_dropdown {
    display: block;
  }

  .view-past-festivals.view-id-past_festivals.view-display-id-past_festivals_dropdown .view-content {
    width: 100%;
  }

  .event-list-navigation-wrapper select.event-list-navigation-select,
  div.view-id-Cities select#city_page_view_by,
  div.event-list-navigation-wrapper select.event-list-navigation-select,
  .view-past-festivals.view-display-id-past_festivals_dropdown .view-content form#ctools-jump-menu select {
    -webkit-appearance: none;
    background-image: url('../img/handle.png');
    background-repeat: no-repeat;
    background-position: right;
    border: 0;
    border-radius: 0;
    box-shadow: 0 4px 6px 1px rgba(0,0,0, .2);
    font-size: 16px;
    height: 34px;
    line-height: 1;
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
  }

  /* City Mobile Landing page select styles */
  .event-list-navigation-wrapper label.sort-order.list-by,
  .view-id-past_festivals label,
  .view-id-Cities .view-header label {
    color: #999;
    font: 15px/1.333em "Trebuchet MS", helvetica, Arial, sans-serif;;
    font-style: italic;
    margin: 7px 0 0 10px;
    position: absolute;
  }

  div.event-list-navigation-wrapper select.event-list-navigation-select,
  div.view-id-Cities select#city_page_view_by {
    padding-left: 74px;
    text-transform: uppercase;
  }

  /* Mobile styles for film page */
  body.node-type-film #block-views-screenings-block .views-field-field-ticket-link {
    width: 100%;
  }

  .node-film .group-left { display: block; }

  body.node-type-film .group-footer .field-name-field-hrw-media iframe,
  body.node-type-film .group-footer .field-name-field-additional-media iframe {
    width: 100%;
  }

  #sidebar-right {
    padding: 10px 10px 0 0;
  }
  /* Mobile styles for homepage */
  body.front #content-bottom {
    padding: 0;
    position: relative;
    width: 100%;
  }

  body.front #block-views-home-featured-films-block .view-home-featured-films {
    padding: 0 10px;
  }

  body.front .view-home-featured-films #featured-films {
    width: 100%;
  }

  body.front .view-home-featured-films #featured-films ul.featured-films-list {
    display: inline-block;
  }

  body.front .view-home-featured-films #featured-films ul.featured-films-list li.featured-film-wrapper {
    margin-bottom: 45px;
    width: 100%;
  }

  body.front .view-home-featured-films #featured-films ul.featured-films-list li.featured-film-wrapper div.field-name-title h2 {
    margin: 5px 0;
  }

  body.front .view-home-featured-films #featured-films .field-name-field-poster a img {
    height: auto;
    width: 100%;
  }

  /* Mobile styles for Press Room */
  .node-press .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    color: #ed037c;
  }

  .node-press .group-left {
    padding: 0;
    width: 100%;
  }

  .node-press #tab-right {
    padding: 0;
  }

  .node-press .group-right {
    display: inline-block;
    margin-left: 0px;
    margin-top: 12px;
    width: 100%;
  }

  .node-press .group-right .field-name-field-film .field-label {
    display: none;
  }

  body.node-type-press .group-right .field-items .field-item.even,
  body.node-type-press .group-right .field-items .field-item.odd {
    width: 100%;
  }

  .node-press .group-right .field-items > .field-item-film-press {
    display: inline-block;
    height: 270px;
    float: left;
    margin-bottom: 64px;
    margin-right: 4px;
    padding-bottom: 10px;
  }

  .node-press .group-right .field-items .field-item .field-name-field-poster .field-item a img {
    width: 100%;
  }

  .node-press .group-right .field-items .field-item .field-name-field-images .field-item,
  .node-press .group-right .field-items .field-item .field-name-field-press-kit .field-item {
    width: 18px;
  }

  .node-press .group-right .field-items .field-item .field-name-field-images span.file a,
  .node-press .group-right .field-items .field-item .field-name-field-press-kit span.file a {
    height: 18px;
    width: 14px;
  }

  .node-press .group-right .field-items .field-item .field-name-field-press-kit,
  .node-press .group-right .field-items .field-item .field-name-field-images {
    margin: 0 12px 12px 0;
  }

  .node-press .group-right .field-items .field-item .field-name-title .field-items .field-item {
    margin-bottom: 0;
  }

  .node-press .group-right .field-items .field-item .field-name-title .field-items .field-item h2 a {
    color: #0069b2
  }

  /* Related media mobile styles */
  .view-related-media table { margin-right: 0; }

  .view-related-media td {
    width: 100%;
  }

  .view-related-media td.col-last {
    padding: 0;
  }

  .view-related-media .related-media-wrapper {
    display: inline-block;
    width: 100%;
  }

  .view-related-media .related-media-wrapper a.related-media-overlay {
    display: inline-block;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .view-related-media .related-media-wrapper a.related-media-overlay:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
  }

  .view-related-media .related-media-wrapper a.related-media-overlay img:first-child {
    height: auto;
    width: 100%;
  }

  .view-related-media .related-media-wrapper a.related-media-overlay .related-media-overlay-button {
    left: 50%;
    margin-left: -27px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
  }

  .view-related-media td .views-field-title h2 {
    font-weight: normal !important;
    margin: 0 !important;
    padding-top: 5px;
    padding-bottom: 7px;
  }

  /* Sharethis social media buttons  */
  #pressRoomTabs {
    border: 0;
    border-radius: 0;
  }
  #pressRoomTabNav {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    background: #eee;
  }
  .ui-tabs .ui-tabs-nav li {
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
  }
  .ui-state-default {
    background: #eee;
  }
  .ui-widget {
    font: normal 1em "Trebuchet MS", "ff-meta-web-pro", Helvetica, Arial, sans-serif;
  }

  /* Film Page */
  body.node-type-film #sidebar-right {
    display: none;
  }
  .field-name-related-films,
  #block-hrwff-relatedfilms-films { margin-right: 0; }
  #block-hrwff-relatedfilms-films .node-event { padding: 12px 12px 69px; position: relative; }
  .view-mode-teaser .node-film .field-name-field-poster { position: static; margin: 0 0 1em; }
  .view-mode-teaser .node-film .field-name-field-poster img { width: 100%; height: auto; }
  .field-name-field-film { width: 100%; }
  .field-name-field-ticket-link a { left: 10px; bottom: 10px; width: auto; }
}