html,
body {
  height:100%;
}

body {
  background-image: url('../img/bg_pattern.png');
  background-color: #eee;
}

body .page {
  padding: 1em 0px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  overflow: hidden;

}

#zone-header,
body.not-front #zone-content #region-content,
section.section-content section.block,
aside#region-sidebar-second div.block {
  background: #F0F0F0;
  border-radius: 2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}

#section-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 87vh;
}

#zone-content-wrapper {
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}


/******* ZONE/REGION STYLES ******************/

#zone-content .grid-9 {
  margin-left: 0px;
  width: 720px;
  margin-right: 0px;
}

#zone-content .grid-3 {
  margin-right: 0px;
  width: 230px;
}

#region-postscript-first {
  margin-left: 0px;
  width: 310px;
}
#region-postscript-second {
  margin-left: 0px;
  margin-right: 0px;
  width: 310px;
}
#region-postscript-third {
  margin-right: 0px;
  width: 320px;
}


body #zone-content #region-content {
  min-height: 500px;
  min-height: 85vh;
}

.responsive-layout-mobile #zone-content #region-content {
  min-height: 300px;
}

body.front #zone-content #region-content {
  width: 100%;
  background: none;
}

body.front #zone-content #region-content article header {
  margin: 0px 0px 0px 50px;
}

.responsive-layout-mobile.front  #zone-content #region-content article header {
  margin: 0px 0px 0px 25px;
}

body.front #zone-content article {
  background: rgba(255, 255, 255, 0.2);
  padding: 1.2em 0.5em;
  margin: 0.5em;
}

body.front #zone-content #region-content article header {
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;

  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

body.front #zone-content #region-content article header:hover,
body.front #zone-content #region-content article header a:hover {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

body.front #zone-content #region-content article header h3 a:hover {
  text-decoration: underline;
}

body.front #zone-content #region-content article.active header {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

body.front #zone-content #region-content article.active {
  background: rgba(255, 255, 255, 0.35);
}

body.front #zone-content #region-content article:hover,
body.front #zone-content #region-content article.active:hover {
  background: rgba(255, 255, 255, 0.5);
}

body.front #zone-content .exhibition-space {
  display: inline-block;
}

body.context-exhibitions #zone-content #region-content,
body.context-artists #zone-content #region-content {
  min-height: 630px;
}

body.context-artists #zone-content #region-content figure {
  position: relative;
}

body.context-artists #zone-content #region-content figure figcaption {
  display: none;
  position: absolute;
  z-index: 100;
  top: 5px;
  left: 10px;
}

body.context-artists #zone-content #region-content .artist-teaser-item figure figcaption {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0);
  width: 100%;
}

body.context-artists #zone-content #region-content .artist-teaser-item:hover figure figcaption,
body.context-artists #zone-content #region-content .artist-teaser-item.hover figure figcaption,
.responsive-layout-mobile.context-artists #zone-content #region-content .artist-teaser-item figure figcaption {
  background: rgba(0,0,0,0.3);
}

body.context-artists #zone-content #region-content a:hover img,
body.context-artists #zone-content #region-content a.hover img {
/*  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;*/
}


body.context-artists #zone-content #region-content a.artist-teaser-item img,
body.context-artists #zone-content #region-content a.artist-teaser-item:link img {
/*  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;*/
}

body.context-artists #zone-content #region-content a.artist-teaser-item:hover img,
body.context-artists #zone-content #region-content a.artist-teaser-item.hover img {
/*  filter: alpha(opacity=55);
  -webkit-opacity: 0.55;
  -moz-opacity: 0.55;
  opacity: 0.55;*/
}

body.context-artists #zone-content #region-content a.mark {
  margin-right: 0px;
}

body.context-artists #zone-content #region-content a:hover figcaption p {
  display: none;
}

body.not-front #zone-content #region-content .region-content-inner {
  padding: 14px 15px 8px 15px;
}

body.not-front #zone-content #region-content.grid-12 {
  margin-right: 0px;
  margin-left: 0px;
  /*width: 960px;*/
  width: 100%;
}

aside#region-sidebar-second .item-list ul li a:hover,
aside#region-sidebar-second .item-list ul li a.active {
  color: #FF2244;
  filter: alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;
}

/*aside#region-sidebar-second .item-list ul li a:hover:before,*/
/*aside#region-sidebar-second .item-list ul li .item-list ul li a:hover:before {*/
  /*content: "\2022" "\0020"; */
  /*margin-left: -8px;*/
/*} */

/*aside#region-sidebar-second .item-list ul li.label a:hover:before {
  content: "\2022" "\0020";
  margin-left: -12px;
}
*/
aside.fixed {
	position: fixed;
	top: 0px;
	right: 0px;
}


body.not-front #zone-postscript {
  margin-top: 10px;
}

/**** SNEAKY HEADLINE STYLES ****/

.sneaky hgroup {
  overflow: hidden;
  cursor: pointer;
  width: 900px;
}

body.responsive-layout-mobile .sneaky hgroup {
  width: 440px;
}

/******** BLOCK STYLES ***************************/

section.section-content section.block,
aside#region-sidebar-second div.block {
  border-radius: 2px;
  webkit-border-radius:2px;
  moz-border-radius:2px;
  padding: 12px 20px;
}

section.block,
div.block {
  margin-bottom: 0px;
}

section.block-artists {
  margin-bottom: 0px;
}

section.block-recent-news .news-item {
  margin-bottom: .7em;
}

section.block-recent-news .news-date {
  float: left;
  font-style: italic;
}

section.block-recent-news .news-title {
  margin-left: 75px;
}

section.block-recent-news .news-more {
  float: right;
}

.block-exhibitions .node .item-list ul,
.block-exhibitions .item-list ul li,
.block-content-navigation .node .item-list ul,
.block-content-navigation .item-list ul li,
.block-current .node .item-list ul,
.block-current .item-list ul li,
.block-artists .item-list ul li,
.block-artists-exhibited .item-list ul li {
  padding: 0px;
  margin: 0px;
}

.block-artists .item-list ul li,
.block-artists-exhibited .item-list ul li {
  text-transform: uppercase;
}

.block-current p,
.block-content-navigation p {
  margin-bottom: 1em;
}

/*body.page-artists #region-content .block-without-title a:hover {
  filter: alpha(opacity=50);-webkit-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;
}*/

.block-exhibitions .item-list ul li,
.block-current .item-list ul li {
  margin-bottom: 0.7em;
}

.block-exhibitions .exhibition-short-line-1,
.block-exhibitions .exhibition-short-line-2,
.block-current .exhibition-short-line-1,
.block-current .exhibition-short-line-2 {
  display: block;
}

.block-exhibitions .exhibition-short-line-1,
.block-current .exhibition-short-line-1 {
  text-transform: uppercase;
}

/******* EXHIBITIONS **************************/

article.node-exhibition .field-name-field-artist .field-item {
  display: inline;
}

article.node-exhibition.view-mode-full header {
  margin-bottom: 20px;
}

article.node-exhibition.view-mode-teaser {
  min-height: 187px;
  position: relative;
  background-color: rgb(230, 230, 230);
  margin-bottom: 1em;
  overflow: hidden;
}

article.node-exhibition.view-mode-teaser > a {
  display: block;
}

article.node-exhibition.view-mode-teaser .current-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 2em 4em;
}

.responsive-layout-mobile .node-exhibition.view-mode-teaser .current-content {
  padding: 1em 2em;
  box-sizing: border-box;
  width: 100%;
}

article.node-exhibition.view-mode-teaser .exhibition-space {
  /*margin-right: .5em;*/
}

.not-front .exhibition-gallery {
  margin-top: -22px;
}

.page-artists #region-content .content {
  margin-top: -17px;
}

.page-artists.responsive-layout-mobile #region-content .content,
body.responsive-layout-mobile.not-front .exhibition-gallery {
  margin-top: -4px;
}

.not-front .exhibition-gallery figure {
  display: inline-block;
  /*margin: 17px 17px 0px 0px;*/
  margin: 22px 22px 0px 0px;
}

.not-front .exhibition-gallery figure.mark {
  margin-right: 0px;
}

.page-splash .exhibition-gallery {
  display: none;
}

section.section-content figure img.gallery-expanded,
section.section-content figure figcaption {
  display: none;
}

#galleria-placeholder {
  display: none;
  height: 630px;
  background: #EBEBEB;
}

.panel-target h5 {
  font-family: 'GeorgiaSC', 'Times New Roman', serif;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.exhibition-info .poster img {
  width: 100%;
}

.exhibition-video .field-name-field-videos .field-item {
  margin-bottom: 1em;
}

/******* ARTISTS INDEX **************************/

body.page-artists .artist-teaser-item {
  display: inline-block;
  margin: 17px 17px 0px 0px;
  position: relative;
  box-sizing: border-box;
}

/*body.page-artists figure.mark {
  margin-right: 0px;
}
*/
/******* ARTIST PAGES **************************/
/*body.page-node.context-artists article .artist-news {
  display: none;
}
*/

/******* ADMIN FIXES **********************************/

div#toolbar div.toolbar-shortcuts ul ul.primary.tabs {
  padding: 0px;
  margin: 0px;
}

div#toolbar div.toolbar-shortcuts ul.primary.tabs li a {
  background-color: #4049a7;
}

div#toolbar div.toolbar-shortcuts ul.primary.tabs li a.active {
  background-color: black;
}

body.context-exhibitions article .exhibition-gallery {
  margin-bottom: 10px;
}

#zone-content #region-content.grid-12 {
  margin-right: 0px;
  margin-left: 0px;
  /*width: 960px;*/
  width: 100%;
}

/******* PAGE CONTENT TYPE - ABOUT, CONTACT ***********/

body.page-node.context-about .region-content article .field-name-field-image,
body.page-node.context-contact .region-content article .field-name-field-image {
  margin-bottom: 1em;
}

body.page-node.context-about .region-content article p,
body.page-node.context-contact .region-content article p {
  margin-bottom: 0.7em;
}

body.page-node .region-content article #google-map-canvas {
  width: 331px;
  height: 500px;
}

body.page-node .region-content article #google-map-canvas,
body.page-node.context-about .region-content article .field-name-field-image,
body.page-node.context-contact .region-content article .field-name-field-image {
  float: left;
  margin-right: 20px;
}



/******* NEWS PAGE ********************************/
#region-content article.node-article.node-teaser {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
  padding-bottom: .5em;
  min-height: 170px;
  position: relative;
}

#region-content article.node-article.node-teaser .field-name-field-image,
#region-content article.node-article.node-teaser .content {
  display: inline-block;
}

#region-content article.node-article.node-teaser nav.links {
  position: absolute;
  bottom: .5em;
  right: 0px;
}

#region-content article.node-article.node-teaser .content.with-image {
  width: 65%;
}

.responsive-layout-mobile #region-content article.node-article.node-teaser .content.with-image {
  width: 95%;
  font-size: 1.2em;
}

#region-content article.node-article.node-teaser p {
  margin-bottom: 1em;
}

#region-content article.node-article.node-teaser .field-name-field-image {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.responsive-layout-mobile #region-content article.node-article.node-teaser .field-name-field-image {
  float: none;
}

#region-content article.node-article.node-teaser .node-readmore {
  float: right;
}

#region-content article.node-article.node-teaser header time {
  font-size: .8em;
}

#region-content article.node-article header .more-news {
  float: right;
}

body.page-news #region-content .pager-first,
body.page-news #region-content .pager-last {
  display: none;
}

body.page-node.context-news .region-content article .field-name-field-image,
.exhibition-info .field-name-field-article .field-name-field-image {
  float: none;
  margin: 0px;
}

/******* EXPANDABLE TEXT **************************/

aside#region-sidebar-second .item-list ul li.expandable-text a:hover:before,
aside#region-sidebar-second .item-list ul li.expandable-exhibition a:hover:before {
  content: none;
  margin-left: 0px;
}

ul li.expandable-text p:first {
  margin-bottom: 0px;
}

ul li.expandable-text .expand,
ul li.expandable-exhibition .expand {
  margin: 5px 0px;
}

ul li.expandable-exhibition .expand {
  width: 29%;
  display: block;
}

ul li.expandable-text .expand {
  text-align: right;
}

ul li.expandable-text.expanded,
ul li.expandable-text.collapsed,
ul li.expandable-exhibition.expanded,
ul li.expandable-exhibition.collapsed {
  list-style-type: none;
  list-style-image: none;
}

ul li.expandable-text.collapsed .expand a:after,
ul li.expandable-exhibition.collapsed .expand a:after {
  content: '\25b8';
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  margin-left: 5px;
  float: right;
}

ul li.expandable-text.expanded .expand a:after,
ul li.expandable-exhibition.expanded .expand a:after {
  content: '\25be';
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  margin-left: 5px;
  float: right;
}

/********* HEADER STYLES SIGNUP **********************/
#zone-header {
  padding: 8px 0px 8px;
  height: 18px;
  border-radius: 2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  margin-bottom: 10px;
  position: relative;
}

#zone-header #region-branding {
  /*position: absolute;*/
  height: 20px;
  background: #F0F0F0;
  z-index: 50;
  -moz-box-shadow: 10px 0px 10px #F0F0F0;
  -webkit-box-shadow: 10px 0px 10px #F0F0F0;
  box-shadow: 10px 0px 10px #F0F0F0;
}

#zone-header #region-branding .region-inner {
  position: absolute;
  margin-left: 10px;
  width: 100%;
}

#zone-header #region-branding h1.site-name .name,
#zone-header #region-branding h2.site-name .name,
#zone-header #region-branding h2.node-title {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
}

body.responsive-layout-mobile #zone-header #region-branding h1.site-name .name,
body.responsive-layout-mobile #zone-header #region-branding h2.site-name .name {
  display: none;
}

#zone-header #region-branding h1.site-name .name,
#zone-header #region-branding h2.site-name .name{
  margin-right: 7px;
}

#zone-header #region-branding h1.site-name .arrow:before,
#zone-header #region-branding h2.site-name .arrow:before {
  content: '>';
  font-family: 'Arrow';
  margin: 0px 10px 0px 0px;
  display: inline-block;
}

nav.navigation {
  text-align: right;
  line-height: 1.4em;
}

body.responsive-layout-mobile nav.navigation {
  display: none;
}

body.responsive-layout-mobile nav.navigation.active {
  display: block;
  margin-top: .8em;
}

/* NAV TOGGLE ***************************/

.mobile-nav {
  display: none;
}

.responsive-layout-mobile .mobile-nav {
  display: inline-block;
}

.nav-toggle {
  display: none;
  cursor: pointer;
  height: 12px;
  width: 12px;
}

#zone-header .nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 9px 9px;
}

#zone-content .nav-toggle {
  position: relative;
  padding: 20px 20px 0px;
}

.responsive-layout-mobile #zone-content .nav-toggle {
  display: inline-block;
}

.responsive-layout-mobile #zone-header .nav-toggle {
  display: block;
}

.hamburger,
.hamburger:before,
.hamburger:after {
  cursor: pointer;
  height: 2px;
  width: 12px;
  position: absolute;
  display: block;
  content: '';
}

#zone-content .hamburger,
#zone-content .hamburger:before,
#zone-content .hamburger:after {
  background: #000;
}

#zone-header .hamburger,
#zone-header .hamburger:before,
#zone-header .hamburger:after {
  background: #f24;
}

#zone-header .nav-toggle.active .hamburger,
#zone-content .nav-toggle.active .hamburger {
  background: transparent;
}

.hamburger:before {
  top: -4px;
}
.hamburger:after {
  bottom: -4px;
}

.nav-toggle.active .hamburger:before,
.nav-toggle.active .hamburger:after {
  top: 0;
}

.nav-toggle.active .hamburger:before {
  -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
       -o-transform:rotate(45deg);
          transform:rotate(45deg);
}

.nav-toggle.active .hamburger:after {
  -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
       -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

#region-content .content-subnav {
  display: none;
}

.responsive-layout-mobile #region-content .content-subnav {
  display: none;
}

.responsive-layout-mobile #region-content .content-subnav.active {
  display: block;
}

.responsive-layout-mobile #region-content .content-subnav ul {
  padding-left: 0;
}

.responsive-layout-mobile #region-content .content-subnav .item-list ul li {
  margin: 0;
}


#zone-header #region-menu {
  text-align: right;
  overflow: hidden;
  z-index: 100;
}

#zone-header #region-menu .region-inner {
  float: right;
  width: 150%;
}

.responsive-layout-mobile #zone-header #region-menu .region-inner {
  float: none;
  width: auto;
}

#region-menu ul#main-menu {
  margin-bottom: 0px;
}

/** NEWSLETTER HEADER ITEM **/
ul.inline li.newsletter {
  padding: 0px;
}

li.newsletter form {
  width: 60px;
  display: inline-block;
}

li.newsletter .form-response {
  width: 160px;
  display: inline-block;
}

li.newsletter form .form-item {
  display: none;
  margin: 0px;
}

li.newsletter form .form-item input.form-text {
  color: #A1A09E;

  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;

  padding: 3px 3px 0px 3px;
  border: none;
  border-bottom: 1px solid #ccc;

  background-color: #f0f0f0;
  width: 160px;
  display: inline-block;
  float: left;

  height: 20px;
  font-size: 12px;
  outline: none;
}

li.newsletter form .form-item input.form-text:focus {
  color:#8e8d8b;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1;
}

li.newsletter form label.error {
  display: none;
}

li.newsletter form.transmitting {
  background: url("../img/johan-loader.gif") no-repeat;
  background-position: center;
}

li.newsletter form.submitted .form-item input {
  display:none;
}

li.newsletter form .form-item input.form-text.error {
  border-color: #ff5b5b;
}

li.newsletter form input.form-submit {
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0px;
  padding: 0px;
  text-shadow: none;
  display: inline-block;

}

li.newsletter form input.form-submit:hover {
  border: none;
  filter: alpha(opacity=70);-webkit-opacity: 0.7;-moz-opacity: 0.7;opacity: 0.7;
}

input::-webkit-input-placeholder {
  color: #d3d3d2;
}
input:-moz-placeholder {
  color: #d3d3d2;
}

/******* EXPANDABLE TEXT **************************/

#supersized-loader {
  background:url(../img/johan-loader.gif) no-repeat center center;
}

ul#supersized > li > a > img {
	left: 50% !important;
  top: 50%;
  transform: translate(-50%,-50%);
}


/********* PANELS **************************/

.panel-target {
  display: none;
}

.panel-target.active {
  display: block;
}


/******************** MOBILE *****************************/

/******* ZONE/REGION STYLES ******************/

body.responsive-layout-mobile {
  font-size: 75%;
}

body.responsive-layout-mobile h1 {
  font-size: 120%;
}

body.responsive-layout-mobile h2 {
  font-size: 110%;
}

body.responsive-layout-mobile h3 {
  font-size: 90%;
}

body.responsive-layout-mobile h4 {
  font-size: 80%;
}

body.responsive-layout-mobile.context-artists #zone-content #region-content a h4 {
  font-size: 0.9em;
}

body #google-map-canvas {
  position: relative;
}

body #google-map-canvas .google-map {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  width: 332px;
  height: 500px;
}

body #google-maps-hellvi {
  display: none;
}

body #google-map-canvas .legend {
  position: absolute;
  bottom: 0;
  left: 0;
  height 120px;
  width: 120px;
  font-size: 1.5em;
  line-height: 2em;
  list-style: none;
  padding: 10px;
}

body #google-map-canvas .legend li {
  cursor: pointer;
}

body.context-contact article .field-item.even {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

#google-map-canvas,
body.context-contact article .contact-body {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}

body.responsive-layout-mobile.context-contact article .field-item.even {
  -moz-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

body.page-node.responsive-layout-mobile .region-content article #google-map-canvas {
  height: 200px;
  width: 100%;
}

body.responsive-layout-mobile #google-map-canvas .google-map {
  height: 200px;
  width: 100%;
}

body.responsive-layout-mobile ul.inline li.newsletter {
  display: none !important;
}

body.responsive-layout-mobile article.node-exhibition.view-mode-teaser h1 {
  font-size: 2.5em;
}


body.responsive-layout-mobile.context-about .region-content article .field-name-field-image {
  width: 100%;
}

body.responsive-layout-mobile.context-about .region-content article > .content {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
}

body.responsive-layout-mobile.context-about .region-content article .field-name-field-image img {
  width: 100%;
  height: auto;
}

body.responsive-layout-mobile #zone-content .grid-9 {
  /*margin-left: 0px;*/
  width: 100%;
  /*margin-right: 0px;*/
}

body.responsive-layout-mobile #zone-content .grid-3 {
  /*margin-right: 0px;*/
  width: 100%;
}

#region-postscript-first {
  margin-left: 0px;
  width: 310px;
}
#region-postscript-second {
  margin-left: 0px;
  margin-right: 0px;
  width: 310px;
}
#region-postscript-third {
  margin-right: 0px;
  width: 320px;
}

body.responsive-layout-mobile #zone-header {
  height: 100%;
  margin-bottom: 0px;
}

body.responsive-layout-mobile #zone-header #region-branding {
  position: relative;
}

body.responsive-layout-mobile #zone-header #region-menu {
  float: none;
}

body.responsive-layout-mobile #zone-header #region-menu .region-menu-inner {
  margin-left: 5px;
}

body.responsive-layout-mobile nav.navigation {
  text-align: left;
}

body.responsive-layout-mobile nav.navigation li {
  display: block;
  margin-bottom: 7px;
}

body.responsive-layout-mobile .container-12 {
  margin-left: 10px;
  margin-right: 10px;
}

body.responsive-layout-mobile.context-artists #zone-content #region-content a.artist-teaser-item,
body.responsive-layout-mobile.not-front .exhibition-gallery figure {
  margin: 4px;
  width: 29%;
}

body.responsive-layout-mobile.context-artists #zone-content #region-content a img,
body.responsive-layout-mobile.not-front .exhibition-gallery figure img {
  height: 100%;
  width: 100%;
}

body.responsive-layout-mobile #region-content,
body.responsive-layout-mobile #region-sidebar-second,
body.responsive-layout-mobile #region-postscript-first,
body.responsive-layout-mobile #region-postscript-second,
body.responsive-layout-mobile #region-postscript-third {
  width: 100%;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

.responsive-layout-mobile.not-front #zone-content #region-content .region-content-inner {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.responsive-layout-mobile.not-front #zone-content #region-content .region-content-inner h6,
.responsive-layout-mobile.not-front #zone-content #region-content .region-content-inner p {
  text-align: left;
}

.responsive-layout-mobile #galleria-placeholder {
  height: 460px;
}


/* Video Archives -------------------*/

body.context-videos #region-content .video,
body.context-artists #region-content .exhibition-video .video {
  margin-bottom: 1.5em;
}

body.context-videos #region-content header,
body.context-artists #region-content .exhibition-video header {
  margin-bottom: 2em;
}

body.context-videos #region-content .subheadline {
  text-transform: lowercase;
  font-weight: 100;
  font-size: 22px;
  letter-spacing: .06em;
  margin-bottom: .2em;
  line-height: 0.9em;
  font-family: 'GeorgiaSC', 'Times New Roman', serif;
}

body.context-videos #region-content .headline,
body.context-videos #region-content .datestring,
body.context-artists #region-content .exhibition-video .headline,
body.context-artists #region-content .exhibition-video .datestring {
  display: block;
  font-style: italic;
  font-weight: normal;
  font-size: 38px;
  line-height: 1em;
  margin-bottom: .1em;
}

body.context-videos #region-content .datestring,
body.context-artists #region-content .exhibition-video .datestring {
  font-size: 26px;
  font-style: normal;
  font-weight: 100;
}

#block-video-archive,
#block-video-also {
  margin-bottom: 2em;
}

#block-video-archive .block-title,
#block-video-also .block-title {
  font-weight: 300;
  font-style: italic;
  border-bottom: 1px solid #333;
  line-height: 1.8em;
  margin-bottom: 1em;
}

#block-video-archive .video-teaser,
#block-video-also .video-teaser {
  position: relative;
  display: inline-block;
  width: 160px;
  line-height: 175px;
  height: auto;
  margin-right: 10px;
}

#block-video-archive .meta,
#block-video-also .meta {
  font-family: 'GeorgiaSC', serif;
  box-sizing: border-box;
  text-transform: lowercase;
  background: rgba(0,0,0,0.1);
  color: #fff;
  position: absolute;
  display: none;
  padding: 5px;
  margin-top: 15px;
  width: 160px;
}

#block-video-archive .artist,
#block-video-archive .exhibition,
#block-video-also .artist,
#block-video-also .exhibition {
  line-height: 1.3em;
}

#block-video-archive .video-teaser:hover .meta,
#block-video-also .video-teaser:hover .meta {
  display: block;
}



/* Changes */
article.node-exhibition.view-mode-teaser {
	background-size: cover !important;
	background-position: center center !important;
}

article.node-exhibition.view-mode-teaser .current-content {
	position: relative !important;
}