body { background: #111 url(../images2018/arhero.png) no-repeat fixed center bottom / cover; color: #999; font-family: "Open Sans", "Helvetica Neue", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.article { background-image: none; } .goth { font-family: 'Pathway Gothic One', sans-serif; text-transform:uppercase; letter-spacing: .05rem; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .script { font-family: "jbt-annabelle-1","jbt-annabelle-2", Georgia, serif; text-transform:none; font-weight: normal; } .dim { font-size: .9rem; } .dim a { color: #999; border-bottom: 1px dotted #444; margin-right: 5px; margin-left: 5px; } .sec-descr p.dim { margin-top: 20px; } small { text-transform:uppercase; color: #666; font-size: 1rem; } hr { border-color: #222; } .all-center { text-align: center; } .b-white { background: #fff; } .b-dark { background: #111; } .card { border-radius: 50%; } .line-sm hr { border-color: #222; } .top-mar { margin-top: 40px; } .bot-mar { margin-bottom: 40px; } .top-pad { padding-top: 40px; } .bot-pad { padding-bottom: 40px; } .rule hr { border-color: #444; } /* font-family: 'Pathway Gothic One', sans-serif; font-family: "jbt-annabelle-1","jbt-annabelle-2", Georgia, serif; */ h1, h2, h3, h4 { font-family: "Pathway Gothic One", sans-serif; text-transform: uppercase; letter-spacing: .05rem; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a {color: #ffb901; border-bottom: 1px dotted #444;} a:hover {color: #fff; border: none; text-decoration: none;} .active a {color: #fff;} a.navbar-brand {border: none;} .btn { border-radius: 20px; } .btn-outline-warning { color: #ffb901; background-color: transparent; background-image: none; border-color: #ffb901; } .btn-outline-warning:hover { color: #111; background-color: #ffb901; background-image: none; border-color: #ffb901; } .btn-outline-white, li.active .btn-outline-white:hover { color: #fff; background-color: transparent; background-image: none; border-color: #fff; } .btn-outline-white:hover { color: #111; background-color: #fff; background-image: none; border-color: #fff; } .navbar-dark .navbar-toggler { /*border-color: rgba(255,255,255,.4);*/ border: none; } .navbar.navbar-dark { /*background: transparent;*/ } .navbar-dark .navbar-toggler:focus { color: rgba(255,255,255,.5); border-color: #fc0; } #navbarHeader { background: #191919; } .intro { height: 400px; } .intro .row { height: 400px; } .intro p { color: #ccc; } .intro .line li { margin-right: 15px; margin-left: 15px; font-family: "jbt-annabelle-1","jbt-annabelle-2", Georgia, serif; } .intro .line li a { font-size: 18px; margin-bottom: 15px; font-weight: 300; } .intro ul.list-unstyled { font-size: 40px; } .intro .list-unstyled li a:hover { color: #fff; text-decoration: none; }@media screen and (max-width: 430px) { .intro ul.list-unstyled { font-size: 26px; } } .top-line hr { margin-top: 80px; border-color: #222; width: 90%; } .sec-descr { padding-top: 60px; } .sec-descr h1 { margin-top: 5px; font-size: 26px; color: #ccc; line-height: 2.5rem; } .sec-descr hr { border-color: #444; } .sec-descr span { display: block; color: #666; } .articles { margin-top: 60px; } .articles h1 { font-size: 30px; margin-top: 5px; color: #aaa; } .articles p { margin-bottom: 10px; color: #ccc; } .my-writing { padding-top: 30px; padding-bottom: 80px; /*background: rgba(0,0,0,.3);*/ } .entry { margin-bottom: 30px; } .my-training { padding: 30px 0 250px; } .my-stats { padding-top: 60px; } .my-stats h1 { font-size: 90px; color: #ccc; font-weight: bold; } .my-stats h3 { margin-top: 40px; color: #444; } .my-stats span { display: block; clear: both; color: #888; font-size: 3rem; } @media screen and (max-width: 767px) { .days h1 { margin-bottom: -10px; } } .round-stats { margin-top: 150px; background: #333; height: 1px; overflow: visible; } .round-stats .col-sm-12 { margin-top: -85px; } .round-stats span { display: inline-block; background: #111; padding-right: 40px; padding-left: 40px; } .round-stats h1 { text-align: center; font-size: 140px; color: #ccc; font-weight: bold; } @media screen and (max-width: 500px) { .round-stats h1 { font-size: 80px; } .round-stats .col-sm-12 { margin-top: -50px; } } .article-wrap { padding-bottom: 80px; background: #fff; } .a-hero { height: 400px; } .fear { background: #111 url(../images2018/fear.jpg) no-repeat center left / cover; } .academy-hero { background: #111 url(../images2018/academy.jpg) no-repeat center left / cover; } .engaged { background: #111 url(../images2018/engaged.jpg) no-repeat center left / cover; } .lesson { background: #111 url(../images2018/lesson.jpg) no-repeat center left / cover; } .contracts { background: #111 url(../images2018/contract.jpg) no-repeat center left / cover; } .complex { background: #111 url(../images2018/complex.jpg) no-repeat center left / cover; } .demise { background: #111 url(../images2018/demise.jpg) no-repeat center left / cover; } .cave { background: #111 url(../images2018/cave.jpg) no-repeat center left / cover; } .duel { background: #111 url(../images2018/duel.jpg) no-repeat center left / cover; } .nick { background: #111 url(../images2018/nicktree.jpg) no-repeat center left / cover; } .news { background: #111 url(../images2018/news.jpg) no-repeat center left / cover; } .femen { background: #111 url(../images2018/femen.jpg) no-repeat center left / cover; } .cult { background: #111 url(../images2018/cult.jpg) no-repeat center left / cover; } .police { background: #111 url(../images2018/police.jpg) no-repeat center left / cover; } .bball { background: #111 url(../images2018/bball.jpg) no-repeat center left / cover; } .ccarry { background: #111 url(../images2018/ccarry.jpg) no-repeat center left / cover; } .yule { background: #111 url(../images2018/yule.jpg) no-repeat center left / cover; } .gestalt1 { background: #111 url(../images2018/gestalt1.jpg) no-repeat center center / cover; } .gestalt2 { background: #111 url(../images2018/gestalt2.jpg) no-repeat center center / cover; } .gestalt3 { background: #111 url(../images2018/gestalt3.jpg) no-repeat center center / cover; } .gestalt4 { background: #111 url(../images2018/gestalt4.jpg) no-repeat center center / cover; } .gestalt5 { background: #111 url(../images2018/gestalt5.jpg) no-repeat center center / cover; } .muzzles { background: #111 url(../images2018/muzzles.jpg) no-repeat center center / cover; } .usa { background: #111 url(../images2018/usa.jpg) no-repeat center center / cover; } .dissent { background: #111 url(../images2018/dissent.jpg) no-repeat center center / cover; } .dangerous { background: #111 url(../images2018/dangerous.jpg) no-repeat center center / cover; } .tweet { background: #111 url(../images2018/twitter-sus.jpg) no-repeat center center / cover; } .opencarry { background: #111 url(../images2018/opencarry.jpg) no-repeat center left / cover; } .client-hours { background: #111 url(../images2018/client-hours.jpg) no-repeat center center / cover; } .caleb { background: #111 url(../images2018/caleb.jpg) no-repeat center center / cover; } .employable { background: #111 url(../images2018/employable.jpg) no-repeat center center / cover; } .boysgirls { background: #111 url(../img21/boysgirls.jpg) no-repeat center center / cover; } .risk { background: #111 url(../img21/risk.jpg) no-repeat center center / cover; } .privilege-hero { background: #111 url(../img21/wpriv.jpg) no-repeat center top / cover; } @media screen and (max-width: 500px) { .a-hero { height: 218px; } .fear { background: #111 url(../images2018/fear-sm.jpg) no-repeat center center / cover; } } .a-title { padding: 60px 0; } .a-title small { display: block; color: #999; } .a-title h1 { color: #333; } .a-content hr { border-color: #ddd; } .a-title hr {border-color: #ddd;} .a-body { color: #333; } .a-body a {color: #cb9401; border-bottom: 1px dotted #999;} .a-body a:hover {color: #ccc; border: none; text-decoration: none;} .a-body blockquote { margin-top: 30px; margin-bottom: 30px; font-size: 1.3rem; font-style: italic; padding-left: 15px; border-left: 8px solid #ddd; } .a-body h2 { margin-top: 40px; } p.disclaimer { font-size: 1.2rem; color: #999; font-style: italic; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .a-full-img { border-bottom: 40px solid #fff; text-align:center; background: #fff; } .a-full-img * { margin: 0; padding: 0; } .a-full-img img { max-width: 100%; margin: 0 auto; } .bot-line { margin-top: 60px; } .backlink a { border-bottom: 1px dotted #ccc; } .backlink a:hover { border: none; color: #333; } .design-intro { padding: 200px 0; background: #111 url(../images2018/andyblur.jpg) no-repeat fixed center top / cover; position: relative; color: #fff; } @media screen and (max-width: 767px) { .design-intro { background: #111 url(../images2018/andyblur-sm.jpg) no-repeat right top / cover; } } .design-work { padding-top: 40px; } .port { padding: 60px 15px 140px; } .p-item { margin-bottom: 40px; } .p-item a { border: none; } .p-item img { opacity: .5; } .p-item img:hover { opacity: 1; } .p-item h2 { margin-top: 15px; margin-bottom: 0; } .title { padding: 100px 0; background: #ffb901; text-align: center; } .title h1 { font-size: 170px; color: rgba(256,256,256,.2); } @media screen and (max-width: 767px) { .title h1 { font-size: 100px; color: rgba(256,256,256,.3); } } @media screen and (max-width: 400px) { .title h1 { font-size: 60px; } } ul.my-articles { margin-top: 50px; } .my-articles li { margin-bottom: 30px; } .my-articles li a { min-height: 50px; } .code { background: #eaeae8; } .code-copy { padding-top: 50px; } .code-copy p { max-width: 500px; margin: 30px auto; text-align: center; } .code-copy p a { color: #999; } .book-shot { margin: 0; padding: 0; background: #eaeae8; } .book-shot img.big { display: block; } .book-shot img.small { display: none; } .dpro-copy { padding-bottom: 50px; } .dpro-copy h3 { padding-top: 50px; } .dpro-copy img { margin-top: 40px; margin-bottom: 40px; } .dpro-copy a { border: none; } .dpro-copy p a { color: #999; border-bottom: 1px dotted #999; } .dpro-copy p a:hover { border: none; } @media screen and (max-width: 767px) { .book-shot img.big { display: none; } .book-shot img.small { display: block; } } .archive { padding-top: 60px; padding-bottom: 140px; } .exit { padding: 300px 0; background: #111 url(../images2018/rapidfire.jpg) no-repeat left -60px / cover; position: relative; color: #fff; } @media screen and (max-width: 500px) { .exit { background: #111 url(../images2018/rapidfire.jpg) no-repeat -100px -60px / cover; } } .end { padding: 200px 0; } ol.footnote { font-style: italic; } .footnote a { border: none; text-decoration: none; } /* Table Styles ------------------------------------------------------------------------ */ table.clienthours { text-align: left; font-size: 1.2em; line-height: 1.3em; margin: 20px 0; } .clienthours td { padding: 10px 6px; } .clienthours thead th { background: #000; font-weight: bold; color: #fff; } .clienthours thead th { padding: 6px 6px 6px 5px; border-left: 1px solid #fff; } th#characteristics { background: #537777; border-left: none; padding: 6px; } tr.altrow td { background: #e4e4e4; } table.sampleproject { text-align: left; font-size: 1.2em; line-height: 1.3em; margin: 20px 0; color: #000; } .sampleproject td { padding: 6px; border-bottom: 1px solid #fff; } td.description { background: #d6d6d6; font-weight: bold; } td.hours { background: #e4e4e4; }