/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/* .transition(all,2s); */
/* .transition(all,2s); */
.transition-opacity {
  -webkit-transition: all linear 0.1s, opacity linear 0.1s;
  -moz-transition: all linear 0.1s, opacity linear 0.1s;
  -o-transition: all linear 0.1s, opacity linear 0.1s;
  transition: all linear 0.1s, opacity linear 0.1s;
}
/* *** GENERAL RULES *** */
body,
html {
  margin: 0;
  padding: 0;
  font-family: 'Univers W01', sans-serif;
}
body {
  font-family: 'Univers W01', sans-serif !important;
  font-size: 100%;
  letter-spacing: 0.01rem;
  color: #222222;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
a {
  text-decoration: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.1200 {
  width: 1200px;
}
/* *** COLUMNS *** */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*='col-'] {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
}
[class*='col-']:last-of-type {
  padding-right: 0;
}
.col-5 {
  width: 5%;
}
.col-10 {
  width: 10%;
}
.col-15 {
  width: 15%;
}
.col-20 {
  width: 20%;
}
.col-25 {
  width: 25%;
}
.col-30 {
  width: 30%;
}
.col-35 {
  width: 35%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 45%;
}
.col-50 {
  width: 50%;
}
.col-55 {
  width: 55%;
}
.col-60 {
  width: 60%;
}
.col-65 {
  width: 65%;
}
.col-70 {
  width: 70%;
}
.col-75 {
  width: 75%;
}
.col-80 {
  width: 80%;
}
.col-85 {
  width: 85%;
}
.col-90 {
  width: 90%;
}
.col-95 {
  width: 95%;
}
.col-100 {
  width: 100%;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
.z6 {
  z-index: 6;
}
.z7 {
  z-index: 7;
}
.z8 {
  z-index: 8;
}
.z9 {
  z-index: 9;
}
.z10 {
  z-index: 10;
}
.max-1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.d-hide {
  display: none;
}
@media (max-width: 768px) {
  .d-hide {
    display: block;
  }
  .m-hide {
    display: none;
  }
}
#footer {
  background: #efefef;
  font-weight: 100;
  padding-bottom: 16px;
}
#footer a {
  color: #222222;
  text-decoration: none;
  font-weight: 400;
}
#footer a:hover {
  color: #5a87c6;
}
#footer ul,
#footer ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#footer #footer-container {
  max-width: 1200px;
  margin: 0 auto;
  float: none;
  overflow: auto;
  font-size: 16px;
  line-height: 22px;
}
#footer #footer-container .footer-block {
  padding-top: 48px;
  font-weight: 100;
}
#footer #footer-container .footer-block .block-title,
#footer #footer-container .footer-block h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 36px;
  padding: 0;
}
#footer #footer-container #footer-block-1 {
  padding-top: 0;
}
#footer #footer-container .view-admission-prices .views-field {
  display: inline-block;
  padding: 0;
  margin: 0 0 4px;
}
#footer #footer-container .view-admission-prices .views-field-title {
  padding-right: 32px;
  min-width: 180px;
}
#footer #footer-container .view-admission-prices .views-field-field-admission-one-day {
  text-align: right;
}
#footer #footer-block-3 .views-field-field-hours-of-operation .oh-current-open {
  color: #61B329;
  font-weight: 700;
}
#footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-hours {
  float: left;
}
#footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-label {
  width: auto !important;
}
#footer #footer-block-3 #block-views-contact_information-block_1 {
  padding-top: 36px;
}
#footer #footer-block-3 #block-views-contact_information-block_1 .view-contact-information p {
  margin: 0;
  padding: 0;
}
#footer #footer-block-4 #block-menu-menu-footer-quick-links {
  text-align: right;
}
#footer #footer-block-4 #block-menu-menu-footer-quick-links ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
#footer #footer-block-4 #block-menu-menu-footer-quick-links ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#header #rbcm-nav {
  background: #454545;
  margin: 0;
  padding: 0;
}
#header #rbcm-nav #rbcm-nav-container {
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#header #rbcm-nav #rbcm-nav-container #rbcm-logo {
  position: absolute;
  left: 16px;
  top: 0;
  width: 15%;
  padding-right: 0;
}
#header #rbcm-nav #rbcm-nav-container #rbcm-logo img {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}
#header #rbcm-nav #rbcm-nav-container #header-menu {
  float: right;
  width: 85%;
  margin: 0;
  padding: 0 0 0 16px;
  /*.header-menu-item#visit{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/visit-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/visit-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#visit
        .header-menu-item#collections{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/collections-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/collections-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#collections
        .header-menu-item#learn{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/learn-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/learn-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#learn
        .header-menu-item#support{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/support-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/support-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#support
        .header-menu-item#archives{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/our-work-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/our-work-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#our-work
        .header-menu-item#about{
          &:hover{
              .item-title{
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/about-hover-bg-tab.jpg) no-repeat bottom center;
              }
          }//.hover
            .region{
              .block-menu-block:nth-child(1){
                background: url(http://beta.royalbcmuseum.bc.ca/sites/all/themes/kispiox/library/images/menus/about-hover-bg-main.png) no-repeat top center @main-dark;
              }//.block-menu-block
            }//.region
        }//.header-menu-item#about*/
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 164px;
  height: 64px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item:hover {
  background: #222222;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .item-title {
  height: 64px;
  margin: 0;
  padding: 21px 0;
  text-align: center;
  list-style: none;
  display: inline-block;
  width: 100%;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .item-title span {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
  display: inline-block;
  width: 100%;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .item-title span a {
  color: #ffffff !important;
  text-decoration: none !important;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item:hover .region {
  display: block;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region {
  position: absolute;
  top: 64px;
  z-index: 2;
  display: none;
  min-width: 600px;
  box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.35);
  background: #454545;
  background: -moz-linear-gradient(left, #454545 0%, #777777 100%);
  background: -webkit-linear-gradient(left, #454545 0%, #777777 100%);
  background: linear-gradient(to right, #454545 0%, #777777 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@main-dark', endColorstr='@main-light', GradientType=1);
  overflow: hidden;
  padding-bottom: 16px;
  border-bottom: #5a87c6 8px solid;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu {
  width: 100%;
  float: left;
  position: relative;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li {
  background: none !important;
  width: 100%;
  list-style: none;
  padding: 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li .nolink {
  display: inline-block;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li a {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  text-decoration: none;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li a:hover {
  color: #5a87c6;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 16px 0 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li li {
  width: 100%;
  float: none;
  padding-right: 0;
  margin-bottom: 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li.expanded .menu {
  padding: 8px 0 8px 8px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li.expanded .menu a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 100;
  display: inline-block;
  width: 100%;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li.expanded .menu .collection-tag {
  display: inline-block;
  border: #383838 solid 1px;
  background: #404040;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  font-style: italic;
  border-radius: 3px;
  padding: 4px;
  margin: 0 0 8px;
  clear: both;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .menu li.expanded li.expanded {
  float: none;
  width: 100%;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) {
  padding: 16px 16px 0;
  width: 164px;
  padding-bottom: 9999px;
  margin-bottom: -9999px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li {
  width: 100%;
  float: none;
  background: none !important;
  margin: 0 0 16px;
  padding: 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li a {
  display: inline-block;
  width: 100%;
  padding: 4px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  background: #5a87c6;
  background: -moz-linear-gradient(bottom, #5a87c6 50%, #527cb5 50%);
  background: -webkit-linear-gradient(bottom, #5a87c6 50%, #527cb5 50%);
  background: linear-gradient(to bottom, #5a87c6 50%, #527cb5 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a87c6', endColorstr='#527cb5', GradientType=1);
  box-shadow: 2px 4px 0 #2e4970;
  border-radius: 4px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li a .fa {
  padding-right: 8px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li a:hover {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li a.long {
  font-size: 12px;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(1) ul li a:before {
  font-family: FontAwesome;
}
#header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region .block-menu-block:nth-child(2) {
  padding: 16px 16px 0;
  margin: 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu #support .region,
#header #rbcm-nav #rbcm-nav-container #header-menu #learn .region,
#header #rbcm-nav #rbcm-nav-container #header-menu #about .region {
  right: 0;
}
#header #rbcm-nav #rbcm-nav-container #header-menu #support .region .block-menu-block,
#header #rbcm-nav #rbcm-nav-container #header-menu #learn .region .block-menu-block,
#header #rbcm-nav #rbcm-nav-container #header-menu #about .region .block-menu-block {
  float: right;
}
#header #rbcm-meta {
  height: 64px;
  margin: 0 auto;
  float: none;
  clear: both;
  overflow: hidden;
  font-family: 'Univers W01', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
  background: #ffffff;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#header #rbcm-meta a {
  color: #777777;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#header #rbcm-meta a:hover {
  color: #5a87c6;
}
#header #rbcm-meta .fa-twitter {
  color: #777777;
}
#header #rbcm-meta .fa-twitter:hover {
  color: #5a87c6;
}
#header #rbcm-meta #gallery-hours {
  margin: 0;
  padding: 0 0 0 235px;
}
#header #rbcm-meta #gallery-hours #hours-of-business {
  margin: 0;
}
#header #rbcm-meta #gallery-hours #hours-of-business .views-field-field-hours-of-operation .oh-display-label,
#header #rbcm-meta #gallery-hours #hours-of-business .views-field-field-hours-of-operation .oh-display-grouped {
  width: auto !important;
  display: inline;
}
#header #rbcm-meta #gallery-hours #hours-of-business .views-field-field-hours-of-operation .oh-display {
  display: none;
}
#header #rbcm-meta #gallery-hours #hours-of-business .views-field-field-hours-of-operation .oh-display.current-day {
  display: inline-block;
}
#header #rbcm-meta #gallery-hours #hours-location {
  margin: 0;
  line-height: 64px;
}
#header #rbcm-meta #members-social {
  margin: 0;
  padding: 0;
  display: inline-block;
}
#header #rbcm-meta #members-social a,
#header #rbcm-meta #members-social .fa,
#header #rbcm-meta #members-social div {
  float: left;
}
#header #rbcm-meta #members-social a {
  line-height: 64px;
  display: inline-block;
}
#header #rbcm-meta #members-social .fa {
  font-size: 26px;
  line-height: 64px;
  width: 32px;
  text-align: center;
}
#header #rbcm-meta #members-social .wrapper {
  float: right;
  position: relative;
  padding-right: 64px;
}
#header #rbcm-meta #members-social .wrapper .social-icons {
  float: left;
}
#header #rbcm-meta #members-social .wrapper .header-search {
  float: left;
}
#header #rbcm-meta #members-social #header-imax {
  position: relative;
  display: inline-block;
  height: 64px;
  margin: 0;
  padding: 21px 0;
  width: 164px;
  font-size: 20px;
  line-height: 64px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #eaeaea;
  margin-left: 16px;
}
#header #rbcm-meta #members-social #header-imax a {
  position: absolute;
  bottom: 50%;
  right: 50%;
  height: 64px;
  width: 164px;
  transform: translate(50%, 50%);
  display: inline-block;
  width: 100%;
  color: #5a87c6;
}
#header #rbcm-meta #members-social #header-imax a:hover {
  background: #454545;
  color: #ffffff;
}
#header #rbcm-nav-mobile {
  padding: 0;
  background: #454545;
}
#header #rbcm-nav-mobile #mobile-triggers {
  width: 80%;
  float: left;
  padding: 0;
  margin: 0;
}
#header #rbcm-nav-mobile #mobile-triggers .trigger {
  width: 100%;
  float: left;
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 22px;
  line-height: 60px;
  height: 60px;
  cursor: pointer;
}
#header #rbcm-nav-mobile #mobile-triggers .trigger .fa {
  line-height: 60px;
}
#header #rbcm-nav-mobile #mobile-triggers .trigger.active {
  background: #1f1f1f;
}
#header #rbcm-nav-mobile #mobile-logo {
  width: 20%;
  float: left;
  padding: 0;
  margin: 0;
  line-height: 0;
}
#header #rbcm-nav-mobile #mobile-menu {
  margin: 0;
}
#header #rbcm-nav-mobile #mobile-menu #header-menu-mobile {
  margin: 0;
}
#header #rbcm-nav-mobile #mobile-menu #header-menu-mobile ul {
  list-style: none;
  margin-bottom: 0;
}
#header #rbcm-nav-mobile #mobile-menu #header-menu-mobile ul li {
  width: 50%;
  float: left;
  text-align: center;
  padding: 16px 0;
  list-style: none;
}
#header #rbcm-nav-mobile #mobile-menu #header-menu-mobile ul li a {
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: none;
}
#header #rbcm-nav-mobile #header-menu-mobile.closed {
  display: none;
}
#header #rbcm-nav-mobile #header-menu-mobile.open {
  display: block;
}
#header #rbcm-meta #header-search-mobile {
  margin: 0 0 16px;
  float: left;
  width: 100%;
}
#header #rbcm-meta #header-search-mobile .region-header-search {
  width: 100%;
  display: block;
}
#header #rbcm-meta #header-search-mobile .region-header-search #block-search-form .fa {
  display: none;
}
#header #rbcm-meta #header-search-mobile .region-header-search #block-search-form #edit-search-block-form--2 {
  float: none;
  width: 100%;
  border-left: 1px solid #dadada;
  padding: 0 8px;
}
#header #rbcm-meta #header-search-mobile.closed {
  display: none;
}
#header #rbcm-meta #header-search-mobile.open {
  display: block;
}
#sidebar-first {
  margin-top: 0;
  padding: 0 16px 16px;
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (max-width: 1200px) {
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item {
    width: 140px;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title {
    background: none !important;
    background-image: none !important;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title span {
    text-decoration: underline;
  }
  #header #rbcm-meta #gallery-hours {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1100px) {
  #header #rbcm-meta #gallery-hours {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1030px) {
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item {
    width: 120px;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title {
    background: none !important;
    background-image: none !important;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title span {
    text-decoration: underline;
  }
  #header #rbcm-meta #gallery-hours {
    padding-left: 200px;
  }
  #header #rbcm-meta #members-social .wrapper .social-icons {
    font-size: 14px;
  }
  #header #rbcm-meta #members-social #header-imax {
    width: 140px;
  }
}
@media only screen and (max-width: 920px) {
  #header #rbcm-nav #rbcm-nav-container #header-menu {
    position: relative;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item {
    width: auto;
    padding: 0 20px;
    position: static;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .item-title {
    font-size: 18px;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .item-title span {
    position: static;
    transform: none;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item .region {
    right: auto !imporant;
    left: 16px !important;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title {
    background: none !important;
    background-image: none !important;
  }
  #header #rbcm-nav #rbcm-nav-container #header-menu .header-menu-item.open .item-title span {
    text-decoration: underline;
  }
  #header #rbcm-meta #gallery-hours {
    position: relative;
    width: 35%;
    padding-left: 0;
    left: 162px;
  }
  #header #rbcm-meta #members-social {
    width: 65%;
  }
  #header #rbcm-meta #members-social #header-imax {
    width: 100px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  [class*='col-'] {
    float: left;
    width: 100%;
    padding-right: 0;
  }
  .d-hide {
    display: block;
  }
  html body.admin-menu {
    margin-top: 0 !important;
  }
  header.header1 h1 a {
    font-size: 40px;
    line-height: 56px;
  }
  .m-hide,
  #admin-menu,
  .anchorific,
  #rbcm-meta {
    display: none !important;
  }
  #header #rbcm-nav.closed {
    display: none;
  }
  #header #rbcm-meta {
    height: auto;
    overflow: visible;
    float: left;
    width: 100%;
    padding: 0 16px 16px;
  }
  #header #rbcm-meta #gallery-hours {
    padding: 0;
    font-size: 13px;
    text-align: center;
    position: static;
    width: 100%;
    left: 0;
  }
  #rbcm-nav-mobile {
    margin-bottom: 0;
  }
  #footer #footer-container {
    text-align: center;
  }
  #footer #footer-container .block {
    padding-top: 0;
  }
  #footer #footer-container .block .block-title {
    margin: 0 0 8px;
  }
  #footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-label {
    min-width: 1px !important;
  }
  #footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-hours {
    float: none;
  }
  #footer #footer-block-4 #block-menu-menu-footer-quick-links {
    text-align: center;
  }
  #footer #footer-block-4 #block-menu-menu-footer-quick-links ul {
    text-align: center;
  }
}
@media only screen and (max-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/
  header.header1 h1 a {
    font-size: 40px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 380px) {
  [class*='col-'] {
    float: left;
    width: 100%;
    padding-right: 0;
  }
  .m-hide,
  #admin-menu {
    display: none;
  }
  .d-hide {
    display: block;
  }
  html body.admin-menu {
    margin-top: 0 !important;
  }
  #header #rbcm-nav.closed {
    display: none;
  }
  #header #rbcm-meta {
    height: auto;
    overflow: visible;
    float: left;
    width: 100%;
    padding: 0 16px;
  }
  #header #rbcm-meta #gallery-hours {
    padding: 0;
    font-size: 13px;
    text-align: center;
  }
  #footer #footer-container {
    text-align: center;
  }
  #footer #footer-container .block {
    padding-top: 0;
  }
  #footer #footer-container .block .block-title {
    margin: 0 0 8px;
  }
  #footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-label {
    min-width: 1px !important;
  }
  #footer #footer-block-3 .views-field-field-hours-of-operation .oh-display-hours {
    float: none;
  }
  #footer #footer-block-4 #block-menu-menu-footer-quick-links {
    text-align: center;
  }
  #footer #footer-block-4 #block-menu-menu-footer-quick-links ul {
    text-align: center;
  }
}