/*
 * 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.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 758px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
#header {
  margin-bottom: -50px;
  float: left;
}
.region-header,
#branding{
  width: 100%;
  float: left;
}

#block-block-56,
#block-search-form{
  float: left;
  width: 47%;
  clear: none;
  margin-bottom: -10px;
  padding-bottom: 0px;
}
body.page-museum-store #block-block-56 {
  float: left;
  width: 47%;
  clear: none;
  margin-bottom: -10px;
  padding-bottom: 0px;
}

body.page-museum-store .region-header {
    float: right;
    width: 100% !important;
}


/*
.acwm-menu-mobile ul.menu {
  box-sizing: border-box;
  display: block !important;
  max-width: 300px;
}
*/
#block-block-57 {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  padding: 0px;
  margin-bottom: 0px;
}
#block-block-166, 
#block-block-167 {
  padding: 20px 0;
  margin: 0px;
}
#block-block-173, 
#block-block-174, 
#block-block-175, 
#block-block-176, 
#block-block-177, 
#block-block-178 {
  padding: 10px;
  width: 95%;
}
#block-block-209, 
#block-block-210, 
#block-block-211 {
  width: 100% !important;
  float: left;
  clear: none;
  margin-right: 0px;
}
.members-right, 
.members-left,
#block-block-196,
#block-block-197, 
#block-block-199, 
#block-block-198,
#block-block-181, 
#block-block-180, 
#block-block-182, 
#block-block-183, 
#block-block-179,
#block-block-166,
#block-block-167,
#block-block-194, 
#block-block-195, 
#block-block-156, 
#block-block-157,
#block-block-152, 
#block-block-153, 
#block-block-154, 
#block-block-155, 
#block-block-144, 
#block-block-145, 
#block-block-146, 
#block-block-147,
#block-block-111, 
#block-block-113, 
#block-block-117, 
#block-block-114, 
#block-block-115, 
#block-block-116, 
#block-block-26, 
#block-block-27, 
#block-block-28, 
#block-block-35, 
#block-block-36, 
#block-block-37,
#block-block-99, 
#block-block-100, 
#block-block-101, 
#block-block-102,
#block-block-92, 
#block-block-93, 
#block-block-94, 
#block-block-89, 
#block-block-90, 
#block-block-91, 
#block-block-82, 
#block-block-83, 
#block-block-84, 
#block-block-10, 
#block-block-12, 
#block-block-11, 
#block-block-13, 
#block-block-14, 
#block-block-15,
#block-block-16, 
#block-block-185, 
#block-block-17, 
#block-block-18, 
#block-block-19, 
#block-block-20, 
#block-block-22,
#block-block-159, 
#block-block-160, 
#block-block-161, 
#block-block-162, 
#block-block-163, 
#block-block-164, 
#block-block-149, 
#block-block-150, 
#block-block-151, 
#block-block-140, 
#block-block-141, 
#block-block-142, 
#block-block-130, 
#block-block-131, 
#block-block-132, 
#block-block-133, 
#block-block-134, 
#block-block-135, 
#block-block-136, 
#block-block-137, 
#block-block-138, 
#block-block-120, 
#block-block-121, 
#block-block-122, 
#block-block-123, 
#block-block-124, 
#block-block-125, 
#block-block-73, 
#block-block-72, 
#block-block-71, 
#block-block-70, 
#block-block-59, 
#block-block-58,
#block-block-1, 
#block-block-2, 
#block-block-3, 
#block-block-4, 
#block-block-49, 
#block-block-50, 
#block-block-51, 
#block-block-52, 
#block-block-53,
#block-block-64,
#block-block-228,
#block-block-227,
#block-block-226 {
  width: 100%;
  float: left;
  clear: none;
  margin-right: 0px;
}
#block-block-51 img {
  width: 1005;
  height: auto
}
#block-block-78 {
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0;
}
#block-block-38 {
  width: 100%;
  float: left;
  clear: none;
}
#block-block-38 p {
  text-align: center;
}
#block-block-205 {
  width: 55%;
  float: left;
  clear: none;
}
#block-block-205 a.button {
  padding: 8px 22px !important;
}
#block-block-206 {
  width: 27%;
  float: left;
  clear: none;
}
#block-block-203 h1 {
  line-height: 1.5em;
  margin-top: 0;
}
#block-block-54 {
  width: 100%;
  padding-left: 0;
}
#block-superfish-2,
#block-block-65,
#block-block-5,
#block-block-9 {
  width: 100%;
}
#block-superfish-2 {
text-align: center;
}
.history-column-1 {
  width: 100%;
  float: left;
  clear: none;
}
#quicktabs-directions .directions-left {
  float: left;
  padding-right: 0;
  width: 100%;
}
#quicktabs-directions .directions-right {
  float: left;
  padding-right: 0;
  width: 100%;
}
body.page-node-22 #block-quicktabs-calendar-quicktabs ul.quicktabs-style-basic li.odd,
body.page-node-22 #block-quicktabs-calendar-quicktabs ul.quicktabs-style-basic li.last,
body.page-node-22 #block-quicktabs-calendar-quicktabs ul.quicktabs-style-basic li.first {
  padding: 10px 0 10px 10px;
  width: 98%;
}
#block-quicktabs-volunteer-opportunities ul.quicktabs-style-basic li {
  padding: 10px 0 10px 10px;
  width: 98%;
}


#block-quicktabs-members-only-tabs ul.quicktabs-style-basic li,
#block-quicktabs-calendar-quicktabs li,
#block-quicktabs-calendar-quicktabs li.last,
#block-quicktabs-calendar-quicktabs li.odd,
#block-quicktabs-calendar-quicktabs li.first {
  padding: 10px 0 10px 10px;
  width: 98% !imporatnt;
}
#block-quicktabs-programs-events-quicktabs ul.quicktabs-style-basic li, 
#block-quicktabs-directions ul.quicktabs-style-basic li, 
#block-quicktabs-learn-and-do ul.quicktabs-style-basic li {
  border: 0 none;
  float: left;
  margin: 0;
  padding: 10px 0 10px 10px;
  width: 98%;
}
#block-block-204 {
  width: 100%;
  text-align: center;
  padding: 0;
  padding-bottom: 30px;
}
#block-menu-block-6 {
  width: 100%;
}
.support_lander_button{
  margin: 0;
  padding: 20px 0;
  width: 100%;
}
.support_lander_button a {
  width: 100%;
  padding: 0 20px; 
}
#block-block-103 p {
  margin: auto;
  width: 100%;
}
body.page-calendar h1#page-title, 
body.page-node-120 h1#page-title, 
body.page-node-266 h1#page-title, 
body.page-node-121 h1#page-title, 
body.node-type-events h1#page-title {
  background: rgba(0, 0, 0, 0) url("/sites/default/files/title-background.png") repeat scroll 0 0;
  color: #ecc031;
  padding: 10px 25px;
  position: inherit;
  top:0;
  float: left;
  width: 85%;
}
body.page-calendar #main-content-header, 
body.page-node-266 #main-content-header, 
body.page-node-121 #main-content-header, 
body.node-type-events #main-content-header, 
body.page-node-120 #main-content-header {
  margin-top: 0px;
  margin-bottom: 10px;
}

body.page-node-134 h2 img{
  float: left !important;
  margin:0 !important;
}
body.logged-in #block-superfish-1 li.menu-2005-1 {
  display: none !important;
}
.forum-node-create-links {
  float: left;
  width: 50%;
}
#block-views-job-posting-page-block {
  float: left;
  width: 90%;
}
body.page-taxonomy-term .field-name-field-blog-featured-image, 
#block-views-blog-block .views-field-field-blog-featured-image {
  float: left;
  width: 100%;
}
/* SHOP */
body.page-museum-store #block-views-exp-products-search-page,
body.page-node-9 #block-views-exp-products-search-page {
  clear: none;
  float: right !important;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 50% !important;
}

body.page-museum-store #block-block-57,
body.page-node-9 #block-block-57 {
  clear: none;
  float: left;
  margin-bottom: 38px !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  padding: 0;
  width: 50% !important;
  text-align: left;
}
body.page-museum-store #block-block-57  #menu-bar,
body.page-node-9 #menu-bar,
body.page-node-9 .region-header,
body.page-museum-store #block-block-57 .region-header {
  clear: none;
  float: left;
  width: 100% !important;
}
#block-acwm-commerce-shop-menu {
  clear: none;
  float: left;
  width: 100%;
}
#block-menu-block-5,
#block-block-46 {
  width: 100%;
  float: left;
  clear: none;
}
#block-menu-block-5 {
  display: block !important;
}
body.node-type-events .field-name-field-event-title,
body.node-type-events .field-name-field-location,
body.node-type-events .field-name-body,
body.node-type-events .field-name-field-admissions-fee,
body.node-type-events .field-name-field-make-a-reservation,
body.node-type-events .field-name-field-program-date {
  width: 100% !important;
  float: left;
  clear: none;
}
body.node-type-events .field-name-field-event-image,
body.node-type-events .field-type-image {
  float: left !important;
  margin: 10px 20px 10px 0;
  width: 100%;
}
body.node-type-collection-items .field-name-field-lightboxed-image-descripti {
  float: left !important;
  width: 100%;
}

.owl-buttons {
    display: none;
}
.view-scrolling_marquee {
  margin-top: 20px;
}
.view-scrolling_marquee ul.liScroll li {
  margin-top: -20px;
}
.view-scrolling_marquee .views-field-body {
  font-size: 1.3em;
}
#block-views-scrolling-marquee-block .liScroll-container, #marquee-scroller {
    background-color: #e8e8e8;
    color: #000;
    margin-top: -20px;
    padding: 10px;
    width: 95%;
  }
  #block-views-scrolling-marquee-block ul.liScroll {
    width: auto !important;
    white-space: nowrap;
    margin-top: 10px;
  }
}

 @media only screen and (max-width: 768px) { 
  #block-superfish-1 {
  width: 82%;
  }
}

 @media only screen and (max-width: 768px) {
  #superfish-1-select {
  width: 100%;
  }
}


/*   ^^^^^   CODE GO ABOVE HERE ^^^             */
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*#block-superfish-1 {
  float: left;
  width: 50%;
  margin-top: 15px;
}*/
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

@media only screen and (max-width: 480px) {
.column-3 {
   width: 100%;
}
}
@media only screen and (max-width: 768px) {
.column-3 {
   width: 100%;
}
}

/*#block-text-resize-0 {
  margin-top: -50px;
}*/

#body.page-museum-store #block-block-57 {
  width: 48% !important;
}

#block-acwm-commerce-shop-cart {
  width: 50%;
  float: right;
}


#views_slideshow_cycle_teaser_section_shop_banners-block,
#views_slideshow_cycle_div_shop_banners-block_0,
#views_slideshow_cycle_div_shop_banners-block_1,
#views_slideshow_cycle_div_shop_banners-block_2 {
  max-width: 100%;
  height: auto;
}

.jcarousel-skin-default .jcarousel-item {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: auto;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
    max-width: 100%;
}
