/
style.css
7 lines (7 loc) · 30.3 KB
/
style.css
1
2
3
4
5
6
7
/*!
Theme Name: Mr. Fanton
Theme URI: https://github.com/dylanfisher/mrfanton
Author: <a href="http://www.dylanfisher.com/">Dylan Fisher</a>
Description: This theme was built with the 5andbox wordpress theme.
Version: 2.0
*/body,h1,h2,h3,h4,h5,h6,html{font-family:comune,sans-serif}a,mark{color:#000}img,legend{border:0}pre,textarea{overflow:auto}legend,td,th{padding:0}.blank-link,a{text-decoration:none}.hidden,.invisible{visibility:hidden}.clearfix:after,.container-fluid:after,.container:after{clear:both}@font-face{font-family:comune;src:url(fonts/tt-comune-regular.eot);src:url(fonts/tt-comune-regular.eot?#iefix) format("embedded-opentype"),url(fonts/tt-comune-regular.woff2) format("woff2"),url(fonts/tt-comune-regular.woff) format("woff"),url(fonts/tt-comune-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:comune;src:url(fonts/tt-comune-regular_italic.eot);src:url(fonts/tt-comune-regular_italic.eot?#iefix) format("embedded-opentype"),url(fonts/tt-comune-regular_italic.woff2) format("woff2"),url(fonts/tt-comune-regular_italic.woff) format("woff"),url(fonts/tt-comune-regular_italic.ttf) format("truetype");font-weight:400;font-style:italic}.ibfix{font-size:0;letter-spacing:-4px}.ib{display:inline-block}html{font-size:62.5%}body,h1,h2,h3,h4,h5,h6{font-size:3.9vw;line-height:5.2vw;font-weight:400;letter-spacing:0;font-style:normal}@media (min-width:768px){html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}body,h1,h2,h3,h4,h5,h6{font-size:2.3vw;line-height:2.7vw}.container{width:calc($container-tablet-size + $grid-gutter-width)}}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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}.container-fluid:after,.container-fluid:before,.container:after,.container:before{content:" ";display:table}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle;max-width:100%;height:auto}.align-top,div{vertical-align:top}svg:not(:root){overflow:hidden}figure{margin:1em 40px}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=submit],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}.information__close-button,.pointer{cursor:pointer}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;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}.ir,.overflow-hidden,.visuallyhidden{overflow:hidden}table{border-collapse:collapse;border-spacing:0}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:3.5vw;padding-right:3.5vw}@media (min-width:992px){.container{width:calc($container-desktop-size + $grid-gutter-width)}}@media (min-width:1200px){.container{width:calc($container-large-desktop-size + $grid-gutter-width)}}.row{margin-left:-1.75vw;margin-right:-1.75vw;font-size:0;letter-spacing:-4px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:1.75vw;padding-right:1.75vw}fieldset,hr{border:0;padding:0}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{display:inline-block}.col-xs-1{width:8.3333333333%}.col-xs-2{width:16.6666666667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333333333%}.col-xs-5{width:41.6666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333333333%}.col-xs-8{width:66.6666666667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333333333%}.col-xs-11{width:91.6666666667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.3333333333%}.col-xs-pull-2{right:16.6666666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333333333%}.col-xs-pull-5{right:41.6666666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333333333%}.col-xs-pull-8{right:66.6666666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333333333%}.col-xs-pull-11{right:91.6666666667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.3333333333%}.col-xs-push-2{left:16.6666666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333333333%}.col-xs-push-5{left:41.6666666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333333333%}.col-xs-push-8{left:66.6666666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333333333%}.col-xs-push-11{left:91.6666666667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.3333333333%}.col-xs-offset-2{margin-left:16.6666666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.3333333333%}.col-xs-offset-5{margin-left:41.6666666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.3333333333%}.col-xs-offset-8{margin-left:66.6666666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.3333333333%}.col-xs-offset-11{margin-left:91.6666666667%}.col-xs-offset-12{margin-left:100%}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{display:inline-block}.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.3333333333%}.col-sm-offset-2{margin-left:16.6666666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333333333%}.col-sm-offset-5{margin-left:41.6666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.3333333333%}.col-sm-offset-8{margin-left:66.6666666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333333333%}.col-sm-offset-11{margin-left:91.6666666667%}.col-sm-offset-12{margin-left:100%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{display:inline-block}.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.3333333333%}.col-md-offset-2{margin-left:16.6666666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333333333%}.col-md-offset-5{margin-left:41.6666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.3333333333%}.col-md-offset-8{margin-left:66.6666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.3333333333%}.col-md-offset-11{margin-left:91.6666666667%}.col-md-offset-12{margin-left:100%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{display:inline-block}.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.3333333333%}.col-lg-offset-2{margin-left:16.6666666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333333333%}.col-lg-offset-5{margin-left:41.6666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.3333333333%}.col-lg-offset-8{margin-left:66.6666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.3333333333%}.col-lg-offset-11{margin-left:91.6666666667%}.col-lg-offset-12{margin-left:100%}}.block,.ir:before,hr{display:block}[class*=col-xs-],[class*=col-sm-],[class*=col-md-],[class*=col-lg-]{font-family:comune,sans-serif;font-size:3.9vw;line-height:5.2vw;font-weight:400;letter-spacing:0;font-style:normal}@media (min-width:768px){[class*=col-xs-],[class*=col-sm-],[class*=col-md-],[class*=col-lg-]{font-size:2.3vw;line-height:2.7vw}body{transition:background .4s}}@media (max-width:767px){[class*=col-xs-],[class*=col-sm-],[class*=col-md-],[class*=col-lg-]{padding-left:0;padding-right:0}}*{box-sizing:border-box}button,html,input,select,textarea{color:#000}hr{box-sizing:content-box;height:1px;border-top:1px solid #ccc;margin:1em 0}#map-canvas img{max-width:none}fieldset{margin:0}.margin-top-tiny{margin-top:5px}.margin-top-small{margin-top:10px}.margin-top-medium{margin-top:20px}.margin-top-large{margin-top:40px}.margin-top-huge{margin-top:80px}.margin-bottom-tiny{margin-bottom:5px}.margin-bottom-small{margin-bottom:10px}.margin-bottom-medium{margin-bottom:20px}.margin-bottom-large{margin-bottom:40px}.margin-bottom-huge{margin-bottom:80px}.padding-top-tiny{padding-top:5px}.padding-top-small{padding-top:10px}.padding-top-medium{padding-top:20px}.padding-top-large{padding-top:40px}.padding-top-huge{padding-top:80px}.padding-bottom-tiny{padding-bottom:5px}.padding-bottom-small{padding-bottom:10px}.padding-bottom-medium{padding-bottom:20px}.padding-bottom-large{padding-bottom:40px}.padding-bottom-huge{padding-bottom:80px}.right{text-align:right}.left{text-align:left}.center,.chromeframe,.grid-item,.wp-caption{text-align:center}.uppercase{text-transform:uppercase}.regularcase{text-transform:lowercase}.control-button,.information-link,.site-title{text-transform:uppercase}.no-list,.no-list li,.no-list ul{padding:0;list-style:none}.auto{margin-left:auto;margin-right:auto}.default-link{border-bottom:1px solid;color:#000}.default-link:hover{border-bottom-style:dotted}.blank-link{border:0;color:#000}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.ir{background-color:transparent;border:0}.ir:before{content:"";width:0;height:150%}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.no-underline:hover{border-bottom:0!important}.chromeframe{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;padding:80px;background:#DCDCDC;color:#000;font-size:28px}.color-scheme--dark .controls,.color-scheme--dark .controls a,.color-scheme--dark .down-button,.color-scheme--dark .next-button,.color-scheme--dark .previous-button,.color-scheme--dark .site-title,.color-scheme--dark .site-title a,.information-link-wrapper a,.post__information-wrapper,.post__information-wrapper a{color:#fff}.chromeframe p{max-width:680px;margin:1em auto}.grid-item,.grid-item img{margin-bottom:15px}.default-link{text-decoration:underline}html.transitioning{overflow:hidden}.information-wrapper{position:absolute;top:0;left:0;width:100%;background:#000;height:100vh;overflow:auto}.information-open .information-wrapper{display:block}@media (max-width:767px){.information-wrapper{position:static;height:auto;width:auto}.information-open{position:static!important;background:#000}.information-open .information-wrapper{padding-left:1.75vw!important;padding-right:1.75vw!important}.information-open .information-link-wrapper{position:static;padding:0!important;-webkit-transform:none!important;transform:none!important;top:0!important;bottom:auto}.information-open .ajax-wrapper,.information-open .nav-col,.information-open .nav-outer-wrapper{display:none!important}}@media (min-width:768px){.information-wrapper a:hover,.post__information a:hover,p a:hover{opacity:0}.site-title{transition:opacity .8s}.scroll-column{position:absolute;height:100%;overflow-y:auto}.scroll-column-1{left:0;padding-left:3.5vw}.scroll-column-2{right:0;padding-right:3.5vw}body:not(.closing):not(.single-project-loaded) .home__post-title-wrapper:not(.active):hover .home__post-category,body:not(.closing):not(.single-project-loaded) .home__post-title-wrapper:not(.active):hover .home__post-title{display:inline}body:not(.closing):not(.single-project-loaded) .home__post-title-wrapper:not(.active):hover .home__post-title{visibility:hidden}body:not(.closing):not(.single-project-loaded) .home__post-title-wrapper:not(.active):hover .home__post-image{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:2}}.gutters{padding-left:1.75vw;padding-right:1.75vw}.large-gutters{padding-left:3.5vw;padding-right:3.5vw}.home__post-title-wrapper{display:inline-block}@media (min-width:768px){.home__post-title-wrapper:hover .home__post-title-link{display:inline-block}.home__post-title-wrapper.active .home__post-image__inner{-webkit-transform:translate(0,0);transform:translate(0,0)}}.home__post-category,.home__post-image{display:none}@media (min-width:768px){.home__post-image{display:block;position:fixed;width:100%;height:100vh;top:0;left:100%;z-index:1;overflow:hidden;transition:-webkit-transform .8s cubic-bezier(.23,1,.32,1);transition:transform .8s cubic-bezier(.23,1,.32,1)}.grid-mode .home__post-image{width:100%}.home__post-image__inner{transition:-webkit-transform .8s cubic-bezier(.23,1,.32,1);transition:transform .8s cubic-bezier(.23,1,.32,1)}}.home__post-image__inner{background-size:cover;background-position:50%,50%;background-repeat:no-repeat;width:100%;height:100%;-webkit-transform:translate(-25%,0);transform:translate(-25%,0)}.information-link-wrapper{position:fixed;top:100%;left:0;background:#000;width:100%;height:100%;padding-top:10px;padding-bottom:10px;color:#fff}.is-hovering-on-list-item .information-link-wrapper,.list-mode.js-single-project-closing .information-link-wrapper{z-index:-1}.information-link-inner-wrapper{position:absolute;background:#000;width:100%;height:2em;top:-2em;line-height:2;left:0}.information-link:hover{opacity:0}.page-information .information-link-wrapper{-webkit-transform:translate(0,-100vh);transform:translate(0,-100vh)}body.single-project-loaded .nav-col{width:100%!important}body.single-project-loaded .home__post-title-wrapper--grid.active{position:absolute;width:100%!important;top:0;left:0}body.single-project-loaded .home__post-title-wrapper--grid.active .home__post-image--grid{opacity:1}body.single-project-loaded .ajax-wrapper,body.single-project-loaded .controls{display:block}body.closing .home__post-title-wrapper{display:inline-block}body.closing .ajax-wrapper{display:block}@media (min-width:768px){.ajax-wrapper__featured-image{height:100vh}}.ajax-wrapper{display:none;position:absolute;z-index:1;top:0;left:0}.ajax-wrapper,.ajax-wrapper .content{background:#fff}.color-scheme--dark .ajax-wrapper,.color-scheme--dark .ajax-wrapper .content{background:#1D1D1E}.site-title__hover-text{display:none}.home .site-title__hover-text{display:block}@media (min-width:768px){.home .site-title__hover-text,.site-title__hover-text{display:none}}.home-page-nav{padding-bottom:90px;margin-top:calc(2.7vw + 30px)}.site-title{position:fixed;padding:0;z-index:10}@media (max-width:767px){.ajax-wrapper{width:100%;height:100%}.home-page-nav{margin-top:calc(5.2vw + 2em)}.grid-mode .home-page-nav{margin-top:10.4vw}.site-title{top:10px;left:1.75vw}}.site-title a{display:inline-block}.nav-outer-wrapper{padding-left:1.75vw;padding-right:1.75vw}@media (min-width:768px){.site-title{top:30px}.site-title a:hover .site-title__hover-text,.site-title a:hover .site-title__text{display:inline}.site-title a:hover .site-title__text{visibility:hidden}.nav-outer-wrapper{position:fixed;top:0;left:0;width:100%;height:100%}.nav-col{padding-left:1.75vw;padding-right:1.75vw;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto}}.grid-mode .home-page-nav{margin-top:100px;padding-right:0;width:100%}.grid-item.grid-item--hover .grid-item__title,.grid-item.grid-item--hover img{opacity:0}.grid-item.grid-item--hover .grid-item__category{opacity:1}@media (max-width:767px){.navigation-list-wrapper>.col-sm-6{padding-left:0;padding-right:0}.grid-mode .home-page-nav{margin-top:15.6vw}.grid-item{padding:0!important;margin-bottom:1em}}.page .ajax-wrapper .post__images{padding-left:0!important;padding-right:0!important}.home__post-image--grid{display:none;opacity:0;left:0;background-size:cover;background-position:50%,50%;background-repeat:no-repeat}.home__post-title-wrapper--grid.active .home__post-image--grid,.single-project-closing .home__post-title-wrapper--grid .home__post-image--grid{display:block}.home__post-title-wrapper.active .home__post-image{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.grid-mode.single-project-loaded .home__post-image{width:calc(100% + 1.75vw);left:-1.75vw}.grid-mode.single-project-loaded .page .home__post-image{width:calc(100% + 3.5vw)}.single-project-loaded .home__post-title-link--grid-mode{cursor:default}@media (max-width:767px){.single-project-loaded .nav-col{display:none}}.featured-image-as-background{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.single-post-content iframe{max-width:100%!important;border:0}.post__images{padding-top:1.75vw}.post__images img{padding-bottom:1.75vw}@media (min-width:768px){.grid-item__category{opacity:0}.ajax-wrapper__post{overflow:hidden}.home__post-image--grid{transition:opacity .4s}.featured-image-for-mobile{display:none}.featured-image-as-background{display:block}.post__images{padding-top:3.5vw}.post__images img{padding-bottom:3.5vw}.post__images .full-width-image{margin-left:-1.75vw;margin-right:-1.75vw;width:calc(100% + 3.5vw)!important}.post__images .partial-width-image{padding:0 1.75vw}}.post__images__image-wrapper{display:inline-block;text-align:center}@media (max-width:767px){.post__images__image-wrapper{width:100%!important}}.post__information-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:#000}.showing-post-information .post__information-wrapper{display:block}.showing-post-information{height:100vh;overflow:hidden}.post__information{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;padding-bottom:40px}.post__information__content{padding-top:4em}@media (min-width:768px){.post__information{padding-bottom:0}.post__information__content{padding-top:calc(30px + 2.7vw)}}.post__information__credits{padding-top:0}.indented-character+br{display:none}.indented-character__character,.indented-character__content{display:inline-block}.indented-character__character{min-width:6vw}.color-scheme--dark{background:#1D1D1E}.color-scheme--dark .controls,.color-scheme--light .controls{display:block!important}.controls,.information-open .grid-button,.information__close-button{display:none}@media (max-width:767px){.post__information{overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-left:1.75vw;padding-right:1.75vw}.information-open,.showing-post-information{position:fixed;width:100%;height:100%;top:0;left:0}}.information-open .controls,.information-open .controls a,.information-open .site-title,.information-open .site-title a,.showing-post-information .controls,.showing-post-information .controls a,.showing-post-information .site-title,.showing-post-information .site-title a{color:#fff!important}.background-checker,.background-checker-bottom{position:fixed;left:0;height:80px;width:100%;z-index:-1}.background-checker{top:0}.background-checker-bottom{bottom:0}.background--light .controls,.background--light .controls a,.background--light .controls svg *,.background--light .site-title,.background--light .site-title a,.background--light .site-title svg *,.color-scheme--light .controls,.color-scheme--light .controls a,.color-scheme--light .controls svg *,.color-scheme--light .site-title,.color-scheme--light .site-title a,.color-scheme--light .site-title svg *{color:#000;stroke:#000}.background--dark .controls,.background--dark .controls a,.background--dark .controls svg *,.background--dark .site-title,.background--dark .site-title a,.background--dark .site-title svg *,.color-scheme--dark .controls,.color-scheme--dark .controls a,.color-scheme--dark .controls svg *,.color-scheme--dark .site-title,.color-scheme--dark .site-title a,.color-scheme--dark .site-title svg *{color:#fff;stroke:#fff}.controls__bottom-controls.background--light a,.controls__bottom-controls.background--light svg *{color:#000;stroke:#000}.controls__bottom-controls.background--dark a,.controls__bottom-controls.background--dark svg *{color:#fff;stroke:#fff}.post-information-transition-out .showing-post-information.color-scheme--light .controls,.post-information-transition-out .showing-post-information.color-scheme--light .site-title{color:#000!important}.showing-post-information .down-button,.showing-post-information .next-button,.showing-post-information .previous-button{opacity:0}.control-button{position:fixed;z-index:10;cursor:pointer;left:0}.control-button svg *{stroke:#000}.close-button,.grid-button,.images-button,.information__close-button,.list-button,.read-button{top:10px;padding-left:1.75vw}.close-button,.information__close-button{right:1.75vw}@media (min-width:768px){.post__information__credits{padding-top:calc(30px + (2.7vw * 2))}.indented-character__character{min-width:45px}.controls,.controls a,.controls svg *,.site-title,.site-title a,.site-title svg *{transition:color .8s,stroke .8s,opacity .4s!important}.controls{transition:opacity .8s}.close-button,.grid-button,.images-button,.information__close-button,.list-button,.read-button{top:30px;padding-left:.875vw}.close-button:hover,.grid-button:hover,.images-button:hover,.information__close-button:hover,.list-button:hover,.read-button:hover{opacity:0}.close-button,.information__close-button{right:auto;padding-left:1.75vw}}@media (max-width:767px){.close-button,.information__close-button{left:auto}.information__close-button-wrapper{position:absolute;top:0;right:0}.information__close-button-wrapper br{display:none}.read-button{top:auto}}.information-open .information__close-button{display:block}.read-button{bottom:10px}@media (min-width:768px){.read-button{bottom:auto}}.showing-post-information .read-button{display:none}.images-button{display:none;bottom:10px}.showing-post-information .images-button{display:block}@media (max-width:767px){.images-button{top:auto}.grid-button,.list-button{top:1.75vw;right:1.75vw;left:auto;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom;transform-origin:bottom;padding:0}}@media (min-width:768px){.images-button{bottom:auto}.grid-button,.list-button{z-index:1}.single-project-loaded .grid-button,.single-project-loaded .list-button{display:none}.js-single-project-closing .grid-button,.js-single-project-closing .list-button{display:block;opacity:1}}.js-has-scrolled .down-button,.js-single-project-closing .close-button,.js-single-project-closing .down-button,.js-single-project-closing .next-button,.js-single-project-closing .previous-button,.js-single-project-closing .read-button{opacity:0}.down-button,.next-button,.previous-button{bottom:30px;z-index:9}.next-button,.previous-button{display:none;width:2.3vw}@media (min-width:768px){.next-button,.previous-button{display:block;width:1.15vw}}.previous-button{left:15px}.next-button{left:auto;right:15px}.down-button{display:none;width:11.5vw;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.next-button__post-name,.previous-button__post-name{white-space:nowrap;position:absolute;top:50%;margin-top:-.6em;line-height:normal;z-index:10}@media (min-width:768px){.down-button{transition:opacity .4s;display:block;width:5.175vw}.next-button__post-name,.previous-button__post-name{transition:-webkit-transform .4s;transition:transform .4s}}.previous-button__post-name{right:calc(100% + 15px)}.previous-button__post-name a{padding-left:50px}.next-button__post-name{left:calc(100% + 15px)}.next-button__post-name a{padding-right:50px}.previous-button:hover .previous-button__post-name{-webkit-transform:translate(calc(100%));transform:translate(calc(100%))}.next-button:hover .next-button__post-name{-webkit-transform:translate(calc(-100%));transform:translate(calc(-100%))}.js-single-project-closing .controls,.js-single-project-closing .controls a,.js-single-project-closing .controls svg *,.js-single-project-closing .site-title,.js-single-project-closing .site-title a,.js-single-project-closing .site-title svg *{color:#000;stroke:#000}.single-page-previous-post-buttons{display:none}.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}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}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}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;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}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:active,.screen-reader-text:focus,.screen-reader-text:hover{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#nprogress{pointer-events:none}#nprogress .bar{background:#BDBDBD;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #BDBDBD,0 0 5px #BDBDBD;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#BDBDBD;border-left-color:#BDBDBD;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}