/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
pre {
  margin: 18px 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 .5em;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ib {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/*foo*/
html,
button,
input,
select,
textarea {
  color: #222;
}
::-moz-selection {
  background: #ffdbbc;
  text-shadow: none;
}
::selection {
  background: #ffdbbc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.orange {
  color: #ef7000;
}
.orange-grad {
  background: #ff8a00;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff8a00), color-stop(100%, #ef7000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #ff8a00 0%, #ef7000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a00', endColorstr='#ef7000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.shadow-1 {
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.shadow-3 {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.shadow-6 {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
.shadow-in {
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
.text-shadow {
  -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.trans-width {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.trans-bgc {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.trans-all {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html {
  color: #141414;
  font-size: 100%;
  line-height: 1.5em;
}
@media only screen and (min-width: 78.125em) {
  html {
    font-size: 112.5%;
  }
}
body {
  background: #134052;
  background: #2b92b9;
}
.l-row {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}
#content-wrapper {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fafafa;
  z-index: 1500;
}
.wide-wrapper {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #e6e6e6;
  padding-bottom: 24px;
}
@media only screen and (max-width: 29.9375em) {
  .l-basic {
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  .l-basic {
    padding: 12px 6.25% 24px;
  }
}
@media only screen and (min-width: 48em) {
  .l-basic {
    min-height: 600px;
    padding: 30px 4.167% 48px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 48em) {
  .l-basic.has-sidebar {
    width: 58.33%;
    float: left;
    margin-left: 8.333%;
    max-width: none;
  }
}
.l-naked {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 40em) {
  .mob-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.link-list,
.sidebar .link-list,
.accessory .link-list {
  list-style: none;
  padding-left: 0;
  margin: 6px 0;
}
.link-list li,
.sidebar .link-list li,
.accessory .link-list li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .link-list li,
  .sidebar .link-list li,
  .accessory .link-list li {
    margin: 12px 0;
  }
}
@media only screen and (min-width: 48em) {
  .link-list li,
  .sidebar .link-list li,
  .accessory .link-list li {
    margin: 6px 0;
  }
}
.pills {
  margin: 12px 0;
}
.pill {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  margin: 0 10px 6px 0;
}
.pill a {
  color: #8c8c8c;
  background: #dcdcdc;
  padding: 3px 10px;
  border-radius: 12px;
}
.pill a:hover {
  color: #505050;
}
.g-links {
  list-style: none;
  padding-left: 0;
}
.g-links a {
  display: block;
}
.button,
[role=button] {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  line-height: 18px;
  color: #ffffff;
  display: inline-block;
  background: #ef7000;
  border: none;
  border-radius: 3px;
  padding: 6px 10px 6px;
  overflow: visible;
  margin: 12px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.button a,
[role=button] a {
  color: #ffffff;
}
.button.inactive,
[role=button].inactive,
[role=button]:disabled {
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  color: #b4b4b4;
  background: #ededed;
  cursor: default;
}
.button.inactive a,
[role=button].inactive a,
[role=button]:disabled a {
  color: #b4b4b4;
}
.more-link {
  display: inline-block;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 6px 0;
}
.more-link:after {
  color: #ef7000;
  content: "\0020\003E\003E";
}
[href$=".pdf"]:after {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: ' (PDF)';
}
h2.label {
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.chest {
  position: relative;
  margin: 12px 0 24px;
  /* close and open buttons */
  /* + - indicators */
  /* disclosure arrows */
}
.chest .controls [role=button] {
  color: #474747;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  background: #fafafa;
  padding: 4px .5em 2px;
  margin: 3px .5em 3px 0;
}
.chest .controls [role=button]:disabled {
  color: #adadad;
}
.chest .controls.bottom {
  margin-top: 12px;
}
.chest .drawer {
  position: relative;
}
.chest .drawer .handle {
  padding-left: 25px;
  cursor: pointer;
  margin: 12px 0 0 0;
}
.chest .drawer .handle h2,
.chest .drawer .handle h3,
.chest .drawer .handle h4,
.chest .drawer .handle h5,
.chest .drawer .handle h6 {
  margin: 0;
}
.chest .indicator {
  color: #adadad;
  position: relative;
  font-weight: 200;
  font-size: 18px;
  line-height: 18px;
  width: 16px;
  height: 16px;
  border: solid 1px #adadad;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 25;
}
.chest .expander span {
  position: relative;
  top: 0;
}
.chest .open .expander {
  display: none;
}
.chest .collapser span {
  position: relative;
  top: -1px;
}
.chest .collapser {
  display: none;
}
.chest .open .collapser {
  display: inline-block;
}
.chest.arrow .drawer .handle {
  padding-left: 25px;
}
.chest.arrow .closed .handle {
  background: transparent url(/img/dt-rd.png) no-repeat -3px top;
}
.chest.arrow .open .handle {
  background: transparent url(/img/dt-rd.png) no-repeat 0 -100px;
}
.chest .arrow-box {
  position: relative;
  background: #DC551B;
}
.chest .arrow-box:after {
  left: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chest .arrow-box:after {
  border-color: rgba(220, 85, 27, 0);
  border-left-color: #DC551B;
  border-width: 8px;
  top: 50%;
  margin-top: 3px;
}
.chest .open .arrow-box:after {
  -webkit-transform: rotate(90deg);
  margin-top: 7px;
}
.chest .drawer-contents {
  margin-left: 25px;
}
/* hide the closed drawer contents when js is present */
.js .chest .drawer > .drawer-contents {
  display: none;
}
.js .chest .drawer.open > .drawer-contents {
  display: block;
}
.js .hp-inner {
  display: none;
}
.pop {
  position: absolute;
  z-index: 1000;
  display: none;
}
.pop-std {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 6px 10px;
  border-radius: 3px;
}
.pop-closer {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  /* baseline */
  line-height: 12px;
  color: #7a7a7a;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 18px;
  width: 18px;
  display: block;
  position: absolute;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center -51px;
  bottom: 2px;
  right: 2px;
}
.pop-dark .pop-closer {
  background-position: center -21px;
}
.no-js .pop-closer {
  display: none;
}
.is-active {
  display: block !important;
}
.social-item {
  margin: 0 .5em 0 0;
}
.social-link {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  height: 30px;
  width: 30px;
  background-color: #298bb1;
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 0;
  border-radius: 3px;
}
.sn-soc-link,
.social-link,
.sn-social-link {
  background-image: url('/img/social-icons.png');
  background-image: none, url('/img/social-icons.svg');
}
.no-svg .sn-soc-link,
.no-svg .social-link,
.no-svg .sn-social-link {
  background-image: url('/img/social-icons.png');
}
.twitter-link {
  background-position: center -35px;
  background-color: #00aced;
}
.facebook-link {
  background-position: center -135px;
  background-color: #3b5998;
}
.linkedin-link {
  background-position: center -735px;
  background-color: #3b5998;
}
.googleplus-link {
  background-position: center -235px;
  background-color: #d94738;
}
.youtube-link {
  background-position: center -335px;
  background-color: #de272b;
}
.mail-link {
  background-position: center -435px;
}
.print-link {
  background-position: center -535px;
}
.instagram-link {
  background-position: center -635px;
  background-color: #9a6952;
}
figure img {
  max-width: 100%;
}
video {
  max-width: 100%;
}
p.embed-wrapper-16-9,
.embed-wrapper-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 24px 0;
}
.embed-wrapper-16-9 iframe,
.embed-wrapper-16-9 object,
.embed-wrapper-16-9 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.embed-wrapper-4-3,
div.embed-wrapper-4-3 {
  position: relative;
  padding-bottom: 75%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 24px 0;
}
.embed-wrapper-4-3 iframe,
.embed-wrapper-4-3 object,
.embed-wrapper-4-3 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  .main {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (min-width: 40em) {
  .main {
    width: 58.33%;
    min-height: 400px;
    float: left;
    margin-left: 12.5%;
    padding-bottom: 48px;
  }
}
.main-contact-trigger {
  margin: 12px 0 12px 0;
}
@media only screen and (min-width: 40em) {
  .main-contact-trigger {
    display: none;
  }
}
.main aside {
  padding: 12px 3.571%;
  border-radius: 3px;
  margin: 18px 0;
}
.main aside h2 {
  color: #141414;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 6px 0;
}
.main aside h3 {
  color: #141414;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 6px 0;
}
.main aside p,
.main aside li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin: 6px 0;
}
.main aside.color {
  background: #e1f2f8;
}
.main aside.side {
  width: 42.86%;
  float: right;
  margin: 0 0 0 4.688%;
}
@media only screen and (min-width: 40em) {
  .main aside.side {
    margin: 0 -14.29% 12px 3.571%;
  }
}
.main aside.notes {
  background: #f2f2f2;
}
.main .img-left {
  max-width: 150px;
  float: left;
  margin: 3px 3.571% 6px 0;
  border: solid 3px #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.main .img-right {
  max-width: 150px;
  float: right;
  margin: 3px 6px 0 3.571%;
  border: solid 3px #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.hero {
  margin: 0 0 0 0;
  min-height: 160px;
}
@media only screen and (max-width: 39.9375em) {
  .hero {
    overflow: hidden;
    text-align: center;
    position: relative;
  }
  .hero img {
    width: 640px;
    max-width: none;
    position: absolute;
    top: auto;
    left: 50%;
    margin-left: -320px;
  }
}
.page-header {
  margin: 36px 0 24px 0;
}
.page-header h1 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1em;
  margin: 0;
}
.page-header .subhed {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #616161;
  margin-top: 6px;
}
.has-hero .page-header {
  margin-top: 30px;
}
.t-sans {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.t-serif {
  font-family: Georgia, Times, "Times New Roman", serif;
}
.t-slab {
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
.t-cond {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
/* Address `font-family` inconsistency between `textarea` and other form elements */
html,
button,
input,
select,
textarea,
p,
li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
/* corresponds to 16 px */
/* 12px baseline when calculated against 16px body size */
/* type size mixins that correspond to font sizes and are portable */
.t-42 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 42px;
  line-height: 2.625rem;
}
.t-36 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.t-32 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.t-27 {
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 27px;
  line-height: 1.6875rem;
}
.t-24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.t-21 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-18 {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-16 {
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-14 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-13 {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-12 {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-10 {
  /* the smallest of small text. use for fine print */
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 12px;
  line-height: 0.75rem;
}
/* font-weight mixins */
.t-n-300 {
  font-family: "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.t-i-300 {
  font-family: "proxima-nova-i3", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 300;
}
.t-n-400 {
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.t-i-400 {
  font-family: "proxima-nova-i4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.t-n-700 {
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.t-i-700 {
  font-family: "proxima-nova-i7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.t-cond-n-300 {
  font-family: "proxima-nova-codensed-n3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.t-cond-i-300 {
  font-family: "proxima-nova-codensed-i3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 300;
}
.t-cond-n-400 {
  font-family: "proxima-nova-codensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.t-cond-i-400 {
  font-family: "proxima-nova-codensed-i4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.t-cond-n-700 {
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.t-cond-i-700 {
  font-family: "proxima-nova-codensed-i7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
h1 {
  color: #616161;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
h2 {
  color: #ef7000;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h3 {
  color: #217190;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h4 {
  color: #474747;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-i7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h5 {
  color: #616161;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h6 {
  color: #2e2e2e;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
p {
  font-family: Georgia, Times, "Times New Roman", serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
ul,
ol {
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
ul {
  padding-left: 20px;
  padding-left: 1.25rem;
}
ol {
  padding-left: 24px;
  padding-left: 1.5rem;
}
li {
  color: #474747;
  font-family: Georgia, Times, "Times New Roman", serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
a {
  color: #006e91;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
a:hover {
  color: #2b92b9;
}
pre {
  border: dotted 3px #e6e6e6;
  padding: 0 1em;
  margin: 24px 1em;
}
.codeblock {
  padding: 0;
}
code {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: monospace;
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
p.code b {
  color: #bc5800;
  font-family: monospace;
  font-weight: normal;
  padding: 0 2px;
  background: #f0f0f0;
}
/* site header titles */
#sh {
  position: relative;
  background: #2b92b9;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  z-index: 1500;
}
#sh-titles {
  position: relative;
  height: 72px;
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  #sh-titles {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 48em) {
  #sh-titles {
    height: 72px;
  }
}
.sh-site {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sh-campus {
  width: 200px;
  height: 40px;
}
.sh-campus-link {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  background-image: url('/img/logo-white.png');
  background-image: none, url('/img/logo-white.svg');
  background-size: 100%;
}
@media only screen and (max-width: 47.9375em) {
  .sh-campus-link {
    height: 24px;
    position: relative;
    left: -2px;
  }
}
@media only screen and (min-width: 48em) {
  .sh-campus-link {
    height: 40px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .lt-ie9 .sh-campus-link {
    width: 140px;
    background-image: url(/img/logo-white-140.png);
  }
}
.sh-site-link,
.sh-campus-link {
  background-repeat: no-repeat;
}
.sh-titles-overlap .sh-site,
.sh-titles-separate .sh-background {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #55a1c0;
  font-size: 108px;
  line-height: 72px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  height: 72px;
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-overlap .sh-site,
  .sh-titles-separate .sh-background {
    display: none;
  }
}
/* site navigation link */
@media only screen and (max-width: 39.9375em) {
  .sn-link {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    color: #ffffff;
  }
}
@media only screen and (min-width: 40em) {
  .sn-link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
/* optional separate positioning of campus and site title */
@media only screen and (max-width: 47.9375em) {
  #sh-titles.sh-titles-separate {
    height: auto;
  }
}
.sh-titles-separate .sh-site {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #ffffff;
  line-height: 1em;
  font-weight: 200;
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sh-site {
    margin-left: 4.6875%;
  }
}
@media only screen and (min-width: 40em) {
  .sh-titles-separate .sh-site {
    margin-left: 2.083333333333%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-separate .sh-site {
    font-size: 18px;
    margin-right: 75px;
    margin-bottom: 9px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 48em) {
  .sh-titles-separate .sh-site {
    font-size: 27px;
    line-height: 24px;
    position: absolute;
    top: 19px;
    left: 2.083333333333%;
    margin-left: 0;
  }
}
.sh-titles-separate .sh-site a {
  color: rgba(255, 255, 255, 0.7);
  color: #ffffff;
}
.sh-titles-separate .sh-campus {
  right: 25px;
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sh-campus {
    margin-left: 4.6875%;
  }
}
@media only screen and (min-width: 40em) {
  .sh-titles-separate .sh-campus {
    margin-left: 2.083333333333%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-separate .sh-campus {
    bottom: 36px;
    margin-top: 12px;
    margin-bottom: 3px;
    width: 120px;
    height: 24px;
    margin-right: 75px;
  }
}
@media only screen and (min-width: 48em) {
  .sh-titles-separate .sh-campus {
    position: absolute;
    bottom: 18px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sn-link {
    text-align: center;
    width: 75px;
    position: absolute;
    display: block;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    right: 0;
    background: #44acd3;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .sh-titles-separate .sn-link div {
    width: 100%;
    position: absolute;
    top: 50%;
  }
  .sh-titles-separate .sn-link span {
    display: block;
    position: relative;
    top: -10px;
  }
}
/* optional overlapping positioning of campus and site title */
.sh-titles-overlap .sh-campus {
  position: absolute;
  bottom: 6px;
  left: 4.6875%;
  z-index: 100;
}
@media only screen and (min-width: 40em) {
  .sh-titles-overlap .sh-campus {
    left: 2.083333333333%;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-overlap .sn-link {
    height: 24px;
    position: absolute;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    background: #44acd3;
    padding: 20px 4.6875% 16px 4.6875%;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
}
#sf-wrapper {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 300;
  position: relative;
  width: 100%;
  background: #134052;
  z-index: 1000;
}
#sf-wrapper p {
  color: #ffffff;
}
#sf {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: ;
}
@media only screen and (max-width: 39.9375em) {
  #sf {
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sf-c {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 12px 2%;
  }
}
.sf-c h1 {
  color: #ef7000;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c h1 {
    /* base size */
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c h1 {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-top: 6px;
    margin-top: 0.375rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
  }
}
.sf-c a {
  color: #82c7e2;
}
.sf-c ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c ul {
    display: none;
  }
}
.sf-c p,
.sf-c li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.28571428571429em;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c p,
  .sf-c li {
    padding: 6px 0;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c p,
  .sf-c li {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
.sf-c .pop {
  position: relative;
  z-index: auto;
}
@media only screen and (min-width: 40em) {
  .sf-c .pop {
    display: block;
  }
}
#sf .sf-il {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 40em) {
  #sf .sf-il {
    width: 25%;
  }
}
#sf .sf-il h1 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#sf .sf-il ul {
  padding: 0;
  list-style: none;
}
#sf .sf-il li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background: #217190;
  margin: 1px 0;
}
#sf .sf-il a {
  color: #ffffff;
  display: block;
  padding: .75em 0;
  padding-left: 8.333333333333332%;
  padding-right: 8.333333333333332%;
}
@media only screen and (max-width: 39.9375em) {
  #sf .sf-il a {
    padding-left: 4.166666666666666%;
    padding-right: 4.166666666666666%;
  }
}
h1.sf-logo {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.sf-logo a {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 140px;
}
.svg .sf-logo a {
  background-image: url(/img/logo-white.svg);
}
.no-svg .sf-logo a {
  background-image: url(/img/logo-white-140.png);
}
a.no-link {
  cursor: default;
}
#sn {
  line-height: 0;
  width: auto;
  height: auto;
  background: #164a5e;
  z-index: 2000;
}
@media only screen and (min-width: 40em) {
  #sn {
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 48px;
    position: absolute;
    top: 0;
    overflow: visible;
    background: #2b92b9;
  }
}
@media only screen and (min-width: 58.75em) {
  #sn {
    position: fixed;
    -webkit-transform: translateZ(0);
  }
}
.no-boxshadow #sn {
  border-bottom: solid 1px #217190;
}
/* site header nav */
@media only screen and (min-width: 40em) {
  #sn-nav {
    margin-left: 2.083333333333%;
  }
}
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  display: none;
  min-width: 8em;
  /* allow long menu items to determine submenu width */
  *width: 8em;
  /* no auto sub width for IE7, see white-space comment below */
  background: #217190;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu a {
  zoom: 1;
  /* IE7 */
}
.sf-menu a {
  color: #e9f5fa;
  /* 	.text-shadow; */
  display: block;
  position: relative;
}
.sf-menu a:hover {
  color: #ffffff;
}
.sf-menu a[rel='external']:after {
  content: url('/img/ext-link.svg');
  opacity: 0.35;
  position: absolute;
  right: 10px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.sf-menu a[rel='external']:hover:after {
  opacity: 0.75;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  -webkit-transition: none;
  transition: none;
}
.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu li:hover span,
.sf-menu li.sfHover span {
  z-index: 1000;
}
/* size conditional mixins. these are applied later to .sf-menu */
.sf-menu-mob {
  padding: 7px 0;
}
.sf-menu-mob li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #185166;
  margin: 3px;
  clear: both;
  padding: 0;
}
.sf-menu-mob > li ul {
  background: transparent;
}
.sf-menu-mob > li li {
  border-top: solid 3px #164a5e;
}
.sf-menu-mob > li > a {
  padding-left: 4.166666666666666%;
  padding-right: 4.166666666666666%;
}
.sf-menu-mob > li.active > a {
  color: #ffffff;
}
.sf-menu-mob ul li a {
  padding-left: 8.333333333333332%;
  padding-right: 8.333333333333332%;
}
.sf-menu-mob ul li.active a {
  color: #ffffff;
}
.sf-menu-mob a {
  padding-top: 15px;
  padding-bottom: 14px;
}
.sf-menu-desk {
  float: left;
  height: 48px;
}
.sf-menu-desk li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  /* no need for Supersubs plugin */
  *white-space: normal;
  /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
  margin: 0;
}
.sf-menu-desk > li {
  float: left;
  height: 48px;
  padding-right: 1em;
}
.sf-menu-desk > li:last-child {
  padding-right: 0;
}
.sf-menu-desk > li > a {
  padding: 12px 0 12px 0;
}
.sf-menu-desk > li.here > a {
  color: #ffffff;
  font-weight: 400;
  padding-top: 9px;
  border-top: solid 3px #6dbedd;
  cursor: default;
}
.sf-menu-desk ul {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 42px;
  left: -0.5em;
  border: solid 1px #2682a4;
  border-radius: 3px;
  z-index: 99;
}
.sf-menu-desk ul li {
  font-size: 14px;
  font-size: .875rem;
  border-bottom: solid 1px #2682a4;
}
.sf-menu-desk ul li:first-child {
  border-top: none;
}
.sf-menu-desk ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}
.sf-menu-desk ul li:last-child a {
  padding-bottom: 9px;
  border-radius: 0 0 2px 2px;
}
.sf-menu-desk ul li a {
  padding: 6px 15px 5px;
}
.sf-menu-desk ul li.here > a {
  color: #ffffff;
  border-left: solid 6px #6dbedd;
  padding: 6px 15px 6px 9px;
  cursor: default;
}
/* apply the size conditional styles */
@media only screen and (max-width: 39.9375em) {
  .sf-menu {
    padding: 7px 0;
  }
  .sf-menu li {
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: #185166;
    margin: 3px;
    clear: both;
    padding: 0;
  }
  .sf-menu > li ul {
    background: transparent;
  }
  .sf-menu > li li {
    border-top: solid 3px #164a5e;
  }
  .sf-menu > li > a {
    padding-left: 4.166666666666666%;
    padding-right: 4.166666666666666%;
  }
  .sf-menu > li.active > a {
    color: #ffffff;
  }
  .sf-menu ul li a {
    padding-left: 8.333333333333332%;
    padding-right: 8.333333333333332%;
  }
  .sf-menu ul li.active a {
    color: #ffffff;
  }
  .sf-menu a {
    padding-top: 15px;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 40em) {
  .sf-menu {
    float: left;
    height: 48px;
  }
  .sf-menu li {
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0;
  }
  .sf-menu > li {
    float: left;
    height: 48px;
    padding-right: 1em;
  }
  .sf-menu > li:last-child {
    padding-right: 0;
  }
  .sf-menu > li > a {
    padding: 12px 0 12px 0;
  }
  .sf-menu > li.here > a {
    color: #ffffff;
    font-weight: 400;
    padding-top: 9px;
    border-top: solid 3px #6dbedd;
    cursor: default;
  }
  .sf-menu ul {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 42px;
    left: -0.5em;
    border: solid 1px #2682a4;
    border-radius: 3px;
    z-index: 99;
  }
  .sf-menu ul li {
    font-size: 14px;
    font-size: .875rem;
    border-bottom: solid 1px #2682a4;
  }
  .sf-menu ul li:first-child {
    border-top: none;
  }
  .sf-menu ul li:last-child {
    border-bottom: none;
    border-radius: 0 0 2px 2px;
  }
  .sf-menu ul li:last-child a {
    padding-bottom: 9px;
    border-radius: 0 0 2px 2px;
  }
  .sf-menu ul li a {
    padding: 6px 15px 5px;
  }
  .sf-menu ul li.here > a {
    color: #ffffff;
    border-left: solid 6px #6dbedd;
    padding: 6px 15px 6px 9px;
    cursor: default;
  }
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: .85em;
  *padding-right: 0;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #77bdd9;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 39.9375em) {
  .sf-arrows .sf-with-ul:after {
    right: 1em;
  }
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}
.lt-ie9 .sf-menu li {
  margin-right: 1px;
}
.lt-ie8 #site-nav .sn-nav-item {
  display: block;
  height: 39px;
  padding-top: 9px;
}
#sn-social-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 39.9375em) {
  #sn-social-links {
    height: 30px;
    padding: 18px 4.167%;
  }
}
@media only screen and (min-width: 40em) {
  #sn-social-links {
    height: 48px;
    position: absolute;
    right: 50px;
    padding: 0 1.042%;
  }
}
@media only screen and (min-width: 48em) {
  #sn-social-links {
    position: relative;
    float: right;
    right: auto;
  }
}
li.sn-social-item {
  height: 30px;
  float: left;
  margin: 0;
}
@media only screen and (max-width: 39.9375em) {
  li.sn-social-item {
    padding-right: .75em;
  }
}
@media only screen and (min-width: 40em) {
  li.sn-social-item {
    position: relative;
    top: 9px;
    padding-right: .25em;
  }
  li.sn-social-item:last-child {
    padding-right: 0;
  }
}
.sn-social-link {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  display: block;
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  border-radius: 3px;
  background-color: #298bb1;
}
.sn-social-link.twitter-link {
  background-position: center -35px;
}
.sn-social-link.twitter-link:hover {
  background-color: #00aced;
}
.sn-social-link.facebook-link {
  background-position: center -135px;
}
.sn-social-link.facebook-link:hover {
  background-color: #3b5998;
}
.sn-social-link.googleplus-link {
  background-position: center -235px;
}
.sn-social-link.googleplus-link:hover {
  background-color: #d94738;
}
.sn-social-link.instagram-link {
  background-position: center -635px;
}
.sn-social-link.instagram-link:hover {
  background-color: #9a6952;
}
.sn-social-link.youtube-link {
  background-position: center -335px;
}
.sn-social-link.youtube-link:hover {
  background-color: #de272b;
}
@media only screen and (min-width: 40em) {
  .sn-social-link {
    padding: 0;
  }
}
/* themes */
.dark #sn {
  background-color: #282828;
}
#sn-search {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  #sn-search {
    clear: both;
    height: 28px;
    padding: 10px 2.083333333333%;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search {
    width: 40px;
    height: 28px;
    float: right;
    overflow: hidden;
    border: solid 1px #257ea0;
    border-width: 0 0 0 1px;
    padding: 10px 0;
    z-index: 1000;
  }
  #sn-search.revealed {
    overflow: visible;
    width: 160px;
    padding: 10px 30px 10px 20px;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search {
    width: 140px;
    position: relative;
    overflow: visible;
    right: 0 !important;
    padding: 10px 2.083333333333%;
  }
  #sn-search.revealed {
    width: 160px;
    padding: 10px 2.083333333333%;
  }
}
@media only screen and (min-width: 58.75em) {
  #sn-search {
    width: 200px;
  }
  #sn-search.revealed {
    width: 200px;
  }
}
#sn-search .sn-search-trigger {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 28px;
  width: 40px;
  position: absolute;
  right: 0;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-repeat: no-repeat;
  background-position: 4px -75px;
  background-color: #2b92b9;
  z-index: 1100;
}
@media only screen and (max-width: 39.9375em) {
  #sn-search .sn-search-trigger {
    display: none;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search .sn-search-trigger {
    display: block;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search .sn-search-trigger {
    display: none;
  }
}
#sn-search-closer {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 12px;
  text-indent: -9999em;
}
#sn-search-closer:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 6px solid transparent;
  border-left-color: #96d1e7;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 39.9375em) {
  #sn-search-closer {
    display: none;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search-closer {
    display: block;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search-closer {
    display: none;
  }
}
.sn-search-panel {
  background-color: #2b92b9;
  border: solid 2px #44acd3;
  border-radius: 13px;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-panel {
    width: 273px;
    display: block;
    height: 24px;
    position: absolute;
    right: 15px;
    left: 15px;
    padding: 0;
    box-shadow: none;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-panel {
    width: 140px;
    height: 24px;
    position: absolute;
    right: 20px;
    margin-right: -2px;
    z-index: 1000;
  }
}
@media only screen and (min-width: 48em) {
  .sn-search-panel {
    position: relative;
    right: auto;
    float: right;
  }
}
@media only screen and (min-width: 58.75em) {
  .sn-search-panel {
    width: 200px;
    padding: 0;
  }
}
.sn-search-panel input:focus[type=search] {
  outline: none;
}
.sn-search-box {
  display: none;
  overflow: visible !important;
  position: relative;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-box {
    width: 250px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 23px;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-box {
    width: 137px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 58.75em) {
  .sn-search-box {
    width: 177px;
  }
}
.search-box {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  height: 20px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .search-box {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  .search-box {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  .search-box {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  .search-box {
    width: 137px;
  }
}
.search-box:focus {
  background: #ffffff;
}
input[type=search] {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
  height: 20px;
  padding-top: 2px;
}
@media only screen and (max-width: 39.9375em) {
  input[type=search] {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  input[type=search] {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  input[type=search] {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  input[type=search] {
    width: 137px;
  }
}
input[type=search]:focus {
  background: #ffffff;
}
.sn-search-box .form-submit {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  text-align: center;
  width: 30px;
  height: 24px;
  background-color: #44acd3;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-repeat: no-repeat;
  background-position: -2px -77px;
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-box .form-submit {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-box .form-submit {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/*
.lt-ie9 .sn-search-box .form-submit {
	border: solid 1px darken(@ucsd-web-blue,10%);
}
*/
.lt-ie8 .sn-search-box form input {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
  height: 20px;
  padding-top: 2px;
}
@media only screen and (max-width: 39.9375em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  .lt-ie8 .sn-search-box form input {
    width: 137px;
  }
}
.lt-ie8 .sn-search-box form input:focus {
  background: #ffffff;
}
.js .sn-search-box .form-submit {
  display: block;
}
.js .sn-search-box button {
  display: none;
}
.sn-search-selector {
  width: 22px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin: 0;
  overflow: visible;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-selector {
    /* 		display: none; */
  }
}
.sn-search-selector-pop {
  display: none;
}
.sn-search-selector-trigger {
  text-indent: -9999em;
  position: relative;
  width: 22px;
  height: 24px;
  background: #ebebeb;
  padding: 0;
  border-right: solid 1px #e6e6e6;
  border-radius: 12px 0 0 12px;
  z-index: 1100;
}
.sn-search-selector-trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -2px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #828282;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(0, 0, 0, 0.5);
}
.sn-search-selector img {
  margin: 0 5px 0 5px;
}
/* sh search topic menu */
.sn-search-topics-panel {
  width: 147px;
  background: #ffffff;
  position: relative;
  left: 23px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0 0 21px 0;
  z-index: 1000;
  display: none;
}
.sn-search-topics-panel .pop-closer {
  background-position: center -21px;
}
.sn-search-topics {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sn-search-topics li {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  /* baseline */
  line-height: 18px;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  height: auto;
  float: none;
  padding: 0 !important;
  border-bottom: solid 1px #e6e6e6;
  margin: 0;
}
.sn-search-topics li.divider {
  border-top: dotted 1px #dcdcd7;
}
.sn-search-topics li a {
  color: #1e1e1e;
  display: block;
  padding: 9px 5px 9px 10px;
}
.sn-search-topics li a:hover {
  background: #6dbedd;
}
/* 	==========================================================================
	NO JS AMENDMENTS for SEARCH
	========================================================================== */
.no-js .sn-search-trigger,
.no-js .sn-search-selector,
.no-js .sn-search-panel h1 {
  display: none;
}
@media only screen and (min-width: 40em) {
  .no-js .sn-search-panel {
    top: 0;
    right: 2.083333333333%;
    padding-bottom: 0;
    background: transparent;
    box-shadow: none;
  }
}
.no-js .sn-search-box {
  position: relative;
  width: auto;
  float: left;
  top: 3px;
  right: auto;
}
.no-js .sn-search-box input {
  display: inline;
  position: relative;
  float: left;
  top: auto;
  right: auto;
  margin-right: 10px;
}
.no-js .sn-search-box .form-submit {
  display: none;
}
.no-js .sn-search-box button {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}
/*	==========================================================================
	Google Searh CSS
	========================================================================== */
#search #google-search {
  background-image: url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif);
  background-color: #ffffff;
  background-position: 0% 50%;
  background-repeat: no-repeat no-repeat;
  border: 1px solid #98a2a6;
  box-shadow: -1px 1px 1px #e3e3e3 inset;
  padding: 1px 3px 2px 0px;
  border-radius: 9px;
  outline: none;
}
.gsc-webResult .gsc-result {
  background: #ffffff;
  border: none !important;
  padding: 18px 3.57142857% !important;
  margin: 12px 0 !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.gsc-above-wrapper-area,
.gcsc-branding {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 24px;
}
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  color: #006e91;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* base size */
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 24px !important;
  line-height: 1.5rem !important;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-weight: bold;
}
.gsc-control-cse .gs-spelling b,
.gsc-control-cse .gs-result .gs-title b,
.gsc-control-cse .gs-result .gs-title * b {
  color: #ef7000;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif !important;
  /* small subheads, notes, etc. */
  font-size: 14px !important;
  font-size: 0.875rem !important;
  line-height: 18px !important;
  line-height: 1.125rem !important;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  color: #141414 !important;
}
.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #006e91 !important;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.gsc-control-cse {
  border-color: transparent !important;
  background-color: transparent !important;
}
.gsc-table-result,
.gsc-thumbnail-inside {
  padding: 0 !important;
}
.gsc-url-top {
  display: none !important;
  visibility: hidden;
}
.gsc-table-cell-thumbnail,
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
  display: none !important;
  visibility: hidden;
}
.black {
  color: #ffffff;
  background: #000000;
  margin: 0;
}
/* ====================
	Search box styles
======================= */
@media only screen and (min-width: 40em) {
  .black #sn-search {
    border: solid 1px #474747;
    border-width: 0 0 0 1px;
  }
}
.black #sn-search .sn-search-trigger {
  background-color: #1e1e1e;
}
.black #sn-search #sn-search-closer:after {
  border-left-color: #ffffff;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
.black #sn-search .sn-search-panel {
  background-color: #141414;
  border: solid 2px #616161;
  border-radius: 13px;
}
.black #sn-search .sn-search-box .form-submit {
  background-color: #141414;
}
/* ===================
	Navigation
=====================*/
/* site nav */
.black #sn {
  background-color: #1e1e1e !important;
  border-bottom: solid 1px black !important;
}
/* site header nav */
.black .sf-menu ul {
  background-color: #1e1e1e;
}
.black .sf-menu a {
  color: #ffffff;
  background-color: transparent;
}
/* size conditional mixins. these are applied later to .sf-menu */
.black .sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #191919;
}
.black .sf-menu-desk > li.here > a {
  border-top: solid 3px #191919;
}
.black .sf-menu-desk ul {
  border: solid 1px #050505;
}
.black .sf-menu-desk ul li {
  border-bottom: solid 1px #050505;
}
.black .sf-menu-desk ul li.here > a {
  border-left: solid 6px #191919;
}
/* ==========================================================================
   SITE HEADER
   ========================================================================== */
/* site header titles */
.black header#sh {
  background: #1e1e1e;
}
.black .sh-titles-overlap .sh-site,
.black .sh-titles-separate .sh-background {
  color: #464646;
}
@media only screen and (max-width: 39.9375em) {
  .black .sh-titles-separate .sn-link {
    background-color: #1e1e1e;
  }
}
@media only screen and (max-width: 39.9375em) {
  .black .sh-titles-overlap .sn-link {
    background-color: #0f0f0f;
  }
}
/* ==========================================================================
   SITE FOOTER
   ========================================================================== */
.black #sf-wrapper {
  background-color: #1e1e1e;
}
@media only screen and (max-width: 39.9375em) {
  .black #sf-wrapper {
    background-color: #0f0f0f;
  }
}
.black .sf-c h1 {
  color: #ffffff;
}
.black .sf-c a {
  color: #e0e0e0;
}
.black #sf .sf-il li {
  background-color: #0f0f0f;
}
/* apply the size conditional styles */
@media only screen and (max-width: 39.9375em) {
  .black .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: #191919;
  }
  .black .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: transparent;
    border-bottom: solid 3px #0f0f0f;
  }
  .black .sf-menu > li li {
    border-top: solid 3px #0f0f0f;
  }
}
@media only screen and (min-width: 40em) {
  .black .sf-menu > li.here > a {
    border-top: solid 3px #191919;
  }
  .black .sf-menu ul {
    border: solid 1px #050505;
  }
  .black .sf-menu ul li {
    border-bottom: solid 1px #050505;
  }
  .black .sf-menu ul li.here > a {
    border-left: solid 6px #191919;
  }
}
/* size conditional mixins. these are applied later to .sf-menu */
.black .sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: transparent;
  border-bottom: solid 3px #0f0f0f;
}
.black .sf-menu-mob > li li {
  border-top: solid 3px #0f0f0f;
}
.black .sn-social-link-bk {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  background-color: #464646;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  margin-top: 20px;
  background: #000;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff;
}
#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}
#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}
#cboxLoadingGraphic {
  background: url(/img/colorbox-images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(/img/colorbox-images/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: bottom left;
}
#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(/img/colorbox-images/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: bottom right;
}
#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(/img/colorbox-images/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: bottom center;
}
/* ==========================================================================
   Basic site specific styles 
   EXTEND AND OVERRIDE STANDARD.LESS HERE!
   ========================================================================== */
@media only screen and (min-width: 62.5em) {
  html {
    font-size: 112.5%;
  }
}
.l-basic p,
.l-basic li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
#cboxContent {
  margin-top: 0;
}
.alert {
  color: #ffffff;
  text-align: center;
  background: red;
  padding: 12px 4.167%;
  margin: 1px 0;
}
.alert p {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
.layout-block {
  background: #ebebeb;
  padding: 24px 4.167%;
  border-radius: 3px;
  margin: 24px 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.layout-block > h1:first-child,
.layout-block > h2:first-child {
  margin-top: 0;
}
.layout-block .lb-col > h1:first-child,
.layout-block .lb-col > h2:first-child,
.layout-block .lb-col > p:first-child,
.layout-block .lb-col > ul:first-child,
.layout-block .lb-col > ul:first-child li {
  margin-top: 0 !important;
}
@media only screen and (min-width: 48em) {
  .layout-block .lb-col {
    width: 46.43%;
  }
}
@media only screen and (min-width: 48em) {
  .layout-block .lb-col-left {
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .layout-block .lb-col-right {
    float: right;
  }
}
@media only screen and (min-width: 48em) {
  .layout-block.lb-12 .lb-col-left {
    width: 30%;
  }
}
@media only screen and (min-width: 48em) {
  .layout-block.lb-12 .lb-col-right {
    width: 65%;
  }
}
.layout-block p,
.layout-block li,
.layout-block label,
.layout-block input {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.layout-block h2,
.layout-block h3,
.layout-block h4,
.layout-block p,
.layout-block ul {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.layout-block .lb-item {
  background: #f5f5f5;
  padding: 9px 15px 12px;
  border-radius: 3px;
  margin: 0 0 12px 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.layout-block .link-list {
  margin-bottom: 0;
}
.layout-block .link-list a {
  color: #006e91;
  font-weight: 800;
}
@media only screen and (max-width: 47.9375em) {
  .social-connect {
    padding-bottom: 12px !important;
  }
}
.social-connect ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 47.9375em) {
  .social-connect ul {
    margin-top: 0;
    text-align: center;
  }
}
.social-connect li.social-item {
  float: left;
  margin: 0 .65em 0 0;
}
#about-tw-layout .tw-staff:first-of-type {
  padding-top: 12px;
}
#about-tw-layout .tw-staff h2 {
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
#about-tw-layout .tw-staff p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
@media only screen and (min-width: 40em) {
  #about-tw-layout .tw-staff h2 {
    /* base size */
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    width: 128px;
    width: 8rem;
    text-align: right;
    float: left;
    margin-top: 0;
  }
  #about-tw-layout .tw-staff p {
    padding-left: 140px;
    padding-left: 10rem;
  }
}
#not-found-layout p,
#not-found-layout li,
#not-found-layout label,
#not-found-layout input {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
#not-found-layout h2,
#not-found-layout h3,
#not-found-layout h4,
#not-found-layout p,
#not-found-layout ul {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
#not-found-layout .form-style ul {
  list-style-type: none;
  padding-left: 0;
}
#not-found-layout .form-style ul li {
  list-style-type: none;
}
#not-found-layout .form-style ul li form {
  margin-top: 6px;
}
@media only screen and (max-width: 29.9375em) {
  #not-found-layout .form-style ul li form {
    text-align: center;
  }
}
@media only screen and (max-width: 29.9375em) {
  #not-found-layout .form-style ul li form input[type="text"] {
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 30em) {
  #not-found-layout .form-style ul li form input[type="text"] {
    width: 66.66666%;
    margin-right: 20px;
  }
}
li.review-link a {
  color: #ffcea3;
}
#journalist-link {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 200;
  background: #2b92b9;
  text-align: center;
  position: relative;
  padding: 12px 20px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
#journalist-link a {
  color: #ffffff;
}
/* site listing meta */
.sl-meta {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
#nr-layout .social-connect {
  /* 		float: right; */
}
#story h1 {
  margin-top: 12px;
}
@media only screen and (max-width: 47.9375em) {
  #story h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
#story .story-meta,
#story .story-meta li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
#story .separator {
  margin: 0 1.786%;
  /* (12.5/700) */
}
#story .dek,
#story h2.dek {
  color: #ef7000;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#story .byline {
  margin-top: -21px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #616161;
  font-style: italic;
}
#story .byline i,
#story .byline em {
  font-style: normal;
}
#story .story-body {
  background: #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1000;
}
.lt-ie9 .story-body {
  border: 1px solid #e6e6e6;
}
.lt-ie9 #feature-layout .story-meta {
  border: 1px solid #e6e6e6;
  border-bottom: none;
}
.lt-ie9 #nr-layout #story > header {
  border: 1px solid #e6e6e6;
  border-bottom: none;
}
.story-meta .sm-inner {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.story-meta .sm-item {
  font-weight: 200;
  float: left;
  border-left: solid 1px #dcdcdc;
}
.story-meta .sm-item:first-child {
  margin-left: 4.167%;
}
.story-meta .sm-item a {
  font-weight: 400;
  position: relative;
  padding: 0 10px 0 9px;
  top: 3px;
}
.story-meta .sm-item a:hover {
  color: #ffffff;
}
.story-meta.tw-banner {
  background-color: #ef7000;
  background: #ff8a00;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff8a00), color-stop(100%, #ef7000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #ff8a00 0%, #ef7000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a00', endColorstr='#ef7000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.story-meta.tw-banner .sm-item {
  border-left: solid 1px #d66400;
}
.story-meta.tw-banner .sm-item.first-child {
  border-left: solid 1px #d66400;
}
@media only screen and (max-width: 29.9375em) {
  .story-meta.tw-banner .sm-item {
    /* CHANGED */
  }
  .story-meta.tw-banner .sm-item.sub-link,
  .story-meta.tw-banner .sm-item.arch-link {
    display: none;
  }
}
.story-meta.tw-banner a {
  color: #ffffff;
}
.story-meta.tw-banner .tw-link {
  width: 300px;
  height: 48px;
  display: block;
  padding: 0;
  border: none;
  margin: 0;
}
@media only screen and (max-width: 58.6875em) {
  .story-meta.tw-banner .tw-link {
    margin-left: 4.167%;
  }
}
@media only screen and (min-width: 58.75em) {
  .story-meta.tw-banner .tw-link {
    float: left;
    margin-right: 10px;
    margin-left: 4.167%;
  }
}
.story-meta.tw-banner .tw-link a {
  display: block;
  height: 48px;
  width: 100%;
  top: 0;
  background-image: url('/img/tw-feat-banner.png');
  background-image: none, url('/img/tw-feat-banner.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 0;
  border: none;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .narrow-feature .story-meta,
  #nr-layout .tw-banner {
    width: 66.664%;
    padding: 0;
  }
}
@media only screen and (min-width: 75em) {
  .narrow-feature .story-meta .sm-inner,
  #nr-layout .tw-banner .sm-inner {
    padding: 0;
  }
}
.narrow-feature .story-meta .sm-item,
#nr-layout .tw-banner .sm-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 48em) {
  #nr-layout .tw-banner {
    margin: -12px 0 0 8.333%;
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 74.9375em) {
  #nr-layout .tw-banner .sm-items {
    border-top: solid 1px #d66400;
    clear: left;
  }
}
@media only screen and (min-width: 75em) {
  #nr-layout .tw-banner .sm-items {
    height: 48px;
  }
}
#nr-layout .tw-banner .sm-items .sm-item {
  border: none;
}
@media only screen and (max-width: 58.6875em) {
  #nr-layout .tw-banner .sm-items .sm-item a {
    padding-left: 0;
  }
}
@media only screen and (max-width: 62.4375em) {
  #nr-layout .tw-banner .sm-items .sm-item {
    height: 29px;
    position: relative;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 62.5em) {
  #nr-layout .tw-banner .sm-items .sm-item {
    height: 31px;
    padding-top: 3px;
  }
}
@media only screen and (min-width: 75em) {
  #nr-layout .tw-banner .sm-items .sm-item {
    margin-left: 0;
    height: 48px;
    padding: 0;
  }
  #nr-layout .tw-banner .sm-items .sm-item a {
    top: 16px;
  }
}
@media only screen and (min-width: 48em) {
  #nr-layout #story .alert:first-child,
  #nr-layout #story .nr-tw-banner-container:first-child,
  #nr-layout #story header:first-child {
    margin-top: -12px;
  }
}
#nr-layout #story header {
  color: #616161;
  background: #ffffff;
  -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 29.9375em) {
  #nr-layout #story header {
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  #nr-layout #story header {
    padding: 12px 6.25% 24px;
  }
}
@media only screen and (min-width: 48em) {
  #nr-layout #story header {
    width: 58.33%;
    padding: 24px 4.167% 18px 4.167%;
    margin: 0 0 0 8.333%;
  }
}
#nr-layout #story header h1 {
  margin-top: 9px;
  margin-top: 0.5625rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
#nr-layout #story header h2 {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 29.9375em) {
  #nr-layout #story .story-body,
  #feature-layout #story .story-body {
    /* CHANGED */
    /* removed space between body and photo */
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  #nr-layout #story .story-body,
  #feature-layout #story .story-body {
    padding: 12px 6.25% 24px;
  }
  #nr-layout #story .story-body > figure:first-child,
  #feature-layout #story .story-body > figure:first-child,
  #nr-layout #story .story-body .story-content > figure:first-child,
  #feature-layout #story .story-body .story-content > figure:first-child {
    margin-top: -12px;
  }
}
@media only screen and (min-width: 48em) {
  #nr-layout #story .story-body,
  #feature-layout #story .story-body {
    width: 58.33%;
    float: left;
    padding: 18px 4.167% 48px;
    margin-left: 8.333%;
  }
  #nr-layout #story .story-body > figure:first-child,
  #feature-layout #story .story-body > figure:first-child {
    margin-top: -18px;
  }
}
#nr-layout #story .story-body > p:first-child,
#feature-layout #story .story-body > p:first-child,
#nr-layout #story .story-body .dek:first-child,
#feature-layout #story .story-body .dek:first-child,
#nr-layout #story .story-body h2:first-child,
#feature-layout #story .story-body h2:first-child {
  padding-top: 12px;
  margin-top: 0;
}
#feature-layout #story .story-meta {
  color: rgba(255, 255, 255, 0.8);
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  background-color: #f3f3f3;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 48em) {
  #feature-layout #story .story-meta {
    margin-top: -12px;
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout #story .story-body {
    padding-top: 12px;
  }
}
#feature-layout #story .story-body h1 {
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 62.5em) {
  #feature-layout #story .story-body h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 42px;
    line-height: 2.625rem;
  }
}
#feature-layout #story .story-body h1 + h2 {
  margin-top: -18px;
}
@media only screen and (max-width: 47.9375em) {
  #feature-layout #story .story-body h1 + h2 {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout #story .story-body h1 + h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout.narrow-feature #story .story-meta {
    margin-left: 8.333%;
  }
}
#feature-layout.narrow-feature #story .story-meta .sm-item:first-child {
  border: none;
  /* ADDED */
}
@media only screen and (max-width: 58.6875em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item:first-child a {
    padding-left: 0;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item:first-child {
    border-left: solid 1px #d66400;
  }
}
@media only screen and (max-width: 74.9375em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item:first-child {
    margin-left: 4.167%;
  }
}
@media only screen and (max-width: 62.4375em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item {
    height: 29px;
    position: relative;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 62.5em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item {
    height: 31px;
    padding-top: 3px;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item {
    height: 48px;
    padding: 0;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta .sm-item a {
    top: 16px;
  }
}
@media only screen and (max-width: 74.9375em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-items {
    border-top: solid 1px #d66400;
    clear: left;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-items {
    height: 48px;
    border-bottom: solid 1px #d66400;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 39.9375em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.sub-link {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.sub-link {
    border-right: solid 1px #d66400;
  }
}
@media only screen and (max-width: 29.9375em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.sub-link.no-author {
    display: none;
  }
}
@media only screen and (min-width: 30em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.sub-link.no-author {
    display: block;
  }
}
@media only screen and (max-width: 39.9375em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.sub-link.arch-link {
    display: none;
  }
}
#feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.story-auth {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.story-auth {
    border: none;
  }
}
@media only screen and (max-width: 29.9375em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.multiple-author {
    width: 68%;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout.narrow-feature #story .story-meta.tw-banner .sm-item.multiple-author {
    clear: left;
    margin-left: 4.167%;
    height: 38px;
  }
}
#feature-layout.narrow-feature #story #tw-links-narrow {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 200;
  background: #ef7000;
  text-align: center;
  position: relative;
  padding: 12px 10px;
  margin: 0 -7.143%;
  padding-left: 4.167%;
  padding-right: 4.167%;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 29.9375em) {
  #feature-layout.narrow-feature #story #tw-links-narrow {
    margin: 0 -4.545%;
  }
}
#feature-layout.narrow-feature #story #tw-links-narrow a {
  color: #ffffff;
}
#feature-layout.wide-feature #story .story-meta .sm-item:first-child {
  margin-left: 4.167%;
  border-left: none;
}
#feature-layout.wide-feature #story .story-meta .sm-item:first-child a {
  padding-left: 0;
}
#feature-layout.wide-feature #story .story-meta .sm-item:last-child {
  border-right: solid 1px #dcdcdc;
}
@media only screen and (max-width: 58.6875em) {
  #feature-layout.wide-feature #story .story-meta .sm-item {
    height: 29px;
    position: relative;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout.wide-feature #story .story-meta .sm-item {
    height: 48px;
    position: relative;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout.wide-feature #story .story-meta .sm-item a {
    top: 16px;
  }
}
@media only screen and (min-width: 62.5em) {
  #feature-layout.wide-feature #story .story-meta .sm-item a {
    top: 16px;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout.wide-feature #story .story-meta.tw-banner .tw-link {
    margin-right: 4.167%;
  }
}
@media only screen and (max-width: 58.6875em) {
  #feature-layout.wide-feature #story .story-meta.tw-banner .sm-items {
    border-top: solid 1px #d66400;
    width: 100%;
    clear: left;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout.wide-feature #story .story-meta.tw-banner .sm-items {
    float: left;
    height: 48px;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout.wide-feature #story .story-meta.tw-banner .sm-item:first-child {
    margin-left: 0;
  }
}
#feature-layout.wide-feature #story .story-meta.tw-banner .sm-item:last-child {
  border-color: #d66400;
}
#feature-layout.wide-feature #story .story-body {
  width: auto;
  max-width: 1200px;
  padding: 12px 0 48px;
  float: none;
  margin: 0 auto;
}
@media only screen and (max-width: 29.9375em) {
  #feature-layout.wide-feature #story .story-body .story-content {
    padding: 0 4.167%;
  }
}
@media only screen and (min-width: 30em) {
  #feature-layout.wide-feature #story .story-body .story-content {
    padding: 0 6.25%;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout.wide-feature #story .story-body .story-content {
    width: 58.33%;
    padding: 0;
    margin: 0 auto 0 12.5%;
  }
}
#feature-layout.wide-feature #story #tw-links {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 200;
  background: #ef7000;
  text-align: center;
  position: relative;
  padding: 12px 10px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 48em) {
  #feature-layout.wide-feature #story #tw-links {
    margin: 36px 0 0;
  }
}
#feature-layout.wide-feature #story #tw-links a {
  color: #ffffff;
}
@media only screen and (max-width: 47.9375em) {
  #feature-layout.wide-feature #story .wide-accessories {
    padding: 0 0 24px;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout.wide-feature #story .wide-accessories {
    padding: 24px 0;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout.wide-feature #story .wide-accessories .accessory {
    margin: 0;
  }
}
#story .story-body img {
  max-width: 100%;
}
#story .story-body .l {
  float: left;
  margin: 6px 3.571% 12px -7.153%;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body .l {
    margin-left: -4.545%;
  }
}
#story .story-body .r {
  float: right;
  margin: 6px -7.143% 12px 3.571%;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body .r {
    margin-right: -4.545%;
  }
}
#story .story-body .xful {
  position: relative;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body .xful {
    width: 109.1%;
    margin: -12px 0 24px -4.545%;
  }
}
@media only screen and (min-width: 30em) {
  #story .story-body .xful {
    width: 114.3%;
    margin: 0 0 24px -7.153%;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful {
    width: 114.3%;
    margin: 0 0 30px -7.153%;
  }
}
#story .story-body .xful img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful:hover p,
  #story .story-body .xful:hover figcaption {
    background: rgba(0, 0, 0, 0.8);
  }
}
#story .story-body .ful {
  width: 100%;
  margin: 24px 0 24px 0;
}
#story .story-body .ful img {
  width: 100%;
}
#story .story-body .xl {
  width: 78.57142857142857%;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body .xl {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#story .story-body .lg {
  width: 64.28571428571429%;
}
#story .story-body .med {
  width: 42.857142857142854%;
}
#story .story-body .sm {
  width: 225px;
}
#story .story-body .xsm {
  width: 150px;
}
#story .story-body .xful p,
#story .story-body .ful p,
#story .story-body .xl p,
#story .story-body .lg p,
#story .story-body .med p,
#story .story-body .sm p,
#story .story-body .xsm p,
#story .story-body .xful figcaption,
#story .story-body .ful figcaption,
#story .story-body .xl figcaption,
#story .story-body .lg figcaption,
#story .story-body .med figcaption,
#story .story-body .sm figcaption,
#story .story-body .xsm figcaption {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-style: italic;
  margin: 6px 0;
}
#story .story-body .xful p i,
#story .story-body .ful p i,
#story .story-body .xl p i,
#story .story-body .lg p i,
#story .story-body .med p i,
#story .story-body .sm p i,
#story .story-body .xsm p i,
#story .story-body .xful figcaption i,
#story .story-body .ful figcaption i,
#story .story-body .xl figcaption i,
#story .story-body .lg figcaption i,
#story .story-body .med figcaption i,
#story .story-body .sm figcaption i,
#story .story-body .xsm figcaption i,
#story .story-body .xful p em,
#story .story-body .ful p em,
#story .story-body .xl p em,
#story .story-body .lg p em,
#story .story-body .med p em,
#story .story-body .sm p em,
#story .story-body .xsm p em,
#story .story-body .xful figcaption em,
#story .story-body .ful figcaption em,
#story .story-body .xl figcaption em,
#story .story-body .lg figcaption em,
#story .story-body .med figcaption em,
#story .story-body .sm figcaption em,
#story .story-body .xsm figcaption em {
  font-style: normal;
}
@media only screen and (max-width: 47.9375em) {
  #story .story-body .xful.l p,
  #story .story-body .ful.l p,
  #story .story-body .xl.l p,
  #story .story-body .lg.l p,
  #story .story-body .med.l p,
  #story .story-body .sm.l p,
  #story .story-body .xsm.l p,
  #story .story-body .xful.l figcaption,
  #story .story-body .ful.l figcaption,
  #story .story-body .xl.l figcaption,
  #story .story-body .lg.l figcaption,
  #story .story-body .med.l figcaption,
  #story .story-body .sm.l figcaption,
  #story .story-body .xsm.l figcaption {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful.l p,
  #story .story-body .ful.l p,
  #story .story-body .xl.l p,
  #story .story-body .lg.l p,
  #story .story-body .med.l p,
  #story .story-body .sm.l p,
  #story .story-body .xsm.l p,
  #story .story-body .xful.l figcaption,
  #story .story-body .ful.l figcaption,
  #story .story-body .xl.l figcaption,
  #story .story-body .lg.l figcaption,
  #story .story-body .med.l figcaption,
  #story .story-body .sm.l figcaption,
  #story .story-body .xsm.l figcaption {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful.l.in p,
  #story .story-body .ful.l.in p,
  #story .story-body .xl.l.in p,
  #story .story-body .lg.l.in p,
  #story .story-body .med.l.in p,
  #story .story-body .sm.l.in p,
  #story .story-body .xsm.l.in p,
  #story .story-body .xful.l.in figcaption,
  #story .story-body .ful.l.in figcaption,
  #story .story-body .xl.l.in figcaption,
  #story .story-body .lg.l.in figcaption,
  #story .story-body .med.l.in figcaption,
  #story .story-body .sm.l.in figcaption,
  #story .story-body .xsm.l.in figcaption {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 47.9375em) {
  #story .story-body .xful.l.in p,
  #story .story-body .ful.l.in p,
  #story .story-body .xl.l.in p,
  #story .story-body .lg.l.in p,
  #story .story-body .med.l.in p,
  #story .story-body .sm.l.in p,
  #story .story-body .xsm.l.in p,
  #story .story-body .xful.l.in figcaption,
  #story .story-body .ful.l.in figcaption,
  #story .story-body .xl.l.in figcaption,
  #story .story-body .lg.l.in figcaption,
  #story .story-body .med.l.in figcaption,
  #story .story-body .sm.l.in figcaption,
  #story .story-body .xsm.l.in figcaption {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 47.9375em) {
  #story .story-body .xful.r p,
  #story .story-body .ful.r p,
  #story .story-body .xl.r p,
  #story .story-body .lg.r p,
  #story .story-body .med.r p,
  #story .story-body .sm.r p,
  #story .story-body .xsm.r p,
  #story .story-body .xful.r figcaption,
  #story .story-body .ful.r figcaption,
  #story .story-body .xl.r figcaption,
  #story .story-body .lg.r figcaption,
  #story .story-body .med.r figcaption,
  #story .story-body .sm.r figcaption,
  #story .story-body .xsm.r figcaption {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful.r p,
  #story .story-body .ful.r p,
  #story .story-body .xl.r p,
  #story .story-body .lg.r p,
  #story .story-body .med.r p,
  #story .story-body .sm.r p,
  #story .story-body .xsm.r p,
  #story .story-body .xful.r figcaption,
  #story .story-body .ful.r figcaption,
  #story .story-body .xl.r figcaption,
  #story .story-body .lg.r figcaption,
  #story .story-body .med.r figcaption,
  #story .story-body .sm.r figcaption,
  #story .story-body .xsm.r figcaption {
    margin-right: 25px;
  }
}
#story .story-body .xful p,
#story .story-body .xful figcaption {
  padding: 6px 4.167%;
  margin: 0;
  transition: background .3s;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
}
@media only screen and (min-width: 40em) {
  #story .story-body .xful p,
  #story .story-body .xful figcaption {
    padding: 9px 6.25%;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body .xful p,
  #story .story-body .xful figcaption {
    color: #ffffff;
    width: 93.75%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    padding: 9px 3.125%;
  }
}
#story .story-body p > img {
  float: left;
  margin: 3px 3.571% 12px 0;
}
#story .story-body p > img.floatright {
  float: right;
  margin: 3px 0 12px 3.571%;
}
#story .story-body p.caption {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-style: italic;
  margin: 6px 0;
}
#story .story-body p.caption i,
#story .story-body p.caption em {
  font-style: normal;
}
/* end #story */
/* SMALL (sm), MEDIUM (med) and INSET (in) IMAGE MARGIN OVERRIDES */
@media only screen and (min-width: 48em) {
  #story .in.l {
    margin-left: 0px;
  }
  #story .in.r {
    margin-right: 0px;
  }
}
.wide-feature #story .story-body {
  /* image overrides */
  /* alignment overrides */
}
@media only screen and (min-width: 48em) {
  .wide-feature #story .story-body .xful {
    width: 171.42857142857142%;
    margin-left: -21.43%;
    margin-top: 24px;
    margin-bottom: 36px;
  }
}
.wide-feature #story .story-body img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .wide-feature #story .story-body .l {
    margin-left: -21.43%;
  }
  .wide-feature #story .story-body .l.in {
    margin-left: 0;
  }
}
.wide-feature #story .story-body .l img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .wide-feature #story .story-body .r {
    margin-right: -50%;
  }
  .wide-feature #story .story-body .r.in {
    margin-right: 0;
  }
  .wide-feature #story .story-body .r.in.lg {
    margin-right: -32.14%;
  }
  .wide-feature #story .story-body .r.in.med {
    margin-right: -21.43%;
  }
  .wide-feature #story .story-body .r.sm {
    margin-right: -42.85714286%;
  }
  .wide-feature #story .story-body .r.xsm {
    margin-right: -28.57142857%;
  }
}
/* end wide-feature story */
.wide-feature .wide-accessories a {
  color: #141414;
}
@media only screen and (min-width: 48em) {
  .wide-feature .wide-accessories .col {
    width: 33.33333%;
    float: left;
  }
}
.wide-feature .wide-accessories .accessory {
  border: none;
}
@media only screen and (min-width: 48em) {
  .wide-feature .wide-accessories .accessory {
    padding: 0;
  }
  .wide-feature .wide-accessories .accessory h2,
  .wide-feature .wide-accessories .accessory ul {
    margin-left: 6.25%;
    margin-right: 3.125%;
  }
}
.wide-feature .wide-accessories .story-cats li {
  float: none;
}
@media only screen and (min-width: 48em) {
  #feature-layout #story .story-body .hero-title {
    position: relative;
    margin-top: -18px !important;
  }
}
@media only screen and (max-width: 29.9375em) {
  #feature-layout #story .story-body .hero-title > h1,
  #feature-layout #story .story-body .hero-title .heading {
    margin-left: 4.167%;
    margin-right: 4.167%;
  }
}
@media only screen and (min-width: 30em) {
  #feature-layout #story .story-body .hero-title > h1,
  #feature-layout #story .story-body .hero-title .heading {
    margin-left: 6.25%;
    margin-right: 6.25%;
  }
}
@media only screen and (max-width: 47.9375em) {
  #feature-layout #story .story-body .hero-title > h1,
  #feature-layout #story .story-body .hero-title .heading {
    margin-bottom: 18px;
  }
  #feature-layout #story .story-body .hero-title > h1 h1,
  #feature-layout #story .story-body .hero-title .heading h1 {
    margin: 6px 0 !important;
  }
  #feature-layout #story .story-body .hero-title > h1 p,
  #feature-layout #story .story-body .hero-title .heading p {
    color: #616161;
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: bold;
    font-style: normal;
    margin: 6px 0;
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  #feature-layout #story .story-body .hero-title > h1,
  #feature-layout #story .story-body .hero-title .heading {
    width: 50%;
    position: absolute;
    z-index: 500;
    top: 24px;
    left: 12.5%;
    margin: 0;
  }
  #feature-layout #story .story-body .hero-title > h1 h1,
  #feature-layout #story .story-body .hero-title .heading h1,
  #feature-layout #story .story-body .hero-title > h1 h2,
  #feature-layout #story .story-body .hero-title .heading h2 {
    color: #ffffff;
    margin: 0 0 6px 0 !important;
  }
  #feature-layout #story .story-body .hero-title > h1 h1,
  #feature-layout #story .story-body .hero-title .heading h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
  #feature-layout #story .story-body .hero-title > h1 p,
  #feature-layout #story .story-body .hero-title .heading p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem;
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent !important;
    position: relative;
    bottom: auto;
  }
  #feature-layout #story .story-body .hero-title > h1 figure,
  #feature-layout #story .story-body .hero-title .heading figure {
    position: relative;
    z-index: 200;
  }
  #feature-layout #story .story-body .hero-title > h1.white,
  #feature-layout #story .story-body .hero-title .heading.white {
    color: #ffffff;
  }
  #feature-layout #story .story-body .hero-title > h1.white h1,
  #feature-layout #story .story-body .hero-title .heading.white h1,
  #feature-layout #story .story-body .hero-title > h1.white h2,
  #feature-layout #story .story-body .hero-title .heading.white h2,
  #feature-layout #story .story-body .hero-title > h1.white p,
  #feature-layout #story .story-body .hero-title .heading.white p {
    color: #ffffff;
  }
  #feature-layout #story .story-body .hero-title > h1.white h1.blk,
  #feature-layout #story .story-body .hero-title .heading.white h1.blk,
  #feature-layout #story .story-body .hero-title > h1.white h2.blk,
  #feature-layout #story .story-body .hero-title .heading.white h2.blk,
  #feature-layout #story .story-body .hero-title > h1.white p.blk,
  #feature-layout #story .story-body .hero-title .heading.white p.blk {
    color: #141414;
  }
  #feature-layout #story .story-body .hero-title > h1.blk,
  #feature-layout #story .story-body .hero-title .heading.blk {
    color: #141414;
    background: transparent;
  }
  #feature-layout #story .story-body .hero-title > h1.blk h1,
  #feature-layout #story .story-body .hero-title .heading.blk h1,
  #feature-layout #story .story-body .hero-title > h1.blk h2,
  #feature-layout #story .story-body .hero-title .heading.blk h2,
  #feature-layout #story .story-body .hero-title > h1.blk p,
  #feature-layout #story .story-body .hero-title .heading.blk p {
    color: #141414;
  }
  #feature-layout #story .story-body .hero-title > h1.blk h1.white,
  #feature-layout #story .story-body .hero-title .heading.blk h1.white,
  #feature-layout #story .story-body .hero-title > h1.blk h2.white,
  #feature-layout #story .story-body .hero-title .heading.blk h2.white,
  #feature-layout #story .story-body .hero-title > h1.blk p.white,
  #feature-layout #story .story-body .hero-title .heading.blk p.white {
    color: #ffffff;
  }
  #feature-layout #story .story-body .hero-title > h1.shadow h1,
  #feature-layout #story .story-body .hero-title .heading.shadow h1,
  #feature-layout #story .story-body .hero-title > h1.shadow h2,
  #feature-layout #story .story-body .hero-title .heading.shadow h2,
  #feature-layout #story .story-body .hero-title > h1.shadow p,
  #feature-layout #story .story-body .hero-title .heading.shadow p {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  }
  #feature-layout #story .story-body .hero-title > h1.rj,
  #feature-layout #story .story-body .hero-title .heading.rj {
    right: 8.33%;
    left: auto;
    text-align: right;
  }
  #feature-layout #story .story-body .hero-title > h1.narrow,
  #feature-layout #story .story-body .hero-title .heading.narrow {
    width: 41.67%;
  }
  #feature-layout #story .story-body .hero-title > h1.xnarrow,
  #feature-layout #story .story-body .hero-title .heading.xnarrow {
    width: 33.33%;
  }
  #feature-layout #story .story-body .hero-title > h1.pull-left,
  #feature-layout #story .story-body .hero-title .heading.pull-left {
    left: 6.25%;
  }
}
@media only screen and (min-width: 58.75em) {
  #feature-layout #story .story-body .hero-title > h1 h1,
  #feature-layout #story .story-body .hero-title .heading h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media only screen and (min-width: 75em) {
  #feature-layout #story .story-body .hero-title > h1 h1,
  #feature-layout #story .story-body .hero-title .heading h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 42px;
    line-height: 2.625rem;
  }
}
.fh-hoist {
  position: relative;
  background: #ffffff;
  padding-top: 9px;
  padding-top: 0.5625rem;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
  padding-left: 7.143%;
  padding-right: 7.143%;
  margin-left: -7.143%;
  margin-bottom: 0;
  z-index: 500;
}
@media only screen and (min-width: 48em) {
  #story .hero-title.xful.overlap > p {
    width: 20.83%;
    right: 0;
    left: auto;
    padding: 12px 2.083%;
  }
  #story .hero-title.xful.overlap + p {
    position: relative;
    background: #ffffff;
    padding-top: 9px;
    padding-top: 0.5625rem;
    padding-bottom: 9px;
    padding-bottom: 0.5625rem;
    padding-left: 7.143%;
    padding-right: 7.143%;
    margin-left: -7.143%;
    margin-bottom: 0;
    z-index: 500;
    padding-top: 30px !important;
    margin-top: -120px;
  }
  #story .hero-title.xful.overlap + p + p {
    position: relative;
    background: #ffffff;
    padding-top: 9px;
    padding-top: 0.5625rem;
    padding-bottom: 9px;
    padding-bottom: 0.5625rem;
    padding-left: 7.143%;
    padding-right: 7.143%;
    margin-left: -7.143%;
    margin-bottom: 0;
    z-index: 500;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
  }
  #story .hero-title.xful.overlap + aside.lead + p {
    position: relative;
    background: #ffffff;
    padding-top: 9px;
    padding-top: 0.5625rem;
    padding-bottom: 9px;
    padding-bottom: 0.5625rem;
    padding-left: 7.143%;
    padding-right: 7.143%;
    margin-left: -7.143%;
    margin-bottom: 0;
    z-index: 500;
  }
}
p .dc {
  font-size: 54px;
  line-height: 36px;
  text-transform: uppercase;
  height: 36px;
  float: left;
  padding: 10px 8px 0 0;
}
#story .story-body aside {
  position: relative;
  background: #f5f5f5;
  padding: 0 0;
}
@media only screen and (max-width: 47.9375em) {
  #story .story-body aside {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
#story .story-body aside.plain {
  border: none;
}
#story .story-body aside.r {
  border-width: 1px 0 1px 1px;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body aside.r {
    float: none;
    margin-right: 0;
    margin-left: 0;
    padding: 0 0 6px 0;
  }
}
@media only screen and (min-width: 30em) {
  #story .story-body aside.r {
    width: 42.86%;
    clear: right;
  }
}
#story .story-body aside.r.skinny {
  width: 35.71%;
}
#story .story-body aside.r.fat {
  width: 64.29%;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body aside.r.long-sb h2 {
    cursor: pointer;
  }
  #story .story-body aside.r.long-sb .int {
    display: none;
  }
  #story .story-body aside.r.long-sb .int.sbiVis {
    display: block;
  }
}
#story .story-body aside.l {
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
  /*@media @gt-768 { //REMOVED BECAUSE WAS PULLING LEFT MARGIN OVER TOO MUCH ON LEFT-JUSTIFIED SIDEBAR IN NARROW LAYOUT. JH 6/16/15
				margin: 18px  3.571% 12px -21.43%; // 25, -100
			}*/
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body aside.l {
    float: none;
    margin-right: 0;
    margin-left: 0;
    padding: 0 0 6px 0;
  }
}
@media only screen and (min-width: 30em) {
  #story .story-body aside.l {
    width: 35.71%;
    clear: left;
  }
}
@media only screen and (min-width: 48em) {
  #story .story-body aside.lead {
    margin-top: -18px !important;
  }
}
#story .story-body aside p,
#story .story-body aside h2,
#story .story-body aside h3,
#story .story-body aside h4,
#story .story-body aside h5,
#story .story-body aside ul,
#story .story-body aside ol,
#story .story-body aside figcaption {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  padding: 0 8.333%;
}
#story .story-body aside p:first-child,
#story .story-body aside h2:first-child,
#story .story-body aside h3:first-child,
#story .story-body aside h4:first-child,
#story .story-body aside h5:first-child,
#story .story-body aside ul:first-child,
#story .story-body aside ol:first-child,
#story .story-body aside figcaption:first-child {
  margin-top: 12px;
}
#story .story-body aside p:last-child,
#story .story-body aside h2:last-child,
#story .story-body aside h3:last-child,
#story .story-body aside h4:last-child,
#story .story-body aside h5:last-child,
#story .story-body aside ul:last-child,
#story .story-body aside ol:last-child,
#story .story-body aside figcaption:last-child {
  margin-bottom: 12px;
}
#story .story-body aside p,
#story .story-body aside li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 39.9375em) {
  #story .story-body aside p,
  #story .story-body aside li {
    /* sidebar text, etc. */
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
#story .story-body aside h2,
#story .story-body aside h3,
#story .story-body aside h4,
#story .story-body aside h5,
#story .story-body aside h6 {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
#story .story-body aside h2 + h3,
#story .story-body aside h3 + h4,
#story .story-body aside h4 + h5,
#story .story-body aside h5 + h6 {
  margin-top: -3px;
}
#story .story-body aside ul,
#story .story-body aside ol {
  padding-left: 2.25rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
#story .story-body aside h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 21px;
  line-height: 1.3125rem;
  margin-bottom: 20px;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body aside h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
  }
}
#story .story-body aside h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #282828;
}
@media only screen and (max-width: 39.9375em) {
  #story .story-body aside h3 {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
#story .story-body aside h4 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media only screen and (max-width: 39.9375em) {
  #story .story-body aside h4 {
    /* sidebar text, etc. */
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
#story .story-body aside h5 {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media only screen and (max-width: 39.9375em) {
  #story .story-body aside h5 {
    /* very small text */
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
#story .story-body aside .lower {
  padding: 12px 0 12px 0;
}
#story .story-body aside h4 {
  margin: 9px 0 6px;
}
#story .story-body aside figure {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
#story .story-body aside figure:first-child {
  margin-top: 0;
}
#story .story-body aside figure figcaption,
#story .story-body aside figure p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  line-height: 0.9375rem;
  font-style: italic;
  padding-top: 6px;
}
@media only screen and (max-width: 29.9375em) {
  #story .story-body aside .sb-toggle {
    color: #616161;
    /* very small text */
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-transform: uppercase;
    display: block;
    text-align: center;
    background: #dedede;
    margin: 0 5px;
    border-radius: 3px 3px 0 0;
    padding: 6px 0 3px;
  }
}
@media only screen and (min-width: 30em) {
  #story .story-body aside .sb-toggle {
    display: none;
  }
}
@media only screen and (max-width: 47.9375em) {
  .share {
    padding: 0 0 18px;
    margin: 12px 0;
  }
}
@media only screen and (min-width: 48em) {
  .share {
    position: fixed;
    left: 0;
    top: 224px;
    padding: 12px .75em 12px .75em;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0 3px 3px 0;
    z-index: 1000;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 48em) {
  .share .social-item {
    margin-left: 0;
  }
}
.share .social-link {
  background-color: #c8c8c8;
  background-color: #969696;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.share .social-link:hover {
  background-color: #2b92b9;
}
@media only screen and (min-width: 48em) {
  .share .social-link {
    margin-right: 0;
  }
}
.share .facebook-link {
  background-color: #3b5998;
}
.share .twitter-link {
  background-color: #00aced;
}
.share .linkedin-link {
  background-color: #1985bc;
}
.share h2 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #141414;
  text-transform: uppercase;
}
@media only screen and (max-width: 47.9375em) {
  .share h2 {
    /* base size */
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 800;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  .share h2 {
    /* the smallest of small text. use for fine print */
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 12px;
    line-height: 0.75rem;
    padding: 0 !important;
    color: #969696;
    text-align: right;
    margin: 6px 0;
  }
}
.share ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 47.9375em) {
  .share li {
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .share li {
    margin: 0 0 12px .5em;
  }
}
/* IE 7 icon positioning fix */
@media only screen and (max-width: 47.9375em) {
  .lt-ie8 .share li {
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .feat .share {
    top: 198px;
  }
}
.callout {
  font: italic 1.5em serif;
  color: #666;
  width: 80%;
  margin: 0 auto;
}
.callout:before,
.callout:after {
  display: block;
  font-size: 300%;
  color: #ccc;
}
.callout:before {
  content: '“';
  margin-left: -9%;
  height: 15px;
}
@media only screen and (max-width: 29.9375em) {
  .callout:before {
    margin-left: -15%;
  }
}
.callout:after {
  content: '”';
  margin-left: 90%;
  margin-top: -33px;
  height: 50px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
#story img {
  max-width: 100%;
}
#story .primary-photo {
  width: 64.29%;
  margin: 0 -7.143% 12px 3.571%;
  float: right;
}
#story .left {
  float: left;
  margin: 6px 3.571% 12px -7.143%;
}
@media only screen and (max-width: 29.9375em) {
  #story .left {
    margin-left: -4.545%;
  }
}
#story .right {
  float: right;
  margin: 6px -7.143% 12px 3.571%;
}
@media only screen and (max-width: 29.9375em) {
  #story .right {
    margin-right: -4.545%;
  }
}
#story .extralarge p,
#story .large p,
#story .medium p,
#story .small p,
#story .full p,
#story .primary-photo p {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-style: italic;
  margin: 6px 0;
}
#story .full {
  width: 100%;
  margin: 24px 0 24px 0;
}
#story .full img {
  width: 100%;
}
#story .extrafull {
  position: relative;
}
@media only screen and (max-width: 29.9375em) {
  #story .extrafull {
    width: 109.1%;
    margin: 0 0 24px -4.545%;
  }
}
@media only screen and (min-width: 30em) {
  #story .extrafull {
    width: 114.3%;
    margin: 0 0 24px -7.143%;
  }
}
@media only screen and (min-width: 48em) {
  #story .extrafull {
    width: 114.3%;
    margin: 0 0 24px -7.143%;
  }
}
#story .extrafull img {
  width: 100%;
}
#story .extrafull p {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-style: italic;
  padding: 6px 4.167%;
  margin: 0;
  transition: background .3s;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
}
@media only screen and (min-width: 40em) {
  #story .extrafull p {
    padding: 9px 6.25%;
  }
}
#story .extralarge {
  width: 67.86%;
}
#story .large {
  width: 42.86%;
}
#story .medium {
  width: 42.86%;
}
@media only screen and (max-width: 47.9375em) {
  #story .extralarge.left p,
  #story .large.left p,
  #story .medium.left p {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 48em) {
  #story .extralarge.left p,
  #story .large.left p,
  #story .medium.left p {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 47.9375em) {
  #story .extralarge.right p,
  #story .large.right p,
  #story .medium.right p,
  #story .primary-photo p {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 48em) {
  #story .extralarge.right p,
  #story .large.right p,
  #story .medium.right p,
  #story .primary-photo p {
    margin-right: 25px;
  }
}
#story .small {
  width: 21.43%;
}
@media only screen and (min-width: 48em) {
  .no-touch #story .extrafull p {
    background: rgba(0, 0, 0, 0);
  }
}
/* FEATURE OVERRIDES FOR LEGACY STORY IMAGES */
@media only screen and (min-width: 48em) {
  .wide-feature #story .extrafull {
    width: 171.4%;
    margin-left: -21.43%;
    margin-top: 24px;
    margin-bottom: 36px;
  }
}
.wide-feature #story .extrafull img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .wide-feature #story .left {
    margin-left: -21.43%;
  }
}
.wide-feature #story .left img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .wide-feature #story .right {
    margin-right: -50%;
  }
}
.wide-feature #story .right img {
  width: 100%;
}
/* SMALL IMAGE MARGIN OVERRIDES */
#story .small.left,
#story .inset.left {
  margin-left: 0px;
}
#story .small.right,
#story .inset.right {
  margin-right: 0px;
}
.aside {
  border: solid 1px #ebebeb;
  position: relative;
  padding: 0;
}
@media only screen and (max-width: 47.9375em) {
  .aside {
    margin: 12px 0;
  }
}
.aside.plain {
  border: none;
}
.aside p,
.aside h3,
.aside h4,
.aside h5,
.aside ul {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  padding: 0 8.333%;
}
.aside ul {
  padding-left: 16.666%;
}
.aside p,
.aside li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.aside h3 {
  color: #282828;
  position: relative;
  top: -12px;
  background: #ffffff;
  padding: 0 3.333%;
  margin: 0 8.333% 0 5%;
}
.aside .lower {
  background: #f3f3f3;
  padding: 12px 0 12px 0;
}
.aside h4 {
  margin: 9px 0 6px;
}
.aside-right {
  width: 42.86%;
  float: right;
  clear: right;
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px;
}
@media only screen and (min-width: 48em) {
  .aside-right {
    margin: 18px -50% 12px 3.571%;
  }
}
.aside-right.skinny {
  width: 35.71%;
}
.aside-right.fat {
  width: 64.29%;
}
.aside-left {
  width: 35.71%;
  float: left;
  clear: left;
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
}
@media only screen and (min-width: 48em) {
  .aside-left {
    margin: 18px 3.571% 12px -21.43%;
  }
}
.aside-right img {
  width: 100%;
  display: block;
  margin: 12px 0;
}
.aside-right .aside-image {
  padding: 0 8.333%;
}
.aside-right .aside-image img {
  float: none;
  max-width: 100%;
  margin: 0 0 6px 0;
}
@media only screen and (min-width: 48em) {
  .aside-full {
    width: 100%;
  }
}
.aside-full p,
.aside-full h3,
.aside-full h4,
.aside-full h5,
.aside-full ul {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  padding: 0 7.143%;
}
.aside-full h3 {
  padding: 0 3.571%;
  margin: 0 8.333% 0 3.571%;
}
.aside-full img {
  display: block;
  float: right;
  margin: 12px 0 12px 4.167%;
  /* (15/290) */
}
.aside q {
  color: #6b9626;
  font-size: 18px;
  display: block;
  padding: 0 10.344828%;
  /* (30/290) */
  margin: 0 0 12px 0;
}
.aside q span {
  font-size: 12px;
}
.aside p.quote {
  font-size: 18px;
  line-height: 21px;
  text-indent: -0.4em;
  display: block;
  padding: 0 10.344828%;
  /* (30/290) */
  margin: 0 0 12px 0;
}
.aside p.attrib {
  font-style: italic;
  font-size: 12px;
  line-height: 15px;
}
.aside .pull {
  font-family: Georgia, Times, serif;
  font-size: 18px;
}
/* NEWS RELEASE AND OLD FEATURE OVERRIDES FOR ASIDES */
@media only screen and (min-width: 48em) {
  #nr-layout #story .aside-right,
  .narrow-feature #story .aside-right {
    margin: 18px -7.143% 12px 3.571%;
  }
}
@media only screen and (min-width: 48em) {
  #nr-layout #story .aside-left,
  .narrow-feature #story .aside-left {
    margin: 18px 3.571% 12px -7.143%;
  }
}
/* --------------------

 Layout 

-------------------- */
.lt-main {
  background: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 29.9375em) {
  .lt-main {
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  .lt-main {
    padding: 12px 6.25% 24px;
  }
}
@media only screen and (min-width: 48em) {
  .lt-main {
    width: 58.33%;
    float: left;
    padding: 12px 4.167% 48px;
    margin-left: 8.333%;
  }
}
.lt-main > p:first-child,
.lt-main .nr-dek {
  padding-top: 12px;
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  .lt-two-column .body {
    width: 61.1111111111%;
    float: left;
  }
}
.lt-two-column .sidebar {
  padding-top: 0;
  margin-right: 4.167%;
}
@media only screen and (max-width: 47.9375em) {
  .lt-two-column .sidebar {
    width: auto;
    float: none;
    padding: 0 0 24px;
    margin: 50px 0 0;
  }
}
@media only screen and (min-width: 48em) {
  .lt-two-column .sidebar {
    width: 27.7777777778%;
    float: right;
    padding-top: 12px;
    margin-right: 4.167%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .lt-two-column .sidebar .block {
    padding: 6px 2.083%;
    margin: 12px 0;
  }
}
/* awardees */
.awardee {
  padding-bottom: 5px;
  border-bottom: 1px solid #DCDCD5;
  margin-bottom: 18px;
  zoom: 1;
}
.awardee:last-child {
  border: none;
}
.awardee:before,
.awardee:after {
  content: "";
  display: table;
}
.awardee:after {
  clear: both;
}
.awardee-photo {
  width: 95px;
  float: left;
  border: solid 2px #ffffff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  margin: 0 3.2258065% 12px 0;
  /* (20/620), (40/620) */
}
.awardee h2 {
  margin: 6px 0 3px 0;
}
.awardee p {
  color: #5a5a50;
}
.awardee .title {
  font-family: georgia;
  font-style: italic;
}
.awardee .award {
  font-size: 16px;
  font-weight: bold;
}
.sidebar {
  color: #616161;
  padding-top: 0;
  margin-right: 4.167%;
}
@media only screen and (max-width: 47.9375em) {
  .sidebar {
    width: auto;
    float: none;
    padding: 0 0 24px;
    margin: 0;
  }
}
@media only screen and (min-width: 48em) {
  .sidebar {
    width: 18.75%;
    float: right;
    padding-top: 15px;
    margin-right: 4.167%;
  }
}
@media only screen and (min-width: 48em) {
  .sidebar.header-aligned {
    margin-top: 95px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sidebar section {
    padding: 6px 4.167%;
    margin: 12px 0;
    background: #ebebeb;
  }
}
.sidebar p,
.sidebar li,
.sidebar ul {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 6px 0;
}
.sidebar h2 {
  color: #141414;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 39.9375em) {
  .sidebar h2 {
    margin-top: 6px;
  }
}
.sidebar h3 {
  color: #141414;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
.sidebar h4 {
  color: #141414;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
.sidebar a {
  color: #141414;
}
.sidebar a:hover {
  color: #2b92b9;
}
@media only screen and (min-width: 48em) {
  .narrow-feature .sidebar {
    padding-top: 120px;
  }
}
.sidebar-contact-trigger {
  margin: 24px 0 0 0;
}
@media only screen and (max-width: 39.9375em) {
  .sidebar-contact-trigger {
    display: none;
  }
}
.side-nav ul {
  list-style: none;
  display: block;
  max-width: 250px;
  padding: 0;
  border-radius: 3px;
  margin: 24px 0;
}
.side-nav li {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  border-bottom: solid 1px #ebebeb;
  margin: 0;
}
.side-nav > ul > li:first-child {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: bold;
}
.side-nav a {
  display: block;
  padding: 3px 10px 2px 0;
}
.side-nav > li.first {
  font-weight: bold;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.side-nav li.last,
.side-nav li.last a {
  border-radius: 0 0 3px 3px;
}
.side-nav li.here > a {
  color: #616161;
  cursor: default;
}
.side-nav li ul {
  margin: 0;
}
.side-nav li ul li {
  margin-left: 1em;
}
.side-nav li ul li:last-child {
  border: none;
}
@media only screen and (max-width: 39.9375em) {
  .side-nav {
    display: none;
  }
}
.accessory:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 47.9375em) {
  .accessory {
    padding: 6px 4.167%;
    margin: 12px 0;
    background: #ebebeb;
  }
}
@media only screen and (min-width: 48em) {
  .accessory {
    margin: 36px 0;
  }
}
.accessory h2 {
  color: #141414;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  padding: 0;
  border-radius: 3px;
}
@media only screen and (min-width: 48em) {
  .accessory h2 {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    position: relative;
  }
}
.accessory h3 {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 9px;
  margin-top: 0.5625rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.accessory li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media only screen and (min-width: 48em) {
  .accessory.feature-acc {
    padding: 9px 10px 9px 12%;
    background: #d3d3d3;
    background: #ffffff;
    border-radius: 0 3px 3px 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-left: -12%;
  }
}
@media only screen and (min-width: 48em) {
  .accessory.feature-acc ul a {
    color: #ef7000;
    font-weight: bold;
  }
}
/* SPOTLIGHTS */
.spotlight {
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .spotlight {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.spotlight a {
  display: block;
  margin: 3px 0;
}
@media only screen and (min-width: 30em) {
  .spotlight a {
    width: 48%;
    display: inline-block;
  }
}
@media only screen and (min-width: 48em) {
  .spotlight a {
    width: 100%;
    display: block;
    margin: 6px 0;
  }
}
.spotlight a img {
  width: 100%;
}
.cats-list {
  list-style: none;
  padding-left: 0;
  margin: 6px 0;
}
.cats-list li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .cats-list li {
    margin: 12px 0;
  }
}
@media only screen and (min-width: 48em) {
  .cats-list li {
    margin: 6px 0;
  }
}
.cats-list a {
  color: #141414;
}
/* ==========================================================================
   Layout
   ========================================================================== */
@media only screen and (min-width: 48em) {
  #home-layout #home-main {
    width: 70.83333333%;
    float: left;
    background: #ffffff;
    margin-top: -12px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 100;
  }
}
@media only screen and (min-width: 40em) {
  #home-layout #home-main {
    padding: 24px 2.08333333%;
  }
}
@media only screen and (min-width: 40em) {
  #home-layout #secondary .module {
    width: 69.11764706%;
    float: left;
    margin-left: 1.04166667%;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #secondary .module {
    margin-left: 1.47058824%;
  }
}
.no-boxshadow #home-main {
  border: solid 1px #dcdcdc;
}
#feature-rotator {
  position: relative;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #feature-rotator {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
  }
}
#fr-mainsection {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  #fr-mainsection {
    border-bottom: solid 1px #ffffff;
  }
}
@media only screen and (min-width: 40em) {
  #fr-mainsection {
    float: left;
    width: 75%;
  }
}
#fr-image {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 40em) {
  #fr-image {
    margin: 0;
    height: auto;
    float: left;
  }
}
#feature-rotator .fr-info {
  background: rgba(0, 0, 0, 0.8);
}
#feature-rotator .fr-info h2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: "proxima-nova-codensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 12px 20px 18px 20px;
}
@media only screen and (max-width: 58.6875em) {
  #feature-rotator .fr-info h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media only screen and (max-width: 39.9375em) {
  #feature-rotator .fr-info h2 {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 27px;
    line-height: 1.6875rem;
  }
}
@media only screen and (max-width: 29.9375em) {
  #feature-rotator .fr-info h2 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
#feature-rotator .fr-info p {
  display: none;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #c8c8c8;
  padding: 12px 20px;
  margin: 0;
  border-bottom: solid 1px #505050;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
#feature-rotator .fr-info a {
  color: white;
}
@media only screen and (max-width: 39.9375em) {
  #feature-rotator .fr-info {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
  }
}
@media only screen and (min-width: 40em) {
  #feature-rotator .fr-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
  }
}
.no-rgba #feature-rotator .fr-info {
  background: #282828;
}
#fr-upcoming-container {
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  #fr-upcoming-container {
    width: 25%;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    border-left: solid 1px #ffffff;
  }
}
@media only screen and (max-width: 39.9375em) {
  #fr-upcoming-container {
    max-height: 100px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #fr-upcoming-container {
    max-height: 70px;
  }
}
@media only screen and (max-width: 19.9375em) {
  #fr-upcoming-container {
    max-height: 50px;
  }
}
#fr-upcoming {
  text-align: center;
  margin-right: -2px;
  margin-left: -2px;
}
@media only screen and (min-width: 40em) {
  #fr-upcoming {
    position: absolute;
    top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }
}
#fr-upcoming div {
  float: left;
  width: 33.3333333333333%;
}
#fr-upcoming div img {
  width: 100%;
}
@media only screen and (max-width: 39.9375em) {
  #fr-upcoming div img {
    border-left: solid 1px #ffffff;
  }
}
@media only screen and (min-width: 40em) {
  #fr-upcoming div img {
    border-top: solid 1px #ffffff;
  }
}
#fr-upcoming div.is-hidden {
  display: none !important;
  visibility: hidden;
}
@media only screen and (max-width: 39.9375em) {
  #fr-upcoming div.is-hidden {
    margin-left: -33.33333333%;
  }
}
@media only screen and (min-width: 40em) {
  #fr-upcoming div {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
  }
}
#top-stories {
  padding: 18px 0 24px 0;
}
#top-stories a {
  color: #141414;
}
#top-stories a:hover {
  color: #2b92b9;
}
#top-stories .ts-header {
  background: #ef7000;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 40em) {
  #top-stories .ts-header {
    border-radius: 0 3px 3px 0;
    margin-left: -4.65671642%;
  }
}
@media only screen and (min-width: 48em) {
  #top-stories .ts-header {
    margin-left: -6.38297872%;
  }
}
@media only screen and (min-width: 58.75em) {
  #top-stories .ts-header {
    height: 45px;
  }
}
@media only screen and (max-width: 62.4375em) {
  #top-stories .ts-header {
    height: 35px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #top-stories .ts-header {
    height: 27px;
  }
}
#top-stories h1 {
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  font-size: 40px;
  line-height: 40px;
  left: 3.5%;
}
#top-stories h1 span {
  position: relative;
  top: 9px;
}
@media only screen and (max-width: 62.4375em) {
  #top-stories h1 {
    font-size: 30px;
    line-height: 35px;
    left: 3.5%;
  }
}
@media only screen and (max-width: 56.1875em) {
  #top-stories h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 39.9375em) {
  #top-stories h1 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #top-stories h1 {
    font-size: 20px;
    line-height: 25px;
  }
  #top-stories h1 span {
    position: relative;
    top: 8px;
  }
}
@media only screen and (min-width: 58.75em) {
  #top-stories #ts-nav {
    width: 220px;
    height: 54px;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 58.6875em) {
  #top-stories #ts-nav {
    height: 48px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #top-stories #ts-nav {
    height: 0px;
  }
}
#top-stories #ts-nav .pop-opener {
  color: #ffffff;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: #ef7000;
  border-left: solid 1px #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#top-stories #ts-nav .pop-opener:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #f7b77f;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, 0.5);
}
#top-stories #ts-nav .pop-opener:hover {
  background: #ff8a23;
  box-shadow: inset 0 0 12px #d06200;
  text-shadow: 0 0 12px #d06200;
}
#top-stories #ts-nav .pop-opener:hover:after {
  border-top-color: #ffffff;
  box-shadow: inset 0 0 12px #d06200;
}
@media only screen and (min-width: 48em) {
  #top-stories #ts-nav .pop-opener {
    border-radius: 0 3px 3px 0;
  }
}
@media only screen and (min-width: 58.75em) {
  #top-stories #ts-nav .pop-opener {
    padding: 10px 30px 11px 15px;
  }
}
@media only screen and (max-width: 62.4375em) {
  #top-stories #ts-nav .pop-opener {
    padding: 5px 30px 5px 15px;
  }
}
@media only screen and (max-width: 56.1875em) {
  #top-stories #ts-nav .pop-opener {
    font-size: 13px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #top-stories #ts-nav .pop-opener {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-align: center;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0;
    border-left: solid 1px #ffffff;
    padding: 6px 30px 3px 10px;
  }
}
#top-stories #ts-nav #ts-topics-panel {
  width: 280px;
  background: #ebebeb;
  list-style: none;
  padding-bottom: 25px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  position: absolute;
  margin: 0;
  z-index: 1000;
}
#top-stories #ts-nav #ts-topics-panel li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  height: auto;
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}
#top-stories #ts-nav #ts-topics-panel li a {
  display: block;
  padding: 6px 15px;
}
@media only screen and (min-width: 58.75em) {
  #top-stories #ts-nav #ts-topics-panel {
    top: 48px;
  }
}
@media only screen and (max-width: 58.6875em) {
  #top-stories #ts-nav #ts-topics-panel {
    top: 42px;
  }
}
@media only screen and (min-width: 40em) {
  #top-stories #ts-nav #ts-topics-panel {
    right: -170px;
  }
}
@media only screen and (max-width: 39.9375em) {
  #top-stories #ts-nav #ts-topics-panel {
    right: 10px;
  }
}
@media only screen and (max-width: 29.9375em) {
  #top-stories #ts-nav #ts-topics-panel {
    top: 36px;
  }
}
#top-stories #ts-topics {
  padding: 0;
  margin: 0;
}
#top-stories #ts-topics li a {
  color: #616161;
  display: block;
  border-bottom: solid 1px #bababa;
  border-radius: 3px 3px 0 0;
}
#top-stories #ts-topics li a:hover {
  background: #ffffff;
}
#ts-morebutton {
  position: relative;
  float: left;
  padding: 0;
  margin: 13px 0 0 10px;
}
#ts-morebutton a {
  color: #096089;
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-transform: lowercase;
}
.ts-story {
  padding: 11px 0 18px;
  border-top: 1px solid #e6e6e6;
  clear: both;
}
.ts-story:first-child {
  border: none;
  padding-top: 0;
}
@media only screen and (max-width: 39.9375em) {
  .ts-story {
    margin: 0 4.167%;
  }
}
.ts-story figure {
  position: relative;
  width: 27.27%;
  /* (150/550) */
  float: left;
  margin: 6px 4.1666667% 9px 0;
  /* (20/150) */
}
.ts-story h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 3px 0;
}
.ts-story p {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 6px 0;
}
.ts-story .ts-footer {
  color: #6e6e6e;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  margin: 0;
}
.ts-story .ts-footer ul {
  list-style: none;
}
.ts-story .ts-footer a:after {
  color: #616161;
  content: ' •';
}
.ts-story .ts-footer a:last-child:after {
  content: none;
}
#top-stories .ts-featuredphoto {
  position: relative;
}
#top-stories .ts-featuredphoto figure.ts-fp-feat {
  width: 100%;
  margin: 0;
  float: none;
}
#top-stories .ts-featuredphoto figure.ts-fp-feat a {
  display: block;
}
#top-stories .ts-featuredphoto figure.ts-fp-feat img {
  width: 100%;
}
#top-stories .ts-featuredphoto .ts-fp-over {
  width: 100%;
  position: absolute;
  bottom: 18px;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  margin: 0;
}
#top-stories .ts-featuredphoto .ts-fp-over h2 {
  padding: 6px 15px;
  margin: 0;
}
#top-stories .ts-featuredphoto .ts-fp-over a {
  color: #ffffff;
}
.no-rgba #top-stories .ts-featuredphoto .ts-fp-over {
  background: #000;
}
#ts-boxes {
  position: relative;
  padding: 17px 0 9px;
  /* (20/480) */
  border-top: 1px solid #e6e6e6;
  clear: both;
}
@media only screen and (max-width: 39.9375em) {
  #ts-boxes {
    margin-left: 4.167%;
  }
}
#ts-boxes .ts-box {
  width: 30%;
  float: left;
  margin-right: 3.33333%;
  overflow: hidden;
}
#ts-boxes .ts-box figure {
  position: relative;
}
#ts-boxes .ts-box figure img {
  width: 100%;
}
#ts-boxes .ts-box figcaption {
  font-family: "proxima-nova-codensed-n3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding: 0;
  margin: 6px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: auto;
  background: rgba(0, 0, 0, 0.8);
}
#ts-boxes .ts-box figcaption a {
  color: #fff;
  display: block;
  padding: 2%;
  width: 96%;
}
#ts-boxes .ts-box h2 {
  color: #ffffff;
  font-family: "proxima-nova-codensed-n3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  margin: 6px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2%;
  margin-bottom: auto;
  width: 96%;
}
@media only screen and (max-width: 47.9375em) {
  #ts-boxes .ts-box h2 {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}
@media only screen and (min-width: 48em) {
  #ts-boxes .ts-box h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
.lt-ie8 #ts-boxes .ts-box {
  margin-right: 3%;
}
.no-rgba #ts-boxes .ts-box figcaption {
  background: #282828;
}
.ts-older {
  padding: 12px 0;
  clear: both;
}
@media only screen and (max-width: 47.9375em) {
  .ts-older {
    padding: 9px 4.167% 12px 4.167%;
  }
}
.ts-older h2 {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  clear: both;
  padding: 9px 0;
  /* (20/480) */
  margin: 0;
  border-top: 1px solid #e6e6e6;
}
.ie8 .clickOn {
  width: 120px;
}
.ie8 #search h4 {
  width: 100px;
}
.pkk-formal {
  background: transparent url(../images/pkk-formal.png) left top no-repeat;
  padding-top: 90px;
}
.arrow {
  background-size: 311px 132px;
  display: inline-block;
}
.arrow.all-topics {
  background-position: -286px 0;
  height: 7px;
  width: 7px;
  margin-left: 5px;
}
.arrow.news-center {
  background-position: -293px 0;
  height: 7px;
  width: 8px;
}
.arrow.news-by-topic {
  background-position: -302px 0;
  width: 9px;
  height: 8px;
  margin-left: 3px;
}
.image-placeholder {
  background: #141414;
  display: block;
  padding-top: 100%;
  width: 100%;
}
#home-mid-sidebar .sec-link,
#home-rt-sidebar .sec-link {
  color: #ffcea3;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  height: 18px;
  text-transform: uppercase;
  position: absolute;
  top: 9px;
  right: 10px;
  display: block;
  margin: 0;
}
#home-mid-sidebar .sec-link:after,
#home-rt-sidebar .sec-link:after {
  font-size: 1.25em;
  line-height: 18px;
  content: " »";
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#home-mid-sidebar .sec-link:hover,
#home-rt-sidebar .sec-link:hover {
  color: #ffffff;
}
#home-mid-sidebar .accessory h2,
#home-rt-sidebar .accessory h2 {
  color: #ffffff;
  font-weight: 200;
  left: auto;
  padding: 5px 10px 3px;
}
#home-mid-sidebar {
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 0;
}
@media only screen and (min-width: 40em) {
  #home-mid-sidebar {
    width: 25%;
    float: right;
    margin: 0;
  }
}
#home-mid-sidebar a {
  color: #141414;
}
#home-mid-sidebar a:hover {
  color: #2b92b9;
}
#home-mid-sidebar .accessory:first-child {
  margin-top: 0;
}
#home-mid-sidebar .accessory > header {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  #home-mid-sidebar .accessory {
    padding: 6px 4.167%;
    margin: 12px 0;
    background: #ebebeb;
  }
}
@media only screen and (min-width: 40em) {
  #home-mid-sidebar .accessory {
    margin: 36px 0;
    background: transparent;
    padding: 0;
  }
}
#home-mid-sidebar .accessory h2 {
  background: #ef7000;
  display: block;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  border-radius: 3px;
}
@media only screen and (min-width: 40em) {
  #home-mid-sidebar .accessory h2 {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
}
#home-mid-sidebar .accessory.slideshow-spot h2,
#home-mid-sidebar .accessory.video-spot h2 {
  border-radius: 3px 3px 0 0;
  margin-bottom: 1px;
}
#home-rt-sidebar {
  margin: 0;
}
@media only screen and (min-width: 48em) {
  #home-rt-sidebar {
    width: 20.83333333%;
    background: #ebebeb;
    float: right;
    padding: 30px 2.0833333333% 24px 2.0833333333%;
    margin: 0;
  }
}
#home-rt-sidebar .accessory h2 {
  background: #7a7a7a;
  position: relative;
}
@media only screen and (min-width: 48em) {
  #home-rt-sidebar .accessory h2 {
    display: inline-block;
    margin-left: -10%;
    padding: 5px 10% 3px 10%;
    border-radius: 0 3px 3px 0;
  }
}
#home-rt-sidebar .accessory h2 a.sec-link {
  color: #ebebeb;
  letter-spacing: normal;
}
@media only screen and (min-width: 48em) {
  #home-rt-sidebar .accessory h2 a.sec-link {
    position: relative;
    display: inline;
    top: auto;
    right: -10px;
  }
}
@media only screen and (min-width: 48em) {
  #home-rt-sidebar .triton-overlay {
    margin: 0 0 12px -10%;
    background: url(../../img/home/triton.png) 0 0 no-repeat;
    background-size: 100% auto;
    padding-top: 90px;
    padding-bottom: 6px;
    padding-left: 10%;
  }
}
@media only screen and (min-width: 48em) {
  .no-boxshadow #home-rt-sidebar {
    width: 20.6%;
  }
}
@media only screen and (min-width: 48em) {
  .lt-ie8 #home-rt-sidebar .triton-overlay {
    background-position: 50px 0;
    padding-left: 0;
    margin-left: -20%;
  }
}
@media only screen and (min-width: 48em) {
  .lt-ie8 #home-rt-sidebar .triton-overlay .accessory h2 {
    display: block;
  }
}
.slideshow-spot article {
  position: relative;
}
.slideshow-spot .ss-link {
  position: relative;
  display: block;
}
.slideshow-spot .ss-link img {
  width: 100%;
}
.slideshow-spot h3 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-codensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 0;
  background: #141414;
  background: rgba(0, 0, 0, 0.8);
  padding: 6px 5%;
  margin: 0;
}
#home-mid-sidebar .link-list a {
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.ads a {
  display: block;
  float: left;
  width: 49%;
  margin-left: 2%;
}
.ads a:first-child {
  margin-left: 0;
}
.ads a img {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .ads a {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 5px 0;
  }
}
#home-layout #home-social-feeds {
  position: relative;
}
@media only screen and (min-width: 48em) {
  #home-layout #home-social-feeds .hsf-controls {
    width: 110%;
    margin-left: -5%;
  }
}
#home-layout #home-social-feeds .hsf-wrapper {
  position: relative;
  overflow: hidden;
  clear: both;
  border: solid 1px #d2d2d2;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout #home-social-feeds .hsf-wrapper {
    height: 380px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #home-social-feeds .hsf-wrapper {
    width: 110%;
    height: 600px;
    margin-left: -5%;
  }
}
#home-layout #home-social-feeds h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#home-layout #home-social-feeds .hsf-switches {
  list-style: none;
  height: 42px;
  position: relative;
  padding: 0;
  margin: 0;
}
#home-layout #home-social-feeds .hsf-switch-item {
  width: 30px;
  float: left;
  height: 30px;
  padding: 9px 10px;
  margin: 0;
  border: solid 1px #d2d2d2;
  border-width: 1px 1px 0 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#home-layout #home-social-feeds .hsf-switch-item:first-child {
  border-radius: 3px 0 0 0;
  border-width: 1px 1px 0 1px;
}
#home-layout #home-social-feeds .hsf-switch-item:last-child {
  border-radius: 0 3px 0 0;
}
#home-layout #home-social-feeds .hsf-switch-item.hsf-active-switch {
  background: #f5f5f5;
}
#home-layout #home-social-feeds .hsf-switch-item:hover {
  background: #ffffff;
}
#home-layout #home-social-feeds .hsf-switch-item:hover .social-link {
  box-shadow: 0 0 6px #e6e6e6;
}
#home-layout #home-social-feeds .social-link {
  margin: 0 auto;
}
#home-layout .hsf-list {
  float: left;
  height: 30px;
  padding: 0 0 0 0;
  margin: 0;
}
@media only screen and (max-width: 62.4375em) {
  #home-layout .hsf-list {
    padding-top: 1px;
  }
}
@media only screen and (min-width: 62.5em) {
  #home-layout .hsf-list {
    padding-top: 3px;
  }
}
#home-layout .hs-feed {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout .hs-feed {
    height: 380px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout .hs-feed {
    height: 600px;
  }
}
#home-layout .hs-feed .hsf-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout .hs-feed .hsf-container {
    height: 380px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout .hs-feed .hsf-container {
    height: 600px;
  }
}
#home-layout .hs-feed .hsf-user {
  height: 42px;
  width: 100%;
  padding: 9px 0;
  background: #f5f5f5;
  position: absolute;
  bottom: 0;
  z-index: 100;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#home-layout .hs-feed .hsf-user-link {
  color: #ffffff;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-align: center;
  display: block;
  padding: 9px 0;
  border-radius: 3px;
  margin: 0 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#home-layout .hs-feed .hsf-loading {
  text-indent: -9999em;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent url('/img/loader-32.gif');
  margin: -16px 0 0 -16px;
}
#home-layout .hs-feed .hsf-posts {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  overflow: scroll;
  overflow-x: hidden;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout .hs-feed .hsf-posts {
    height: 320px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout .hs-feed .hsf-posts {
    height: 540px;
  }
}
#home-layout .hs-feed.hsf-inactive {
  display: none;
}
#home-layout #tw-feed .tw-user-link {
  background: #00aced;
}
#home-layout #tw-feed .tw-user-link:hover {
  background: #17bfff;
  box-shadow: inset 0 0 12px #0096ce;
  text-shadow: 0 0 12px #0096ce;
}
#home-layout #tw-feed .tf-tweet {
  position: relative;
  background: #f5f5f5;
  padding: 5px 9px;
  margin: 0;
  border-bottom: solid 1px #e6e6e6;
}
#home-layout #tw-feed .tf-avatar {
  position: absolute;
  left: 9px;
  top: 12px;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout #tw-feed .tf-avatar {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #tw-feed .tf-avatar {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (min-width: 62.5em) {
  #home-layout #tw-feed .tf-avatar {
    width: 48px;
    height: 48px;
  }
}
#home-layout #tw-feed .tf-avatar img {
  border-radius: 3px;
}
#home-layout #tw-feed .tf-ident {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  position: relative;
  padding-top: 2px;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout #tw-feed .tf-ident {
    padding-left: 57px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #tw-feed .tf-ident {
    padding-left: 51px;
  }
}
@media only screen and (min-width: 62.5em) {
  #home-layout #tw-feed .tf-ident {
    padding-left: 57px;
  }
}
#home-layout #tw-feed .tf-date {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  display: block;
}
#home-layout #tw-feed .tf-date a {
  color: #a0a0a0;
}
#home-layout #tw-feed .tf-name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
  /* 			.v-margin(2,2); */
}
#home-layout #tw-feed .tf-screen-name {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  display: block;
}
#home-layout #tw-feed .tf-screen-name a {
  color: #a0a0a0;
}
#home-layout #tw-feed .tf-text {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
#home-layout #tw-feed .tf-text a {
  color: #006e91;
}
#home-layout #tw-feed .tf-text .tf-images {
  margin: 6px 0;
}
#home-layout #tw-feed .tf-text .tf-images img {
  max-width: 100%;
}
#home-layout #tw-feed .tf-footer {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  padding: 3px 0 6px;
}
#home-layout #tw-feed .tf-footer .tf-retweeted {
  padding: 3px 0 6px;
}
#home-layout #tw-feed .tf-footer .tf-actions span {
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -9999em;
  float: left;
  margin-right: 10px;
}
#home-layout #tw-feed .tf-footer .tf-actions a {
  height: 16px;
  width: 16px;
  display: block;
  -webkit-transition: none;
}
#home-layout #tw-feed .tf-reply {
  background: transparent url(/img/home/everything-spritev2.png) 0 0;
}
#home-layout #tw-feed .tf-reply:hover {
  background-position: -16px 0;
}
#home-layout #tw-feed .tf-retweet {
  background: transparent url(/img/home/everything-spritev2.png) -80px 0;
}
#home-layout #tw-feed .tf-retweet:hover {
  background-position: -112px 0;
}
#home-layout #tw-feed .tf-favorite {
  background: transparent url(/img/home/everything-spritev2.png) -32px 0;
}
#home-layout #tw-feed .tf-favorite:hover {
  background-position: -64px 0;
}
#home-layout #ig-feed .ig-user-link {
  background: #9a6952;
}
#home-layout #ig-feed .ig-user-link:hover {
  background: #ae7e67;
}
#home-layout #ig-feed .ig-post {
  background: #f5f5f5;
}
@media only screen and (max-width: 22.4375em) {
  #home-layout #ig-feed .ig-post {
    padding: 12px 10px;
  }
}
@media only screen and (min-width: 22.5em) {
  #home-layout #ig-feed .ig-post {
    width: 46%;
    float: left;
    padding: 2%;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #ig-feed .ig-post {
    float: none;
    width: auto;
    padding: 6px 0;
  }
  #home-layout #ig-feed .ig-post:first-of-type {
    padding-top: 12px;
  }
  #home-layout #ig-feed .ig-post:last-child {
    padding-bottom: 12px;
  }
}
#home-layout #ig-feed .ig-image {
  position: relative;
  border: solid 5px #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 48em) {
  #home-layout #ig-feed .ig-image {
    margin: 0 10px;
  }
}
#home-layout #ig-feed .ig-image img {
  width: 100%;
}
#home-layout #ig-feed .ig-image figcaption {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  visibility: hidden \0;
  color: transparent;
  width: 90%;
  position: absolute;
  bottom: 0;
  padding: 5px 5%;
  -webkit-transition: .2s;
}
#home-layout #ig-feed .ig-image:hover figcaption {
  visibility: visible \0;
  color: #ffffff;
  background: #000000;
}
#home-layout #cff {
  overflow: scroll;
  overflow-x: hidden;
}
@media only screen and (max-width: 47.9375em) {
  #home-layout #cff {
    height: 310px;
  }
}
@media only screen and (min-width: 48em) {
  #home-layout #cff {
    height: 530px;
  }
}
#home-layout #cff .cff-likebox {
  background: #f5f5f5;
  border-right: solid 10px #f5f5f5;
  position: absolute;
  bottom: 0;
  z-index: 100;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#home-layout #cff .cff-item {
  width: auto;
  background: #f5f5f5;
  padding: 5px 9px;
  margin: 0;
  border: solid 1px #e6e6e6;
  border-width: 1px 0;
}
#home-layout #cff .cff-item img {
  width: 100% !important;
}
#home-layout #cff .cff-clear {
  display: none !important;
}
#home-layout #cff .cff-post-text {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 6px 0;
}
#home-layout #cff .cff-link {
  width: auto;
  max-width: none;
}
.no-boxshadow #home-layout .hsf-user {
  padding: 9px 0 8px;
  border-top: solid 1px #d2d2d2;
}
.latest-news {
  /* 	margin-top: 12px;  */
}
.pressclips article {
  margin: 12px 0;
}
.pressclips .pc-src {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
.pressclips h3 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 0;
  font-weight: normal;
}
.pressclips h3 a {
  color: #323232;
}
.pressclips h3 a:hover {
  color: #2b92b9;
}
#home-events h2 {
  margin-bottom: 6px;
}
#home-events article {
  margin: 12px 0;
  background: #f5f5f5;
  padding: 6px 0;
}
#home-events time {
  text-align: center;
  width: 50px;
  height: auto;
  float: left;
  background: #ffffff;
  padding: 3px 0 4px 0;
  border-radius: 3px;
  margin: 3px 10px 6px 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#home-events time span {
  display: block;
}
@media only screen and (min-width: 48em) {
  #home-events time {
    margin: 3px 10px 6px -10px;
  }
}
#home-events h3 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0 10px;
  border-top: 0;
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 3px 0 0 0;
}
#home-events p {
  margin: 0;
}
#home-events .cal-mo {
  color: #ffffff;
  background: #2b92b9;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 0 4px;
  margin: 0 2px 2px 2px;
  border-radius: 3px;
}
#home-events .cal-day {
  color: #474747;
  font-size: 24px;
  line-height: 24px;
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#home-events .cal-day.range {
  font-size: 20px;
  line-height: 24px;
  font-family: "proxima-nova-codensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media only screen and (min-width: 48em) {
  #home-events h1 {
    padding-left: 3.77358490566%;
  }
}
#video-teaser img {
  width: 100%;
}
.js #video-teaser .js-disabled,
.no-js #video-teaser .js-enabled {
  display: none;
}
#alert-box {
  padding: 12px 4.167%;
  margin-bottom: 24px;
}
#alert-box h1 {
  margin: 12px 0;
}
#alert-box p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  max-width: 50em;
  margin: 12px 0;
}
.alert-yellow {
  background-color: yellow;
}
.alert-yellow h1 {
  color: black;
}
.alert-red {
  background-color: red;
}
.alert-red h1,
.alert-red p {
  color: white;
}
.alert-red a {
  color: yellow;
}
.alert-orange {
  background-color: #ef7000;
}
.alert-orange h1,
.alert-orange p {
  color: white;
}
.alert-orange a {
  color: yellow;
}
.grad-tweet {
  position: relative;
  background: #2b92b9 !important;
  padding: 0 0 6px !important;
}
@media only screen and (min-width: 40em) {
  .grad-tweet {
    border-radius: 3px;
  }
}
.grad-tweet .gt-gfx {
  width: 100%;
}
.grad-tweet h2,
.grad-tweet p {
  padding: 0 10px;
}
.grad-tweet h2 {
  text-align: center;
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 200;
  margin: 6px 0;
}
.grad-tweet h2 a {
  color: #ffffff !important;
}
.no-js .lazy {
  display: none;
  visibility: hidden;
}
/* ==========================================================================
   slideshow styles
   ========================================================================== */
#ss-index-layout .pagination-links {
  margin-top: 0;
  padding-top: 24px;
}
#slideshow-content {
  max-width: 1200px;
  padding: 24px 0 56px;
  margin: 0 auto;
}
#slideshow-content header h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #ffffff;
  font-weight: 200;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 39.9375em) {
  #slideshow-content header h1 {
    width: 91.67%;
  }
}
@media only screen and (min-width: 40em) {
  #slideshow-content header h1 {
    width: 95.83%;
  }
}
#slideshow-content .ss-links {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 39.9375em) {
  #slideshow-content .ss-links {
    width: 91.67%;
  }
}
@media only screen and (min-width: 40em) {
  #slideshow-content .ss-links {
    width: 95.83%;
  }
}
#slideshow-content .ss-links li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  height: 18px;
  float: left;
  margin: 6px 20px 0 0;
}
#slideshow-content .ss-links a {
  color: #787878;
  text-decoration: none;
}
#slideshow-content .ss-links a:hover {
  color: white;
}
#gallery-wrapper {
  z-index: 0;
  position: relative;
}
#gallery {
  width: 95.83%;
  margin: 0 auto;
}
@media only screen and (max-width: 29.9375em) {
  .ss-list {
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  .ss-list {
    padding: 12px 6.25% 24px;
  }
}
@media only screen and (min-width: 48em) {
  .ss-list {
    padding: 12px 4.167% 48px;
  }
}
.ss-list li {
  position: relative;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .ss-list li {
    width: 33.333%;
    float: left;
  }
}
.ss-list li a {
  display: block;
  width: 98%;
  height: 0;
  position: relative;
  padding-bottom: 66.67%;
  overflow: hidden;
  margin: 0 1% 2%;
  -moz-background-size: cover;
  background-size: cover;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -ms-behavior: url(/htc/backgroundsize.min.htc);
}
.ss-list li h2 {
  color: white;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  position: absolute;
  width: 90%;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 1%;
  padding: 12px 4%;
  transition: .2s;
}
.ss-list li:hover h2 {
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
}
/* fixes ie7 stacking issue */
@media only screen and (min-width: 48em) {
  .lt-ie8 .ss-list li {
    width: 33%;
  }
}
/* ==========================================================================
   galleria overrides
   ========================================================================== */
#slideshow-content .galleria-container:hover .galleria-info-text {
  background-color: rgba(0, 0, 0, 0.9);
}
#slideshow-content .galleria-counter {
  bottom: auto;
  left: 4.167%;
}
@media only screen and (max-width: 47.9375em) {
  #slideshow-content .galleria-counter {
    top: 20px;
  }
}
@media only screen and (min-width: 48em) {
  #slideshow-content .galleria-counter {
    top: 30px;
  }
}
#slideshow-content .galleria-info {
  top: auto;
  left: 4.167%;
  width: 91.67%;
}
@media only screen and (max-width: 47.9375em) {
  #slideshow-content .galleria-info {
    bottom: 70px;
  }
}
@media only screen and (min-width: 48em) {
  #slideshow-content .galleria-info {
    bottom: 90px;
  }
}
#slideshow-content .galleria-info-text {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px 20px;
}
@media only screen and (min-width: 48em) {
  #slideshow-content .galleria-info-text {
    display: block;
  }
}
#slideshow-content .galleria-info-title {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
#slideshow-content .galleria-info-description p {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
#slideshow-content .galleria-info-description p br + br {
  display: none;
}
@media only screen and (min-width: 48em) {
  #slideshow-content .galleria-info-close {
    display: block;
  }
}
#slideshow-content .galleria-info-link {
  bottom: 0;
  border-radius: 50%;
  border: solid 2px rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 48em) {
  #slideshow-content .galleria-info-link {
    display: none;
  }
}
#archive-layout {
  /* Archive category lists */
  /* OLD STORIES LINK */
}
#archive-layout .primary h1 span {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 200;
}
#archive-layout .primary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#archive-layout .primary .sl-story {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  padding: 24px 3.57142857% 36px;
  background: #ffffff;
  border: solid 1px #e6e6e6;
  border-width: 1px 1px 0 1px;
}
#archive-layout .primary .sl-story:last-of-type {
  border-width: 1px;
}
#archive-layout .primary .sl-story h2 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
#archive-layout .primary .sl-story p {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 9px;
  margin-top: 0.5625rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
#archive-layout .primary .sl-story .sl-meta {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
#archive-layout .primary .sl-story .sl-meta-top {
  margin-bottom: 6px;
}
#archive-layout .primary .sl-story .sl-meta-bottom {
  border-top: solid 1px #e6e6e6;
  padding: 8px 0 0;
}
#archive-layout .primary .sl-story .sl-cats a {
  border-radius: 9px;
  padding-right: 1em;
}
#archive-layout .archive-cg-list .drawer {
  margin: 18px 0;
}
#archive-layout .archive-cg-list .drawer ul {
  margin: 0 0 0 25px;
}
#archive-layout .old-stories {
  background: #e6e6e6;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 3px;
  margin: 36px 0 12px;
}
.pagination-links {
  color: #505050;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  clear: both;
  margin: 20px 0;
}
.pagination-links a,
.pagination-links strong {
  padding: 0 6px;
}
.form-style {
  /*character count style*/
  /* form information div styling */
  /* reset form elements */
  /* inputs, textareas and selects */
  /* Get the stuff to line up right */
  /* select menu */
  /* For IE and Firefox */
  /*  file field */
  /* Webkit Only */
  /*  checkboxes and radio inputs */
  /* Remove the custom styling for IE 7-8 */
  /* form submit and next buttons */
  /* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */
  /* IE7 needs you to change the background to transparent when using image background for submit buttons */
  /* field-specific styles */
  /* media queries */
  /* end of query */
  /* end of query */
  /* reset form elements */
  /*  inputs, textareas and selects */
  /* Get the stuff to line up right */
  /*  select menu */
  /* For IE and Firefox */
  /*  file field */
  /* Webkit Only */
  /* checkboxes and radio inputs */
  /* Remove the custom styling for IE 7-8 */
  /* form submit and next buttons */
  /* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */
  /* IE7 needs you to change the background to transparent when using image background for submit buttons */
  /*  field-specific styles */
  /* media queries  */
  /* end of query */
  /* end of query */
  /* https://github.com/mugifly/jquery-simple-datetimepicker */
  /* datepicker_header */
  /* datepicker_inner_container */
  /* datepicker_inner_container > datepicker_calendar */
  /* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell) */
  /* datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell) */
  /* datepicker_inner_container > datepicker_timelist */
}
.form-style p,
.form-style ul,
.form-style li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  border: 0;
}
.form-style li {
  margin: 0;
  list-style-type: circle;
}
.form-style .radio-margins li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.form-style div {
  margin-bottom: 30px;
}
.form-style span.error {
  color: red;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.form-style span.inline-instructions {
  font-size: 11px;
  line-height: 15px;
}
.form-style .layout-block {
  border-radius: 3px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.form-style h2,
.form-style h3,
.form-style h4,
.form-style p,
.form-style ul {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.form-style label {
  display: block;
  font-weight: bold;
  line-height: 10px;
  margin: 10px 0;
}
.form-style input[type="checkbox"] + label {
  display: inline;
}
.form-style input[type="radio"] + label {
  display: inline;
}
.form-style form .field {
  background: #f5f5f5;
  padding: 9px 15px 12px;
  border-radius: 3px;
  margin: 0 0 12px 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.form-style .link-list {
  margin-bottom: 0;
}
.form-style .link-list a {
  color: #006e91;
  font-weight: 800;
}
.form-style .field.required {
  background: #ffffb3;
}
.form-style .field.error {
  background: #ffaaaa;
}
.form-style .field.valid {
  background: #dcffdc;
}
.form-style .no-boxshadow form .field,
.form-style .no-boxshadow .choice {
  border: solid 1px #dcdcdc;
}
.form-style .media-contact-height {
  min-height: 540px;
}
.form-style .topic-height {
  min-height: 200px;
}
.form-style .subcategory-height {
  min-height: 620px;
}
.form-style div.numb-count {
  color: red;
  margin-bottom: 10px;
  padding: 0;
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.form-style #charNum,
.form-style #charNum2 {
  color: #6d6d6d;
  font-style: italic;
  margin-bottom: -25px;
}
.form-style .instructions li {
  padding-bottom: 10px;
}
.form-style input,
.form-style select,
.form-style textarea {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  outline: none;
  font-family: inherit;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}
.form-style input[type="text"],
.form-style input[type="email"],
.form-style textarea,
.form-style select,
.form-style div.styled,
.form-style input[type="file"] {
  width: 30em;
  border-radius: 2px;
  border: solid 1px #ccc;
  padding: 0.4em;
}
.form-style input[type="submit"],
.form-style input[type="button"],
.form-style input[type="file"]:after {
  background: white url(../../support/images/form/formelements-select.png) no-repeat bottom right;
  /* this is the new drop button, in image form */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.form-style div.styled,
.form-style select input[type="file"]:after {
  background: white url(../../support/images/form/formelements-select.png) no-repeat bottom right;
  /* this is the new drop button, in image form */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  width: 100%;
}
.form-style input[type="text"],
.form-style input[type="email"],
.form-style textarea,
.form-style input[type="file"] {
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}
.form-style .ie9 input[type="text"] {
  line-height: normal;
}
.form-style textarea {
  width: 100%;
  height: 10em;
}
.form-style input[type="text"],
.form-style input[type="email"] {
  width: 100%;
}
.form-style select[multiple="multiple"],
.form-style select {
  width: 100%;
}
.form-style div.styled {
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.form-style .ie7 div.styled {
  border: none;
}
.form-style div.styled select {
  width: 115%;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
}
.form-style .ie7 div.styled select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 0.3em 0.5em;
}
.form-style input[type="file"] {
  position: relative;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding: 0;
}
.form-style input[type=file]::-webkit-file-upload-button {
  width: 0;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border: none;
}
.form-style input[type="file"]:after {
  content: 'Upload File';
  margin: 0 0 0 0.5em;
  display: inline-block;
  left: 100%;
  position: relative;
  background: white;
  padding: 0.3em 0.5em;
  border: solid 1px #ccc !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.form-style input[type="file"]:active:after {
  box-shadow: none;
}
.form-style input[type="radio"],
.form-style input[type="checkbox"] {
  position: absolute;
  left: -999em;
}
.form-style input[type="radio"],
.form-style input[type="checkbox"] + label:before {
  display: inline-block;
  position: relative;
  top: 0.25em;
  left: -2px;
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../../support/images/form/formelements.png);
}
.form-style input[type="checkbox"] + label:before {
  background-position: 0 -25px;
}
.form-style input[type="checkbox"]:checked + label:before {
  background-position: 0 0 ;
}
.form-style input[type="radio"] + label:before {
  background-position: -25px -25px;
}
.form-style input[type="radio"]:checked + label:before {
  background-position: -25px 0;
}
.form-style .ie8 label:before {
  display: none;
  content: none;
}
.form-style .ie8 input[type="checkbox"],
.form-style .ie8 input[type="radio"],
.form-style .ie7 input[type="checkbox"],
.form-style .ie7 input[type="radio"] {
  position: static;
  left: 0;
}
.form-style .ie8 input[type="checkbox"],
.form-style .ie8 input[type="radio"] {
  position: relative;
  top: 5px;
  margin-right: 0.5em;
}
.form-style input[type="text"]:focus,
.form-style textarea:focus {
  border-color: #000;
}
.form-style input[type="submit"],
.form-style input[type="button"] {
  padding: 0.5em 1em;
  line-height: 1em;
  cursor: pointer;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  font-size: inherit;
  border: solid 1px #ccc;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  background-position: center bottom;
  background: white;
}
.form-style input[type="submit"]:active,
.form-style input[type="button"]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-style input#nr_publish_date {
  max-width: 210px;
}
@media screen and (max-width: 600px) {
  .form-style body {
    width: 80%;
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .form-style input[type="text"],
  .form-style input[type="email"],
  .form-style textarea,
  .form-style select,
  .form-style div.styled,
  .form-style select[multiple="multiple"] {
    width: 100%;
  }
}
.form-style input,
.form-style select,
.form-style textarea {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  outline: none;
  font-family: inherit;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}
.form-style input[type="text"],
.form-style input[type="email"],
.form-style input[type="password"],
.form-style textarea,
.form-style select,
.form-style div.styled,
.form-style input[type="file"] {
  width: 30em;
  border-radius: 2px;
  border: solid 1px #ccc;
  padding: 0.4em;
}
.form-style input[type="submit"],
.form-style input[type="button"],
.form-style input[type="file"]:after {
  background: white url(../../support/images/form/formelements-select.png) no-repeat bottom right;
  /* this is the new drop button, in image form */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.form-style div.styled,
.form-style select input[type="file"]:after {
  background: white url(../../support/images/form/formelements-select.png) no-repeat bottom right;
  /* this is the new drop button, in image form */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  width: 100%;
}
.form-style input[type="text"],
.form-style input[type="email"],
.form-style input[type="password"],
.form-style textarea,
.form-style input[type="file"] {
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}
.form-style .ie9 input[type="text"] {
  line-height: normal;
}
.form-style textarea {
  width: 100%;
  height: 10em;
}
.form-style input[type="text"],
.form-style input[type="email"],
.form-style input[type="password"] {
  width: 100%;
}
.form-style select[multiple="multiple"],
.form-style select {
  width: 100%;
}
.form-style div.styled {
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.form-style .ie7 div.styled {
  border: none;
}
.form-style div.styled select {
  width: 115%;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
}
.form-style .ie7 div.styled select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 0.3em 0.5em;
}
.form-style input[type="file"] {
  position: relative;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding: 0;
}
.form-style input[type=file]::-webkit-file-upload-button {
  width: 0;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border: none;
}
.form-style input[type="file"]:after {
  content: 'Upload File';
  margin: 0 0 0 0.5em;
  display: inline-block;
  left: 100%;
  position: relative;
  background: white;
  padding: 0.3em 0.5em;
  border: solid 1px #ccc !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.form-style input[type="file"]:active:after {
  box-shadow: none;
}
.form-style input[type="radio"],
.form-style input[type="checkbox"] {
  position: absolute;
  left: -999em;
}
.form-style input[type="radio"],
.form-style input[type="checkbox"] + label:before {
  display: inline-block;
  position: relative;
  top: 0.25em;
  left: -2px;
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../../support/images/form/formelements.png);
}
.form-style input[type="checkbox"] + label:before {
  background-position: 0 -25px;
}
.form-style input[type="checkbox"]:checked + label:before {
  background-position: 0 0 ;
}
.form-style input[type="radio"] + label:before {
  background-position: -25px -25px;
}
.form-style input[type="radio"]:checked + label:before {
  background-position: -25px 0;
}
.form-style .ie8 label:before {
  display: none;
  content: none;
}
.form-style .ie8 input[type="checkbox"],
.form-style .ie8 input[type="radio"],
.form-style .ie7 input[type="checkbox"],
.form-style .ie7 input[type="radio"] {
  position: static;
  left: 0;
}
.form-style .ie8 input[type="checkbox"],
.form-style .ie8 input[type="radio"] {
  position: relative;
  top: 5px;
  margin-right: 0.5em;
}
.form-style input[type="text"]:focus,
.form-style textarea:focus {
  border-color: #000;
}
.form-style input[type="submit"],
.form-style input[type="button"] {
  padding: 0.5em 1em;
  line-height: 1em;
  cursor: pointer;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  font-size: inherit;
  border: solid 1px #ccc;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  background-position: center bottom;
  background: white;
}
.form-style input[type="submit"]:active,
.form-style input[type="button"]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-style input#nr_publish_date {
  max-width: 210px;
}
.form-style .field.input-style input[type="file"] {
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .form-style body {
    width: 80%;
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .form-style input[type="text"],
  .form-style input[type="email"],
  .form-style textarea,
  .form-style select,
  .form-style div.styled,
  .form-style select[multiple="multiple"] {
    width: 100%;
  }
}
.form-style .datepicker {
  display: inline-block;
  font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight: 300;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0.5px 0px #c8c8c8;
  -webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;
  -moz-box-shadow: 0.5px 0.5px 3px #eeeeee;
}
.form-style .datepicker > .datepicker_header {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 0;
  background-color: #eeeeee;
  color: #3f3f3f;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.form-style .datepicker > .datepicker_header > a {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  color: #3b7796;
}
.form-style .datepicker > .datepicker_header > a:hover {
  color: #303030;
  background-color: #c8c8c8;
}
.form-style .datepicker > .datepicker_header > a:active {
  color: #ffffff;
  background-color: #808080;
}
.form-style .datepicker > .datepicker_header > span {
  margin-left: 20px;
  margin-right: 20px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.form-style .datepicker > .datepicker_header > .icon-home {
  position: absolute;
  display: block;
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  width: 11pt;
  height: 11pt;
  vertical-align: middle;
}
.form-style .datepicker > .datepicker_header > .icon-home > svg > g > path {
  fill: #3b7796;
}
.form-style .datepicker > .datepicker_header > a:hover > svg > g > path {
  fill: #303030;
  /* Icon button hover color */
}
.form-style .datepicker > .datepicker_inner_container {
  margin: -2px 0px -2px 0px;
  padding-bottom: 0;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0.5px 0px 3px #c8c8c8;
  -webkit-box-shadow: 0.5px 0px 3px #c8c8c8;
  -moz-box-shadow: 0.5px 0px 3px #c8c8c8;
}
.form-style .datepicker > .datepicker_inner_container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar {
  float: left;
  width: auto;
  margin-top: -0.5px;
  margin-left: -1px;
  margin-bottom: -2px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-top: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > table {
  padding: 10px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
  color: #646464;
  width: 18px;
  font-size: small;
  font-weight: normal;
  text-align: center;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
  color: #000000;
  font-size: small;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
  border-bottom: #bfbfbf solid 2px;
  margin-bottom: -2px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
  color: #0044aa;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
  color: #e13b00;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
  color: #cccccc;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
  cursor: default;
  color: #cccccc;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
  color: #ffffff;
  background-color: #808080;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
  color: #000000;
  background-color: #c8c8c8;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist {
  float: left;
  width: 4.2em;
  height: 118px;
  margin-top: -0.5px;
  margin-bottom: 0;
  padding: 5px 0 5px 0;
  overflow: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  border-bottom: 1px solid #c8c8c8;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
  overflow: hidden;
  width: 6px;
  background: #fafafa;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
  height: 1px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
  display: none;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {
  background: #eee;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {
  background: #eee;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
  background: #333;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 7px;
  padding-right: 25px;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: small;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
  cursor: default;
  color: #cccccc;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
  color: #ffffff;
  background-color: #808080;
}
.form-style .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
  color: #000000;
  background-color: #c8c8c8;
}
#logout-link {
  display: block;
  background: #ef7000;
  color: white;
  text-align: center;
  padding: 6px 10px;
  margin-bottom: 12px;
  border-radius: 3px;
}
#subscribe-layout {
  /* This Week subscribe form */
}
#subscribe-layout p,
#subscribe-layout li,
#subscribe-layout label,
#subscribe-layout input {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
#subscribe-layout h2,
#subscribe-layout h3,
#subscribe-layout h4,
#subscribe-layout p,
#subscribe-layout ul {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
#subscribe-layout .choice {
  background: #f5f5f5;
  padding: 9px 15px 12px;
  border-radius: 3px;
  margin: 0 0 12px 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
#subscribe-layout .link-list {
  margin-bottom: 0;
}
#subscribe-layout .link-list a {
  color: #006e91;
  font-weight: 800;
}
#subscribe-layout #tw #tw-head {
  letter-spacing: 1px;
  font-weight: 400;
  text-align: center;
  background: #ef7000;
  padding: 6px 10px;
  border-radius: 3px;
}
#subscribe-layout #tw #tw-head a {
  color: #ffffff;
}
.no-boxshadow .choice {
  border: solid 1px #dcdcdc;
}
.frame-background {
  margin-bottom: 20px;
  background: #2e2e2e;
  margin: 0;
  padding: 24px 0;
}
@media only screen and (min-width: 48em) {
  .frame-background {
    text-align: center;
  }
}
.frame-background #video-frame {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 48em) {
  .frame-container {
    max-width: 682px;
    margin: 0 auto;
  }
}
.frame-container .embed-wrapper-16-9 {
  margin: 0;
}
#yt-link {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 200;
  background: #2b92b9;
  text-align: center;
  position: relative;
  padding: 12px 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
#yt-link a {
  color: #ffffff;
}
.video-grid {
  background: #ffffff;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 47.9375em) {
  .video-grid {
    padding: 24px 0;
  }
}
@media only screen and (min-width: 48em) {
  .video-grid {
    padding: 24px 0;
  }
}
.video-grid .row {
  padding: 0;
  overflow: auto;
}
@media only screen and (min-width: 48em) {
  .video-grid .row {
    position: relative;
    border-bottom: solid 1px #e6e6e6;
    margin: 12px 0;
  }
  .video-grid .row:last-child {
    border: none;
  }
}
.video-grid .video-container {
  display: block;
  padding: 0;
  overflow: auto;
  margin: 0;
  box-sizing: border-box;
  padding: 12px 4.167%;
}
@media only screen and (min-width: 48em) {
  .video-grid .video-container {
    width: 50%;
    overflow: hidden;
    float: right;
  }
  .video-grid .video-container:first-child {
    float: left;
  }
}
.video-grid .video-tile {
  float: left;
  width: 36.36%;
  margin: 3px 25px 9px 0;
}
.video-grid .video-tile img {
  width: 100%;
}
.video-grid .video-text {
  padding: 0 0 0 4.54545455%;
}
.video-grid .video-text h2 {
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin: 0 0 6px 0;
}
.video-grid .video-text div {
  max-width: 100%;
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  text-overflow: ellipsis;
  margin: 6px 0;
  overflow: hidden;
}
.video-grid .video-text a:hover,
.video-grid .video-text a:focus {
  text-decoration: none;
}
.ie7 .video-grid .video-container {
  overflow: hidden;
}
.no-js #video-frame {
  display: none;
}
.videos-error,
.no-js .videos-no-js {
  padding: 40px;
}
.no-js .videos-error {
  display: none;
}
/* Research theme menu background style top nav */
.rsh-theme-nav a {
  background-color: #1d617b;
  color: #ffffff;
}
.rsh-theme-nav a:hover {
  color: #e9f5fa;
}
/* Archive page research theme title, categories under blurbs and in feature and press release "filed under" sidebar */
.rsh-theme-font {
  color: #ef7000;
}
/* Archive page sidebar */
.rsh-theme-font a {
  color: #ef7000;
}
/* Extra wide feature color */
.wide-feature .wide-accessories .rsh-theme-font a {
  color: #ef7000;
}
/* Archive page, research theme category description paragraph */
.rsh-theme-cat-desc {
  font-size: .9rem;
  line-height: 1.3rem;
}
/* Home page top stories nav styles */
#top-stories #ts-topics .ts-rsh-theme-nav a {
  color: #141414;
}
#top-stories #ts-topics .ts-rsh-theme-nav {
  background: #ffffff;
}
#top-stories #ts-topics .ts-rsh-theme-nav a:hover {
  background: #ebebeb;
}
/* Home page top stories categories (under blurbs) word color */
#top-stories a.ts-rsh-theme-font {
  color: #ef7000;
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    /*         text-decoration: underline; */
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm;
  }
  #sn,
  #sf-wrapper,
  .sidebar,
  .work-links,
  #contact-form,
  .tw-links,
  .wide-accessories,
  .share {
    display: none;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .home-hero {
    display: none;
  }
  .home-head h1 {
    margin-left: 0;
  }
  .home-promo,
  .home-work {
    display: none;
  }
  #sh {
    margin-bottom: 12pt;
  }
  .ir,
  .sh-campus-link {
    text-indent: 0;
    background: none;
  }
  #sh-titles {
    height: auto;
  }
  .sh-campus,
  .sh-site {
    width: auto;
    margin: 0 0 0 0;
    height: auto;
  }
  .sh-campus-link {
    display: inline;
    text-decoration: none;
  }
  .sh-titles {
    margin: 12pt 0;
  }
  .sh-background {
    display: none;
  }
  .sn-link {
    display: none;
  }
}
@media print {
  .tw-link {
    display: none;
  }
  .sm-item {
    margin-left: 0 !important;
    margin-right: 1em;
    border: none !important;
  }
  .sub-link {
    display: none;
  }
  .story-body aside.r {
    clear: none;
  }
  .tw-link,
  #tw-links,
  .wide-accessories,
  .share {
    display: none !important;
  }
  .story-body {
    padding-top: 0 !important;
  }
  .r {
    margin: 1em 0 1em 1em !important;
    clear: right;
  }
  .l {
    margin: 1em 1em 1em 0 !important;
    clear: left;
  }
  .xful p {
    padding: 6pt 0 !important;
  }
  .ful {
    width: 50% !important;
    float: left !important;
    margin: 1em 1em 1em 0 !important;
  }
  .xl,
  .lg {
    width: 40% !important;
  }
}