/* About this File

 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/* MOBILE 480 */
/* TABLET 1024 */

/* MOBILE ONLY */
@media only screen and (min-width: 0px) and (max-width: 480px) {
    div.region .no_mobile {display: none;}

    /* Upcoming Events on Home Fix */
    .rendered-by-ds .at-panel .region-inner {margin: 0px;}
    .view-mode-teaser .field-item {margin: 0px;}
    /* Upcoming Events on Home Fix */

    #footer-wrapper * {
        text-align: center;
    }
    .breadcrumb-wrapper {
        display:none;
    }

    #breadcrumb-wrapper {
        height: 15px;
    }

    .hours_col_1 {width: 100%;}
    .hours_col_2 {width: 100%;}
    .hours_col_3 {width: 100%;}

    .region-three-25-50-25-first {display: none;}
    .region-two-33-66-first {display: none;}

    .flexslider .view-mobile-body p {
      width: 90%;
      margin: 5px auto;
      font-size: 14px;
      line-height: 18px;
    }

    .view-frontpage table,
    .view-frontpage thead,
    .view-frontpage tbody,
    .view-frontpage th,
    .view-frontpage td,
    .view-frontpage tr {
      width: 100%;
      display: block;
    }

    .view-frontpage .views-field-body {display: none;}

    .region-inner {margin: 0px;}

    #featuredtop div.region {
        width:100%;
        clear:both;
        float:none;
    }

    #footer-wrapper .block-menu-block {width: 100%;}

    #footer-wrapper div.region {
      width: 100%;
    }

    .field-items ol, .field-items ul {
      padding-left: 20px;
    }

}

@media only screen and (min-width: 0px) and (max-width: 850px) {
     .field-name-title h2 {margin-top: 20px;}
}


/* TABLET ONLY*/
@media only screen and (min-width: 480px) and (max-width: 1226px) {
  .view-mode-teaser .region-two-50-first {display: none;}
  .view-mode-teaser .region-two-50-second {width: 100%;}
  #footer-wrapper div.region {
    width: 80%;
  }

}

/* ONLY SPECIAL BREAK POINT! */
@media only screen and (min-width: 0px) and (max-width: 900px) {
  /* TINY RIGHT SIDEBAR FIX */
  .three-25-50-25 > .region {
    float:none;
    display:block;
    width:100%;
    clear:both
  }

  .three-25-50-25 > div.region-three-25-50-25-second {
    float:none;
    clear:both;
    display:block;
    width:100%;
    margin-left:0;
    margin-right:0
  }

  .three-25-50-25 > div.region-three-25-50-25-third {width: 100%;}
  /* TINY RIGHT SIDEBAR FIX */
}
/* ONLY SPECIAL BREAK POINT! */

/* TABLET AND MOBILE*/
@media only screen and (min-width: 0px) and (max-width: 1226px) {

    /* REMOVING LEFT COLUMN */

    .bryant-sidebar {display: none;}
    .bryant-content-region {width: 100%}

    .region-three-25-50-25-first .region-inner {display: none;}

    /* REMOVING LEFT COLUMN */

    .region-two-50-first .field-type-image img {
        width: 100%;
    }

    #logo {
        display:none;
    }
    section#block-accordion-menu-1 {
        display:block;
    }
    body {
        position: relative;
        overflow: hidden;
    }
    #page-wrapper {
        position:relative;
    }
    .region-sidebar-second {
        width:350px;
    }
    #branding {
        margin-bottom:0;
    }
    .tickets-btn,
    .donate-btn {
        display:none;
    }
    .region[class*="float-blocks"] .block {
        float: none;
        width: 100%;
    }
    .media-youtube-video iframe,
    .media-youtube-video object,
    .media-youtube-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #block-nodeblock-165 {
        display:none;
    }
    #nav-wrapper {
        display:none;
    }
    #logo {
        display:none;
    }
    #sw-megabar {
        top:0;
        position:absolute;
        background-color:#0046ad;
        height:65px;
    }
    #menu-bar, #search {
        display:none;
    }
    #mobilelogo {
        display:block;
    }
    #mobiledrawer {
        display:block;
    }
    #drawertoggle {
        display:table-cell;
        position:absolute;
        left:0;
        vertical-align: middle;
        float:left;
        z-index:1000000000;
        cursor: pointer;
    }
    section#block-accordion-menu-1 {
        clear:both;
        float:none!important;
        width:100%;
    }
    section#block-accordion-menu-1 {
        display:block;
    }

    .flexslider h1.slider-title {
        display: none;
    }
    .flexslider .views-field-body,
    .flexslider h1.slider-title {
        display:none;
    }
    .flexslider .view-mobile-title,
    .flexslider .view-mobile-body {
        display:block;
    }
    .flex-control-paging,
    .flex-control-nav,
    .flex-direction-nav {
        display:none;
    }
    .sectionheader h1{
        text-align: center;
    }
    h1#page-title,
    .heading {
        font-size: 2rem;
    }

    #header-wrapper #widgets {width: 100%;}

    .view-hours-of-operation-widget {
        display: block;
        margin-top: 30px;
        width: 100%!important;
        padding: 0px;
        height: 85px;
    }

    .view-hours-of-operation-widget .views-field-nothing {}

    .block-hours-of-operation-widget-block {margin: 0px; padding: 0px;}

    .block-hours-of-operation-widget-block .block-inner {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .block-hours-of-operation-widget-block .view-content {
        margin: 20px auto;
        text-align: center;
    }

    .block-hours-of-operation-widget-block .view-content .views-field-field-header {
        text-align: center;
        font-size: 12px;
    }
    .block-hours-of-operation-widget-block .view-content .views-field-field-time {
        text-align: center;
        font-size: 23px;
        line-height: 20px;
    }
    .block-hours-of-operation-widget-block .view-content .views-field-nothing {
        text-align: center;
        font-size: 12px;
    }


}

/* DESKTOP PLUS */
@media only screen and (min-width: 1226px) {
    #mobilelogo {
        display:none;
    }
    .flexslider .view-mobile-title,
    .flexslider .view-mobile-body {
        display:none;
    }
}