@charset "UTF-8";
@font-face { font-family: "DINNeuzeitGroteskLTW01- 812426"; src: url("/fonts/b41558bd-2862-46c0-abf7-536d2542fa26.eot?#iefix"); src: url("/fonts/b41558bd-2862-46c0-abf7-536d2542fa26.eot?#iefix") format("eot"), url("/fonts/388ef902-2c31-4818-abb1-a40dcd81f6d6.woff") format("woff"), url("/fonts/29c60077-2614-4061-aa8d-5bcfdf7354bb.ttf") format("truetype"), url("/fonts/76250d27-b353-4f3b-90c6-0ff635fabaab.svg#76250d27-b353-4f3b-90c6-0ff635fabaab") format("svg"); }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 10, ../sass/styles.scss */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/********** Start mixins and variables **********/
/********** End mixins and variables **********/
/********** Start normalize.css **********/
/* line 92, ../sass/styles.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 113, ../sass/styles.scss */
html { line-height: 1; }

/* line 116, ../sass/styles.scss */
ol, ul { list-style: none; }

/* line 119, ../sass/styles.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 123, ../sass/styles.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 128, ../sass/styles.scss */
q, blockquote { quotes: none; }
/* line 130, ../sass/styles.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 135, ../sass/styles.scss */
a img { border: none; }

/* line 138, ../sass/styles.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* line 142, ../sass/styles.scss */
audio, canvas, video { display: inline-block; }

/* line 146, ../sass/styles.scss */
audio:not([controls]) { display: none; height: 0; }

/* line 151, ../sass/styles.scss */
[hidden] { display: none; }

/* line 155, ../sass/styles.scss */
html.no-js, html.js { background-color: #555; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* line 162, ../sass/styles.scss */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; /* 16px / 16px */ color: #333333; line-height: 1.4em; }
@media only screen and (min-width: 36em) { /* line 162, ../sass/styles.scss */
  body { font-size: .8125em; } }

/* line 172, ../sass/styles.scss */
a:focus { outline: thin dotted; }

/* line 173, ../sass/styles.scss */
a:active, a:hover { outline: 0; }

/* line 175, ../sass/styles.scss */
abbr[title] { border-bottom: 1px dotted; }

/* line 177, ../sass/styles.scss */
b, strong { font-weight: bold; }

/* line 178, ../sass/styles.scss */
i, em { font-style: italic; }

/* line 179, ../sass/styles.scss */
hr { -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; height: 0; }

/* line 186, ../sass/styles.scss */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* line 189, ../sass/styles.scss */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

/* line 196, ../sass/styles.scss */
sup { top: -0.5em; }

/* line 197, ../sass/styles.scss */
sub { bottom: -0.25em; }

/* line 199, ../sass/styles.scss */
img { max-width: 100%; height: auto !important; border: 0; }

/* line 205, ../sass/styles.scss */
.csstransforms3d .main a img { -webkit-transition: opacity 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out; }
/* line 207, ../sass/styles.scss */
.csstransforms3d .main a img:hover { opacity: .9; }

/* line 212, ../sass/styles.scss */
svg:not(:root) { overflow: hidden; }

/* line 214, ../sass/styles.scss */
button, input { line-height: normal; }

/* line 215, ../sass/styles.scss */
button, select { text-transform: none; }

/* line 217, ../sass/styles.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

/* line 225, ../sass/styles.scss */
button[disabled], html input[disabled] { cursor: default; }

/* line 230, ../sass/styles.scss */
input[type="text"], input[type="search"], input[type="email"], input[type="tel"] { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }

/* line 239, ../sass/styles.scss */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/* line 244, ../sass/styles.scss */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* line 251, ../sass/styles.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* line 256, ../sass/styles.scss */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* line 262, ../sass/styles.scss */
textarea { overflow: auto; vertical-align: top; }

/* line 267, ../sass/styles.scss */
table { border-collapse: collapse; border-spacing: 0; }

/********** End normalize.css **********/
/********** Start Base element styles **********/
/* line 276, ../sass/styles.scss */
h1, h2, h3, h4, h5, h6 { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; line-height: 1.05em; margin: 1em 0 0; }
/* line 52, ../sass/styles.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal !important; }

/* line 282, ../sass/styles.scss */
p { margin: 1em 0 0; line-height: 1.44em; }

/* line 287, ../sass/styles.scss */
h5, h6 { font-size: 1em; }

/* line 289, ../sass/styles.scss */
h4 { font-size: 1.13em; }

/* line 290, ../sass/styles.scss */
h3 { font-size: 1.618em; }

/* line 291, ../sass/styles.scss */
h2 { font-size: 1.828em; }

/* line 292, ../sass/styles.scss */
h1 { font-size: 2.618em; color: #0391c6; }

/* line 297, ../sass/styles.scss */
.csstransforms3d a { -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

/* line 300, ../sass/styles.scss */
a { color: #0391c6; font-weight: bold; text-decoration: none; }
/* line 304, ../sass/styles.scss */
a:visited { color: #026c94; }

/********** End Base element styles **********/
/********** Start Page styles **********/
/* line 311, ../sass/styles.scss */
.main { padding: .76923em; background-color: #fff; padding-bottom: 2em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.main:after { content: ""; display: table; clear: both; }
/* line 316, ../sass/styles.scss */
.main a { color: #ff6600; }
/* line 319, ../sass/styles.scss */
.main a:visited { color: #cc5200; }
/* line 322, ../sass/styles.scss */
.main.rich-text-body { overflow: auto; }

/* line 324, ../sass/styles.scss */
.homepage .main { margin-top: 1em; }

/* line 328, ../sass/styles.scss */
.csstransforms3d .mobile-view-wrap { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

/* line 332, ../sass/styles.scss */
.mobile-view-wrap { position: relative; }
/* line 334, ../sass/styles.scss */
.mobile-view-wrap.pushed { left: 85%; }

/* line 339, ../sass/styles.scss */
.onscreen-wrapper { background-color: #fff; box-shadow: 0 0 24px black; }

/* line 344, ../sass/styles.scss */
.desktop-wrapper, .main { margin: 0 auto; max-width: 960px; }

/* line 350, ../sass/styles.scss */
.page-banner { border-bottom: 4px solid #00aeef; }
/* line 352, ../sass/styles.scss */
.page-banner img { display: block; margin: 0 auto; }
/* line 356, ../sass/styles.scss */
.page-banner figure { position: relative; max-width: 1190px; margin: 0 auto; }
/* line 361, ../sass/styles.scss */
.page-banner .desktop-wrapper { position: relative; }

/* line 364, ../sass/styles.scss */
.breadcrumb { display: none; }

@media only screen and (min-width: 30em) { /* line 367, ../sass/styles.scss */
  .breadcrumb { display: block; font-size: .923076923em; background-color: #f9f9f9; padding: 1em 0; color: #999999; border-bottom: 1px solid #d5d5d5; }
  /* line 374, ../sass/styles.scss */
  .breadcrumb a, .breadcrumb a:visited { color: #ff6600; font-weight: normal; padding: 0; }
  /* line 379, ../sass/styles.scss */
  .breadcrumb a.active, .breadcrumb a:visited.active { color: #666666; }
  /* line 383, ../sass/styles.scss */
  .breadcrumb .bc-node:after { display: inline; content: "»"; padding: 0 .75em 0 .8em; }
  /* line 388, ../sass/styles.scss */
  .breadcrumb .desktop-wrapper { padding: .76923em; } }
/* line 392, ../sass/styles.scss */
.main.rich-text-body { font-size: .8125em; }

/* line 396, ../sass/styles.scss */
.program .interior-page-title { display: none; }

/* line 397, ../sass/styles.scss */
.hide-title .interior-page-title { display: none; }

/* line 398, ../sass/styles.scss */
.hide-share-bar .share-bar { display: none; }

/* line 399, ../sass/styles.scss */
.hide-bread-crumb .breadcrumb { display: none; }

/* line 400, ../sass/styles.scss */
.hide-byline .byline { display: none; }

/* line 401, ../sass/styles.scss */
.hide-tags .tags { display: none; }

/* line 402, ../sass/styles.scss */
.hide-inline-subscription-form .inline-subscription-form { display: none; }

/* line 403, ../sass/styles.scss */
.hide-comments .fb-comments { display: none; }

/* line 404, ../sass/styles.scss */
.hide-right-rail-components .right-column-block { display: none; }

/* line 406, ../sass/styles.scss */
.hide-right-rail-components .left-col-container { width: 100%; margin: 0; padding: 0; }
/* line 411, ../sass/styles.scss */
.hide-right-rail-components .onscreen-wrapper > .main { max-width: 100%; padding: 0; margin-top: -2px; }

/* line 418, ../sass/styles.scss */
.hide-share-bar .share-bar + p { margin-top: 0; }

/* line 423, ../sass/styles.scss */
.rich-text-body { font-size: 1.153846154em; line-height: 1.5em; padding-bottom: 0; }
/* line 427, ../sass/styles.scss */
.rich-text-body .interior-page-title { margin-top: 0; color: #0391c6; font-size: 3.333333333em; line-height: 1.1em; }
/* line 433, ../sass/styles.scss */
.rich-text-body h1 { font-size: 2.076923077em; line-height: 1.1em; color: #333; }
/* line 438, ../sass/styles.scss */
.rich-text-body ul { list-style: disc url("/imgs/blue-bullet.png"); margin-top: 1em; padding-left: 1.3em; }
/* line 442, ../sass/styles.scss */
.rich-text-body ul li + li { margin-top: .5em; }
/* line 444, ../sass/styles.scss */
.rich-text-body ol { list-style: decimal; margin-top: 1em; padding-left: 2.6em; }
/* line 448, ../sass/styles.scss */
.rich-text-body ol li + li { margin-top: .5em; }
/* line 450, ../sass/styles.scss */
.rich-text-body iframe[align="left"] { margin: .5em 1em 1em 0; }
/* line 451, ../sass/styles.scss */
.rich-text-body iframe[align="right"] { margin: .5em 0 1em 1em; }

@media only screen and (min-width: 61.5em) { /* line 454, ../sass/styles.scss */
  .left-col-container { float: left; width: 73.4795613%; height: auto; } }

@media only screen and (min-width: 61.5em) { /* line 455, ../sass/styles.scss */
  .right-col-container { float: right; width: 23.4297109%; } }

/* line 456, ../sass/styles.scss */
.left-col-container, .right-col-container { margin-top: 2em; }

/* line 460, ../sass/styles.scss */
.full-width-container { margin-top: 0; }

/* line 463, ../sass/styles.scss */
.program .right-col-container *:first-child { margin-top: 0; }

/********** End Page styles **********/
/********** Start Component styles **********/
/* line 471, ../sass/styles.scss */
.site-header { padding: .76923em; background-color: #fff; padding-bottom: 1em; position: relative; z-index: 100; }
/* line 477, ../sass/styles.scss */
.site-header .desktop-wrapper { position: relative; }
@media only screen and (min-width: 45em) { /* line 471, ../sass/styles.scss */
  .site-header { min-height: 7em; padding: 1em; } }

/* line 485, ../sass/styles.scss */
.logo { text-indent: -119988px; overflow: hidden; text-align: left; position: relative; margin: .25em auto 0; width: 281px; height: 51px; max-width: 100%; }
/* line 492, ../sass/styles.scss */
.logo a { position: absolute; display: block; width: 281px; height: 51px; }
/* line 499, ../sass/styles.scss */
.logo .green-ring { background: url("../imgs/green-ring.png") no-repeat; display: block; position: absolute; top: 0; left: 0; width: 51px; height: 51px; -webkit-animation: spin 4s ease-in-out 1; -moz-animation: spin 4s ease-in-out 1; animation: spin 4s ease-in-out 1; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 499, ../sass/styles.scss */
  .logo .green-ring { background-image: url("../imgs/green-ring@2x.png"); background-size: 51px 26px; } }
@media print { /* line 499, ../sass/styles.scss */
  .logo .green-ring { background: url("../imgs/green-ring.png") no-repeat !important; } }
/* line 518, ../sass/styles.scss */
.logo .blue-ring { background: url("../imgs/blue-ring.png") no-repeat; display: block; position: absolute; top: 7px; left: 7px; width: 37px; height: 37px; -webkit-animation: spin-counter 4s ease-in-out 1; -moz-animation: spin-counter 4s ease-in-out 1; animation: spin-counter 4s ease-in-out 1; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 518, ../sass/styles.scss */
  .logo .blue-ring { background-image: url("../imgs/blue-ring@2x.png"); background-size: 37px 37px; } }
@media print { /* line 518, ../sass/styles.scss */
  .logo .blue-ring { background: url("../imgs/blue-ring.png") no-repeat !important; } }
/* line 537, ../sass/styles.scss */
.logo .logo-text { background: url("../imgs/next-generation-logo-text.png") no-repeat; display: block; position: absolute; left: 60px; top: 24px; width: 219px; height: 25px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 537, ../sass/styles.scss */
  .logo .logo-text { background-image: url("../imgs/next-generation-logo-text@2x.png"); background-size: 219px 25px; } }
@media print { /* line 537, ../sass/styles.scss */
  .logo .logo-text { background: url("../imgs/next-generation-logo-text.png") no-repeat !important; } }
@media only screen and (min-width: 36em) { /* line 485, ../sass/styles.scss */
  .logo { margin: 0; } }
@media only screen and (min-width: 45em) { /* line 485, ../sass/styles.scss */
  .logo { float: left; } }

/* line 563, ../sass/styles.scss */
.yes .green-ring, .yes .blue-ring { -webkit-animation: none; -moz-animation: none; animation: none; }

@-webkit-keyframes spin { /* line 573, ../sass/styles.scss */
  from { -webkit-transform: rotate(0deg); }
  /* line 574, ../sass/styles.scss */
  to { -webkit-transform: rotate(720deg); } }
@keyframes spin { /* line 577, ../sass/styles.scss */
  from { transform: rotate(0deg); }
  /* line 578, ../sass/styles.scss */
  to { transform: rotate(720deg); } }
@-webkit-keyframes spin-counter { /* line 581, ../sass/styles.scss */
  from { -webkit-transform: rotate(0deg); }
  /* line 582, ../sass/styles.scss */
  to { -webkit-transform: rotate(-720deg); } }
@keyframes spin-counter { /* line 585, ../sass/styles.scss */
  from { transform: rotate(0deg); }
  /* line 586, ../sass/styles.scss */
  to { transform: rotate(-720deg); } }
/* line 590, ../sass/styles.scss */
.utility-nav { display: none; display: block; margin: 1em auto 0; text-align: center; }
/* line 38, ../sass/styles.scss */
.utility-nav a { color: #999999; }
/* line 40, ../sass/styles.scss */
.utility-nav a:visited { color: gray; }
/* line 600, ../sass/styles.scss */
.utility-nav li { list-style: none; display: inline-block; }
/* line 603, ../sass/styles.scss */
.utility-nav li a:hover { text-decoration: underline; }
/* line 607, ../sass/styles.scss */
.utility-nav li + li { margin-left: 0.3em; }
/* line 610, ../sass/styles.scss */
.utility-nav li + li:before { content: '\2022'; padding-right: .6em; color: #999999; font-weight: bold; }
@media only screen and (min-width: 36em) { /* line 590, ../sass/styles.scss */
  .utility-nav { position: absolute; top: 1.72em; right: .76923em; }
  /* line 621, ../sass/styles.scss */
  .utility-nav a { font-weight: normal; } }
@media only screen and (min-width: 46em) { /* line 590, ../sass/styles.scss */
  .utility-nav { position: static; float: right; margin: 0; padding-top: .1em; } }

/* line 632, ../sass/styles.scss */
.social-buttons { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin: 1em auto 0; text-align: center; width: 100%; }
/* line 638, ../sass/styles.scss */
.social-buttons .social-button-holder { overflow: hidden; display: inline-block; }
/* line 642, ../sass/styles.scss */
.social-buttons .social-button { float: left; display: inline; height: 20px; padding-right: .1em; }
/* line 648, ../sass/styles.scss */
.social-buttons .social-button + .social-button { margin-left: 1em; }
/* line 652, ../sass/styles.scss */
.social-buttons .donate-button { display: inline-block; vertical-align: top; font: 11px/18px 'Helvetica Neue',Arial,sans-serif; background-color: #f44748; background-image: -webkit-linear-gradient(top, #f95658, #e93135); background-image: linear-gradient(to bottom, #f95658, #e93135); border: #d42124 solid 1px; border-radius: 3px; color: #fff; padding: 0 3px 0 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
/* line 664, ../sass/styles.scss */
.social-buttons .donate-button i { float: left; width: 12px; height: 12px; background: url("../imgs/heart-icon.png"); margin: 4px 3px 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 664, ../sass/styles.scss */
  .social-buttons .donate-button i { background-image: url("../imgs/heart-icon@2x.png"); background-size: 12px 12px; } }
@media only screen and (max-width: 26em) { /* line 678, ../sass/styles.scss */
  .social-buttons .donate-button-holder { margin: 0 !important; text-align: center; display: block; float: none; clear: both; padding-top: 5px; }
  /* line 686, ../sass/styles.scss */
  .social-buttons .donate-button { margin: 0; } }
@media only screen and (min-width: 36em) { /* line 632, ../sass/styles.scss */
  .social-buttons { margin: 1em 0 0; text-align: right; } }
@media only screen and (min-width: 46em) { /* line 632, ../sass/styles.scss */
  .social-buttons { position: static; float: right; width: auto; margin: 0; padding-right: 1em; }
  /* line 701, ../sass/styles.scss */
  .social-buttons .social-button + .social-button { margin-left: 1.25em; } }

/* line 708, ../sass/styles.scss */
.offscreen-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .76923em; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; position: absolute; width: 85%; left: -85%; top: 0; }
/* line 52, ../sass/styles.scss */
.offscreen-menu a { font-weight: normal !important; }
/* line 717, ../sass/styles.scss */
.offscreen-menu h1 { text-indent: -119988px; overflow: hidden; text-align: left; }
/* line 719, ../sass/styles.scss */
.offscreen-menu .main-nav { font-size: 1.5em; line-height: 1.5em; }
/* line 722, ../sass/styles.scss */
.offscreen-menu .main-nav h1 { text-indent: -119988px; overflow: hidden; text-align: left; }
/* line 723, ../sass/styles.scss */
.offscreen-menu .main-nav a, .offscreen-menu .main-nav a:visited { color: #fff; }
/* line 728, ../sass/styles.scss */
.offscreen-menu .l1 ul { margin-top: .5em; padding-left: 1em; }
/* line 731, ../sass/styles.scss */
.offscreen-menu .l1 ul li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .66667em; line-height: 1.3em; text-transform: none; }
/* line 738, ../sass/styles.scss */
.offscreen-menu .l1 + .l1 { margin-top: .66em; }

/* line 742, ../sass/styles.scss */
.hide-offscreen-menu { display: block; cursor: pointer; color: #fff; font-size: 1.2em; margin-bottom: 1em; padding-bottom: .5em; border-bottom: 1px solid #999; }
/* line 750, ../sass/styles.scss */
.hide-offscreen-menu button { background-color: #759ae9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de)); background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); background-image: linear, top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%; border-top: 1px solid #1f58cc; border-right: 1px solid #1b4db3; border-bottom: 1px solid #174299; border-left: 1px solid #1b4db3; border-radius: 4px; -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); color: #fff; font-size: 1em; padding: .5em .75em; margin-right: .5em; }

/* line 773, ../sass/styles.scss */
.site-menu { position: relative; z-index: 100; color: #fff; background-color: #0194cb; }
/* line 779, ../sass/styles.scss */
.site-menu a, .site-menu a:visited, .site-menu button { color: #fff; }
/* line 783, ../sass/styles.scss */
.site-menu .desktop-wrapper { line-height: 0; margin-top: -2px; position: relative; }
/* line 789, ../sass/styles.scss */
.site-menu .main-nav, .site-menu .site-search, .site-menu .subscribe-button, .site-menu .inline-search-form { display: none; }
/* line 796, ../sass/styles.scss */
.site-menu .mobile-menu-button { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.2em; -webkit-font-smoothing: antialiased; background-color: #0194cb; border: none; padding: .5em 0; text-align: center; margin: 0; }
/* line 52, ../sass/styles.scss */
.site-menu .mobile-menu-button a { font-weight: normal !important; }
/* line 806, ../sass/styles.scss */
.site-menu .mobile-menu-button.show-mobile-subscribe { background-color: #01b9fe; }
/* line 811, ../sass/styles.scss */
.site-menu .mobile-menu-button + .mobile-menu-button { border-left: 1px solid #ccc; }
/* line 816, ../sass/styles.scss */
.site-menu.showing-mobile-search .mobile-menu-button { display: none; }
/* line 819, ../sass/styles.scss */
.site-menu.showing-mobile-search .site-search { display: inline-block; }
/* line 824, ../sass/styles.scss */
.site-menu .show-mobile-subscribe { background: #00aeef; -webkit-font-smoothing: antialiased; }
/* line 829, ../sass/styles.scss */
.site-menu .show-mobile-menu, .site-menu .show-mobile-subscribe { width: 40%; }
/* line 832, ../sass/styles.scss */
.site-menu .show-mobile-menu i, .site-menu .show-mobile-subscribe i { padding-right: .25em; }
/* line 835, ../sass/styles.scss */
.site-menu .show-search { width: 20%; }
/* line 837, ../sass/styles.scss */
.site-menu .main-nav { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1em; -webkit-font-smoothing: antialiased; line-height: 1em; text-transform: uppercase; padding: 0 .5em; width: 69%; }
/* line 52, ../sass/styles.scss */
.site-menu .main-nav a { font-weight: normal !important; }
/* line 846, ../sass/styles.scss */
.site-menu .main-nav h1 { text-indent: -119988px; overflow: hidden; text-align: left; }
/* line 847, ../sass/styles.scss */
.site-menu .main-nav .l1 { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }
/* line 849, ../sass/styles.scss */
.site-menu .main-nav .l1 a { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; padding: .7em .75em .6em; }
/* line 853, ../sass/styles.scss */
.site-menu .main-nav .l1.selected, .site-menu .main-nav .l1:hover { background-color: #505356; }
/* line 856, ../sass/styles.scss */
.site-menu .main-nav .l1.selected a, .site-menu .main-nav .l1:hover a { color: #fff; }
/* line 859, ../sass/styles.scss */
.site-menu .main-nav .l1.has-children > a { padding-right: 1.25em; background: url("../imgs/caret.png") no-repeat right center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 859, ../sass/styles.scss */
  .site-menu .main-nav .l1.has-children > a { background-image: url("../imgs/caret@2x.png"); background-size: 16px 5px; } }
/* line 867, ../sass/styles.scss */
.site-menu .main-nav .l1 ul, .site-menu .main-nav .dropdown-additional { display: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 2.2em; background-color: #505356; padding: .66em; width: 9em; z-index: 1000 !important; }
/* line 877, ../sass/styles.scss */
.site-menu .main-nav .l1 ul li, .site-menu .main-nav .dropdown-additional li { font-size: .66667em; line-height: 1.2em; text-transform: none; }
/* line 882, ../sass/styles.scss */
.site-menu .main-nav .l1 ul li + li, .site-menu .main-nav .dropdown-additional li + li { border-top: 1px solid #999; margin-top: .25em; padding-top: .25em; }
/* line 887, ../sass/styles.scss */
.site-menu .main-nav .l1 ul a, .site-menu .main-nav .dropdown-additional a { color: #ccc !important; }
/* line 889, ../sass/styles.scss */
.site-menu .main-nav .l1 ul a:hover, .site-menu .main-nav .dropdown-additional a:hover { color: #fff !important; }
/* line 892, ../sass/styles.scss */
.site-menu .main-nav .l1:hover ul, .site-menu .main-nav .l1:hover .dropdown-additional { display: block; }
/* line 896, ../sass/styles.scss */
.site-menu .main-nav a { text-decoration: none; }
/* line 897, ../sass/styles.scss */
.site-menu .main-nav .l2 { text-align: left; }
/* line 900, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional { width: 26em; text-align: left; }
/* line 903, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional ul { position: static; padding: 0; float: left; margin-right: 1em; width: 7em; }
/* line 910, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional .additional-content { border-left: 1px solid #999; float: left; width: 16.5em; margin-top: 0.5em; padding-left: 1em; }
/* line 916, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional .additional-content h3 { font-size: 1em; text-transform: none; margin: 0; }
/* line 921, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional .additional-content p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.65em; text-transform: none; margin-bottom: 1em; }
/* line 927, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional .additional-content .button { background: #e52d32; color: #fff !important; font-size: 0.9em; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; padding: 0.5em 0.8em 0.4em; border-radius: 3px; }
/* line 52, ../sass/styles.scss */
.site-menu .main-nav .dropdown-additional .additional-content .button a { font-weight: normal !important; }
/* line 939, ../sass/styles.scss */
.site-menu .main-nav > ul { text-align: center; overflow: hidden; }
@media only screen and (min-width: 47.5em) { /* line 946, ../sass/styles.scss */
  .site-menu .show-mobile-menu { display: none; }
  /* line 949, ../sass/styles.scss */
  .site-menu .mobile-menu-button + .mobile-menu-button { border-left: none; }
  /* line 954, ../sass/styles.scss */
  .site-menu .main-nav { display: inline-block; font-size: 1.5em; }
  /* line 958, ../sass/styles.scss */
  .site-menu .mobile-menu-button { padding: 0; vertical-align: bottom; }
  /* line 962, ../sass/styles.scss */
  .site-menu .show-mobile-subscribe { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width: 20%; padding: .5em 1em; }
  /* line 968, ../sass/styles.scss */
  .site-menu .show-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; padding: .5em 0 .7em; text-align: center; font-size: 1.2em; } }
@media only screen and (min-width: 61.25em) { /* line 978, ../sass/styles.scss */
  .site-menu .main-nav { padding-left: 0; padding-right: 0; width: 53%; }
  /* line 983, ../sass/styles.scss */
  .site-menu .main-nav > ul { text-align: left; }
  /* line 986, ../sass/styles.scss */
  .site-menu .show-search { display: none; }
  /* line 987, ../sass/styles.scss */
  .site-menu .inline-search-form { padding-right: .66em; margin-left: 9%; margin-right: 3%; display: inline-block; *vertical-align: auto; zoom: 1; *display: inline; background: #faf9f9; border: 1px solid #127fa8; border-radius: 1em; vertical-align: top; margin-top: .75em; bottom: .25em; }
  /* line 1003, ../sass/styles.scss */
  .site-menu .inline-search-form input[type="search"] { padding: .2em .33em 0.2em .66em; width: 130px; background: none; border: none; vertical-align: bottom; }
  /* line 1010, ../sass/styles.scss */
  .site-menu .inline-search-form button { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin: 0; padding: 0; width: 13px; height: 12px; border: none; position: relative; bottom: 5px; background: url("../imgs/gray-search.png"); } }
@media only screen and (min-width: 61.25em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 61.25em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 61.25em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 61.25em) and (min-resolution: 125dpi), only screen and (min-width: 61.25em) and (min-resolution: 1.3dppx) { /* line 1010, ../sass/styles.scss */
  .site-menu .inline-search-form button { background-image: url("../imgs/gray-search@2x.png"); background-size: 13px 12px; } }
@media only screen and (min-width: 61.25em) { /* line 1026, ../sass/styles.scss */
  .site-menu .show-mobile-subscribe { width: 14%; } }

/* line 1034, ../sass/styles.scss */
.subscribe-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 1em 1em 1.5em; position: relative; -o-box-sizing: border-box; width: 100%; background-color: #01b9fe; color: #fff; }
/* line 1036, ../sass/styles.scss */
.subscribe-form.animate { -webkit-transition: margin 0.5s ease-in-out; -moz-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; }
/* line 1047, ../sass/styles.scss */
.subscribe-form.expanded { margin-top: 0 !important; }
/* line 1049, ../sass/styles.scss */
.subscribe-form .form-body { position: relative; -webkit-font-smoothing: antialiased; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.subscribe-form .form-body:after { content: ""; display: table; clear: both; }
/* line 1054, ../sass/styles.scss */
.subscribe-form .form-body h1 { margin: .5em 0 0; color: #fff; font-size: 2.307692308em; padding-bottom: .2em; border-bottom: .16667em solid #33bef2; }
/* line 1062, ../sass/styles.scss */
.subscribe-form .form-body p { font-size: 1.076923077em; line-height: 1.3em; }
@media only screen and (min-width: 48em) { /* line 1066, ../sass/styles.scss */
  .subscribe-form .form-body .subscribe-form-info { float: left; width: 48.9899%; } }
/* line 1073, ../sass/styles.scss */
.subscribe-form .form-body .subscription-form-inputs { margin-top: 1em; }
@media only screen and (min-width: 48em) { /* line 1073, ../sass/styles.scss */
  .subscribe-form .form-body .subscription-form-inputs { float: right; width: 49.09091%; } }
/* line 1081, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-email-label, .subscribe-form .form-body .subscribe-form-checkbox-label { font-size: 1em; line-height: 1.1em; font-weight: bold; display: block; }
/* line 1089, ../sass/styles.scss */
.subscribe-form .form-body input[type="email"], .subscribe-form .form-body input[pattern] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; padding: .25em; margin-top: .5em; font-size: 1.2em; color: #666; width: 80%; }
/* line 1100, ../sass/styles.scss */
.subscribe-form .form-body input[pattern] { width: 50% !important; }
/* line 1101, ../sass/styles.scss */
.subscribe-form .form-body fieldset.fieldset-half { width: 50%; float: left; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.subscribe-form .form-body fieldset:after { content: ""; display: table; clear: both; }
/* line 1106, ../sass/styles.scss */
.subscribe-form .form-body fieldset + fieldset { margin-top: 1em; }
/* line 1109, ../sass/styles.scss */
.subscribe-form .form-body fieldset.fieldset-half + fieldset.fieldset-half { margin-top: 0; }
/* line 1112, ../sass/styles.scss */
.subscribe-form .form-body legend { margin-bottom: .8333333em; }
/* line 1116, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-checkboxes { width: 50%; float: left; }
/* line 1119, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-checkboxes label { display: block; }
/* line 1123, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-submit { width: 50%; float: left; }
/* line 1126, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-submit button { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; border: none; background-color: #1996c5; color: #fff; margin: 0; padding: .4em 1.5em; border-radius: 3px; font-size: 1.846153846em; line-height: 1em; text-transform: uppercase; }
/* line 52, ../sass/styles.scss */
.subscribe-form .form-body .subscribe-form-submit button a { font-weight: normal !important; }
/* line 1141, ../sass/styles.scss */
.subscribe-form .close-subscribe-form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: none; cursor: pointer; border: none; padding: 0; margin: 0; font-size: 1em; position: absolute; top: 1.25em; right: 1.25em; font-weight: 300; }
/* line 1153, ../sass/styles.scss */
.subscribe-form .close-subscribe-form i { font-size: 1.5em; position: relative; top: .15em; }

/* line 1157, ../sass/styles.scss */
.site-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; width: 100%; border: none; padding: .34em .75em .4em; position: relative; }
/* line 1164, ../sass/styles.scss */
.site-search input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 80%; font-size: 1em; border-radius: 6px; padding: .1em .33em; margin: 0.25em 0; border: none; }
/* line 1175, ../sass/styles.scss */
.site-search .submit-search-button, .site-search .close-search-form { background: none; margin: 0; border: none; }
/* line 1181, ../sass/styles.scss */
.site-search .submit-search-button { padding: 0 0 0 .25em; font-size: 1.5em; position: relative; top: .12em; }
/* line 1187, ../sass/styles.scss */
.site-search .close-search-form { padding-left: 0; position: absolute; top: .4em; right: .25em; }

/* line 1196, ../sass/styles.scss */
.hero-shot { -webkit-font-smoothing: antialiased; position: relative; }
/* line 1199, ../sass/styles.scss */
.hero-shot img { display: block; max-width: 100%; }
/* line 1203, ../sass/styles.scss */
.hero-shot figure { position: relative; }
/* line 1206, ../sass/styles.scss */
.hero-shot h1 a, .hero-shot span a { color: #fff; }
@media only screen and (min-width: 36em) { /* line 1209, ../sass/styles.scss */
  .hero-shot h1, .hero-shot .learn-more { text-align: right; }
  /* line 1211, ../sass/styles.scss */
  .hero-shot span { display: block; } }
@media only screen and (min-width: 44em) { /* line 1215, ../sass/styles.scss */
  .hero-shot figcaption h1 { font-size: 2.538461538em; line-height: 1.25em; } }

@media only screen and (min-width: 36em) { /* line 1224, ../sass/styles.scss */
  .left-gradient, .right-gradient { position: absolute; display: block; width: 10%; height: 100%; top: 0; }
  /* line 1232, ../sass/styles.scss */
  .left-gradient { left: 0; background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), white); background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }
  /* line 1236, ../sass/styles.scss */
  .right-gradient { right: 0; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); } }
/* line 1246, ../sass/styles.scss */
.interior .banner-callout { right: 2.7em; padding-left: 2.5em; }
/* line 1249, ../sass/styles.scss */
.interior .banner-callout h1 { font-size: 2.538461538em; line-height: 1.1em; }
/* line 1253, ../sass/styles.scss */
.interior .banner-callout .learn-more { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; font-size: 1.384615385em; line-height: 1.1em; margin-top: .5em; text-align: right; }
/* line 52, ../sass/styles.scss */
.interior .banner-callout .learn-more a { font-weight: normal !important; }

/* line 1261, ../sass/styles.scss */
.banner-callout { background-color: black; background-color: rgba(0, 0, 0, 0.65); padding: .76923em; color: #fff; cursor: pointer; }
/* line 1267, ../sass/styles.scss */
.banner-callout h1 { margin: 0; font-size: 1.5em; color: #fff; }
/* line 1272, ../sass/styles.scss */
.banner-callout .learn-more { display: block; margin-top: 1em; }
/* line 1275, ../sass/styles.scss */
.banner-callout .learn-more:after { content: " \00BB"; }
@media only screen and (min-width: 36em) { /* line 1261, ../sass/styles.scss */
  .banner-callout { width: auto; padding: 1.692307692em 3.076923077em 1.692307692em 5.846153846em; position: absolute; bottom: 2em; right: 2em; }
  /* line 1286, ../sass/styles.scss */
  .banner-callout .learn-more:after { content: ""; }
  /* line 1287, ../sass/styles.scss */
  .banner-callout h1 { line-height: 1.25em; }
  /* line 1290, ../sass/styles.scss */
  .banner-callout .blue-button, .banner-callout .blue-button-down { display: block; position: absolute; right: 0; bottom: 1.4em; width: 2em; height: 2em; }
  /* line 1299, ../sass/styles.scss */
  .banner-callout .blue-button { background: #00aeef url("../imgs/learn-more-btn.png") no-repeat center center; } }
@media only screen and (min-width: 36em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 36em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 36em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 36em) and (min-resolution: 125dpi), only screen and (min-width: 36em) and (min-resolution: 1.3dppx) { /* line 1299, ../sass/styles.scss */
  .banner-callout .blue-button { background-image: url("../imgs/learn-more-btn@2x.png"); background-size: 6px 14px; } }
@media only screen and (min-width: 36em) { /* line 1306, ../sass/styles.scss */
  .banner-callout .blue-button-down { background: #00aeef url("../imgs/learn-more-btn-down.png") no-repeat center center; } }
@media only screen and (min-width: 36em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 36em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 36em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 36em) and (min-resolution: 125dpi), only screen and (min-width: 36em) and (min-resolution: 1.3dppx) { /* line 1306, ../sass/styles.scss */
  .banner-callout .blue-button-down { background-image: url("../imgs/learn-more-btn-down@2x.png"); background-size: 14px 6px; } }

/* line 1319, ../sass/styles.scss */
.homepage-article-features a { color: #0391c6; }
/* line 1320, ../sass/styles.scss */
.homepage-article-features a:visited { color: #026c94; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.top-three-features:after { content: ""; display: table; clear: both; }

/* line 1324, ../sass/styles.scss */
.top-three-features .blog-feature:first-child { margin-top: 0; padding-top: 0; border-top: none; }

/* line 1330, ../sass/styles.scss */
.blog-feature { margin-top: 1em; padding-top: 1em; }
/* line 1332, ../sass/styles.scss */
.blog-feature figure { position: relative; }
/* line 1334, ../sass/styles.scss */
.blog-feature figure img { display: block; width: 100%; }
/* line 1338, ../sass/styles.scss */
.blog-feature figure figcaption { font-size: .9em; line-height: 1em; -webkit-font-smoothing: antialiased; text-transform: uppercase; letter-spacing: .02em; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; position: absolute; left: 0; bottom: 0; background: #00aeef; }
/* line 52, ../sass/styles.scss */
.blog-feature figure figcaption a { font-weight: normal !important; }
/* line 1345, ../sass/styles.scss */
.blog-feature figure figcaption span { color: #fff; display: block; font-weight: normal; padding: .64285em 1.2857em; }
/* line 1357, ../sass/styles.scss */
.blog-feature .blog-feature-description { margin-top: .5em; }
/* line 1360, ../sass/styles.scss */
.blog-feature time { color: #666; font-weight: bold; font-size: .84615em; letter-spacing: .05em; }
/* line 1366, ../sass/styles.scss */
.blog-feature h1 { margin-top: .16em; font-size: 1.692307692em; }
/* line 1369, ../sass/styles.scss */
.blog-feature h1:hover { text-decoration: underline; }
/* line 1373, ../sass/styles.scss */
.blog-feature .blog-feature-teaser { font-size: 1.1538em; line-height: 1.4em; }
/* line 1376, ../sass/styles.scss */
.blog-feature .blog-feature-teaser p { margin-top: 0.5em; }

/* line 1381, ../sass/styles.scss */
.large-feature h1 { font-size: 2.307692308em; }

@media only screen and (min-width: 28.125em) { /* line 1387, ../sass/styles.scss */
  .top-three-features .small-feature { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; margin-bottom: 1em; }
  /* line 1393, ../sass/styles.scss */
  .top-three-features .small-feature.first { padding-right: .5em; }
  /* line 1394, ../sass/styles.scss */
  .top-three-features .small-feature.second { padding-left: .5em; } }
@media only screen and (min-width: 37.5em) { /* line 1400, ../sass/styles.scss */
  .top-three-features .large-feature { float: left; width: 65.7181572%; }
  /* line 1404, ../sass/styles.scss */
  .top-three-features .small-feature { float: right; width: 31.614654%; margin: 0; border: none; }
  /* line 1409, ../sass/styles.scss */
  .top-three-features .small-feature.first { padding: 0; }
  /* line 1410, ../sass/styles.scss */
  .top-three-features .small-feature.second { padding: 2em 0 0; }
  /* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  .bottom-three-features:after { content: ""; display: table; clear: both; }
  /* line 1415, ../sass/styles.scss */
  .bottom-three-features .blog-feature { float: left; width: 31.5%; }
  /* line 1419, ../sass/styles.scss */
  .bottom-three-features .blog-feature + .blog-feature { padding-left: 2.75%; } }
/* line 1427, ../sass/styles.scss */
.homepage-right-column { position: relative; z-index: 1; /* prevent shadows falling behind containers with backgrounds */ }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.homepage-right-column:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 61.5em) { /* line 1433, ../sass/styles.scss */
  .homepage-right-column .right-column-block-holder { float: none; width: 100%; }
  /* line 1437, ../sass/styles.scss */
  .homepage-right-column .right-column-block { margin-top: 0; }
  /* line 1438, ../sass/styles.scss */
  .homepage-right-column .matts-message { margin-right: 0; }
  /* line 1441, ../sass/styles.scss */
  .homepage-right-column .recent-tweets { margin-left: 0; margin-top: 2em; }
  /* line 1444, ../sass/styles.scss */
  .homepage-right-column .recent-tweets h1 { padding-top: 0; } }

/* line 1449, ../sass/styles.scss */
.right-column-block { margin-top: 2em; }
/* line 1451, ../sass/styles.scss */
.right-column-block h1 { margin: 0 0 .5em; font-size: 1.923076923em; line-height: 1.05em; }
/* line 1456, ../sass/styles.scss */
.right-column-block.jump-links { margin-left: 0; margin-top: 2em; }
/* line 1459, ../sass/styles.scss */
.right-column-block.jump-links h1 { padding-top: 0; }

/* line 1463, ../sass/styles.scss */
.jump-links { margin-top: 3em !important; }
/* line 1465, ../sass/styles.scss */
.jump-links ul { list-style: inside square; color: #0391c6; }
/* line 1468, ../sass/styles.scss */
.jump-links ul li { padding: .5em 0; }
/* line 1471, ../sass/styles.scss */
.jump-links ul li + li { border-top: 1px dotted #555; }
/* line 1472, ../sass/styles.scss */
.jump-links ul a, .jump-links ul a:visited { font-weight: normal; color: #0391c6; }

/* line 1481, ../sass/styles.scss */
.matts-message { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; background: #f9f9f9; border: 1px solid #efefef; padding: 1.615384615em; position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.matts-message:after { content: ""; display: table; clear: both; }
/* line 1492, ../sass/styles.scss */
.matts-message:before, .matts-message:after { content: ''; z-index: -1; position: absolute; left: 10px; bottom: 10px; width: 70%; max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */ max-height: 100px; height: 55%; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg); }
/* line 1511, ../sass/styles.scss */
.matts-message:after { left: auto; right: 10px; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg); }
/* line 1521, ../sass/styles.scss */
.matts-message img { width: 5.0625em; height: auto; float: left; margin: 0 1em .5em 0; }
/* line 1528, ../sass/styles.scss */
.matts-message h1 { color: #333; }
/* line 1530, ../sass/styles.scss */
.matts-message time { display: block; color: #999999; font-size: .923076923em; font-weight: bold; text-transform: uppercase; }
/* line 1538, ../sass/styles.scss */
.matts-message p { margin-top: 0.5em; line-height: 1.384615385em; }
/* line 1542, ../sass/styles.scss */
.matts-message a { color: #0391c6; font-weight: normal; }
/* line 1545, ../sass/styles.scss */
.matts-message a:visited { color: #026c94; }
/* line 1547, ../sass/styles.scss */
.matts-message footer { margin-top: 1em; line-height: 1.1em; }

/* line 1554, ../sass/styles.scss */
.tweet { font-size: .923076923em; color: #666; margin-top: 1em; padding-top: 1em; }
/* line 1557, ../sass/styles.scss */
.tweet a { color: #ff6600; font-weight: normal; }
/* line 1562, ../sass/styles.scss */
.tweet .twitter-real-name a { color: #4083bc; font-size: 1.166666667em; }
/* line 1566, ../sass/styles.scss */
.tweet .twitter-handle a { color: #999999; font-weight: normal; }

/* line 1571, ../sass/styles.scss */
.tweet.first { padding-top: 0; border-top: none; }

@media only screen and (min-width: 36em) { /* line 1577, ../sass/styles.scss */
  .right-column-block-holder { float: left; width: 50%; }
  /* line 1581, ../sass/styles.scss */
  .matts-message { margin-right: 1em; }
  /* line 1584, ../sass/styles.scss */
  .recent-tweets, .jump-links { margin-left: 1em !important; }
  /* line 1587, ../sass/styles.scss */
  .recent-tweets h1, .jump-links h1 { padding-top: .8em; color: #333; } }
/* line 1596, ../sass/styles.scss */
.fat-footer { padding: .76923em; -webkit-font-smoothing: antialiased; background-color: #212223; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.fat-footer:after { content: ""; display: table; clear: both; }
/* line 1601, ../sass/styles.scss */
.fat-footer a:hover { text-decoration: underline; }
/* line 1604, ../sass/styles.scss */
.fat-footer .l1-group { float: left; width: 50%; margin-bottom: 1em; }
/* line 1609, ../sass/styles.scss */
.fat-footer li { margin-top: .5em; }
/* line 1610, ../sass/styles.scss */
.fat-footer li.l1 > a, .fat-footer h2 { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; font-size: 1.384615385em; margin-top: 0; color: #8dc63f !important; font-weight: normal !important; }
/* line 52, ../sass/styles.scss */
.fat-footer li.l1 > a a, .fat-footer h2 a { font-weight: normal !important; }
/* line 1617, ../sass/styles.scss */
.fat-footer li.l1 > a.donation-button, .fat-footer h2.donation-button { display: block; background: #6b9a2a; color: #fff !important; padding: 0.4em 0.5em 0.35em 1.8em; margin: 0 0 1.2em 15px; position: relative; font-size: 1.25em; }
/* line 1625, ../sass/styles.scss */
.fat-footer li.l1 > a.donation-button i, .fat-footer h2.donation-button i { position: absolute; top: -5px; left: -20px; border: 3px solid #212223; width: 35px; height: 35px; border-radius: 50%; background: #8dc63f; }
/* line 1632, ../sass/styles.scss */
.fat-footer li.l1 > a.donation-button i b, .fat-footer h2.donation-button i b { position: absolute; top: 10px; left: 8px; width: 18px; height: 16px; background: url("../imgs/heart-icon-black.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 1632, ../sass/styles.scss */
  .fat-footer li.l1 > a.donation-button i b, .fat-footer h2.donation-button i b { background-image: url("../imgs/heart-icon-black@2x.png"); background-size: 18px 16px; } }
/* line 1643, ../sass/styles.scss */
.fat-footer li.l1 > a.donation-button:hover, .fat-footer h2.donation-button:hover { text-decoration: none; }
/* line 1645, ../sass/styles.scss */
.fat-footer li.l1 > a.donation-button:hover b, .fat-footer h2.donation-button:hover b { -webkit-animation-name: "scale"; -webkit-animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: "scale"; -moz-animation-duration: 0.75s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; animation-name: "scale"; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
/* line 1662, ../sass/styles.scss */
.fat-footer a { color: #fff; font-weight: normal; }
@media only screen and (min-width: 50em) { /* line 1596, ../sass/styles.scss */
  .fat-footer { padding: 1em; }
  /* line 1668, ../sass/styles.scss */
  .fat-footer .l1-group { width: 20%; margin: 1em 0 2em; text-align: left; } }
/* line 1674, ../sass/styles.scss */
.fat-footer .twitter { background: url("../imgs/footer-twitter.png") no-repeat; padding-left: 2em; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 1674, ../sass/styles.scss */
  .fat-footer .twitter { background-image: url("../imgs/footer-twitter@2x.png"); background-size: 18px 15px; } }
/* line 1682, ../sass/styles.scss */
.fat-footer .facebook { background: url("../imgs/footer-facebook.png") no-repeat 3px center; padding-left: 2em; line-height: 21px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 1682, ../sass/styles.scss */
  .fat-footer .facebook { background-image: url("../imgs/footer-facebook@2x.png"); background-size: 11px 21px; } }
/* line 1691, ../sass/styles.scss */
.fat-footer .newsletter { background: url("../imgs/footer-mail.png") no-repeat 0 3px; padding-left: 2em; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 1691, ../sass/styles.scss */
  .fat-footer .newsletter { background-image: url("../imgs/footer-mail@2x.png"); background-size: 18px 12px; } }
/* line 1699, ../sass/styles.scss */
.fat-footer .social-footer { margin-top: 1em; }
/* line 1700, ../sass/styles.scss */
.fat-footer .fat-footer-social-links li { margin-top: 1em; }

@-webkit-keyframes scale { /* line 1705, ../sass/styles.scss */
  from { -webkit-transform: rotate(-7deg) scale(0.7); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
  /* line 1710, ../sass/styles.scss */
  50% { -webkit-transform: rotate(7deg) scale(1); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
  /* line 1715, ../sass/styles.scss */
  to { -webkit-transform: rotate(-7deg) scale(0.7); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } }
@-moz-keyframes scale { /* line 1722, ../sass/styles.scss */
  from { -moz-transform: rotate(-5deg) scale(0.7); }
  /* line 1725, ../sass/styles.scss */
  50% { -moz-transform: rotate(5deg) scale(1.5); }
  /* line 1728, ../sass/styles.scss */
  to { -moz-transform: rotate(-5deg) scale(0.7); } }
@keyframes scale { /* line 1733, ../sass/styles.scss */
  from { transform: rotate(-7deg) scale(0.7); transform-style: preserve-3d; }
  /* line 1737, ../sass/styles.scss */
  50% { transform: rotate(7deg) scale(1); transform-style: preserve-3d; }
  /* line 1741, ../sass/styles.scss */
  to { transform: rotate(-7deg) scale(0.7); transform-style: preserve-3d; } }
/* line 1748, ../sass/styles.scss */
.copyright-bar { padding: .76923em; background-color: #050505; color: #999999; }
/* line 1752, ../sass/styles.scss */
.copyright-bar a:hover { color: #fff; }
@media only screen and (min-width: 50em) { /* line 1748, ../sass/styles.scss */
  .copyright-bar { padding: 2em 1em; } }

/* line 1758, ../sass/styles.scss */
.copyright-text span { display: block; }
@media only screen and (min-width: 50em) { /* line 1758, ../sass/styles.scss */
  .copyright-text span { display: inline; } }
/* line 1764, ../sass/styles.scss */
.copyright-text a { color: #999999; font-weight: normal; text-decoration: underline; }

/* line 1770, ../sass/styles.scss */
.copyright-footer-links { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; -webkit-font-smoothing: antialiased; margin-top: 1em; text-align: center; }
@media only screen and (min-width: 50em) { /* line 1770, ../sass/styles.scss */
  .copyright-footer-links { float: right; margin-top: 0; } }
/* line 1779, ../sass/styles.scss */
.copyright-footer-links li { list-style: none; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }
/* line 1783, ../sass/styles.scss */
.copyright-footer-links li + li:before { content: '\2022'; padding-left: .4em; padding-right: .6em; }
/* line 1788, ../sass/styles.scss */
.copyright-footer-links a { color: #ccc; }

/* line 1795, ../sass/styles.scss */
.inline-subscription-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 5px solid #0391c6; background: #00aeef; color: #fff; padding: 1em; margin: 2em 0 1em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.inline-subscription-form:after { content: ""; display: table; clear: both; }
/* line 1803, ../sass/styles.scss */
.inline-subscription-form h1 { font-size: 2em; margin: 0 0 .3em; color: #fff; }
/* line 1808, ../sass/styles.scss */
.inline-subscription-form .heading-and-inputs { margin-bottom: 1em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.inline-subscription-form .heading-and-inputs:after { content: ""; display: table; clear: both; }
/* line 1811, ../sass/styles.scss */
.inline-subscription-form .heading-and-inputs input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 0.5em; font-size: 1em; }
/* line 1819, ../sass/styles.scss */
.inline-subscription-form .checkboxes { margin-bottom: 1em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.inline-subscription-form .checkboxes:after { content: ""; display: table; clear: both; }
/* line 1822, ../sass/styles.scss */
.inline-subscription-form .checkboxes h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold !important; margin-bottom: 0.5em; }
/* line 1828, ../sass/styles.scss */
.inline-subscription-form .checkboxes label { display: block; padding-left: 20px; margin-bottom: 0.3em; }
/* line 1832, ../sass/styles.scss */
.inline-subscription-form .checkboxes label input { float: left; margin-left: -20px; }
/* line 1839, ../sass/styles.scss */
.inline-subscription-form .submit small { display: block; font-size: 0.8em; font-style: italic; line-height: 1.2; margin-bottom: 1em; }
/* line 1846, ../sass/styles.scss */
.inline-subscription-form .submit button { display: block; width: 100%; background: #0391c6; border: 0; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; text-transform: uppercase; padding: 0.5em; font-size: 1.5em; color: #fff; border-radius: 3px; }
/* line 52, ../sass/styles.scss */
.inline-subscription-form .submit button a { font-weight: normal !important; }
@media screen and (min-width: 37.5em) { /* line 1862, ../sass/styles.scss */
  .inline-subscription-form .heading-and-inputs .input-email { float: left; width: 65%; }
  /* line 1866, ../sass/styles.scss */
  .inline-subscription-form .heading-and-inputs .input-zip { float: right; width: 33%; } }
@media screen and (min-width: 45em) { /* line 1873, ../sass/styles.scss */
  .inline-subscription-form h1 { margin-bottom: 0.7em; }
  /* line 1876, ../sass/styles.scss */
  .inline-subscription-form .heading-and-inputs { float: left; width: 49%; }
  /* line 1880, ../sass/styles.scss */
  .inline-subscription-form .checkboxes { float: right; width: 49%; }
  /* line 1883, ../sass/styles.scss */
  .inline-subscription-form .checkboxes h4 { margin: 0.3em 0 1em; }
  /* line 1886, ../sass/styles.scss */
  .inline-subscription-form .checkboxes label { font-size: 0.9em; }
  /* line 1890, ../sass/styles.scss */
  .inline-subscription-form .checks-1 { float: left; width: 50%; }
  /* line 1894, ../sass/styles.scss */
  .inline-subscription-form .checks-2 { float: right; width: 50%; }
  /* line 1898, ../sass/styles.scss */
  .inline-subscription-form .submit { clear: both; }
  /* line 1900, ../sass/styles.scss */
  .inline-subscription-form .submit small { float: left; width: 78%; font-size: 0.85em; padding-top: 0.75em; }
  /* line 1906, ../sass/styles.scss */
  .inline-subscription-form .submit button { float: right; width: 20%; padding: 0.1em 0; } }

@media only screen and (min-width: 61.5em) { /* line 1917, ../sass/styles.scss */
  .side-nav { float: right; width: 23.4297109%; } }
/* line 1919, ../sass/styles.scss */
.side-nav a { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; padding: .5em 0; color: #0391c6; }
/* line 1923, ../sass/styles.scss */
.side-nav a:visited { color: #0391c6; }
/* line 1925, ../sass/styles.scss */
.side-nav a { font-weight: normal; }
/* line 1926, ../sass/styles.scss */
.side-nav li { color: #0391c6; list-style: square inside none; }
/* line 1930, ../sass/styles.scss */
.side-nav li + li { border-top: 1px dotted #696969; }

/* line 1937, ../sass/styles.scss */
.related-posts { margin: 2em 0 0 1em; }
/* line 1941, ../sass/styles.scss */
.related-posts .related-post { margin-top: 1em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.related-posts .related-post:after { content: ""; display: table; clear: both; }
/* line 1946, ../sass/styles.scss */
.related-posts img { max-width: 76px; height: auto; }
/* line 1947, ../sass/styles.scss */
.related-posts h1 { color: #333; font-size: 16px; line-height: 1.1em; margin: 0; }
/* line 1953, ../sass/styles.scss */
.related-posts a, .related-posts a:visited { color: #0391c6; }
/* line 1954, ../sass/styles.scss */
.related-posts .blog-post-related-posts-image { float: left; width: 86px; }
/* line 1958, ../sass/styles.scss */
.related-posts .blog-post-related-posts-link { padding-left: 86px; }

/* line 1963, ../sass/styles.scss */
.rich-text-body .blog-callout-box { display: block; list-style: none; float: left; width: 200px; margin: 1.5em 1.5em 1em 0; padding: 0; font-size: .75em; }
/* line 1971, ../sass/styles.scss */
.rich-text-body .blog-callout-box > li { padding: 1em 0 0; margin: 1em 0 0; }
/* line 1974, ../sass/styles.scss */
.rich-text-body .blog-callout-box > li:first-child { margin-top: 0; padding-top: 0; }
/* line 1975, ../sass/styles.scss */
.rich-text-body .blog-callout-box > li p:first-child { margin-top: 0; }
/* line 1976, ../sass/styles.scss */
.rich-text-body .blog-callout-box > li > h1, .rich-text-body .blog-callout-box > li > h2, .rich-text-body .blog-callout-box > li > h3 { margin-top: 0; }
/* line 1978, ../sass/styles.scss */
.rich-text-body .blog-callout-box li + li { border-top: 1px solid #d3d3d3; }
/* line 1981, ../sass/styles.scss */
.rich-text-body .blog-callout-box p { margin-top: .1em; }
/* line 1982, ../sass/styles.scss */
.rich-text-body .blog-callout-box img { height: auto !important; }

/* line 1987, ../sass/styles.scss */
.byline { margin-top: .75em; text-transform: uppercase; font-size: .8em; font-weight: bold; color: #666; }
/* line 1993, ../sass/styles.scss */
.byline span { padding-left: 1em; }
/* line 1994, ../sass/styles.scss */
.byline span::before { content: "|"; padding-right: 1em; }
/* line 1998, ../sass/styles.scss */
.byline time, .byline span { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }

/* line 2001, ../sass/styles.scss */
.blog-feature-description .byline { line-height: 1em; }

/* line 2003, ../sass/styles.scss */
aside.tags { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: .5em; color: #fff; text-transform: uppercase; line-height: 1.3em; margin: 1.25em 0 2em; }
/* line 2011, ../sass/styles.scss */
aside.tags span, aside.tags a { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; font-family: Helvetica, Arial, sans-serif; color: #fff; margin: 0; background-color: #00aeef; font-size: .733333333em; font-weight: normal; line-height: 24px; border: none; height: 20px; padding: 0 1em .2em; }
/* line 2024, ../sass/styles.scss */
aside.tags span { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 26px; background: #0194cb url("../imgs/chevron-left.png") no-repeat left center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2024, ../sass/styles.scss */
  aside.tags span { background-image: url("../imgs/chevron-left@2x.png"); background-size: 26px 24px; } }
/* line 2035, ../sass/styles.scss */
aside.tags a { margin-top: .5em; }
/* line 2037, ../sass/styles.scss */
aside.tags a:visited { color: #fff; }

/* line 2041, ../sass/styles.scss */
.share-bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; margin-top: 2em; border: 1px solid #eaeaea; background-color: #f9f9f9; font-size: .692307692em; padding: .692307692em 0; overflow: hidden; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
/* line 2052, ../sass/styles.scss */
.share-bar .util-share-buttons a, .share-bar .util-share-buttons a:visited { color: #666; font-weight: normal; padding-left: 2.25em; padding-top: 0px; padding-bottom: 3px; }
/* line 2059, ../sass/styles.scss */
.share-bar a + a { margin-left: 1em; }
/* line 2060, ../sass/styles.scss */
.share-bar .print { background: url("../imgs/print-icon.png") no-repeat left center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2060, ../sass/styles.scss */
  .share-bar .print { background-image: url("../imgs/print-icon@2x.png"); background-size: 16px 16px; } }
/* line 2067, ../sass/styles.scss */
.share-bar .email { background: url("../imgs/email-icon.png") no-repeat left center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2067, ../sass/styles.scss */
  .share-bar .email { background-image: url("../imgs/email-icon@2x.png"); background-size: 16px 16px; } }

/* line 2075, ../sass/styles.scss */
.share-buttons { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; overflow: visible !important; padding: 0 1.461538462em; vertical-align: middle; text-align: center; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.share-buttons:after { content: ""; display: table; clear: both; }

@media only screen and (min-width: 30em) { /* line 2084, ../sass/styles.scss */
  .share-buttons { text-align: left; }
  /* line 2085, ../sass/styles.scss */
  .share-buttons + .share-buttons { border-left: 1px dashed #666; } }
/* line 2089, ../sass/styles.scss */
.social-button { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; float: left; height: 20px; padding-top: 1px; padding-bottom: 2px; }

/* line 2096, ../sass/styles.scss */
.social-button + .social-button { margin-left: 1em; }

/* line 2100, ../sass/styles.scss */
.featured-image-portrait { max-width: 50%; float: right; margin: 1em 0 1em 1em; }

/* line 2108, ../sass/styles.scss */
.downloads { float: right; max-width: 40%; clear: right; margin: 0 0 1em 1em; }
/* line 2113, ../sass/styles.scss */
.downloads .downloads-inner { margin-top: 1.5em; background-color: #f9f9f9; border: 2px solid #f2f2f2; padding: .75em .7692308em; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
/* line 2119, ../sass/styles.scss */
.downloads .downloads-inner .downloads-title { font-weight: bold; }
/* line 2122, ../sass/styles.scss */
.downloads .downloads-inner a { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; font-weight: normal; padding-left: 2em; color: #999; font-size: .846153846em; margin-top: .5em; }
/* line 2129, ../sass/styles.scss */
.downloads .downloads-inner a span { color: #0391c6; font-size: 1.181818182em; }
/* line 2133, ../sass/styles.scss */
.downloads .downloads-inner a.pdf { background: url("../imgs/pdf-icon.png") no-repeat 0 3px; }

/* line 2141, ../sass/styles.scss */
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; }

/* line 2144, ../sass/styles.scss */
.fb-comments h1 { margin-bottom: .5em; color: #333; font-size: 2em; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.blog-post-author:after { content: ""; display: table; clear: both; }
/* line 2154, ../sass/styles.scss */
.blog-post-author img { max-width: 60px; border: 1px solid #dadada; }
/* line 2158, ../sass/styles.scss */
.blog-post-author figcaption { float: right; width: 68%; }
/* line 2162, ../sass/styles.scss */
.blog-post-author .author-name { text-transform: uppercase; font-size: .846153846em; }
/* line 2166, ../sass/styles.scss */
.blog-post-author .author-title { display: block; margin-top: .25em; font-size: .923076923em; line-height: 1.1em; }

/* line 2173, ../sass/styles.scss */
.blog-post-author + .blog-post-author { margin-top: 1.5em; }

/* line 2176, ../sass/styles.scss */
a.read-more { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #fff; margin-top: .5em; font-size: .846153846em; color: #fff; background-color: #00aeef; padding: .25em .33em; border-radius: 4px; }
/* line 2185, ../sass/styles.scss */
a.read-more:visited { color: #fff; }

/* line 2189, ../sass/styles.scss */
.tags-and-categories { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; margin-top: 2em; border: 1px solid #dadada; background-color: #f9f9f9; }
/* line 2195, ../sass/styles.scss */
.tags-and-categories .options { border-bottom: 1px solid #dadada; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.tags-and-categories .options:after { content: ""; display: table; clear: both; }
/* line 2199, ../sass/styles.scss */
.tags-and-categories .option { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; float: left; font-size: 1.923076923em; text-align: center; padding: .5em 0; cursor: pointer; }
/* line 52, ../sass/styles.scss */
.tags-and-categories .option a { font-weight: normal !important; }
/* line 2209, ../sass/styles.scss */
.tags-and-categories .option.active { background-color: #00aeef; color: #fff; cursor: auto; }
/* line 2214, ../sass/styles.scss */
.tags-and-categories .tags-option { width: 40%; border-left: 1px solid #dadada; }
/* line 2218, ../sass/styles.scss */
.tags-and-categories .cats-option { width: 60%; }
/* line 2221, ../sass/styles.scss */
.tags-and-categories .links-holder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; padding: 1em; color: #999; }
/* line 2226, ../sass/styles.scss */
.tags-and-categories .links-holder a, .tags-and-categories .links-holder a:visited { color: #333; }
/* line 2230, ../sass/styles.scss */
.tags-and-categories .links-holder li { margin-top: .25em; }
/* line 2231, ../sass/styles.scss */
.tags-and-categories .links-holder .show-more { display: block; color: #0391c6; font-weight: normal; padding-top: .33em; }
/* line 2238, ../sass/styles.scss */
.tags-and-categories .tags-links, .tags-and-categories .cats-links { display: none; }
/* line 2239, ../sass/styles.scss */
.tags-and-categories[data-showing="categories"] .cats-links { display: block; }
/* line 2242, ../sass/styles.scss */
.tags-and-categories[data-showing="tags"] .tags-links { display: block; }

/* line 2249, ../sass/styles.scss */
.list-item.blog-feature { font-size: .875em; margin-top: 1.5em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.list-item.blog-feature:after { content: ""; display: table; clear: both; }
/* line 2253, ../sass/styles.scss */
.list-item.blog-feature h1 { font-size: 1.571428571em; line-height: 1.1em; }
/* line 2256, ../sass/styles.scss */
.list-item.blog-feature h1 a { color: #0391c6; }
/* line 2258, ../sass/styles.scss */
.list-item.blog-feature h1 a:visited { color: #026c94; }
/* line 2261, ../sass/styles.scss */
.list-item.blog-feature .byline { font-size: 1em; }
/* line 2262, ../sass/styles.scss */
.list-item.blog-feature time, .list-item.blog-feature .author { font-size: .785714286em; }
/* line 2263, ../sass/styles.scss */
.list-item.blog-feature figure { max-width: 460px; }
/* line 2266, ../sass/styles.scss */
.list-item.blog-feature .blog-feature-teaser { font-size: 1em; line-height: 1.4em; margin-bottom: 1em; }
/* line 2271, ../sass/styles.scss */
.list-item.blog-feature .share-buttons { padding: 0; }
@media only screen and (min-width: 36em) { /* line 2276, ../sass/styles.scss */
  .list-item.blog-feature figure { float: left; max-width: 230px; margin: 0 1.5em 1.5em 0; }
  /* line 2281, ../sass/styles.scss */
  .list-item.blog-feature .byline, .list-item.blog-feature .blog-feature-description { margin-top: 0; }
  /* line 2285, ../sass/styles.scss */
  .list-item.blog-feature .blog-feature-description { max-width: 450px; float: left; } }

/* line 2292, ../sass/styles.scss */
.list-item + .list-item { border-top: 1px dotted #ccc; }

/* line 2300, ../sass/styles.scss */
.our-authors h1 { font-size: 1.923076923em; color: #333; margin-bottom: .6em; margin-top: 0; }
/* line 2306, ../sass/styles.scss */
.our-authors .read-more { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; padding: .2em .33em; line-height: 1em; font-weight: normal; position: relative; bottom: .2em; }

/* line 2319, ../sass/styles.scss */
.pagination { margin-top: .75em; text-align: center; border-top: 1px dotted #333; border-bottom: 1px dotted #333; }
/* line 2324, ../sass/styles.scss */
.pagination a, .pagination a:visited { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #999; padding: .67em .5em; }
/* line 2330, ../sass/styles.scss */
.pagination a.active, .pagination a.active:visited { color: #fff; background-color: #00aeef; }
/* line 2335, ../sass/styles.scss */
.pagination .previous-page { padding-right: 1em; }
/* line 2336, ../sass/styles.scss */
.pagination .next-page { padding-left: 1em; }

/* line 2340, ../sass/styles.scss */
#our-work { margin-top: 2em; border-top: 1px dotted #a1a1a1; padding-top: 2em; margin-bottom: 4em; }
/* line 2346, ../sass/styles.scss */
#our-work .big-bold-statement { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; color: #999; font-size: 2.06em; line-height: 1.1em; margin-top: 0; }
/* line 52, ../sass/styles.scss */
#our-work .big-bold-statement a { font-weight: normal !important; }
/* line 2353, ../sass/styles.scss */
#our-work .our-work-blurb { margin-top: 4em; }
/* line 2357, ../sass/styles.scss */
#our-work .our-work-blurb-continued { margin-top: 1em; }
/* line 2359, ../sass/styles.scss */
#our-work .our-work-blurb-continued button { padding: 0; margin: 0; border: none; color: #0391c6; background: none; font-size: .8666667em; }
/* line 2368, ../sass/styles.scss */
#our-work .our-work-blurb-continued-text { display: none; }
/* line 2370, ../sass/styles.scss */
#our-work .our-work-blurb-continued.expanded .our-work-blurb-continued-text { display: block; }
/* line 2373, ../sass/styles.scss */
#our-work .our-work-blurb-continued.expanded button { display: none; }

/* line 2378, ../sass/styles.scss */
.person-list-item { padding: 1em 0 .75em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.person-list-item:after { content: ""; display: table; clear: both; }
/* line 2381, ../sass/styles.scss */
.person-list-item h1 { font-size: 1.5em; margin: 0; }
/* line 2385, ../sass/styles.scss */
.person-list-item figure { float: left; max-width: 58px; margin: 0 1em 0 0; }
/* line 2390, ../sass/styles.scss */
.person-list-item p { margin-top: .25em; }

/* line 2394, ../sass/styles.scss */
.person-department, .person-list-item-department { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .8125em; margin-top: 0.25em; margin-bottom: .25em; color: #666; }

/* line 2402, ../sass/styles.scss */
.person-department { font-size: 1em; }

/* line 2405, ../sass/styles.scss */
.person-list-header { color: #0391c6; }

/* line 2406, ../sass/styles.scss */
.person-list-item + h2 { margin-top: 1em; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.bio-body:after { content: ""; display: table; clear: both; }

/* line 2414, ../sass/styles.scss */
.bio-image { float: left; margin: 0 1em 1em 0; max-width: 150px; }

/* line 2419, ../sass/styles.scss */
.bio-image + p { margin-top: 0; }

/* line 2420, ../sass/styles.scss */
.author-posts h2 { margin: 0; padding-top: 1em; }

/* line 2427, ../sass/styles.scss */
.publication-marker { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; padding: .1em .5em .04em 2em; margin-right: .35em; background-color: #efefef; border: 1px solid #ddd; color: #333; font-size: .6667em; font-weight: bold; text-transform: uppercase; letter-spacing: .025em; border-radius: 5px; vertical-align: bottom; }
/* line 2441, ../sass/styles.scss */
.publication-marker.publication, .publication-marker.report { background: #efefef url("../imgs/open-book.png") no-repeat 0.4em center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2441, ../sass/styles.scss */
  .publication-marker.publication, .publication-marker.report { background-image: url("../imgs/open-book@2x.png"); background-size: 12px 9px; } }
/* line 2449, ../sass/styles.scss */
.publication-marker.issue-brief { background: #efefef url("../imgs/issue-brief.png") no-repeat 0.4em center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2449, ../sass/styles.scss */
  .publication-marker.issue-brief { background-image: url("../imgs/issue-brief@2x.png"); background-size: 12px 9px; } }
/* line 2456, ../sass/styles.scss */
.publication-marker.infographic { background: #efefef url("../imgs/infographic.png") no-repeat 0.4em center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2456, ../sass/styles.scss */
  .publication-marker.infographic { background-image: url("../imgs/infographic@2x.png"); background-size: 12px 9px; } }
/* line 2463, ../sass/styles.scss */
.publication-marker.video { background: #efefef url("../imgs/video.png") no-repeat 0.4em center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 2463, ../sass/styles.scss */
  .publication-marker.video { background-image: url("../imgs/video@2x.png"); background-size: 12px 9px; } }

/* line 2475, ../sass/styles.scss */
.search-results .result h2 { margin: 0; }
/* line 2476, ../sass/styles.scss */
.search-results .result small { font-size: 12px; font-size: .666rem; line-height: 1em; margin-top: -1em; }
/* line 2478, ../sass/styles.scss */
.search-results .result + .result { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dotted #333; }

/* line 2485, ../sass/styles.scss */
.pats-picks__intro { font-style: italic; margin-top: 2em; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.pats-picks__featured-story:after { content: ""; display: table; clear: both; }
/* line 2492, ../sass/styles.scss */
.pats-picks__featured-story h2 { text-transform: uppercase; margin-bottom: .33em; }

/* line 2498, ../sass/styles.scss */
.main .pats-picks__featured-story__link h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: .25em 0 0; font-size: 1.2em; line-height: 1.1em; }
/* line 2504, ../sass/styles.scss */
.main .pats-picks__featured-story__link h3 a { color: #0391c6; font-weight: bold !important; }
/* line 2508, ../sass/styles.scss */
.main .pats-picks__featured-story__link p { margin-top: .5em; }
/* line 2509, ../sass/styles.scss */
.main .pats-picks__featured-story__link .pats-picks__featured-story__source { font-size: .8em; line-height: 1.3em; color: #999; text-transform: uppercase; margin-top: .5em; }

/* line 2518, ../sass/styles.scss */
.main .pats-picks__the-lowdown { margin-top: 1em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.main .pats-picks__the-lowdown:after { content: ""; display: table; clear: both; }
/* line 2522, ../sass/styles.scss */
.main .pats-picks__the-lowdown h2 { text-transform: uppercase; }
/* line 2525, ../sass/styles.scss */
.main .pats-picks__the-lowdown .pats-picks__lowdown__stories h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.1em; }
/* line 2529, ../sass/styles.scss */
.main .pats-picks__the-lowdown .pats-picks__lowdown__stories h3 a { color: #0391c6; font-weight: bold !important; }
/* line 2534, ../sass/styles.scss */
.main .pats-picks__the-lowdown .pats-picks__lowdown__stories p { margin-top: .33em; }
/* line 2537, ../sass/styles.scss */
.main .pats-picks__the-lowdown .pats-picks__lowdown__stories .pats-picks__lowdown__story__source { color: #999; text-transform: uppercase; font-size: .8em; line-height: 1.3em; margin-top: .5em; }

/* line 2549, ../sass/styles.scss */
.pats-picks__lowdown__story + .pats-picks__lowdown__story { margin-top: 2em; }

/* line 2553, ../sass/styles.scss */
.pats-picks__lowdown__blockquote { border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 1.1em 0 1.25em; margin: 2em 0 2em -1.3em; }
/* line 2560, ../sass/styles.scss */
.pats-picks__lowdown__blockquote p { margin-top: 0; font-size: 1.4em; line-height: 1.2em; }
/* line 2566, ../sass/styles.scss */
.pats-picks__lowdown__blockquote footer { margin-top: 1em; font-size: .8em; line-height: 1.3em; color: #666; }
@media only screen and (min-width: 36em) { /* line 2553, ../sass/styles.scss */
  .pats-picks__lowdown__blockquote { max-width: 14em; margin: 1.5em 0 1.5em 1.5em; }
  /* line 2577, ../sass/styles.scss */
  .pats-picks__lowdown__blockquote.left { float: left; margin: 1.5em 2.5em 1.5em 0; }
  /* line 2581, ../sass/styles.scss */
  .pats-picks__lowdown__blockquote.right { float: right; margin: 1.5em 0 1.5em 2.5em; } }
/* line 2587, ../sass/styles.scss */
.pats-picks__quotes-of-the-day .pats-picks__lowdown__blockquote { border-top: none; border-bottom: none; max-width: none; margin: 0; }

/* line 2597, ../sass/styles.scss */
.pats-picks__quotes-of-the-day h2 { margin-top: .5em; font-size: 18px; line-height: 1.1em; text-transform: uppercase; color: #aaa; }

/* line 2606, ../sass/styles.scss */
.pats-picks__of-the-days, .pats-picks__quotes-of-the-day, .pats-picks__additional-reading { border-top: 9px solid #f4f4f4; margin-top: 2em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.pats-picks__of-the-days:after, .pats-picks__quotes-of-the-day:after, .pats-picks__additional-reading:after { content: ""; display: table; clear: both; }

@media only screen and (min-width: 36em) { /* line 2614, ../sass/styles.scss */
  .pats-picks__of-the-days__column { float: left; width: 48%; }
  /* line 2619, ../sass/styles.scss */
  .pats-picks__of-the-days__column + .pats-picks__of-the-days__column { margin-left: 4%; } }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.pats-picks__of-the-days__of-the-day:after { content: ""; display: table; clear: both; }
/* line 2628, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day h2 { color: #999; font-size: 18px; line-height: 1.1em; text-transform: uppercase; margin-bottom: .5em; }
/* line 2634, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day h2 img { position: relative; top: 2px; }
/* line 2639, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day .of-the-day-image { float: left; margin: 0 1em 1em 0; }
/* line 2642, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day .of-the-day-image img { border: 1px solid #ccc; }
/* line 2645, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day .of-the-day-link h3 { margin-top: 0; font-size: 15px; line-height: 1.1em; }
/* line 2649, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day .of-the-day-link h3 a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0391c6; font-weight: bold !important; }
/* line 2656, ../sass/styles.scss */
.pats-picks__of-the-days__of-the-day .of-the-day-source { font-size: 12px; color: #999; text-transform: uppercase; }

/* line 2664, ../sass/styles.scss */
.pats-picks__additional-reading .pats-picks__additional-reading__links { margin-top: .5em; }
@media only screen and (min-width: 36em) { /* line 2664, ../sass/styles.scss */
  .pats-picks__additional-reading .pats-picks__additional-reading__links { -moz-column-count: 2; -moz-column-gap: 16px; -webkit-column-count: 2; -webkit-column-gap: 16px; column-count: 2; column-gap: 16px; } }
/* line 2675, ../sass/styles.scss */
.pats-picks__additional-reading li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; }
/* line 2682, ../sass/styles.scss */
.pats-picks__additional-reading h2 { margin-top: .5em; font-size: 18px; line-height: 1.1em; text-transform: uppercase; color: #aaa; }
/* line 2690, ../sass/styles.scss */
.pats-picks__additional-reading h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.1em; color: #999; font-weight: bold !important; }
/* line 2696, ../sass/styles.scss */
.pats-picks__additional-reading h3:first-child { margin-top: 0; }
/* line 2699, ../sass/styles.scss */
.pats-picks__additional-reading li a, .pats-picks__additional-reading li a:visited { color: #0391c6; font-weight: normal !important; }

/* line 2706, ../sass/styles.scss */
.image-and-caption-floated { color: #999; font-size: .8em; line-height: 1.4em; }
/* line 2712, ../sass/styles.scss */
.image-and-caption-floated img { display: block; }
@media only screen and (min-width: 36em) { /* line 2706, ../sass/styles.scss */
  .image-and-caption-floated { float: right; margin: 0.5em 0 1em 1em; } }

@media only screen and (min-width: 36em) { /* line 2721, ../sass/styles.scss */
  .pats-picks__quotes__column { float: left; width: 32%; }
  /* line 2725, ../sass/styles.scss */
  .pats-picks__quotes__column + .pats-picks__quotes__column { margin-left: 2%; }
  /* line 2728, ../sass/styles.scss */
  .pats-picks__featured-story__image { float: left; padding-right: 1em; }
  /* line 2733, ../sass/styles.scss */
  .main .pats-picks__featured-story__link h3 { margin-top: 0; } }
/* line 2738, ../sass/styles.scss */
.newsletter__title-image { margin-top: -1.5em; overflow: hidden; }
/* line 2741, ../sass/styles.scss */
.newsletter__title-image img { margin-top: -10%; margin-left: -2%; width: 138%; max-width: none; height: auto; display: block; }
@media only screen and (min-width: 38em) { /* line 2741, ../sass/styles.scss */
  .newsletter__title-image img { margin-left: 0; width: 100%; max-width: 100%; } }

/* line 2756, ../sass/styles.scss */
.newsletter__author-image { float: right; margin-top: 16px; }

/* line 2761, ../sass/styles.scss */
h1.newsletter__title { font-size: 36px; margin-top: .5em; color: #00aeef; }

/* line 2767, ../sass/styles.scss */
.newsletter__logo { float: left; margin: 1em .5em .5em 0; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.newsletter__body:after { content: ""; display: table; clear: both; }

/* line 2776, ../sass/styles.scss */
.newsletter__side-content-well { margin-top: 1em; }

/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.newsletter__title-wrapper:after { content: ""; display: table; clear: both; }

/* line 2784, ../sass/styles.scss */
.newsletter__news-title { text-transform: uppercase; font-size: 14px; color: #666666; font-weight: bold; font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; }

/* line 2792, ../sass/styles.scss */
.newsletter__title-holder { border-bottom: 4px solid #7e7e7e; }

/* line 2796, ../sass/styles.scss */
.newsletter__news-date { color: #999999; font-weight: bold; font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 14px; margin-top: .75em; }

/* line 2804, ../sass/styles.scss */
.newsletter__news-clip-name, .newsletter__news-clip-source { font-size: .8em; line-height: 1.3; }

@media only screen and (min-width: 38em) { /* line 2812, ../sass/styles.scss */
  .newsletter-posts .newsletter__body { float: left; width: 73.4795613%; height: auto; }
  /* line 2817, ../sass/styles.scss */
  .newsletter-posts .newsletter__side-content-well { float: right; width: 24%; }
  /* line 2821, ../sass/styles.scss */
  .newsletter-posts .pagination { clear: both; position: relative; top: 1em; }
  /* line 2826, ../sass/styles.scss */
  .newsletter-posts .left-col-container { width: 100% !important; } }

/* line 2833, ../sass/styles.scss */
.kates-cliffnotes__post .share-bar { margin-top: 1em; }
/* line 2835, ../sass/styles.scss */
.kates-cliffnotes__post .share-bar .social-button { max-width: 85px; padding-bottom: 5px; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
@media print { /* line 2856, ../sass/styles.scss */
  * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  /* line 2863, ../sass/styles.scss */
  .site-header .utility-nav, .site-header .social-buttons, .site-menu, .breadcrumb, .right-col-container, .page-banner, .share-bar, .inline-subscription-form, .subscribe-form, .fat-footer, .tags { display: none !important; }
  /* line 2877, ../sass/styles.scss */
  .downloads { width: 100% !important; max-width: 100% !important; }
  /* line 2884, ../sass/styles.scss */
  a, a:visited { text-decoration: underline; }
  /* line 2889, ../sass/styles.scss */
  a[href]:after { content: " (" attr(href) ")"; text-transform: none; font-weight: normal !important; }
  /* line 2895, ../sass/styles.scss */
  abbr[title]:after { content: " (" attr(title) ")"; text-transform: none; }
  /* Don't show links for images, or javascript/internal links */
  /* line 2904, ../sass/styles.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* line 2910, ../sass/styles.scss */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* line 2916, ../sass/styles.scss */
  thead { display: table-header-group; /* h5bp.com/t */ }
  /* line 2920, ../sass/styles.scss */
  tr, img { page-break-inside: avoid; }
  /* line 2925, ../sass/styles.scss */
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  /* line 2933, ../sass/styles.scss */
  p, h2, h3 { orphans: 3; widows: 3; }
  /* line 2940, ../sass/styles.scss */
  h2, h3 { page-break-after: avoid; } }
/* line 2946, ../sass/styles.scss */
body { -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; }

@-webkit-keyframes fontfix { /* line 2955, ../sass/styles.scss */
  from { opacity: 1; }
  /* line 2956, ../sass/styles.scss */
  to { opacity: 1; } }
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=3.0.1"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype"); font-weight: normal; font-style: normal; }
/*  Font Awesome styles ------------------------------------------------------- */
/* line 20, ../sass/fontawesome.scss */
[class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; }

/* more sprites.less reset */
/* line 41, ../sass/fontawesome.scss */
.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; }

/* line 57, ../sass/fontawesome.scss */
[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }

/* makes sure icons active on rollover in links */
/* line 66, ../sass/fontawesome.scss */
a [class^="icon-"], a [class*=" icon-"] { display: inline-block; }

/* line 72, ../sass/fontawesome.scss */
.icon-search:before { content: "\f021"; }

/* line 73, ../sass/fontawesome.scss */
.icon-envelope:before { content: "\f022"; }

/* line 74, ../sass/fontawesome.scss */
.icon-chevron-right:before { content: "\f023"; }

/* line 75, ../sass/fontawesome.scss */
.icon-remove-circle:before { content: "\f024"; }

/* line 76, ../sass/fontawesome.scss */
.icon-circle-arrow-right:before { content: "\f025"; }

/* line 77, ../sass/fontawesome.scss */
.icon-reorder:before { content: "\f026"; }

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
/* line 2, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

/* line 20, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

/* line 27, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* line 37, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-opened { z-index: 8030; }

/* line 41, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

/* line 47, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-outer, .fancybox-inner { position: relative; }

/* line 51, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-inner { overflow: hidden; }

/* line 55, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

/* line 59, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

/* line 67, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

/* line 73, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-image { max-width: 100%; max-height: 100%; }

/* line 78, ../js/plugins/fancybox/jquery.fancybox.scss */
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/js/plugins/fancybox/fancybox_sprite.png"); }

/* line 82, ../js/plugins/fancybox/jquery.fancybox.scss */
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

/* line 94, ../js/plugins/fancybox/jquery.fancybox.scss */
#fancybox-loading div { width: 44px; height: 44px; background: url("/js/plugins/fancybox/fancybox_loading.gif") center center no-repeat; }

/* line 100, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

/* line 110, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/js/plugins/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

/* line 122, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-prev { left: 0; }

/* line 126, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-next { right: 0; }

/* line 130, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

/* line 141, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-prev span { left: 10px; background-position: 0 -36px; }

/* line 146, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-next span { right: 10px; background-position: 0 -72px; }

/* line 151, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-nav:hover span { visibility: visible; }

/* line 155, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
/* line 167, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-lock { overflow: hidden; }

/* line 171, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/js/plugins/fancybox/fancybox_overlay.png"); }

/* line 181, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

/* line 187, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
/* line 194, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

/* line 202, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-opened .fancybox-title { visibility: visible; }

/* line 206, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

/* line 215, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

/* line 231, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

/* line 237, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title-inside-wrap { padding-top: 10px; }

/* line 241, ../js/plugins/fancybox/jquery.fancybox.scss */
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/* line 3, ../sass/_signup-modal.scss */
body.signup-modal { background: #f7f6f6 url("../imgs/candycane.gif") -10px 0 repeat-x; color: #666; }
/* line 7, ../sass/_signup-modal.scss */
body.signup-modal .wrap { background: url("../imgs/postage.jpg") 100% 8px no-repeat; }
/* line 11, ../sass/_signup-modal.scss */
body.signup-modal .container { padding: 2em; max-width: 845px; margin: 0 auto; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
body.signup-modal .container:after { content: ""; display: table; clear: both; }
/* line 18, ../sass/_signup-modal.scss */
body.signup-modal h1 { margin: 0 0 0.2em; }
/* line 21, ../sass/_signup-modal.scss */
body.signup-modal h2 { text-transform: uppercase; font-size: 1.65em; color: #0391c6; margin: 0 0 1em; }
/* line 27, ../sass/_signup-modal.scss */
body.signup-modal h3 { font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; font-size: 1.5em; line-height: 1.05em; color: #0391c6; margin-bottom: .5em; }
/* line 52, ../sass/styles.scss */
body.signup-modal h3 a { font-weight: normal !important; }
/* line 34, ../sass/_signup-modal.scss */
body.signup-modal h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold !important; margin-bottom: .5em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
body.signup-modal .form-inputs:after { content: ""; display: table; clear: both; }
/* line 43, ../sass/_signup-modal.scss */
body.signup-modal .form-inputs label { display: none; }
/* line 46, ../sass/_signup-modal.scss */
body.signup-modal .form-inputs input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; font-size: 1em; padding: 0.5em; margin-bottom: 0.5em; }
/* line 15, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
body.signup-modal .checkboxes:after { content: ""; display: table; clear: both; }
/* line 58, ../sass/_signup-modal.scss */
body.signup-modal .checkboxes label { display: block; margin-bottom: .5em; }
/* line 64, ../sass/_signup-modal.scss */
body.signup-modal .submit button { display: block; width: 100%; background: #0391c6; color: #fff; text-transform: uppercase; border: 0; font-family: 'DINNeuzeitGroteskLTW01- 812426', arial, sans-serif; font-weight: normal !important; -webkit-font-smoothing: antialiased; font-size: 2em; margin: 1em 0 .5em; padding: 0.3em; border-radius: 5px; }
/* line 52, ../sass/styles.scss */
body.signup-modal .submit button a { font-weight: normal !important; }
/* line 78, ../sass/_signup-modal.scss */
body.signup-modal .disclaimer { display: block; font-size: 0.8em; line-height: 1.2; font-style: italic; }
/* line 85, ../sass/_signup-modal.scss */
body.signup-modal aside { padding-top: 2em; }
/* line 87, ../sass/_signup-modal.scss */
body.signup-modal aside em { font-weight: bold; font-style: normal; color: #0391c6; }
/* line 94, ../sass/_signup-modal.scss */
body.signup-modal ul { list-style: disc url("/imgs/blue-bullet.png"); padding-left: 1.3em; }
/* line 97, ../sass/_signup-modal.scss */
body.signup-modal ul li + li { margin-top: 1em; }
@media screen and (min-width: 36em) { /* line 102, ../sass/_signup-modal.scss */
  body.signup-modal form { float: left; width: 50%; }
  /* line 106, ../sass/_signup-modal.scss */
  body.signup-modal aside { float: right; width: 48%; padding-top: 0; } }
@media screen and (min-width: 50em) { /* line 3, ../sass/_signup-modal.scss */
  body.signup-modal { font-size: 14px; }
  /* line 114, ../sass/_signup-modal.scss */
  body.signup-modal form { width: 60%; }
  /* line 117, ../sass/_signup-modal.scss */
  body.signup-modal aside { width: 36%; }
  /* line 121, ../sass/_signup-modal.scss */
  body.signup-modal .input-1 { width: 75%; float: left; }
  /* line 125, ../sass/_signup-modal.scss */
  body.signup-modal .input-2 { float: right; width: 23%; }
  /* line 129, ../sass/_signup-modal.scss */
  body.signup-modal h3 { margin: 0.5em 0 0.2em; }
  /* line 132, ../sass/_signup-modal.scss */
  body.signup-modal h4 { margin-bottom: 1em; }
  /* line 135, ../sass/_signup-modal.scss */
  body.signup-modal .checks-1 { float: left; width: 80%; padding-left: 3%; }
  /* line 140, ../sass/_signup-modal.scss */
  body.signup-modal .checks-2 { float: left; }
  /* line 143, ../sass/_signup-modal.scss */
  body.signup-modal .submit button { width: 8em; margin-top: 0.5em; } }

/* line 153, ../sass/_signup-modal.scss */
.fancybox-signup-modal { top: 125px !important; }
@media screen and (max-width: 65em) { /* line 153, ../sass/_signup-modal.scss */
  .fancybox-signup-modal { width: 700px !important; }
  /* line 160, ../sass/_signup-modal.scss */
  .fancybox-signup-modal .fancybox-inner { width: 700px !important; } }
@media screen and (max-height: 50em) { /* line 153, ../sass/_signup-modal.scss */
  .fancybox-signup-modal { top: 35px !important; } }
@media screen and (max-width: 50em) { /* line 153, ../sass/_signup-modal.scss */
  .fancybox-signup-modal { top: 20px !important; width: 500px !important; }
  /* line 171, ../sass/_signup-modal.scss */
  .fancybox-signup-modal .fancybox-inner { width: 500px !important; } }
@media screen and (max-width: 38em) { /* line 153, ../sass/_signup-modal.scss */
  .fancybox-signup-modal { width: 100% !important; top: 0 !important; left: 0 !important; bottom: 0; }
  /* line 181, ../sass/_signup-modal.scss */
  .fancybox-signup-modal .fancybox-inner { width: 100% !important; height: 100% !important; }
  /* line 185, ../sass/_signup-modal.scss */
  .fancybox-signup-modal .fancybox-close { top: 15px; right: 20px; } }