@charset "utf-8";
/*
Theme Name: SVL
Theme URI: http://studiovanlennep.com/
Author: Rowland Holmes
Author URI: http://arturan.com/
Description: 
Version: 1.0
*/

@font-face {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/svl_icons2.woff2) format('woff2'),
       url(fonts/svl_icons2.woff) format('woff');
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}html{color:#4d555b;font-size:1em;line-height:1.4}::-moz-selection{background:#5dd2fe;text-shadow:none}::selection{background:#5dd2fe;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}

hidden{display:none!important}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}

/*! wordpress */
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px auto 20px}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*! slick */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:grab}.slick-slider .slick-list,.slick-slider .slick-track{-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)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-loading .slick-list{background:url(img/ajax-loader.gif) center center no-repeat #fff}

.slick-dots{position:absolute;bottom:20px;left:16px;display:block;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:21px;height:21px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:21px;height:21px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:before{display:block;content:'';width:16px;height:16px;background:transparent;border:2px solid #fff;border-radius:100px}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}

  .slick-dots li button:hover:before,.slick-dots li.slick-active button:before{background:#FFB648;border-color:#FFB648}

.slideshow{position:relative}
.arrowbox{position:absolute;top:0;width:100%;height:100%;}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;z-index:100;display:block;padding:0;transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;width:28px;height:32px;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}
.slick-prev:before,.slick-next:before{font-family:icons;line-height:1;color:#ffffff;/*background:#fff;*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:48px;padding:4px 0;}
.slick-prev:hover:before,.slick-next:hover:before{color:#04d211}
.slick-prev{left:0;}
.slick-prev:before{content:'\e801';padding-right:4px}
.slick-next{right:0;}
.slick-next:before{content:'\e803';padding-left:4px}

.slide{position:relative;}
.slide-img{background:no-repeat center;background-size:cover;padding-bottom:56.25%}
.slide img{width:100%}
.slide-caption{font-size:.9em;padding:1em 2em;width:100%;box-sizing:border-box;background:rgba(255,255,255,.9);position:absolute;bottom:0;left:0}


/*! general */
#skiptocontent a{padding:6px;position:absolute;top:-40px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#BF1722;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

html{font-family:dinosaur,sans-serif;height:100%;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  body{height:100%;}
  #ow{min-height:100%;position:relative;}
  #iw{padding-bottom:75px;}
  
.contain{/*max-width:1105px;*/margin:0 auto;padding:0 26px}
.contain-wide{/*max-width:1121px;padding:0 12px;*/margin:0 auto;padding:0 26px}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:100;letter-spacing:.1em;}

#header{position:absolute;width:100%;z-index:200;/*background:rgba(255,255,255,.9);*/padding:1em 0 0}
#header a.logo{background:url(img/studio-van-lennep_grey.png) no-repeat 0 0;background-size:contain;display:inline-block;width:213px;height:65px;margin-top:.25vw}
.home #header a.logo{background-image:url(img/studio-van-lennep_white.png)}

#header .contain{position:relative}


  
		#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:56px;position:absolute;cursor:pointer}
		
		#menu-trigger{top:9px;right:12px;min-width:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;color:#222;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
		
		#menu-trigger .label{display:none}
		
		#menu-trigger .icon{top:0;right:0;overflow:hidden;width:60px;font-size:0;text-indent:-9999px}
		
		#menu-trigger .icon span{display:block;position:absolute;top:26px;left:10px;right:10px;height:5px;background:#5F5F5F;-webkit-transition:background 0s .3s;transition:background 0s .3s}
		.home #menu-trigger .icon span{background:#fff;}
		
		#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:5px;background-color:#5F5F5F;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;width:40px}
		.home #menu-trigger .icon span::after,.home #menu-trigger .icon span::before{background:#fff;}
		
		#menu-trigger .icon span::before{top:-12px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
		
		#menu-trigger .icon span::after{bottom:-12px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
		
		.is-active #menu-trigger .icon span{background:0 0;height:5px}
		
		.is-active #menu-trigger .icon span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:5px}
		
		.is-active #menu-trigger .icon span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
		
		.is-active #menu-trigger .icon span::after,.is-active #menu-trigger .icon span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s;}

#menu-trigger:focus { /*outline: 1px dotted #fff;*/outline:none }
		header nav{display:none;background:#fff;background:rgba(255,255,255,.8);position:absolute;top:60px;left:0;padding:12px 0;font-weight:400;font-size:0.9em;width:100%}
		.home header nav{background:none;}
		header.is-active nav{display:block;z-index:1000}
		header.is-active nav ul{padding:0 26px}
		header.is-active nav ul a{display:block;padding:.5em 0}
		
		

#header-behind{position:absolute;width:100%;max-height:100%;top:0;overflow:hidden;z-index:-1;}
#no-header,#header-inline{padding-top:100px;/*max-width:1105px;*/margin:0 auto;}
#header-inline #header-video,#header-behind #header-video{position:relative;width:100%;height:0;padding-bottom:56.25%;}
#header-inline video,#header-behind video{position:absolute;top:0;left:0;width:100%;border:0;}

nav ul{list-style:none;margin:0;padding:0}
nav a{color:#5F5F5F;text-align:right;text-transform:uppercase;text-decoration:none;font-size:1.2em;letter-spacing:.1em;}
.home nav a{color:#fff;}
nav a:hover{color:#04d211;}



#header-full video{position:fixed;top:50%;left:30%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;transform:translateX(-30%) translateY(-50%);}

.home h2{
color: #04d211;
font-size:10vw;
line-height: 1;
padding-top:130px;
font-weight:500;
/*max-width:80%;*/

position: absolute;
width:100%;
bottom:2em;
right:0;
text-align: right;
}
.home-pad{margin-right: -8px;}

#page-title{padding-top:100px;font-weight:300;}
#filters{margin-bottom:23px}
#filters a{font-size:.9em;}
.grid-item{display:inline-block;width:100%;padding-bottom:100%;background:#4d555b;/*width:calc(100% - 16px);padding-bottom:calc(100% - 16px);margin:8px*/margin-bottom:2%}
.grid-item a{display:block;position:relative;color:#fff;font-weight:300}
.grid-item .img{display:block;padding-bottom:100%;position:absolute;width:100%;background:no-repeat center;background-size:cover}
.grid-item .description{display:none;position:absolute;width:80%;left:10%;top:2em}
.grid-item a:hover .img{opacity:.1}
.grid-item a:hover .description{display:block}
.grid-item .view{display:block;color: #04d211;padding-top:1em}

#project-hero{padding-bottom:2%;}
#project-hero img{width:100%;}
.project-grid-item{width:100%;}
.project-grid-item img{width:100%;}
.gutter-sizer{width:2%;}

blockquote{margin:0 0 60px;font-weight:100;font-size:2em;letter-spacing: .1em;color: #04d211;}
.page-id-23 #content p{margin-top:0}
.page-id-23 #content a{color: #04d211;}

.newer-older{
  display: flex;
  justify-content:space-between;
}

#content p a{color:#4d555b;text-decoration: none;font-weight:500}
#content p a:hover{color:#04d211;}

#footer{font-size:.8em;bottom:0;position:absolute;width:100%;background:rgba(255,255,255,.9);padding:.5em 0;text-align:right}
#footer a{color:#222;text-decoration:none;white-space:nowrap;}
#footer a:hover{color: #04d211;}
/*#footer a.logo{background:url(img/studio-van-lennep_tree.png) no-repeat;background-size:contain;display:inline-block;width:25px;height:30px;vertical-align:bottom;margin-left:1em}*/


/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999}/*.tipso_style{cursor:help;border-bottom:1px dotted}*/.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.5em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}
.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:6px solid;pointer-events:none}

.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:66%;margin-left:-8px}


@media only screen and (min-width:768px) {
  .contain{padding:0 40px}
  .contain-wide{padding:0 40px}

  #header .contain{display:flex;justify-content:space-between;align-items:flex-end}
  #header a.logo{width:25vw;max-width:426px;height:129px}
  header nav{display:block !important;background:none;top:2.5vw;font-size: 1vw;right:40px;left:auto;width:auto}
  nav li{display:inline;padding-left:1em}
  
  
		header.is-active nav ul{padding:0}
		header.is-active nav ul a{display:inline;padding:0}
  
  
  .icon a{font-size:0px;height:1px;margin:-1px;width:1px;white-space:nowrap;color:#fff;}
.icon a::after{font-family:icons;line-height:1;color:#4d555b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;padding:4px 0;}
.instagram a::after{content:'\ea92'}
.linkedin a::after{font-size:24px;content:'\F0E1'}
.email a::after{content:'\e800'}
.telephone a::after{content:'\e802'}
.home .icon a::after{color:#fff}
.icon a:hover::after{color:#04d211;}
  
  #menu-trigger{display:none !important;}
  
  #no-header,#header-inline,#page-title{padding-top:120px;}
  .slick-prev,.slick-next{width:52px;height:56px;}
  .slick-prev:before,.slick-next:before{font-size:64px;padding:4px 0;}
  .slick-prev:before{padding-right:4px}
  .slick-next:before{padding-left:4px}

  .home h2{font-size: 5vw;/*max-width:50%;*/padding-top:15vw;}
  
  .grid-item{width:32%;padding-bottom:32%;/*width:calc(33.333% - 16px);padding-bottom:calc(33.333% - 16px);*/}
  .project-grid-item{width:49%;}

  #footer{font-size:1em;}
 /* #footer a.logo{width:42px;height:50px;}*/

}

@media only screen and (min-width:1200px) {
  #no-header,#header-inline,#page-title{padding-top:150px;}
  .grid-item{width:23.5%;padding-bottom:23.5%;}
  /*.project-grid-item{width:25%;}*/

}

@media only screen and (min-width:1500px) {
  #no-header,#header-inline,#page-title{padding-top:180px;}

}