/*!
 * Project:   Geof Harries 2016 (print)
 * Date:      2016/08/24
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #111; font: 300 20px/1.4 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 28px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

.root-a { max-width: 860px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }

/*!
 * Modules
/* ---------------------------------------- */

.content-a { }
 .content-a a:after { content: " (" attr(href) ")"; color: #555; font-size: 0.8em; font-style: italic; }
 .content-a a[href^="#"]:after { content: ""; }

[data-number]:before { float: left; content: attr(data-number); margin: 0 20px 0 0; color: #ccc; font: 100 48px/1 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; }

.footer-a { margin: 35px 0 0; padding: 35px 0 0; border-top: 1px solid #ccc; font-size: 14px; text-align: center; }
 .footer-a p { margin-bottom: 15px; }
 .footer-a .wrap.b { display: none; }
 .footer-a .wrap.c { display: none; }

.intro-a { }
 .intro-a:after { display: table; clear: both; content: ''; }
 .intro-a figure { float: right; width: 330px; margin: 0 0 20px 30px; }

.teaser-a { position: relative; }
.teaser-a + .teaser-a { padding-top: 21px; }
 .teaser-a + .teaser-a:before { position: absolute; left: -30px; top: 0; right: -30px; content: ''; height: 1px; background: #ccc; }
 .teaser-a:after { display: table; clear: both; content: ''; }
 .teaser-a > a { display: block; box-shadow: none !important; color: inherit; font-weight: inherit; }
  .teaser-a > a:after { display: table; clear: both; content: ''; }
  .teaser-a header { }
   .teaser-a .hx { margin-bottom: 0; }
    .teaser-a a:hover .hx span { color: #111; box-shadow: 0 1px 0; }
   .teaser-a .meta { clear: left; padding-top: 5px; color: #888; font-size: 16px; }

.top-a { margin: 0 0 35px; padding: 0 0 35px; border-bottom: 1px solid #ccc; }
 .top-a .logo { margin-bottom: 0; font-size: 20px; font-weight: bold; }
  .top-a .logo a { color: #000; text-decoration: none; }
  .top-a .logo img { display: block; }
 .top-a .toggler { display: none; }

.tx-a { font-size: 28px; font-weight: 300; }

.skips-a { display: none; }

/*!
 * Helpers
/* ---------------------------------------- */

[data-equalize] { height: auto !important; min-height: 0 !important; }

.alignright { float: right; max-width: 50%; margin: 0 0 21px 30px; }
.alignleft { float: left; max-width: 50%; margin: 0 21px 30px 0; }
 .alignright img, .alignleft img { display: block; max-width: 100%; }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label:first-child { display: block; margin: 0 0 5px; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { padding: 0 9px; border-radius: 0; box-shadow: none; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 4px 4px 4px 9px; line-height: 1.2; resize: vertical; }
 button { overflow: visible; padding: 0 10px; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 28px; }
h1, .h1 { color: #AC584B; font: 42px/1.1 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h2, .h2 { color: inherit; font: bold 30px/1.3 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h3, .h3 { color: inherit; font: bold 24px/1.4 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h4, .h4 { color: #067985; font: 22px/1.3 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h5, .h5, h6, .h6 { color: #868686; font: 16px/1.4 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }


nav { display: none; }

ul, ol, dd, blockquote { padding-left: 30px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #058; text-decoration: none; }

figure { display: inline-block; max-width: 100%; padding: 9px; border: 1px solid #ccc; background: #fff; vertical-align: top; }
figure.borderless { display: block; padding: 0; border: none; background: transparent; }
 figure img { display: block; }
 img { max-width: 100%; border-width: 0; } .ie8 img { max-width: none; }
 img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 figcaption { margin-top: 9px; font-size: 16px; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }

hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; }