/*
Theme Name: Søren Rønholt
Author: Designbolaget / TRUEcph
*/

.woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.2em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:1.5em;
    }
.woocommerce nav.woocommerce-pagination ul{
    border:none;
    }
    .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    margin: 5px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #337ab7;
    color: #fff;
    padding: 12px;
}
.woocommerce-pagination ul.page-numbers a.page-numbers {
    color: #444;
    padding: 12px;
    margin: 0px;
    background: #ddd;
}
#footer {
    width: 100%;
    border-top: 1px #a2a2a2 solid;
    text-align: center;
    padding: 40px;
    background: #eee;
}
#footer h1 {
    color: #aaa;
    font-size: 30px;
    font-weight: 500;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clear {
  clear:both;
  font-size: 0;
  height:0;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.no-break {
  white-space: nowrap;
}

ul, ol {
  list-style: none;
}

ul, li {
  padding:0;
  margin:0;
}

td {
  padding:0;
}


.wpb_text_column ul, .wpb_text_column ol {
  list-style: disc;
  padding-left: 20px;
  margin:1em 0;
}




a {
  color:#333;
  text-decoration: none;
  -webkit-transition:color .2s;
  transition:color .2s;
}


a img {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}



.wpb_text_column a, .wpb_text_column a {
  text-decoration: underline;
}


p {
  margin:0 0 1em;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  margin:0;
}

.hide-above-ie9-block {
  display:none;
}

body, html {
  height:100%;
}

body {
  color:#333;
  font-size: 14px;
  line-height: 1.4;
  /*font-family: "Neue Helvetica W01", "times new roman", sans-serif;*/
  font-family: "Neue Helvetica", Helvetica, "times new roman", sans-serif;
  background:white;
  margin:0;
  overflow-x:hidden;

  /* Font rendering (better?) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  padding: 0 10px;
  margin-top: 70px;
}

html.js body {
  opacity: 0;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}

html.js body.loaded {
  opacity:1;
}


h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: normal;
  margin:0;
  line-height: 1.1;
}

h4 {
  font-size: 20px ;
}

#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
  margin-bottom:1em;
  line-height: 1.2;
}

.hidden {
  display: none;
}


ul.desktop-menu {
  display: none;
}

ul.menu__content--mobile {
  position: absolute;
  color: #000;
  z-index: 20;
  margin-top: 60px;
  font-size: 30px;
  left: 14px;
  z-index: 21;
}

header {
  position:fixed;
  z-index:22;
  left:0;
  top:0;
  right:0;
  box-sizing: border-box;
  height:50px;
  background:rgba(255,255,255,0.9);
}

body.home header:not(.force-background) {
  background:none;
}

body.menu-open header {
  /*background:none;*/
}



header[data-overlay-color=light],
header[data-overlay-color=light] a {
  color:white;
}

body.menu-open header[data-overlay-color=light],
body.menu-open header[data-overlay-color=light] a {
  color:#333;
}


.admin-bar header {
  top:46px;
}


header .menu-button {
  width:40px;
  height:50px;
  position:absolute;
  left:0;
  top:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:11px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}


header .menu-button .animation-container {
  width:20px;
  height:14px;
  position:relative;
  display:inline-block;
}

header .menu-button .animation-container .line {
  width:100%;
  height:2px;
  font-size: 0;
  background:#333;
  position:absolute;
  left:0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  border-radius: 2px;
}

body:not(.menu-open) header[data-overlay-color=light] .menu-button .animation-container .line {
  background:white;
}

header .menu-button .animation-container .line-1 {
  top:0;
}
header .menu-button .animation-container .line-2,
header .menu-button .animation-container .line-3 {
  top:7px;
}
header .menu-button .animation-container .line-4 {
  top:14px;
}


body.menu-open header .menu-button .animation-container .line-1 {
  -webkit-transform: translate(0, 9px);
  -moz-transform: translate(0, 9px);
  -ms-transform: translate(0, 9px);
  -o-transform: translate(0, 9px);
  transform: translate(0, 9px);
  opacity:0;
}
body.menu-open header .menu-button .animation-container .line-2 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.menu-open header .menu-button .animation-container .line-3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.menu-open header .menu-button .animation-container .line-4 {
  -webkit-transform: translate(0, -9px);
  -moz-transform: translate(0, -9px);
  -ms-transform: translate(0, -9px);
  -o-transform: translate(0, -9px);
  transform: translate(0, -9px);
  opacity:0;
}

header h1 {
  display:inline-block;
  padding-top:14px;
  font-size:17px;
  margin-left:40px;
}

header .section-menu {
  position:absolute;
  left:40px;
  top:38px;
  font-size: 17px;
}



.nav-content-wrapper {
  overflow:hidden;
  min-height:100%;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}

nav {
  display:none;
  position:absolute;
  z-index:10;
  /*background:white;*/
  text-align: left;
  padding:80px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.home nav {
  position:relative;
  right:auto;
  width:100%;
  bottom:auto;
}


body.menu-open nav {
  /*display:block;*/
}

body.admin-bar nav {
  /*padding-top:118px;*/
}


nav .menu {
  font-size: 34px;
  line-height: 1;
  padding-bottom:20px;
  margin:0 40px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

nav .menu > li {
  position:relative;
  left:-2px;
}

nav .menu > li > a {
  /*border-bottom:1px solid #333;*/
}


html.js nav .sub-menu {
  display:none;
  padding:10px 0 20px;
}

nav .sub-menu li {
  margin-bottom:16px;
}

nav .sub-menu .image-container {
  width:100%;
  margin:4px 0;
}

nav .sub-menu .image-container img {
  width:100%;
  height:auto;
  display:block;
}

nav .sub-menu .image-container img.gray {
  display:none;
}


nav .in-menu-page {
  display:none;
  font-size: 17px;
  max-width:650px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

nav .in-menu-page a {
  text-decoration: underline;
}

nav .in-menu-page-padding {
  padding:26px 0;
}




nav .publications-page {
  display:none;
  padding-top:10px;
}

nav .publications-page .publication {
  display:block;
  width:100%;
  max-width:500px;
  margin-bottom:40px;
}

nav .publications-page .publication img {
  width:100%;
  height:auto;
}

nav .publications-page .publication h3 {
  font-size: 17px;
  margin-bottom:4px;
}

nav .publications-page .publication .text {
  font-size: 11px;
}

nav .publications-page .publication .download {
  font-size: 12px;
  display:block;
  margin-top:10px;
  text-decoration: underline;
}

.download {
  text-decoration: underline;
}


nav .writings-page .writing h3 {
  cursor:pointer;
  font-size: 17px;
  margin-bottom:4px;
  text-decoration: underline;
}

nav .writings-page .writing .content {
  display:none;
  font-size: 12px;
  line-height: 1.2;
}

html.no-js nav {
  display:block;
  position:relative;
  background:rgba(255,255,255,0.8);
}

html.no-js nav h3 {
  font-size: 20px !important;
}

@media only screen and (min-width: 1024px) {
  .content{
  margin-left: 200px;
  }
}

.content {
  position:relative;
}

html.no-js .content {
  top:32px;
}

.content-cover {
  display:none;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:white;
  z-index: 20;
}

body.home .content-cover {
  position:fixed;
}

/** FRONT PAGE ****************/


html.no-js #front-page .image {
  width:100vw;
  height:80vw;
  display:block;
}


html.js #front-page .image {
  position:fixed;
  display:block;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-position: 50% 50%;
  background-size:cover;
}

html.js #front-page .image {
  opacity:0;
  -webkit-transition: opacity 1.2s;
  -moz-transition: opacity 1.2s;
  -ms-transition: opacity 1.2s;
  -o-transition: opacity 1.2s;
  transition: opacity 1.2s;
}

html.js #front-page .image.loaded {
  opacity:1;
}





/** PAGE ****************/


#page {
  padding-top:80px;
  margin:0 10px;
}

#page.gallery h2 {
  margin-bottom:0;
  padding-bottom:4px;
}


#page.gallery img {
  width:100%;
  height:auto;
  margin-bottom:20px;
}

#page.gallery .photo-wrapper {
  background:#f8f8f8;
}

html.js #page.gallery img.loading {
  opacity:0;
}



#page.gallery .project-info,
#page.gallery .project-info-button {
  display:none;
}


#page.gallery .download-portfolio {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  display:block;
  padding:10px;
  text-align: center;
  background:#231F20;
  color:white;
}

#page.gallery .download-portfolio .icon-download {
  font-size: 18px;
  margin-right:8px;
  position:relative;
  top:2px;
}

#page.gallery .navigation-overlay-left,
#page.gallery .navigation-overlay-right,
#page.gallery .index-total {
  display:none;
}




/* JOURNAL ********************/

#journal .entry {
  margin-bottom:40px;
}

#journal img.thumbnail {
  width:100%;
}

#journal img.thumbnail.portrait {
  max-width:550px;
}

#journal .post-header.after-image {
  display:none;
}

#journal h2 {
  font-size: 16px;
  line-height: 1.2;
}

#journal .post-header time {
  font-size: 11px;
  line-height: 1.2;
  margin-bottom:4px;
  display:block;
}

#journal .content,
#journal .excerpt {
  margin-top:4px;
}

#journal .content.hidden {
  display:none;
}

#journal .read-more {
  cursor:pointer;
  margin-top:1em;
}

#journal .social {
  margin-top:20px;
}

#journal .social a {
  display:inline-block;
  margin-right:20px;
  font-size: 11px;
  cursor:pointer;
}

#journal .social a .icon {
  font-size: 18px;
  position:relative;
  top:4px;
  margin-right:2px;
}

#journal .load-more-posts {
  display:block;
  margin-top:40px;
  border:1px solid #333;
  padding:10px;
  text-align: center;
  height:40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -ms-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

#journal .load-more-posts:hover {
  background:#f8f8f8;
}

#journal .load-more-posts img {
  display:none;
}



@media (min-width: 345px) {



}




@media (min-width: 450px) {




}




@media (min-width: 500px) {


}


@media (min-width: 550px) {


}



/***************************************/
/*********** DESKTOP *******************/
/***************************************/

@media (min-width: 768px) {

  a:hover {
    color:#666;
  }

  header {
    height:60px;
  }

  header .menu-button {
    width:80px;
    height:60px;
    font-size: 26px;
    padding-top:8px;
  }

  header .menu-button .animation-container {
    width: 26px;
    height: 16px;
  }

  header h1 {
    font-size: 22px;
    margin-left:22px;
    padding-top:16px;
  }

  header .section-menu {
    left:auto;
    right:80px;
    top:15px;
    font-size: 22px;

  }

  .admin-bar header {
    top:32px;
  }


/*nav {
position:fixed;
overflow-y:auto;
}*/

nav .menu {
  font-size: 88px;
  margin:0 80px 30px;
}

nav .sub-menu {
  margin-top:6px;
}

nav .sub-menu li {
  width:185px;
  float:left;
  margin:0 30px 12px 0;
}

nav .sub-menu a {
  width:185px;
  display:block;
  margin:0;
}

nav .sub-menu .image-container {
  width:185px;
  display:block;
  margin:0;
  position:relative;
}

nav .sub-menu .image-container img.gray {
  position:absolute;
  display:block;
  left:0;
  top:0;
  -webkit-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
  opacity:1;
}

nav .sub-menu .image-container:hover img.gray {
  opacity:0;
}

nav .sub-menu h3 {
  margin:2px 0 0;
}


nav .in-menu-page {
  font-size: 24px;
}


nav .publications-page .publication {
  float:left;
  width:200px;
  margin:0 40px 40px 0;
}

nav .publications-page .publication .image-container {
  width:200px;
  height:300px;
  position:relative;
  overflow:hidden;
}

nav .publications-page .publication .image-container img {
  position:absolute;
  left:0;
  bottom:0;
}

nav .publications-page .publication h3 {
  margin:4px 0;
  font-size: 24px;
}




nav .writings-page .writing h3 {
  margin:4px 0;
  font-size: 24px;
}

nav .writings-page .writing .content {
  font-size: 14px;
}



.content-cover {
  position:fixed;
}




html.js #page.gallery .photo-wrapper {
  position:absolute;
  cursor:url("img/cursor-arrow-right.png"), url("img/cursor-arrow-right.cur"), pointer;
/*-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);*/
}

html.no-js #page.gallery .photo-wrapper {
  width:50%;
  height:50vw;
}

html.js #page.gallery.photo-size-initialized .photo-wrapper {
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}

html.js #page.gallery img {
  display:block;
  opacity:0.3;
  margin-bottom:0;
}

html.js #page.gallery img.has-transition {
  -webkit-transition: opacity .8s;
  -moz-transition: opacity .8s;
  -ms-transition: opacity .8s;
  -o-transition: opacity .8s;
  transition: opacity .8s;
}

#page.gallery .photo-wrapper.current img {
  opacity:1;
}

html.js #page.gallery img.loading,
html.js #page.gallery img.delayed,
html.js #page.gallery .photo-wrapper.current img.loading,
html.js #page.gallery .photo-wrapper.current img.delayed {
  opacity:0;
}


html.js #page.gallery .project-info {
  display:block;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0;
  -webkit-transition: width .3s;
  -moz-transition: width .3s;
  -ms-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  overflow:hidden;
}

html.js #page.gallery .project-info.open {
  width:250px;
}

html.js #page.gallery .project-info-inner {
  font-size: 14px;
  background:rgba(255,255,255,0.8);
  padding:60px 20px;
  width:250px;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



html.js #page.gallery .project-info-button {
  display:block;
  background:rgba(255,255,255,0.8);
  font-size: 16px;
  padding:10px 10px 8px;
  position:absolute;
  top:0;
  left:0;
  cursor: default;
}

/*#page.gallery .download-portfolio {
position:absolute;
bottom:auto;
left:auto;
right:auto;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:8px 10px;
text-align: left;
background:rgba(35, 31, 32, 0.4);
color:white;
height:40px;
}*/


#page.gallery .navigation-overlay-left,
#page.gallery .navigation-overlay-right {
  position:fixed;
  display:block;
  top:200px;
  width:150px;
  bottom:100px;
}

#page.gallery .navigation-overlay-left {
  left:0;
}

#page.gallery .navigation-overlay-right {
  right:0;
}

#page.gallery .navigation-overlay-left:hover {
  cursor:url("img/cursor-arrow-left.png"), url("img/cursor-arrow-left.cur"), pointer;
}

#page.gallery .navigation-overlay-right:hover {
  cursor:url("img/cursor-arrow-right.png"), url("img/cursor-arrow-right.cur"), pointer;
}


#page.gallery h2 {
  position:absolute;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  padding-bottom:0;
}

#page.gallery .index-total {
  position:absolute;
  display:block;
  width:30px;
  text-align: right;
}

html.js #page.gallery.photo-size-initialized h2,
html.js #page.gallery.photo-size-initialized .index-total {
  -webkit-transition: left .8s, top .8s, right .8s;
  -moz-transition: left .8s, top .8s, right .8s;
  -ms-transition: left .8s, top .8s, right .8s;
  -o-transition: left .8s, top .8s, right .8s;
  transition: left .8s, top .8s, right .8s;
}


#journal .entry {
  clear:both;
  font-size: 24px;
  margin-bottom:60px;
}

#journal .post-header.before-image {
  display:none;
}

#journal h2 {
  font-size: 24px;
}

#journal .post-header time {
  font-size: 13px;
}

#journal .post-header.after-image {
  display:block;
}

#journal img.thumbnail.portrait {
  float:left;
  width:40%;
}

#journal .entry.portrait .post-header,
#journal .entry.portrait .text {
  margin-left:43%;
  margin-left:calc(40% + 40px);
}

#journal .entry.portrait .text {
  margin-top: 20px;
  line-height: 1.2;
}

}

.space1 {
  height: 5px;
}

.space2 {
  height: 10px;
}

h1.big {
  font-size: 45px;
  line-height: 1.4;
}

.a--underline a {
  text-decoration: underline;
}

.grid--half {
  position: relative;
  z-index: 20;
  margin: 2px 0 10px 0;
  vertical-align: top;
}

.grid--half img {
  width: 100%;
  height: auto;
}

ul.grid--third li {
  position: relative;
  z-index: 20;
  margin: 2px 0 10px 0;
}

ul.grid--third li img {
  width: 100%;
  height: auto;
}

.image--100 {
  width: 100%;
  margin: 2px 0;
}

.image--50 {
  display: inline-block;
}

.hover--fade {
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}

.hover--fade:hover {
  opacity: .5;
}

.image__archive--title {
  height: 20px;
}

.image--border {
  border: 1px solid #f2f2f2;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 40px;
}

.current-menu-item a {
  position: relative;
}

.current-menu-item a:after {
  position: absolute;
  font-family: 'icomoon';
  content: '\e90c';
  right: -22px;
  top: 50%;
  font-size: 14px;
  transform: translate(0, -50%);
  -webkit-webkit-transform: translate(0, -50%);
  -moz-webkit-transform: translate(0, -50%);
  -ms-webkit-transform: translate(0, -50%);
  -o-webkit-transform: translate(0, -50%);
  webkit-transform: translate(0, -50%);
}

.button--back {
  position: relative;
  margin-left: 20px;
}

.button--back:before {
  position: absolute;
  font-family: 'icomoon';
  content: '\e90b';
  top: 50%;
  transform: translate(0, -50%);
  left: -20px;
  -webkit-webkit-transition: .3s ease;
  -moz-webkit-transition: .3s ease;
  -ms-webkit-transition: .3s ease;
  -o-webkit-transition: .3s ease;
  webkit-transition: .3s ease;
  transition: .3s ease;
}

.button--back:hover:before {
  left: -25px;
}

.row--images div {
  position: relative;
  z-index: 20;
}

.background--front {
  background-size: cover !important;
  background-position: center !important
}

/**** tablet and down ****/

@media (max-width: 767px) {

  .row--images div {
    display: block;
    width: 100% !important;
    padding: 5px 0;
  }

  .row--images img {
    width: 100%;
  }

  .image-container img {
    width: 100%;
  }

}

/**** tablet and up ****/

@media (min-width: 768px) {

  .row--images {
    display: flex;
  }

  .row--images div {
    z-index: 23;
  }

  .row--images div:first-of-type {
    padding: 0 10px 5px 0;
  }

  .row--images > div img {
    width: 100%;
    height: auto;
    padding: 0;
  }

  header h1 {
    margin-left: 72px;
  }

  ul.menu__content--mobile {
    margin-left: 58px;
    font-size: 22px;
  }

  .grid--half {
    margin: .6% .6% 0 0;
    width: 48.5%;
    display: inline-block;
    z-index: 23;
  }

  .grid--half:nth-of-type(even) {
    margin: .6% 0 0 .6%;
  }

  ul.grid--third li {
    margin: 1% 1% 0 0;
    width: 48.7%;
    display: inline-block;
    z-index: 23;
  }

  ul.grid--third li:nth-child(even) {
    margin: 1% 0 0 1%;
  }

}



/**** desktop and up ****/

@media (min-width: 1024px) {

  ul.grid--third li{
    margin: 1% 1% 0 0;
    width: 31.5%;
    display: inline-block;
  }

  ul.grid--third li:nth-child(even) {
    margin: 1% 1% 0 0;
  }

  ul.grid--third li:nth-child(3) {
    margin: 1% 1% 0 0;
  }


  .image--100 {
    margin: 5px 0;
  }

  header {
    background: none;
  }

  header h1 {
    display: block;
    margin-left: 22px;
  }

  .menu--mobile {
    display: none;
  }

  ul.desktop-menu {
    display: inline-block;
    margin: 22px 0 0 22px;
    line-height: 1.4;
    font-size: 18px;
  }


  .wrapper {
    margin: 80px auto;
    padding-left:;
    max-width: 100%;
  }

  .wrapper--slim {
    max-width: 900px;
  }


  #page.gallery .project-info.open {
    width:300px;
  }

  #page.gallery .project-info-inner {
    font-size: 24px;
    padding:40px 20px;
    width:300px;
  }


}



@media (min-width: 1100px) {




}


@media (min-width: 1200px) {






}

@media (min-width: 1240px) {


}

@media (min-width: 1300px) {



}


@media (min-width: 1400px) {



}






#http404 {
  padding:120px 40px 200px;
}

#http404 h2 {
  font-size: 30px;
  text-align: center;
}






/* cookielaw */
#jquery-cookie-law-script,#jquery-cookie-law-script *{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
#jquery-cookie-law-script{position:fixed;bottom:0;left:0;z-index:999999;display:none;width:100%;border-top-width:1px;background:rgba(50,58,69,0.7);color:#F1F1F3;font-family:Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;border-color:#202226;border-style:solid}
#jquery-cookie-law-script.light{color:#1a1a1a;background:#fff;border-color:rgba(223,223,223,0.85)}
#jquery-cookie-law-script.top{top:0;bottom:auto;border-top-width:0;border-bottom-width:1px}
#jquery-cookie-law-script.absolute{position:absolute}
#jquery-cookie-law-script #cookie-law-container-box{background:rgba(32,34,38,0.8)}
#jquery-cookie-law-script.light #cookie-law-container-box{background:#F9FAFC}
#jquery-cookie-law-script #cookie-law-message{float:left;text-align:justify}
#jquery-cookie-law-script a.cookie-law-button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#3B89C7;color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,0.25);-webkit-transition:.25s;-moz-transition:.25s;transition:.25s;padding:4px 8px}
#jquery-cookie-law-script a.cookie-law-button:hover,#jquery-cookie-law-script a.cookie-law-button:focus{background-color:#3176AF;color:#FFF;-webkit-transition:.25s;-moz-transition:.25s;transition:.25s}
#jquery-cookie-law-script a#cookie-law-button-more{margin-left:10px;background:#7B8A8B}
#jquery-cookie-law-script a#cookie-law-button-more:hover,#jquery-cookie-law-script a#cookie-law-button-more:focus{background:#697677}
#jquery-cookie-law-script #cookie-law-more-info{display:none;background:rgba(50,58,69,0.8);text-align:justify}
#jquery-cookie-law-script.light #cookie-law-more-info{background:#EAEDF1;border-top:1px solid #F0F2F5}
#jquery-cookie-law-script #cookie-law-more-text{width:85%}
#jquery-cookie-law-script #cookie-law-more-text-close{float:right;color:#fff;text-decoration:none;font-size:10px;padding:1px 10px}
#jquery-cookie-law-script a,#jquery-cookie-law-script.light #cookie-law-more-text-close{color:#3B89C7}
#jquery-cookie-law-script #cookie-law-container,#jquery-cookie-law-script #cookie-law-info-container{padding:10px 20px}
@media screen and (max-width: 767px) {
  #jquery-cookie-law-script #cookie-law-message{width:65%}
}
@media screen and (max-width: 480px) {
  #jquery-cookie-law-script #cookie-law-message {
    width: 50%
  }
}