/*
Theme Name: TDV Portfolio / Sub
Custom CSS coding by Tor de Vries.  (v1.6)
*/

/* latin fonts extracted from https://fonts.googleapis.com/css?family=Rubik:300,400,500 */

/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WD07oB-.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WD07oB-.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*!
 * direction: styles.css
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}


*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

body {
	background-color: #f9f9fa;
}

body, div { 
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}

a, a:active, a:link, a:active { text-decoration: none; }

p, h1, h2, h3 { margin: 0; padding: 0; }

h1, b { font-weight: 400; }

div#pageBox {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}


body.isTor-de-vries div#pageBox {
	background-image: url('https://tordevries.net/portfolio/wp-content/uploads/2022/09/home-page-graphic-horz.jpg');
	background-position: left center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

/*
body.isContact div#pageBox {
	background-image: url('https://tordevries.net/portfolio/wp-content/uploads/2017/03/tor-de-vries-contact-bkgd-1200x814.jpg');
	background-position: 0% center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
*/

div#mainContent {
	position: fixed; 
	width: 100vw;
	height: 100vh;
	z-index: 500;
	overflow: hidden;
	overflow-y: scroll;
	padding: 3vw;
	transition: filter 0.333s ease;
}

body.cardsFan div#mainContent {
	filter: blur(2px) grayscale(100%);
}

div.footspace {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	height: 20vh;
}

div.sampleSquare {
	position: relative;
	width: 30vw;
	height: 35vw;
	padding: 1vw 0 0 0;
	margin-right: 2vw;
	display: inline-block;
}

div#sample2.sampleSquare, div#sample4.sampleSquare, div#sample6.sampleSquare, div#sample8.sampleSquare { margin-right: 0; }


div.sampleSquare div.sampleImg {
	position: absolute;
	top: 0.5vw;
	left: 0;
	width: 100%;
	padding-bottom: 100%;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.0);
	transition: box-shadow 0.66s ease, background-color 0.66s ease;
	cursor: pointer;
	background-color: #f9f9fa;
}

div.sampleSquare div.sampleImg.asyncLoaded {
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
	background-color: transparent;
}

div.sampleSquare img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	background-color: #fff;
	transition: box-shadow 0.66s ease, opacity 0.66s ease;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	opacity: 0.0;
}

div.sampleSquare div.sampleImg.asyncLoaded img {
	opacity: 1.0;
}

div.sampleSquare:hover div.sampleImg img {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

div.sampleSquare:hover div.sampleImg {
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0);
}

div.sampleVideo {
	position: relative;
	background-color: #f9f9fa;
	width: 59vw;
	height: auto;
	margin: 0 0 3vw 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

div.sampleVideo:last-child {
	margin-bottom: 3vw;
}

div.sampleVideoInner {
	position: relative;
	height: auto;
	background-color: #f9f9fa; 
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
}

div.sampleVideoInner iframe {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}







div.sampleCaption {
	position: absolute;
	height: 4vw;
	width: 100%;
	bottom: 0;
	left: 0;
	font-size: 80%;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}

div.sampleCaption b {
	font-weight: 500;
}


div#subNavBox {
	position: absolute;
	width: 55vh;
	height: 3vw;
	top: 1vh;
	right: 1vw;
	text-align: right;
	-ms-transform: rotate(-90deg);	
	-webkit-transform: rotate(-90deg);	
	transform: rotate(-90deg);
	z-index: 500;
	transform-origin: bottom right;
}

body.isIOS div#subNavBox {
	top: 10vh;
	right: 0;
}

div#subNavBox a {
	color: #aaa;
	margin-left: 10vh;
	text-transform: uppercase;
	transition: color 0.5s ease;
	font-size: 1.5vw;
}

div#subNavBox a#subNext {
	float: right;
	margin-left: 0;
}

div#subNavBox a#subPrevious {
	float: left;
}

body.isLastPage div#subNavBox a#subNext, body.isChapter div#subNavBox a#subPrevious { display: none; }

div#subNavBox a:hover {
	color: #000;
}

div#subNavBox a span {
	position: relative;
	font-family: arial;
	line-height: 133%;
}

div#itemTitleTop, div#itemDescTop, div#sectionNameTop { display: none; }

div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
	position: relative;
	width: 23vw;
	height: auto;
	margin-right: 5.5vw;
	float: right;
	clear: right;
	z-index: 5000;
}

div#sectionName, div#sectionNameTop {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 2vh;
	margin-top: 1vh;
	color: #aaa;
}

div#sectionName a, div#sectionNameTop a { transition: all 0.5s ease; border-bottom: 1px solid #f6f6ef; }
body.isBranding div#sectionName a, body.isBranding div#sectionNameTop a { color: #aecd00; }
body.isDigital div#sectionName a, body.isDigital div#sectionNameTop a { color: #00b9ca; }
body.isPrint div#sectionName a, body.isPrint div#sectionNameTop a { color: #6f4ada; }
body.isPersonal div#sectionName a, body.isPersonal div#sectionNameTop a { color: #da4abd; }
body.isContact div#sectionName a, body.isContact div#sectionNameTop a { color: #ff4343; }
body div#sectionName a:hover, body div#sectionNameTop a:hover  { color: #000; border-bottom: 1px solid #ccc; } 

div#itemTitle, div#itemTitleTop {
	margin-top: 2vh;
}

div#itemTitle h1, div#itemTitleTop h1 {
	font-weight: 400;
	font-size: 5vh;
	padding: 0;
	margin: 0;
	line-height: 115%;
	display: inline-block;
	letter-spacing: -0.05vw;
	float: right;
	clear: right;
	text-align: left;
	position: relative;
	width: 100%;
}

div#itemRoles {
	padding: 2vh 0 2vh 0;
	font-size: 2vh;
	margin-top: 2.5vh;
}

body.isBranding div#itemRoles { border-top: 2px solid #aecd00; border-bottom: 2px solid #aecd00; }
body.isDigital div#itemRoles { border-top: 2px solid #00b9ca; border-bottom: 2px solid #00b9ca; }
body.isPrint div#itemRoles { border-top: 2px solid #6f4ada; border-bottom: 2px solid #6f4ada; }
body.isPersonal div#itemRoles { border-top: 2px solid #da4abd; border-bottom: 2px solid #da4abd; }
body.isContact div#itemRoles { border-top: 2px solid #ff4343; border-bottom: 2px solid #ff4343; }
body.isTor-de-vries div#itemDesc { /* border-top: 2px solid #777; */ }

div#itemRoles p {
	padding: 3px 0 3px 0;
}

div#itemDesc p, div#itemDescTop p, div#itemDesc ul, div#itemDescTop ul, div#itemDesc ol, div#itemDescTop ol, body.isContact div#bioLeft p, body.isContact div#bioLeft ul, body.isContact div#bioLeft ol {
	margin-top: 2vh;
	font-family: Georgia, serif;
	font-size: 85%;
	line-height: 170%;
}

div#itemDesc ul, div#itemDescTop ul, div#itemDesc ol, div#itemDescTop ol, body.isContact div#bioLeft ul, body.isContact div#bioLeft ol {
	margin-left: 0vw;
	padding-left: 1.5vw;	
}

div#itemDesc a, div#itemDescTop a, body.isContact div#bioLeft a { transition: all 0.33s ease; border-bottom: 1px dotted #d4d4cd; }
div#itemDesc a:hover, div#itemDescTop a:hover, body.isContact div#bioLeft a:hover { color: #000; border-bottom: 1px solid #b2b2ab; }

div.wpforms-confirmation-container-full {
	background-color: #fff;
	border: none;
}




/******* CHAPTER PAGES ********/

body.isChapter div.sampleCaption {
	font-weight: 500;
}

body.isChapter div#itemDesc, body.isChapter div#itemDescTop {
	margin-top: 1.5vh;
}

body.isBranding.isChapter div#itemDesc, body.isBranding.isChapter div#itemDescTop { border-top: 2px solid #aecd00; }
body.isDigital.isChapter div#itemDesc, body.isDigital.isChapter div#itemDescTop { border-top: 2px solid #00b9ca; }
body.isPrint.isChapter div#itemDesc, body.isPrint.isChapter div#itemDescTop { border-top: 2px solid #6f4ada; }
body.isPersonal.isChapter div#itemDesc, body.isPersonal.isChapter div#itemDescTop { border-top: 2px solid #da4abd; }
body.isContact.isChapter div#itemDesc, body.isContact.isChapter div#itemDescTop { border-top: 2px solid #ff4343; }



div#chapterCover {
	z-index: 800;
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 75vh;
	width: auto;
	pointer-events: none;
}

div#chapterCover img {
	width: auto;
	height: 100%;
}

div#chapterThumbs {
	position: relative;
	display: inline-block;
	float: left;
	clear: left;
	width: 60vw;
	height: auto;
}

body.isChapter div.sampleSquare {
	position: relative;
	float: left;
	clear: none;
	width: 19vw;
	height: 24vw;
	padding: 0.5vw 0 0 0;
	margin-right: 1vw;
	display: inline-block;
}

body.isChapter div#sample2.sampleSquare, body.isChapter div#sample4.sampleSquare, 
body.isChapter div#sample6.sampleSquare, body.isChapter div#sample8.sampleSquare { margin-right: 1vw; }


body.isChapter div.sampleCaption {
	height: 4vw;
}


/******* HOME PAGE ********/

body.isTor-de-vries a#subPrevious, 
body.isTor-de-vries a#subNext, 
body.isTor-de-vries div#cardHome, 
body.isTor-de-vries div#itemTitle {
	display: none;
}

body.isTor-de-vries div#itemTitle h1 { 
	font-family: Georgia, serif; 
	text-align: right;
	font-size: 7vh;
	display: none;
}

body.isTor-de-vries div#itemDesc {
	width: 80vw;
	margin: 0;
	padding: 0;
	bottom: 0vh;
	height: 70vh;
	left: 1.5vw;
	text-align: left;
	float: none;
	position: absolute;
	transition: right 1s, height 1s;
}

body.isTor-de-vries div#itemDesc p {
	position: absolute;
	bottom: 5vh;
	left: 0;
	font-family: Georgia, serif; 
	font-size: 5vh;
	padding-right: 0.8em;
	padding-bottom: 0vh;
	line-height: 130%;
	text-align: left;
	color: #000; /* #f6f6ef; */
	text-shadow: 0 0 4vmax #f6f6ef;
	opacity: 1.0;
	transition: opacity 1s;
}

body.isTor-de-vries.cardsFan div#itemDesc p {
	opacity: 0;
}



div#focusBox {
	z-index: 5000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	
}

div#focusBox div#focusFrgd {
	position: relative;
	z-index: 5001;
	margin: 4vh auto 0 auto;
	height: 86vh;
	width: 86vh;
	box-shadow: 0 0 4vw #000;
}

div#focusBox div#focusFrgd img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background-color: #fff;
}

div#focusBox div#focusBkgd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	z-index: 4999;
	background-color: #555;
}

div#focusBox div#focusBkgd p, div#focusBox div#focusPrev, div#focusBox div#focusNext {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4vh;
	color: #f6f6ef;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 7vh;
	line-height: 5vh;
	cursor: pointer;
	z-index: 5000;
}

div#focusBox div#focusBkgd p:hover, div#focusBox div#focusPrev:hover, div#focusBox div#focusNext:hover {
	color: #aaa;
}

div#focusBox div#focusCap {
	position: relative;
	font-family: Rubik, sans-serif;
	font-weight: 300;
	font-size: 2.6vh;
	text-transform: uppercase;
	height: 9vh;
	margin: 2vh auto 0 auto;
	width: 86vh;
	bottom: 0;
	color: #fff;
	z-index: 5001;
	text-shadow: 0 0 2vw #000;
}

div#focusBox div#focusCap a { color: #fff; }

div#focusBox div#focusPrev {
	right: auto;
	left: 0;
	top: 41vh;
	display: none;
}

div#focusBox div#focusNext {
	top: 41vh;
	display: none;
}


div#mainCover {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 600;
	background-color: #f9f9fa;
	opacity: 0;
	display: none;
	top: 0;
	left: 0;
	transition: opacity 0.333s ease;
}

div#mainColorStrip {
	position: fixed;
	height: 1vh;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 800;
	background-color: transparent;
}

div.cards {
	position: fixed;
	width: 150vw;
	height: 20vh;
	left: -5vw;
	bottom: 0vh;
	color: #fff;
	text-align: right;
	box-shadow: 0 0 3px #777;
	padding: 0.5vh 0 0 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 4vh;
	transform-origin: top left;
	transition: all 0.333s ease;
}

div.cardAdj {
	cursor: pointer;
}

div.cards p a, div.cards p a:hover {
	color: #fff;
}

div.cards p {
	padding: 0 1vw 0 0;
	margin: 0;
	width: 104vw;
	text-align: right;
	height: auto;
	transition: all 0.333s ease;
	float: left;
	display: none;
}

div.cards:hover {
	box-shadow: 0 0 4px #333;
	color: #fff;
}

body.cardsFan div.cards:hover p {
	padding-right: 0vw;
}

body.cardsFan div.cards {
	box-shadow: 0 0 6px #555;
}

body.cardsFan div.cards:hover {
	box-shadow: 0 0 10px #333;
}

div.cardPos0 { 
	bottom: -8vh; 
	z-index: 895; 
	color: #000; 
	box-shadow: none; 
	font-family: Georgia, serif;
	text-transform: none;
	pointer-events: none;
}

div.cardPos0 p {
	text-align: right;
	width: 104vw;
	display: inline; 
	font-size: 5vh;
	opacity: 0.33;
	color: #000;
	height: 4vw;
	z-index: 1;
}

body.cardsFan div.cardPos0 {
	pointer-events: auto;
}

body.cardsFan div.cardPos0 p {
	padding-right: 1.5vw;
	opacity: 1.0;
}

body.isTor-de-vries div.cardPos0 p {
	opacity: 1.0;
	transition: color 1s;
}

body.cardsFan div.cardPos0:hover p {
	padding-right: 1.5vw;
}

div.cardPos0:hover p {
	opacity: 1.0;
}

div.cardPos0 p span {
	padding: 0;
	margin: 0;
	float: right;
	pointer-events: auto;
}

div.cardPos0 p span.hide {
	opacity: 0;
	transition: opacity 1s;
}

body.cardsFan div.cardPos0 p span.hide {
	opacity: 1;
}

body.isTor-de-vries.cardsFan div.cardPos0 p {
	color: #000;
}


@keyframes menuClickAnim {
	0% { opacity: 0; line-height: 100%; }
	7% { opacity: 0; line-height: 100%; }
	10% { opacity: 1.0; line-height: 137%; }
	11% { opacity: 1.0; line-height: 130%; } 
	11.5% { opacity: 1.0; line-height: 133%; }
	90% { opacity: 1.0; line-height: 133%; }
	100% { opacity: 0; line-height: 100%; }
}

div.cardPos0 p span#menuClick {
	position: relative;
	font-family: Arial;
	line-height: 133%;
	cursor: pointer;
	/* animation-name: menuClickAnim; */
	animation-duration: 10s; 
	animation-iteration-count: infinite;
}

body.cardsFan div.cardPos0 p span#menuClick {
	animation: none;
}

div#cardHome {
	position: absolute;
	top: 3.5vh;
	left: 6vw;
	text-transform: uppercase;
	font-weight: 400;
	z-index: 3000;
	cursor: pointer;
	display: none;
}

div#cardHome a { transition: color 0.333s ease; }
div#cardHome a, div.cardPos0:hover div#cardHome a { color: #777; }
div#cardHome:hover a, div.cardPos0:hover div#cardHome a:hover { color: #000; }

div.cardPos1 { bottom: -17.5vh; z-index: 896; }
div.cardPos2 { bottom: -18vh; z-index: 897; }
div.cardPos3 { bottom: -18.5vh; z-index: 898; }
div.cardPos4 { bottom: -19vh; z-index: 899; }
div.cardPos5 { bottom: -19.5vh; z-index: 900; }

div.cardPos1:hover { bottom: -17.25vh; }
div.cardPos2:hover { bottom: -17.75vh; }
div.cardPos3:hover { bottom: -18.25vh; }
div.cardPos4:hover { bottom: -18.75vh; }
div.cardPos5:hover { bottom: -19.25vh; }

body.cardsFan div.cardPos0 { bottom: 8vh; }
body.cardsFan div.cardPos1 { bottom: -2vh; }
body.cardsFan div.cardPos2 { bottom: -6vh; }
body.cardsFan div.cardPos3 { bottom: -10vh; }
body.cardsFan div.cardPos4 { bottom: -14vh; }
body.cardsFan div.cardPos5 { bottom: -18vh; }

body.cardsFan div.cardPos1:hover { bottom: -1.5vh; }
body.cardsFan div.cardPos2:hover { bottom: -5.5vh; }
body.cardsFan div.cardPos3:hover { bottom: -9.5vh; }
body.cardsFan div.cardPos4:hover { bottom: -13.5vh; }
body.cardsFan div.cardPos5:hover { bottom: -17.5vh; }

div#cardMenu, body.cardsFan div#cardMenu { background-color: transparent; box-shadow: none; }

div#cardLogos, body.isBranding div#mainColorStrip { background-color: #aecd00; } 
div#cardWeb, body.isDigital div#mainColorStrip { background-color: #00b9ca; }
div#cardPrint, body.isPrint div#mainColorStrip { background-color: #6f4ada; }
div#cardPersonal, body.isPersonal div#mainColorStrip { background-color: #da4abd; }
div#cardBio, body.isContact div#mainColorStrip { background-color: #ff4343; }

body.isBranding div#itemDesc a, body.isBranding div#itemDescTop a { color: #728600; }
body.isDigital div#itemDesc a, body.isDigital div#itemDescTop a { color: #008b98; }
body.isPrint div#itemDesc a, body.isPrint div#itemDescTop a { color: #451db7; }
body.isPersonal div#itemDesc a, body.isPersonal div#itemDescTop a { color: #a20081; }
body.isContact div#itemDesc a, body.isContact div#itemDescTop a, body.isContact div#bioLeft a { color: #bf2828; }
body.isBranding div#itemDesc a:hover, body.isBranding div#itemDescTop a:hover, 
body.isDigital div#itemDesc a:hover, body.isDigital div#itemDescTop a:hover, 
body.isPrint div#itemDesc a:hover, body.isPrint div#itemDescTop a:hover, 
body.isPersonal div#itemDesc a:hover, body.isPersonal div#itemDescTop a:hover, 
body.isContact div#itemDesc a:hover, body.isContact div#itemDescTop a:hover { color: #000; }

body.isContact div#bioLeft {
	width: 50vw;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
}

body.isContact div#bioContact {
	width: 38vw;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
	clear: none;
}

body.isContact div#bioContact label {
	font-weight: 300;
}

body.cardsFan div.cardPos0 { -ms-transform: rotate(-10deg);	-webkit-transform: rotate(-10deg);	transform: rotate(-10deg); }
body.cardsFan div.cardPos1 { -ms-transform: rotate(-10deg);	-webkit-transform: rotate(-10deg);	transform: rotate(-10deg); }
body.cardsFan div.cardPos2 { -ms-transform: rotate(-8deg);	-webkit-transform: rotate(-8deg);	transform: rotate(-8deg); }
body.cardsFan div.cardPos3 { -ms-transform: rotate(-6deg);	-webkit-transform: rotate(-6deg);	transform: rotate(-6deg); }
body.cardsFan div.cardPos4 { -ms-transform: rotate(-4deg);	-webkit-transform: rotate(-4deg);	transform: rotate(-4deg); }
body.cardsFan div.cardPos5 { -ms-transform: rotate(-2deg);	-webkit-transform: rotate(-2deg);	transform: rotate(-2deg); }

div.addthis_inline_share_toolbox {
	margin-top: 3vh;
}

div#itemDesc div.addthis_inline_share_toolbox a, div#itemDescTop div.addthis_inline_share_toolbox a, 
div#itemDesc div.addthis_inline_share_toolbox a:hover, div#itemDescTop div.addthis_inline_share_toolbox a:hover {
	border: none;
}

table {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

td {
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

body.isContact div#bioLeft td a, body.isContact div#bioLeft td a:hover,
div#itemDesc td a, div#itemDesc td a:hover {
	border: none;
	text-decoration: none;
}

hr {
	border: 0;
	color: #aaa;
	background-color: #aaa;
	height: 1px;
	width: 80%;
	margin-left: 0;
}

div.beHR {
	width: 100%;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 3vh 0 1vh 0;
	display: inline-block;
}

div.sampleQuote {
	position: relative;
	width: 65vw;
	padding-right: 5vw;
}

div.sampleQuote p {
	margin-bottom: 20px;
	font-family: Rubik, sans-serif;
	font-size: 100%;
	line-height: 150%;
	width: 60vw;
	padding-left: 0;
	padding-right: 5vw;
}

div.sampleQuote p:before {
	content: '“';
	position: absolute;
	margin-left: -1em;
	width: 1em;
	text-align: right;
}

div.sampleQuote p:after {
    content: '”';
}

div.sampleQuote p:nth-child(even) {
	padding-left: 5vw;
	padding-right: 0;
	font-style: italic;
}

@media screen and (orientation: landscape) and (max-aspect-ratio: 10/6) {

	body.cardsFan div.cardPos0 { -ms-transform: rotate(-12.5deg);	-webkit-transform: rotate(-12.5deg);	transform: rotate(-12.5deg); }
	body.cardsFan div.cardPos1 { -ms-transform: rotate(-12.5deg);	-webkit-transform: rotate(-12.5deg);	transform: rotate(-12.5deg); }
	body.cardsFan div.cardPos2 { -ms-transform: rotate(-10deg);		-webkit-transform: rotate(-10deg);		transform: rotate(-10deg); }
	body.cardsFan div.cardPos3 { -ms-transform: rotate(-7.5deg);	-webkit-transform: rotate(-7.5deg);		transform: rotate(-7.5deg); }
	body.cardsFan div.cardPos4 { -ms-transform: rotate(-5deg);		-webkit-transform: rotate(-5deg);		transform: rotate(-5deg); }
	body.cardsFan div.cardPos5 { -ms-transform: rotate(-2.5deg);	-webkit-transform: rotate(-2.5deg);		transform: rotate(-2.5deg); }

	div.cards { font-size: 4vh; }
		
	div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
		width: 25vw;
	}
	
	div#itemTitle h1, div#itemTitleTop h1 {
		font-size: 5vh;
	}
	
	div.sampleSquare {
		width: 29vw;
		height: 34vw;
	}

	body.isTor-de-vries div#itemTitle, 
	body.isTor-de-vries div#itemDesc {

	}
}

@media screen and (orientation: landscape) and (max-aspect-ratio: 13/12)  {
	div.cards { 
		padding-top: 0.75vh;
		font-size: 3vh;
	}
	
	body.isTor-de-vries div#itemTitle, body.isTor-de-vries div#itemDesc {

	}
}

@media screen and (orientation: landscape) and (max-height: 800px) {
	div.sampleCaption { font-size: 70%; }
	
}

@media screen and (orientation: landscape) and (max-height: 500px) {


	div#chapterThumbs div.sampleSquare {
		width: 19vw;
		height: 26vw;
		padding: 0.75vw 0 0 0;
	}
	
	div#chapterThumbs div.sampleCaption {
		height: 6vw;
	}

}

@media screen and (orientation: landscape) and (max-aspect-ratio: 16/9) and (max-height: 600px) {

	div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
		width: 41vw;
	}
	
	div#itemDesc p, div#itemDescTop p {
		font-size: 60%;
		line-height: 160%;
	}

	div.sampleSquare {
		width: 44vw;
		height: 49vw;
		padding: 1vw 0 0 0;
		margin-right: 0;
		float: none;
		clear: left;
	}

	div#subNavBox {
		height: 4vw;
		width: 55vh;
	}
	
	div#subNavBox a {
		font-size: 1.5vw;
	}
	
	body.isTor-de-vries div#itemDesc p {
		top: 0vh;
	}
	
}

@media screen and (orientation: landscape) and (max-width: 480px) {

	div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
		width: 36vw;
		margin-right: 10vw;
	}
	
	div.sampleSquare {
		height: 56vw;
	}

	div.sampleCaption {
		height: 9vw;
	}
	
	div#subNavBox {
		height: 7vw;
	}
}

@media screen and (orientation: portrait) {

	body.isTor-de-vries div#pageBox {
		background-image: url('https://devriescdn.info/portfolio/wp-content/uploads/2022/09/home-page-graphic-vert.jpg');
	}
	
	body.isTor-de-vries div.cardPos0 p {
		/* color: #f6f6ef; */
	}

	body.cardsFan div.cardPos0 { -ms-transform: rotate(-15deg);	-webkit-transform: rotate(-15deg);		transform: rotate(-15deg); }
	body.cardsFan div.cardPos1 { -ms-transform: rotate(-15deg);	-webkit-transform: rotate(-15deg);		transform: rotate(-15deg); }
	body.cardsFan div.cardPos2 { -ms-transform: rotate(-12deg);	-webkit-transform: rotate(-12deg);		transform: rotate(-12deg); }
	body.cardsFan div.cardPos3 { -ms-transform: rotate(-9deg);	-webkit-transform: rotate(-9deg);		transform: rotate(-9deg); }
	body.cardsFan div.cardPos4 { -ms-transform: rotate(-6deg);	-webkit-transform: rotate(-6deg);		transform: rotate(-6deg); }
	body.cardsFan div.cardPos5 { -ms-transform: rotate(-3deg);	-webkit-transform: rotate(-3deg);		transform: rotate(-3deg); }

	div.cards { font-size: 4vh; }

	div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
		width: 35vw;
		margin-right: 5vw;
	}
	
	div#itemDesc p, div#itemDescTop p {
		font-size: 60%;
		line-height: 160%;
	}

	div.sampleSquare {
		width: 50vw;
		height: 58vw;
		padding: 1vw 0 0 0;
		margin-top: 1.5vw;
		margin-right: 0;
		float: none;
		clear: left;
	}
	
	
	body.isChapter div.sampleSquare {
		width: 46vw;
		height: 54vw;
		margin-right: 1.5vw;
		clear: none;
	}
	
	body.isChapter div.sampleCaption {
		height: 6vw;
	}
	
	div#chapterThumbs {
		width: 51vw;
	}

	div.sampleVideo {
		width: 50vw;
	}
	
	div.sampleCaption {
		height: 6.5vw;
		font-size: 70%;
	}
	
	div#subNavBox {
		height: 4vw;
		width: 55vh;
	}
	
	div#subNavBox a {
		font-size: 2vw;
	}

	div#itemTitle h1, div#itemTitleTop h1 {
		font-size: 4.5vh;
	}
	
	div#sectionName, div#sectionNameTop, div#itemRoles {
		font-size: 1vh;
	}

	div#itemDesc p, div#itemDescTop p {
		font-size: 85%;
		line-height: 170%;
	}
	
	div.cardPos0 p {
		padding-right: 3vw;
	}
	
	body.cardsFan div.cardPos0 p {
		padding-right: 3vw;
	}
	
	body.cardsFan div.cardPos0:hover p {
		padding-right: 3vw;
	}

	div.cardPos0 p {
		font-size: 4vh;
		height: 3vw;
	}

	div.cardPos0 { bottom: -11vh; }
	body.cardsFan div.cardPos0 { bottom: 5vh; }
	
	div#focusBox div#focusFrgd {
		margin: 8vh 0 0 10vw;
		width: 80vw;
		height: 80vw;
	}
	div#focusBox div#focusCap {
		left: 0vw;
		height: 12vh;
		bottom: 0vw;
		font-size: 2.25vh;
		width: 75vw;
	}
	
	div#focusBox div#focusBkgd p, div#focusBox div#focusPrev, div#focusBox div#focusNext {
		padding: 3vh;
		font-size: 5vh;
	}
	
	div#focusBox div#focusPrev {
		right: auto;
		top: auto;
		left: 0;
		bottom: 0;
		display: none;
	}

	div#focusBox div#focusNext {
		top: auto;
		display: none;
		bottom: 0;
	}
	
	div.sampleQuote {
		width: 55vw;
	}
	
	div.sampleQuote p {
		width: 50vw;
		font-size: 80%;
	}
	
	div.sampleQuote p:first-child {
		padding-top: 1vh;
	}
	
	div#itemDesc p:last-child {
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	body.isTor-de-vries div#itemDesc {
		left: 2vw;
		bottom: 3vh;
	}
	
	body.isTor-de-vries div#itemDesc p {
		font-size: 2.25vh;
		/* color: #f6f6ef; */
		top: auto;
		bottom: 0;
	}
	
	body.isTor-de-vries div#itemDesc p:last-child {
		border: none;
	}
	
	body.isContact div#bioLeft {
		width: 77vw;
	}

	body.isContact div#bioContact {
		width: 77vw;
		float: left;
		clear: left;
		border-top: 2px solid #ff4343;
		padding-top: 2vw;
		margin-top: 8vw;
	}


}



@media screen and (orientation: portrait) and (max-aspect-ratio: 3/4) {

	div.cards { font-size: 2.66vh; }

}

@media screen and (orientation: portrait) and (max-aspect-ratio: 16/9) and (max-width: 600px) {

	div#sectionName, div#sectionNameTop, div#itemRoles {
		font-size: 1vh;
	}

	div#itemTitle h1, div#itemTitleTop h1 {
		font-size: 3.25vh;
	}
	
	body.isTor-de-vries div#itemDesc {
		left: 2vw;
		bottom: 2vh;
	}
}

@media screen and (orientation: portrait) and (max-height: 680px) {

	div#sectionName, div#sectionNameTop, div#itemRoles {
		font-size: 2vh;
	}
	
	div#chapterThumbs {
		width: 80vw;
	}

	div#itemTitle h1, div#itemTitleTop h1 {
		font-size: 6vh;
	}

	div#sectionName, div#itemTitle, div#itemRoles, div#itemDesc, div#sectionNameTop, div#itemTitleTop, div#itemDescTop {
		width: 80vw;
		margin-right: 0;
		float: left;
		clear: left;
	}
	
	body.isChapter div#itemTitleTop, body.isChapter div#itemDescTop, body.isChapter div#sectionNameTop,
	body.isChapter.isTor-de-vries div#itemTitle, body.isChapter.isTor-de-vries div#itemDesc { display: inline-block; }

	body.isChapter div#itemTitle, body.isChapter div#itemDesc, body.isChapter div#sectionName,
	body.isChapter.isTor-de-vries div#mainContent div#sectionName, body.isChapter.isTor-de-vries div#itemTitleTop, body.isChapter.isTor-de-vries div#itemDescTop, body.isChapter.isTor-de-vries div#sectionNameTop { display: none; }

	div.sampleSquare {
		width: 80vw;
		height: 90vw;
		margin-right: 0;
	}
	
	div#chapterThumbs div.sampleSquare {
		width: 35vw;
		height: 44vw;
	}
	
	div#chapterThumbs div.sampleCaption {
		height: 7.5vw;
	}
	
	div.sampleVideo {
		width: 80vw;
		float: left;
		clear: left;
	}


	
	div.sampleCaption { height: 8vw; }

	div#sectionName, div#sectionNameTop { 
		padding-top: 2vh;
	} 
	
	div#itemDesc, div#itemDescTop {
		padding-bottom: 2vh;
		margin-bottom: 2vh;
	}


	div#subNavBox {
		height: 7vw;
		right: 5vw;
	}

	div#subNavBox a {
		font-size: 4vw;
	}


}

/* hide recaptcha badge */
div.grecaptcha-badge {
	display: none !important;
}