﻿@media screen and (max-width: 768px){#app{flex-grow:0 !important;width:50% !important;height:100% !important}#app .content{width:100vw !important}#app .content .content-arrow{display:none !important}#app .content .content-title{width:calc( 100% - 32px) !important;margin:0 16px 14px !important;top:0px !important;height:110px !important;padding-top:45px !important;padding-right:30px !important;text-align:right}#app .content .content-body{width:calc( 100% - 32px) !important;margin:0 16px 0px !important;padding-bottom:20px !important}}#app{flex-grow:1}#app #body{background:#777;height:100%}#app #body .body-container{height:100%;background:#fff;position:relative;z-index:3}#app #body .body-container .body-container-bg{width:100%;height:100%;position:absolute;background-size:cover;background-repeat:none;background-position:center center;z-index:4}#app #body .body-container .body-container-fg{position:absolute;width:100%;height:100%;background:rgba(30,30,30,0.3);z-index:5}#app #body .body-container .body-container-contents{position:absolute;z-index:6}#app .content{width:500px;height:100%;position:fixed;top:0;right:-530px;background:#fff;overflow-y:scroll;-webkit-transition:right 0.7s ease-out;transition:right 0.7s ease-out;-webkit-box-shadow:-5px 0px 30px -10px #7d7d7d;-moz-box-shadow:-5px 0px 30px -10px #7d7d7d;box-shadow:-5px 0px 30px -10px #7d7d7d;z-index:17}#app .content.open{right:0px;z-index:20}#app .content.closing{right:0px;z-index:19}#app .content .content-arrow{width:100%;padding:18px;position:-webkit-sticky;position:sticky;top:0px;background:#fff;z-index:4;text-align:right}#app .content .content-arrow i,#app .content .content-arrow svg{font-size:24px;cursor:pointer}#app .content .content-title{width:calc( 100% - 92px);margin:0 46px 24px;padding-bottom:5px;font-size:28px;text-transform:uppercase;border-bottom:5px solid #A0B329;position:-webkit-sticky;position:sticky;top:13px;background:#fff;z-index:5;letter-spacing:-2px}#app .content .content-body{width:calc( 100% - 92px);margin:0 46px 8px}#app .content p{color:#999;font-size:13px;margin-bottom:1.5em;font-weight:300;line-height:1.4;letter-spacing:0.2px}#app .content ul{list-style:none;padding:0;margin:0}#app .content ul.nomargin li{margin-bottom:2px}#app .content li{padding-left:1.4em;text-indent:-0.9em;margin-bottom:1.2em;font-size:13px;color:#444;font-weight:300;line-height:1.7}#app .content li::before{content:"■ ";color:#A0B329}#content-inner-about{height:697px}#content-inner-skills{height:571px}#content-inner-skills li{font-weight:400}#content-inner-experience{height:635px}#as-signature{max-width:150px}@media screen and (max-width: 768px){#hello-as .body-container-bg{background-position:26% center !important}#hello-as .body-container-contents #hello-as-line1,#hello-as .body-container-contents #hello-as-line2{font-size:32px !important}#hello-as .body-container-contents #hello-as-line3{font-size:14px !important}}#hello-as .body-container-bg{background-image:url("/img/assets/adrian_shipwright.jpg");background-position:center center}#hello-as .body-container-contents{position:absolute;left:60px;bottom:120px}#hello-as .body-container-contents #hello-as-line1,#hello-as .body-container-contents #hello-as-line2{color:#fff;font-size:46px;letter-spacing:-4px;text-transform:uppercase}#hello-as .body-container-contents #hello-as-line3{color:#ddd;font-size:36px;display:inline-block;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:12px 0;text-transform:uppercase;font-weight:300}@media screen and (max-width: 768px){#blog-list{height:100% !important}#blog-list .row{margin-bottom:80px}#blog-list .row .row-image{width:100% !important}#blog-list .row .row-image.left,#blog-list .row .row-image.right{float:none !important}#blog-list .row .row-text{width:100% !important}#blog-list .row .row-text.left,#blog-list .row .row-text.right{float:none !important}#blog-post-container{margin-top:80px !important}}#blog-list{height:100vh;overflow-y:scroll}#blog-list:after{content:"";display:table;clear:both}#blog-list .row:after{content:"";display:table;clear:both}#blog-list .row .row-text{width:50%;height:340px;position:relative;overflow:hidden}#blog-list .row .row-text .row-text-top{padding:30px 30px 0}#blog-list .row .row-text .row-text-bottom{width:100%;height:77px;position:absolute;bottom:0;padding:16px 32px;background:#fff;-webkit-box-shadow:0px -20px 15px -5px #fff;-moz-box-shadow:0px -20px 15px -5px #fff;box-shadow:0px -20px 15px -5px #fff}#blog-list .row .row-text .row-text-bottom .blog-more-button{display:inline-block;padding:12px;background:#A0B329;text-transform:uppercase;letter-spacing:-1px;font-size:22px;text-decoration:none;color:#000}#blog-list .row .row-text.left{float:left}#blog-list .row .row-text.right{float:right}#blog-list .row .row-image{width:50%;height:340px;background:#c8d3c5;overflow:hidden;background-size:cover}#blog-list .row .row-image.left{float:left}#blog-list .row .row-image.right{float:right}#blog-list .row .row-image img{max-width:100%;max-height:100%}#blog-post-container{padding:30px;height:100%;overflow-y:scroll}#blog-post-container .blog-title{max-width:600px}#blog-post-container .blog-img{margin-bottom:14px;max-width:600px}#blog-post-container .blog-img img{max-width:100%;max-height:350px}#blog-post-container .blog-content{max-width:600px}.blog-type{font-size:26px;font-weight:300;font-style:italic}.blog-title{font-weight:600;font-size:38px;text-transform:uppercase;letter-spacing:-4px;margin-bottom:6px}.blog-content{font-weight:300;letter-spacing:-0.4px;line-height:24px;font-size:16px;color:#444}input{width:400px}input,button,select,textarea,#blog-image-upload{padding:9px;font-size:14px;border-radius:4px;border:1px solid #aaa}button{background:#A0B329;cursor:pointer}textarea{width:600px;min-height:300px}#login{padding:30px}#author{padding:30px;height:100vh;overflow-y:scroll}#blog-image-upload{background:#A0B329;cursor:pointer;display:inline-block;font-weight:300;height:37px;line-height:18px}
