@charset "UTF-8";
/* ==========================================================================
   Sass variables
   ========================================================================== */
/* 
   Typography
   ========================================================================== */
/* 
   Colors
   ========================================================================== */
/* buttons */
/* brands */
/* links */
/* 
   Breakpoints
   ========================================================================== */
/* ==========================================================================
   Grid mixins
   ========================================================================== */
/* 
   Define number of columns in the grid
   Common values would be 12, 16 or 24
   ========================================================================== */
/* 
   Works out the width of elements based on total number of columns and width
   number of columns being displayed. Removes 20px for margins.
   ========================================================================== */
/* 
   Add x amount of column padding before an element
   Example: @include prefix(1,12);
   ========================================================================== */
/* 
   Add x amount of column padding after an element
   Example: @include suffix(2,12);
   ========================================================================== */
/* 
   Remove left margin
   Example: @include first;
   ========================================================================== */
/* 
   Remove right margin
   Example: @include last;
   ========================================================================== */
/* 
   Push an element x amount of column(s) to the right
   Example: @include push(2,12);
   ========================================================================== */
/* 
   Pull an element x amount of column(s) to the left
   Example: @include pull(1,12);
   ========================================================================== */
/* ==========================================================================
   Utility mixins
   ========================================================================== */
/* 
   Clearfix
   For clearing floats like a boss h5bp.com/q
   ========================================================================== */
/* 
   Webkit-style focus
   ========================================================================== */
/* 
   Center-align a block level element
   ========================================================================== */
/* ==========================================================================
   Typography related mixins
   ========================================================================== */
/* 
   Maintains vertical rhythm by setting a font-sizes proportional to
   line-height and bottom margin
   example: @font-size(16);
   ========================================================================== */
/* 
   Just font-size (REMs + pixel fallback)
   example: @include font-rem(16);
   ========================================================================== */
/* 
   Just font-size (REMs + pixel fallback) and line-height
   @include font(16);
   ========================================================================== */
/* 
   Hide text overflow and end with ...
   ========================================================================== */
/* ==========================================================================
   Rounded corners
   ========================================================================== */
/* 
   Round all corners
   example: @include rounded(4px);
   ========================================================================== */
/* 
   Round individual corners (top right, bottom right, bottom left, top left)
   example: @include border-radius(4px, 0, 0, 4px);
   ========================================================================== */
/* 
   Box shadow
   example: @include box-shadow(HORIZONTAL VERTICAL BLUR COLOR));
   ========================================================================== */
/* 
   Drop shadow
   example: @include drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
   ========================================================================== */
/* 
   Text shadow
   example: @include text-shadow(0 2px 3px rgba(0,0,0,.25));
   ========================================================================== */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.

a:active,
a:hover {
    outline: 0;
}
 */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  /* make full width */
}

/* ==========================================================================
   Site wide styles
   ========================================================================== */
/* 
   Selection
   ========================================================================== */
::-moz-selection {
  background-color: #dadada;
  color: #343434;
  text-shadow: none;
}

::selection {
  background-color: #dadada;
  color: #343434;
  text-shadow: none;
}

/* 
   Global classes
   ========================================================================== */
/* Capitalize */
.all-caps {
  text-transform: uppercase;
}

/* Float left */
.pull-left {
  float: left;
}

/* Float right */
.pull-right {
  float: right;
}

.image-pull-right {
  float: right;
  margin-top: 0;
}

/* Clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* Remove bullets and indentation from list */
.unstyled-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.unstyled-list li {
  list-style-type: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/* 
   Headings
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Cardo", serif;
}

h1 {
  font-size: 32px;
  font-size: 2rem;
  /*
      line-height: 1;
  */
  margin: 0px;
}

h2 {
  font-size: 28px;
  font-size: 1.75rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  margin-bottom: 0;
  /* 0px + $doc-line-height; 
  margin-bottom: 0rem + ($doc-line-height / $doc-font-size); */
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  margin-bottom: 0;
  /* 0px + $doc-line-height; 
  margin-bottom: 0rem + ($doc-line-height / $doc-font-size); */
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  margin-bottom: 0;
  /* 0px + $doc-line-height; 
  margin-bottom: 0rem + ($doc-line-height / $doc-font-size); */
}

h5 {
  font-size: 16px;
  font-size: 1rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  margin-bottom: 0;
  /* 0px + $doc-line-height; 
  margin-bottom: 0rem + ($doc-line-height / $doc-font-size); */
}

h6 {
  font-size: 14px;
  font-size: 0.875rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  margin-bottom: 0;
  /* 0px + $doc-line-height; 
  margin-bottom: 0rem + ($doc-line-height / $doc-font-size); */
}

/* 
   Links
   ========================================================================== */
a {
  text-decoration: none;
  color: #343434;
  /*
  	&:hover, 
  	&:active { 
  		outline: 0; 
  	}
  */
}
a:visited {
  color: #4e4e4e;
}
a:hover {
  color: #1b1b1b;
  text-decoration: underline dotted;
}
a:focus {
  outline: thin dotted;
  color: #343434;
}

/* 
   Figure captions
   ========================================================================== */
figcaption {
  padding-top: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  line-height: 1.3;
  color: #4d4d4b;
}

/* 
   Feature image captions
   ========================================================================== */
.image-credit {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  display: block;
  text-align: right;
  font-size: 12px;
  font-size: 0.75rem;
  /*
    line-height: 0 + round($doc-line-height / $size*10000) / 10000;
  */
  line-height: 1.3;
  margin-top: 5px;
  font-style: italic;
  color: #80807e;
}
@media only screen and (min-width: 37.5em) {
  .image-credit {
    display: inline;
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media only screen and (min-width: 86.375em) {
  .image-credit {
    display: inline;
    float: left;
    width: 70.8333333333%;
  }
}
.image-credit a {
  color: #80807e;
}

/* 
   Notices
   ========================================================================== */
.notice {
  margin-top: 1.5em;
  padding: 0.5em 1em;
  text-indent: 0;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

/* 
   Blockquotes
   ========================================================================== */
blockquote {
  /*	margin-left: -28px; */
  padding-left: 20px;
  border-left: 3px solid #333332;
  font-family: "Cardo", serif;
  font-style: italic;
}

/* 
   Footnotes
   ========================================================================== */
.footnotes ol, .footnotes li, .footnotes p {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

/* 
   Paragraphs
   ==========================================================================
*/
p, ul {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

/* 
   Rules
   ========================================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

/* 
   Figures and images
   ========================================================================== */
article img {
  max-width: 100%;
  height: auto;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

article img.large {
  max-width: 150%;
}

@media only screen and (min-width: 37.5em) {
  article img.wide {
    margin-left: -41.67%;
    /* container is 1/2 of screen width -(1/6 + 1/24) = -(5/24)/(1/2) = -5/12 */
    max-width: 183.33%;
    /* 1/1 - 2/24 = (11/12)/(1/2) = 11/6 */
  }
}
@media only screen and (min-width: 86.375em) {
  article img.wide {
    margin-left: -44.44%;
    /* -(1/4 + 1/24) = (5/24)/(3/8) container is 3/8 of screen width */
    max-width: 177.78%;
    /* (2/3)/(3/8) container is 3/8 of screen width. Left margin is 1/6. Leaves 1/6 for right margin */
  }
}

svg:not(:root) {
  overflow: hidden;
}

/* 2 images of equal dimensions in a row */
.half {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
}
.half:before, .half:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
.half:after {
  clear: both;
}
@media only screen and (min-width: 30em) {
  .half img {
    display: inline;
    float: left;
    width: 50%;
  }
  .half figcaption {
    display: inline;
    float: left;
    width: 100%;
  }
}

/* 3 images of equal dimensions in a row */
.third {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
}
.third:before, .third:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
.third:after {
  clear: both;
}
@media only screen and (min-width: 30em) {
  .third img {
    display: inline;
    float: left;
    width: 33.3333333333%;
  }
  .third figcaption {
    display: inline;
    float: left;
    width: 100%;
  }
}

/* 
   Buttons
   ========================================================================== */
/* Default button */
.btn, #goog-wm-sb {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Cardo", serif;
  font-weight: 700;
  background-color: #111;
  color: #fff;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #111;
  text-decoration: none !important;
  border-radius: 3px;
}
.btn:visited, #goog-wm-sb:visited {
  color: #fff;
}
.btn:hover, #goog-wm-sb:hover {
  background-color: #fff;
  color: #111;
}

/* Success button */
.btn-success {
  background-color: #5cb85c;
  color: #fff;
  border-color: #5cb85c;
}
.btn-success:visited {
  color: #fff;
}
.btn-success:hover {
  background-color: #fff;
  color: #5cb85c;
}

/* Warning button */
.btn-warning {
  background-color: #dd8338;
  color: #fff;
  border-color: #dd8338;
}
.btn-warning:visited {
  color: #fff;
}
.btn-warning:hover {
  background-color: #fff;
  color: #dd8338;
}

/* Danger button */
.btn-danger {
  background-color: #C64537;
  color: #fff;
  border-color: #C64537;
}
.btn-danger:visited {
  color: #fff;
}
.btn-danger:hover {
  background-color: #fff;
  color: #C64537;
}

/* Information button */
.btn-info {
  background-color: #308cbc;
  color: #fff;
  border-color: #308cbc;
}
.btn-info:visited {
  color: #fff;
}
.btn-info:hover {
  background-color: #fff;
  color: #308cbc;
}

/* 
   Wells
   ========================================================================== */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Page layout
   ========================================================================== */
body {
  background-color: #fff;
  font-family: "Cardo", serif;
  color: #333332;
}

/* Main content */
#main {
  counter-reset: captions;
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  clear: both;
  margin-top: 2em;
}
#main:before, #main:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
#main:after {
  clear: both;
}
#main .post,
#main .page {
  margin: 0 auto;
  width: 100%;
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 2em;
}
@media only screen and (min-width: 37.5em) {
  #main .post,
#main .page {
    display: inline;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media only screen and (min-width: 86.375em) {
  #main .post,
#main .page {
    display: inline;
    float: left;
    width: 37.5%;
  }
}

/* Index listing specific styling */
#index {
  margin: 0 auto;
  width: 100%;
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 2em;
}
@media only screen and (min-width: 37.5em) {
  #index {
    display: inline;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media only screen and (min-width: 86.375em) {
  #index {
    display: inline;
    float: left;
    width: 37.5%;
  }
}
#index h3 {
  margin: 0;
  /*
          padding-bottom: .5em;
  */
  font-size: 28px;
  font-size: 1.75rem;
  border-bottom: 1px solid #c4c4c4;
}
#index span.meta {
  text-transform: uppercase;
  float: right;
  font-size: smaller;
  padding-top: 1em;
}
#index article h2 {
  margin-bottom: 4px;
  font-size: 20px;
  font-size: 1.25rem;
}
#index article h2.link-post {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}
#index article p {
  font-size: 16px;
  font-size: 1rem;
}
#index article span.more {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: smaller;
}
#index article p + p {
  text-indent: 0;
}
#index article.draft {
  background-color: #eee;
}

img.frontpage {
  height: 150px;
  width: auto;
}

/* Large feature header image */
.image-wrap {
  position: relative;
  margin-bottom: 2em;
  *zoom: 1;
}
.image-wrap:before, .image-wrap:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
.image-wrap:after {
  clear: both;
}
.image-wrap:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
@media only screen and (min-width: 37.5em) {
  .image-wrap:after {
    left: 25%;
  }
}
@media only screen and (min-width: 62em) {
  .image-wrap:after {
    border-width: 20px;
  }
}
@media only screen and (min-width: 86.375em) {
  .image-wrap:after {
    left: 33.333333333%;
  }
}
.image-wrap img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.image-wrap .headline-wrap {
  position: absolute;
  bottom: 25px;
  margin-left: 8.3333333333%;
}
@media only screen and (min-width: 37.5em) {
  .image-wrap .headline-wrap {
    left: 25%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 86.375em) {
  .image-wrap .headline-wrap {
    margin-left: 8.3333333333%;
  }
}
.image-wrap .headline-wrap h1, .image-wrap .headline-wrap h2 {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* Post byline */
.byline {
  clear: both;
  font-size: 80%;
}

.article-author-side h3,
.article-author-bottom h3 {
  margin-bottom: 0;
}
.article-author-side p,
.article-author-bottom p {
  font-size: 80%;
  font-style: italic;
}
.article-author-side a, .article-author-side a:hover,
.article-author-bottom a,
.article-author-bottom a:hover {
  border-bottom: 0 solid transparent;
}
.article-author-side img.logo,
.article-author-bottom img.logo {
  width: 100%;
  max-width: 150px;
  height: auto;
}
.article-author-side img.name,
.article-author-bottom img.name {
  width: 100%;
  max-width: 150px;
  height: auto;
}

/* Default social media links in author sidebar */
.author-social {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
}
.author-social:visited {
  color: #111;
}
.author-social .fa {
  margin-right: 5px;
}

@media only screen and (min-width: 37.5em) {
  figure.left {
    margin-left: -45%;
  }
}

figure.right {
  float: right;
  margin-left: 15px;
}
@media only screen and (min-width: 37.5em) {
  figure.right {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 48em) {
  figure.right {
    margin-right: -40%;
  }
}

/* Author sidebar */
.article-author-side {
  display: none;
}
.article-author-side .bio-photo {
  max-width: 150px;
  /*      @include rounded(150px); */
}
@media only screen and (min-width: 37.5em) {
  .article-author-side {
    display: block;
    display: inline;
    float: left;
    width: 16.6666666667%;
    margin-left: 4.1666666667%;
    margin-right: 4.1666666667%;
  }
  .article-author-side h3,
.article-author-side p,
.article-author-side .author-social {
    display: block;
    max-width: 125px;
  }
  .article-author-side h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .article-author-side p {
    margin-bottom: 20px;
  }
  .article-author-side .author-social {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 62em) {
  .article-author-side h3,
.article-author-side .bio-photo,
.article-author-side p,
.article-author-side .author-social {
    max-width: 150px;
  }
}
@media only screen and (min-width: 86.375em) {
  .article-author-side {
    display: inline;
    float: left;
    width: 12.5%;
    margin-left: 16.6666666667%;
  }
}

/* Author module - mobile only */
.article-author-bottom {
  margin-bottom: 1em;
}
@media only screen and (min-width: 37.5em) {
  .article-author-bottom {
    display: none;
  }
}
.article-author-bottom .bio-photo {
  float: left;
  margin-right: 25px;
  max-width: 100px;
  border-radius: 150px;
}
.article-author-bottom .author-social {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 62em) {
  .article-author-bottom h3,
.article-author-bottom .bio-photo,
.article-author-bottom p,
.article-author-bottom .author-social {
    max-width: 150px;
  }
}

/* Post content wrapper */
.article-wrap p > a,
.article-wrap li > a {
  text-decoration: underline;
}

/* Table of contents */
.toc {
  font-size: 95%;
}
@media only screen and (min-width: 62em) {
  .toc {
    display: block;
    display: inline;
    float: left;
    width: 16.6666666667%;
    margin-left: 4.1666666667%;
    margin-right: 4.1666666667%;
    position: absolute;
    top: 5.5em;
    right: 0;
    background-color: #fff;
  }
}
.toc header {
  background: #2b2b2b;
}
.toc h3 {
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  /*
          &:hover {
              cursor: pointer;
          }
  */
}
.toc ul {
  margin: 2px 0 0;
  padding: 0;
  line-height: 1;
}
.toc li {
  display: block;
  margin: 0 0 1px 0;
  padding: 0;
  font-family: "Cardo", serif;
  list-style-type: none;
}
.toc li:last-child {
  border-bottom-width: 0;
}
.toc li a {
  padding: 10px;
  display: block;
  color: #fff;
  /*
              text-decoration: none;
  */
  background: #5e5e5e;
  opacity: 0.7;
  /*
              @include transition(opacity 0.2s ease-in-out);
              &:hover {
                  @include opacity(1);
              }
  */
}
.toc li ul {
  margin: 1px 0 0;
}
.toc li ul li a {
  padding-left: 20px;
}

/* TOC trigger for collapsing */
#drawer {
  max-height: 100%;
  overflow: hidden;
}
#drawer.js-hidden {
  max-height: 0;
}

/* Image grid - not used */
.image-grid {
  *zoom: 1;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
.image-grid:before, .image-grid:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
.image-grid:after {
  clear: both;
}
.image-grid li {
  display: inline;
  float: left;
  width: 50%;
}
@media only screen and (min-width: 30em) {
  .image-grid li {
    width: 33.333333%;
  }
}
@media only screen and (min-width: 37.5em) {
  .image-grid li {
    width: 25%;
  }
}
@media only screen and (min-width: 48em) {
  .image-grid li {
    width: 20%;
  }
}
@media only screen and (min-width: 62em) {
  .image-grid li {
    width: 16.666666666%;
  }
}

/* Social sharing links */
/* Social media brand buttons */
.social-share {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}
.social-share ul, .social-share li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-share li {
  display: inline-block;
}
.social-share .facebook {
  background: #3b5998;
}
.social-share .flickr {
  background: #ff0084;
}
.social-share .foursquare {
  background: #0cbadf;
}
.social-share .google-plus {
  background: #dd4b39;
}
.social-share .instagram {
  background: #4e433c;
}
.social-share .linkedin {
  background: #4875b4;
}
.social-share .pinterest {
  background: #cb2027;
}
.social-share .rss {
  background: #fa9b39;
}
.social-share .tumblr {
  background: #2c4762;
}
.social-share .twitter {
  background: #55acee;
}
.social-share .vimeo {
  background: #1ab7ea;
}
.social-share .youtube {
  background: #ff3333;
}
.social-share a {
  display: block;
  padding: 8px 20px;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Cardo", serif;
  font-weight: 700;
  color: #fff;
  opacity: 0.8;
}
.social-share a:hover {
  opacity: 1;
}
.social-share span {
  display: none;
}
@media only screen and (min-width: 48em) {
  .social-share span {
    display: inline;
    padding-left: 5px;
  }
}
.social-share h4 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Footer wrapper */
.footer-wrap {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  clear: both;
  padding-bottom: 3em;
}
.footer-wrap:before, .footer-wrap:after {
  display: table;
  content: "";
  /* Fixes Opera/contenteditable bug: */
  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
  line-height: 0;
}
.footer-wrap:after {
  clear: both;
}
.footer-wrap a,
.footer-wrap a:active,
.footer-wrap a:visited,
.footer-wrap p,
.footer-wrap h4,
.footer-wrap h5,
.footer-wrap h6,
.footer-wrap span {
  font-size: 14px;
  font-size: 0.875rem;
}
.footer-wrap footer {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media only screen and (min-width: 37.5em) {
  .footer-wrap footer {
    display: inline;
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
}
@media only screen and (min-width: 86.375em) {
  .footer-wrap footer {
    display: inline;
    float: left;
    width: 37.5%;
    margin-left: 33.3333333333%;
    margin-right: 29.1666666667%;
  }
}

/* Related articles list */
.related-articles {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 2em;
}
@media only screen and (min-width: 37.5em) {
  .related-articles {
    display: inline;
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
}
@media only screen and (min-width: 86.375em) {
  .related-articles {
    display: inline;
    float: left;
    width: 37.5%;
    margin-left: 33.3333333333%;
    margin-right: 29.1666666667%;
  }
}
.related-articles h4 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.related-articles li {
  margin-bottom: 0;
}

/*
   Browser upgrade alert
   ========================================================================== */
.browser-upgrade {
  background: #000;
  text-align: center;
  margin: 0 0 2em 0;
  padding: 10px;
  text-align: center;
  color: #fff;
}
.browser-upgrade a {
  color: #fff;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}
.browser-upgrade a:hover {
  border-bottom: 1px solid #fff;
}

/*
   Google search form
   ========================================================================== */
#goog-fixurl ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#goog-fixurl ul li {
  list-style-type: none;
}

#goog-wm-qt {
  width: auto;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  color: #111;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #919191;
  border-radius: 3px;
}

.navigation-wrapper {
  min-height: 65px;
  box-sizing: border-box;
}
@media only screen and (min-width: 935px) {
  .navigation-wrapper {
    background-image: url(../img/logo-300.png);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: top right;
  }
}

@media only screen and (min-width: 935px) {
  .lt-ie9 .navigation-wrapper {
    background-image: url(../img/logo-150.png);
  }
}

/* Top navigation links */
.top-navigation {
  display: inline;
  float: left;
  margin-left: 0px;
  padding: 1em 0 1em 1em;
  float: none;
  display: block;
}
@media only screen and (min-width: 935px) {
  .top-navigation {
    margin-right: 150px;
  }
}
.top-navigation ul {
  margin: 0;
  padding: 0;
  clear: both;
  list-style-type: none;
}
.top-navigation ul ul {
  background: white;
}
@media only screen and (min-width: 37.5em) {
  .top-navigation ul ul {
    position: absolute;
    display: none;
  }
}
@media only screen and (max-width: 37.5em) {
  .top-navigation ul ul {
    margin-left: 1em;
  }
}
.top-navigation li:hover ul {
  display: block;
}
@media only screen and (min-width: 37.5em) {
  .top-navigation ul.nav1 {
    left: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
  }
  .top-navigation ul.nav0 > li {
    padding-left: 10px;
    border-left: solid 1px;
    border-color: white;
  }
  .top-navigation ul.nav0 > li:hover {
    border-color: black;
  }
}
.top-navigation li {
  position: relative;
  z-index: 100;
  display: inline;
  list-style-type: none;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 37.5em) {
  .top-navigation li {
    display: inline-block;
    white-space: nowrap;
  }
}
.top-navigation li a {
  display: block;
  padding: 10px 0;
  decoration: none;
}
@media only screen and (min-width: 37.5em) {
  .top-navigation li a {
    display: inline;
    padding: 0;
  }
}
.top-navigation ul ul li {
  display: block;
}

/* Animated lines for mobile nav button */
.navicon-lines-button {
  padding: 0.375rem 0.75rem;
  transition: 0.3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.2142857143rem;
}

.navicon-lines-button:hover {
  opacity: 1;
}

.navicon-lines-button:active {
  transition: 0;
}

.navicon-lines {
  margin-right: 10px;
  margin-bottom: 0.3rem;
  display: inline-block;
  width: 1.5rem;
  height: 0.2142857143rem;
  background: #fff;
  border-radius: 0.1071428571rem;
  transition: 0.3s;
  position: relative;
}
.navicon-lines:before, .navicon-lines:after {
  display: inline-block;
  width: 1.5rem;
  height: 0.2142857143rem;
  background: #fff;
  border-radius: 0.1071428571rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 0.1071428571rem center;
  transform-origin: 0.1071428571rem center;
}
.navicon-lines:before {
  top: 0.375rem;
}
.navicon-lines:after {
  top: -0.375rem;
}

.navicon-lines-button:hover {
  opacity: 1;
}
.navicon-lines-button:hover .navicon-lines:before {
  top: 0.4285714286rem;
}
.navicon-lines-button:hover .navicon-lines:after {
  top: -0.4285714286rem;
}

.navicon-lines-button.x.active .navicon-lines {
  background: transparent;
}
.navicon-lines-button.x.active .navicon-lines:before, .navicon-lines-button.x.active .navicon-lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 1.5rem;
}
.navicon-lines-button.x.active .navicon-lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.navicon-lines-button.x.active .navicon-lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.nav .navtoogle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  background-color: #111;
  color: #fff;
  border: none;
  float: right;
  cursor: pointer;
}
@media only screen and (min-width: 37.5em) {
  .nav .navtoogle {
    display: none;
  }
}

.nav .navlogo {
  max-height: 64px;
  float: left;
}
@media only screen and (min-width: 37.5em) {
  .nav .navlogo {
    display: none;
  }
}

.nav button {
  border: none;
  background: none;
}

.navtoogle i {
  z-index: -1;
}

.icon-menu {
  position: relative;
  top: 3px;
  line-height: 0;
}

.no-js .nav .navtoggle {
  display: none;
}

@media only screen and (max-width: 37.5em) {
  .js .nav ul.nav0 {
    max-height: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 37.5em) {
  .js .nav ul.nav0 {
    max-height: 30em;
  }
}

.js .nav .active + ul {
  -webkit-transition: max-height 0.4s;
  -moz-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  -ms-transition: max-height 0.4s;
  transition: max-height 0.4s;
}
@media only screen and (max-width: 37.5em) {
  .js .nav .active + ul {
    max-height: 30em;
    overflow: hidden;
  }
}

/*# sourceMappingURL=rbh.css.map */