/* narrower gallery images? */

#content.gallery {
  width: -webkit-calc(100% - 350px);
  width: -moz-calc(100% - 350px);
  width: calc(100% - 350px);
}

/* use background image logo instead of format logo */

.sidebar .logo a {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url("http://4ormat-asset.s3.amazonaws.com/vfs/255131/public_assets/16937822/seaofclouds-logo@2x.png");
  background-size: auto 140px;
  padding-top:150px;
  max-width: 140px;
  display:block;
}
.sidebar .logo a:hover {
  background-position: -140px 0px ;
}

/* social links */

html body .sidebar .social-links {
  margin-top:2.5em;
  display:block !important;
}
html body .sidebar div.social-links, 
html body .sidebar div.social-links a[class^="icon-"], 
html body .sidebar div.social-links a[class*=" icon-"] {
  display:inline-block !important;
  visibility:visible !important;
}

/* caption centered */

html #content .caption-wrap {
  text-align: center !important;
  width: 100% auto !important;
  max-width: 100% !important;
}
/* translucent format.com brand */

html body .wrap + div#using, html body .wrap + div#using a {
  color:hsla(0,0%,0%,0) !important;
}
html body .wrap + div#using a {
  border-bottom:1px solid hsla(0,0%,0%,0) !important;
}
html body .wrap + div#using, html body .wrap + div#using a:hover {
  color:hsla(0,0%,0%,0) !important;
}

/* responsive header */

@media only screen and (max-width: 45em) {
.sidebar .logo a {
  background-image: url("http://4ormat-asset.s3.amazonaws.com/vfs/255131/public_assets/16937718/seaofclouds-logo-mobile@2x.png");
  background-size: 30px auto;
  line-height:30px;
  padding-left:35px;
  padding-top:0;
  display: block;
}
.sidebar .logo a:hover {
  background-position: 0px -30px;
}
.sidebar .menu-open {
  top:32px;
}
.sidebar .menu-open::before {
  height: 2px;
border-top: 6px double #000000;
border-bottom: 2px solid #000000;
width: 18px;
}
#content.gallery {
  width: 100%
}
}