style.css

/*!
 * ptb-site
 * WordPress Page Type Builder
 * wp-ptb.github.io
 * @author Johnie Hjelm <johnie@hjelm.im>
 * @version 0.0.1
 * Copyright 2014. ISC licensed.
 */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{margin:.67em 0}h2{margin:.83em 0}h3{margin:1em 0}h4{margin:1.33em 0}h5{margin:1.67em 0}h6{margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}q:after,q:before{content:'';content:none}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:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font:1em/1.5 "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;overflow-y:scroll;min-height:100%;color:#181F27}.main{padding:4em 10px}@media only screen and (max-width:480px){.main{padding:1em 10px}}.section{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #ddd}.section:last-of-type{margin-bottom:0;border-bottom:none}.credit{padding-top:2em;text-align:center;font-size:1.5em}@media only screen and (max-width:480px){.credit{font-size:1em;padding-top:0}}.alpha,h1{font-size:60px;font-size:3.75rem;line-height:1.2}@media only screen and (max-width:480px){.alpha,h1{font-size:2.5em}}.beta,h2{font-size:45px;font-size:2.8125rem;line-height:1.06667;margin-top:2em}@media only screen and (max-width:480px){.beta,h2{font-size:1.8em}}.gamma,h3{font-size:40px;font-size:2.5rem;line-height:1.2;margin-top:2em}@media only screen and (max-width:480px){.gamma,h3{font-size:1.6em}}.delta,h4{font-size:24px;font-size:1.5rem;line-height:1;margin-top:2em}.epsilon,h5{font-size:20px;font-size:1.25rem;line-height:1.2;margin-top:2em}.zeta,h6{font-size:16px;font-size:1rem;line-height:1.5;margin-top:2em}.giga{font-size:96px;font-size:6rem;line-height:1}.mega{font-size:72px;font-size:4.5rem;line-height:1}.kilo{font-size:48px;font-size:3rem;line-height:1}.section-title{font-weight:700;letter-spacing:1px;position:relative;color:#181F27;text-transform:uppercase;font-size:1.6em}@media only screen and (max-width:480px){.section-title{font-size:1.2em}}.lead{font-size:1.4em;margin-bottom:2em}@media only screen and (max-width:480px){.lead{font-size:1.1em}}p{font-family:"Roboto Slab","Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-size:1.2em;line-height:1.68;font-weight:300;margin-bottom:1.5em}@media only screen and (max-width:480px){p{font-size:.9em}}strong{font-weight:600}em,i{font-style:italic}blockquote{background-color:#f9f9f9;padding:1em 2em;border-left:5px solid #00AFC4}@media only screen and (max-width:480px){blockquote{margin:0;padding:5px 20px}}a{color:#00AFC4;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}a:hover{color:#181F27}ol,ul{font-size:1.2em;font-family:"Roboto Slab","Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-weight:300;margin-bottom:2em}@media only screen and (max-width:480px){ol,ul{font-size:1em}}.input{display:block}.input input{background-color:#EDF3F3;color:#181F27;border:none;-webkit-border-radius:4px;border-radius:4px;padding:1em 1.5em}.input input:hover{-webkit-box-shadow:0 0 0 2px #ddd;box-shadow:0 0 0 2px #ddd}.input input:focus{outline:0;-webkit-box-shadow:0 0 0 3px #00AFC4;box-shadow:0 0 0 3px #00AFC4}.textarea{width:100%;background-color:#EDF3F3;resize:vertical;padding:1em 1.5em;font-size:20px;border:none;-webkit-border-radius:4px;border-radius:4px}.control{position:relative;display:inline-block;padding-left:1.5rem;color:#555;cursor:pointer}.control input{position:absolute;opacity:0;z-index:-1}.control-indicator{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;line-height:1rem;font-size:65%;color:#ddd;text-align:center;background-color:#ddd;-webkit-background-size:50% 50%;background-size:50% 50%;background-position:center center;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control input:focus~.control-indicator{-webkit-box-shadow:0 0 0 .075rem #fff,0 0 0 .2rem #00AFC4;box-shadow:0 0 0 .075rem #fff,0 0 0 .2rem #00AFC4}.control input:active~.control-indicator,.control input:checked~.control-indicator{color:#fff;background-color:#00AFC4}.checkbox .control-indicator{-webkit-border-radius:.25rem;border-radius:.25rem}.checkbox input:checked~.control-indicator{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=)}.radio .control-indicator{-webkit-border-radius:50%;border-radius:50%}.radio input:checked~.control-indicator{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==)}.control-x input:checked~.control-indicator{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==)}.control-dash input:checked~.control-indicator{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K)}.select{position:relative;display:inline-block;color:#555}.select select{display:inline-block;width:100%;margin:0;padding:.5rem 2.25rem .5rem 1rem;line-height:1.5;color:#555;background-color:#EDF3F3;border:0;-webkit-border-radius:.25rem;border-radius:.25rem;cursor:pointer;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.select:after{position:absolute;top:50%;right:1.25rem;display:inline-block;content:"";width:0;height:0;margin-top:-.15rem;pointer-events:none;border-top:.35rem solid;border-right:.35rem solid transparent;border-bottom:.35rem solid transparent;border-left:.35rem solid transparent}.select select:focus{-webkit-box-shadow:0 0 0 .075rem #fff,0 0 0 .2rem #00AFC4;box-shadow:0 0 0 .075rem #fff,0 0 0 .2rem #00AFC4}.select select:active{color:#fff;background-color:#00AFC4}.select select::-ms-expand{display:none}@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:'';padding-right:1rem}.select option{background-color:#fff}}@media screen and (min-width:0\0){.select select{z-index:1;padding:.5rem 1.5rem .5rem 1rem}.select:after{z-index:5}.select:before{position:absolute;top:0;right:1rem;bottom:0;z-index:2;content:"";display:block;width:1.5rem;background-color:#EDF3F3}.select select:active,.select select:focus,.select select:hover{color:#555;background-color:#EDF3F3}}.code-selector{color:#D4233E}.code-param{color:#E7C53A}.code-value{color:#67BDE3}p code{background-color:#f0f0f0;padding:0 5px;-webkit-border-radius:3px;border-radius:3px;border-bottom:1px solid #ccc}img{display:block;max-width:100%;width:100%;height:auto}p img{margin-top:1em}@media only screen and (max-width:480px){img{float:none;clear:both;width:100%;margin-bottom:1em}}.cf:after,.footer:after,.grid:after,.header:after,.header__jumbotron:after,.nav:after,.navigation:after,.section-title:after{content:"";display:table;clear:both}.container{max-width:1100px;margin:0 auto}.grid{margin-left:-24px;list-style:none;margin-bottom:0}.grid>.grid{margin-left:0}.grid__item{display:inline-block;width:100%;padding-left:24px;vertical-align:top;float:left}@media only screen and (max-width:480px){.grid__item{display:block;width:100%!important;margin-bottom:5px}}.one-whole{width:100%}.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{width:50%}.four-twelfths,.one-third,.two-sixths{width:33.333%}.eight-twelfths,.four-sixths,.two-thirds{width:66.666%}.one-quarter,.three-twelfths,.two-eighths{width:25%}.nine-twelfths,.six-eighths,.three-quarters{width:75%}.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths{width:40%}.six-tenths,.three-fifths{width:60%}.eight-tenths,.four-fifths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}.btn{display:inline-block;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:100%;cursor:pointer;border:none;margin:0;padding:0 1.5em;line-height:2.5;position:relative;text-align:center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.btn,.btn:hover{text-decoration:none}.btn:active,.btn:focus{outline:0}.btn--primary{background-color:#00AFC4;color:#fff;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.btn--primary:hover{background-color:#181F27;color:#fff}.btn--secondary{background-color:#181F27;color:#fff;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.btn--secondary:hover{background-color:#00AFC4;color:#fff}.btn--tertiary{background-color:#fff;color:#181F27;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.btn--tertiary:hover{background-color:#181F27;color:#fff}.btn--quaternary{background-color:#181F27;color:#fff;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.btn--quaternary:hover{background-color:#fff;color:#181F27}.btn--small{font-size:1em}.btn--medium{font-size:1.5em}.btn--large{font-size:2em}.btn--full{width:100%}.btn--soft{-webkit-border-radius:4px;border-radius:4px}.btn--round{-webkit-border-radius:10em;border-radius:10em}.header{display:block;background-color:#00AFC4;color:#fff;height:auto;position:relative}.header__inner{position:relative;z-index:1;height:550px}@media only screen and (max-width:480px){.header__inner{height:400px}}.header__inner.not-front{height:330px}@media only screen and (max-width:480px){.header__inner.not-front{height:250px}}.header__jumbotron{width:850px;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;padding-top:30px}@media only screen and (max-width:480px){.header__jumbotron{top:55%;width:100%;font-size:12px;padding:0 10px}}.header:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(assets/images/header-bg.jpg) top center/cover no-repeat;-webkit-background-size:cover;opacity:.2}.site-name{font-size:5em;text-transform:uppercase;letter-spacing:-2px;margin:0 0 .3em;padding:0;text-align:center}@media only screen and (max-width:480px){.site-name{font-size:2.6em}}.site-desc{font-family:"Roboto Slab","Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif!important;font-weight:300;font-size:1.3em;line-height:1.68;margin:0 0 2em}.not-front .site-desc{margin-bottom:0}@media only screen and (max-width:480px){.site-desc{font-size:1.2em;font-weight:400}}.nav{list-style:none;margin-left:0;font-family:"Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif}.nav>li,.nav>li>a{display:inline-block;zoom:1}.nav--stacked>li{display:list-item}.nav--stacked>li>a{display:block}.nav--banner{text-align:center}.nav--fit{display:table;width:100%}.nav--fit>li{display:table-cell}.nav--fit>li>a{display:block}.navigation{text-transform:uppercase;background-color:#181F27;position:relative}.navigation__inner{height:60px}@media only screen and (max-width:480px){.navigation__inner{height:50px}}.navigation ul{margin:0}@media only screen and (max-width:480px){.navigation ul{padding:0;position:absolute;width:100%;top:100%;z-index:2;display:none}.navigation ul.active{display:block}}.navigation ul li{position:relative;line-height:60px}@media only screen and (max-width:480px){.navigation ul li{line-height:45px;display:block;background-color:#181F27;border-top:1px solid #aaa}}.navigation ul li a{text-decoration:none;font-weight:700;color:#ccc;font-size:15px;letter-spacing:1px;padding:0 2.5em;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.navigation ul li a.active,.navigation ul li a:hover{color:#fff}@media only screen and (max-width:480px){.navigation ul li a{font-size:14px;padding:0}}.responsive-title{font-size:1.1em;font-weight:700;position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none;visibility:hidden}@media only screen and (max-width:480px){.responsive-title{display:block;visibility:visible}}.menu-btn{background-color:#fff;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-indent:-9999px;width:25px;height:3px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;text-decoration:none;display:none;visibility:hidden}.menu-btn:after,.menu-btn:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:#fff;left:0}.menu-btn:before{top:-200%}.menu-btn:after{top:200%}@media only screen and (max-width:480px){.menu-btn{display:block;visibility:visible}}.footer{background-color:#EDF3F3;border-top:5px solid #ddd;height:auto}.footer__inner{min-height:150px;padding:2em 0}.footer__nav-logo{display:block;margin:0 auto 1em;width:50px;height:auto}.copyright{font-style:normal;color:#aaa;display:block;text-align:center;font-size:12px}