@charset "UTF-8";
/***  MAIN CSS FILE  ***/
/* link to external site */
/* red link when page doesn't exist */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-family: sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input {
  border-radius: 0px; }

html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll; }

body {
  font-size: 16px;
  background: #e7e7e8;
  /* Cutting out to save 4KB url('data:image/gif;base64,R0lGODlhZABkAKIAAOnp6ejo6Ofn5+jo6efn6Onp6ubm5wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjE3MERGOTBDMzMxMUU3QTkxMjhCNTY4MzEzNTQ5QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNjE3MERGQTBDMzMxMUU3QTkxMjhCNTY4MzEzNTQ5QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MTcwREY3MEMzMzExRTdBOTEyOEI1NjgzMTM1NDlDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2MTcwREY4MEMzMzExRTdBOTEyOEI1NjgzMTM1NDlDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAGQAZAAAA/9YRqbWr7gBC3vYEeYwbNczAB+hFNQXSae5NpIXgQx1qs+2ZC4GWKGZiUHa2AIWWAfCybwMNpCs1JQ5ksLdFMO5MgipE8u6SOEkXdBNUZ1eYT3MIGZRzJewexDqmRQEZDEUYDcGAXdLOi0hMUwZY25YhSRUd06XUIV2OY2FZRoGPzArCkianhADQwtXHZ0iSiygS28zolCManISFHNzrHwmbDM3YTgvrjJGW49LvUzCmbBmoLB2YGTHKpaxwLJ9KGRfzDmjUtgVkE7oZ0l0Ljdt2WJxIu+oaKN1FTt4l/R4LO3DZW4arC50BHUgwa2Hq18q9jzhYkwMKzwtHpFyw2f/Bp83Ca2AurCPBYlNHjMu+XFShZhwqQZEedDSQ5BG5bbIUoSz3AVLG6oMjGAsiMQNnm5O+IXmBDU5H2RaaSIMS5qCWaixgLgjhQAzzTpEQUUhwCgbvPRJG6TBn0uxtfKhzGaP2JpuZnIJajCzjzWP5r5YXADGBCV+ZbTpsMEIYgeJWBPzixHNLxZz6pwInDKETqxoLPY0+cYDMxfEOEebQ6vC7M6OqmCe9QdS1l13sBxBxZnZTx3Hsm0jgfrBM+YU8Ei6wjLodJ8v8E4yquOlhkVfrbB1uqVAlJheKNhsikaSX8VILpU9e+B6DgcTjjm90nQs2YR+G+M7LzdBh5bg/xrVVRxuYGEiTTqTbQUIDRuFk4xmXNl0X0/F9DMYV5B4cluC4hXHn03s6NTTM2xEA9F6JeyGS4G1+GVPK5TNQhwN9HkQXydJ3KTEMTowUs8P/q2TRBHaIYFQMyO8kGRp8BVoiHFYNSKYFqeFQAlu+6wCjg3AUZnjDvVYlksqasFkh5NPOMVXT/94aMdgfE25FSnGLdhmeiyiwglonyV02YekRXDVY2p5yJdPOZSXj6ER3AKPW3/+pwVQighKS1FkdOkIZKd18kVFmTHx1CNplOSIW24Olcih8OAH2Djk8NEcTPAxZxAyi9qIGyfEuAcYTvrJ1RFdB1q0xhh5ObGXg/8cffTrSC/FBIeyHbGpkF08cIXcjbFpdaCLL42xRhVovUITL1fIFMYFt3zLRYb2tcIKfMOmNOCO1jyl6TCc8ueFZOGKM+oKpbY6DKq1hRlhD6xRO+uFy4FE7YZjxBFGWhexAh4ABJg1U3mZ/NaKViwMl5u8h3qjHKkH7ScoYSdIR6qn1qUCJwpycnEBSWEieNkbsRXK1F7b9PHLD99U1kzG3Dyihwxg+WEntoMwxR4iIFYQ5CvTsUnwnFkGYiB+d0mVa4WRXYugoNrmwC29REkSVbQwdueREby5KA3Q8hFDESjewfjkKcUFkWRbKdMirkPRBrJYOuIaTYoxfpOZQRj/5w19ec6J5jSUshnZG7RxQ6MkltHd2cY05Po4qFqLe5on8RxFRFW5Bq9bnS6j1AIm4GD56Bh51j6uBIQ4QxJ2hDsUunrvLhEIQGgWzFVlmj+HNAsmNYgw9JYSUb9r01gzRI05NkzV0+KgUuyon+0FXcnanOAgyLP90//z0+WT01nI1IZKRp4UQx3IFRBlY5EI7rTxLznUBB6Uo5MuWkcbBo3lG+P6jTZ8hri70YV8GJOJJKgSCmPpLRymgER5SBIhAdkrBMoZhqz+sxzW7QhsLtiDhpQxGZt9ZA3GkIqIerUmSN3Oh7xRhTd05rmeGSuGlevhbWJEHPqRJxy065iz/yTFHx2aLjv3AZQcYAW9LVCCfCvAWqeqQTQKVqtDIKPXvrYYGCpNyiZ5CI2fpoAdGx0jNsaBkz0C0AMYStB2owpBFFTBIt8BhhtJC5jTdPIWFFzJDoc5BwouloV+Wehl6JDkOgY2rXvwQx7ggkNA/DRAi+jwUGj0iC/uVSmYcKVnY7xKMKK0OwGq8k2KqsvwvnGlRDWNFtDjW8YQ84lyBM5v7FBcwe6CyjY1BWqmJMiIYGOhPXKFIXkjjWwG5JAXaHGGhwoPjtQgC8phCSGt0kzEKhC10BxJQlkYli+bAszKlW5AMSim8vKGCatZ4WiqUxoxOtMXywwmDtUoaIJSIP/C+w3jma6YzkYydYmZGAsjI8FjvbqACNB4rY8qupNHR9OhnOgvN4nDmOocAMC4aEYkBKxMVXZWiAhRZhU7u+B6YvSzFrrrDYbc0f6aU5ASxax9vxRUzRQCHO1cgTslZGZtOhE+VaaEDWaRVcVOB76+ybEAHPNYiiICVSWlaSDJiqgH/RK0MgKDGarQ5cPqt6aJwCV6+TvYT6w3nylkz166wta0hAelzhXPA0B65SqItLx7Uu9OBnHqm261Vmcxch7ag+RYuzFJjkRsBJwjTBMr+I42ja6n0Yqg+VIXSYyogV4RI408WpQ6EejFYmnpowvYIsOyRVEjD6LILgX3Pjv/kss/LMQEsOJCIEqW0YQBS1bIIOoWLmktHI/D4KvU2ttNMMYIhumddjhTA6hagjE+4ERdISKYmdaLngs63g37gkwRboFhUSJTZZJC36ziqBSBxAcucoQy00iokK95SyhH0IgzalWdq5KSW3H1RWDEEYso24QMf6g658UFOVrwDz0Q2yjEea2tkvrJT4WiPky5bImd+48T9TGma5hwb0Qja9xKWFvHabCCaDGR3PxwQwkKFG/J3QZ9kFNYtwEOeFwtoryoQ79/qeSa/Z2nU0zn0Q/pDE1Liw5U+SlVIGeiqg1D6xu8kx4DEgVcA5HXOVEUlMJdKp8u1VlS+OpfMA9s/yZCLI14FhXPX3TmWGwODQ9FKQVzkW0ir5uQJ1wjae5Fpo8oRrSU4FtpFsqFEPlUpzZfpEQeFU2qNaLkzwTHUVmmKm0hdQ5YSKrHxukqQudJjD/C25j1DXF8fiOq4wIUKsvNzRsNzkpYbtmRr0QCWD2ECqdJPL+13BWXvtXrJ5mtKSkDdj+C9a24JCaDw+rtU8zYauRUcjI7NgxfsmwKcEgmAZNVK01UXrPNahfGGtWyr5oos9h8BiYgXuhRUGhuSqSH7n4Mdt3HvZr24B03CXivhvR7VSL6okZ/eW4u3jRnceVbLL6NuFy6PcOvsuqukE1QidukaDdjuxCb3/VYDKmsn5JB+jTi8cB4QRJC8pZRACPh+1T/mBCMqRD0tpqBGkjhXbEw8yXQ6alHR4esfoVEBOU1wOm9IXsozN505iGzDQjUWrMqNQ/DPVBN7aBDRV920R//qiwlXmGFsm47L48iDq9sn6dbFxklAEmeaQJTrAbFcUqLykByaQE1ceBTQENxqTRELr7W7boRRxEPr5PWohraOVL3la3oQXaClqksjT69fB1NVQIAADs=');*/
  margin-top: 71px;
  margin-bottom: 336px; }

#user-prefs {
  /*
    background:rgba(0,0,0,0);
    display: block;
    min-width: 320px;
    */ }

a:focus {
  outline: none !important; }

.font-xl {
  font-size: 2.5em; }

.font-l {
  font-size: 1.5em; }

.font-m {
  font-size: 1em; }

.font-s {
  font-size: 0.84em; }

.font-xs {
  font-size: 0.7em; }

.font-hard-m {
  font-size: 16px; }

strong,
.bold {
  font-weight: 600; }

em,
.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.font-normal {
  font-weight: normal; }

.position-relative {
  position: relative; }

.text-light {
  color: #9299a3; }

.text-green, .hover-text-green:hover {
  color: #99aa54; }

.text-green-dark {
  color: #7a8843; }

.text-red, .hover-text-red:hover {
  color: #7a202a !important; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-black {
  color: black; }

.text-gray {
  color: #aeb3ba !important; }

.text-light-gray {
  color: #e5e7e9; }

.camelcase {
  text-transform: capitalize; }

.line-height-normal {
  line-height: normal !important; }

.line-height-30 {
  line-height: 30px !important; }

.line-height-40 {
  line-height: 40px !important; }

.font-monospace,
.monospace-font {
  font-family: Courier,"Courier New",monospace !important;
  font-weight: 400; }

.full-width {
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: block;
  width: 100%; }

*[data-call-modal],
.hidden {
  display: none; }

.hidden-until-active:not(.active) {
  display: none; }

.opaque-until-hover:not(:hover) {
  opacity: 0.5; }

.invisible {
  opacity: 0; }

.processing {
  opacity: 0.5;
  pointer-events: none; }

.gutter-top {
  margin-top: 18px; }

.gutter-bottom {
  margin-bottom: 18px; }

.gutter-left {
  margin-left: 18px; }

.gutter-right {
  margin-right: 18px; }

.gutter-topx2 {
  margin-top: 36px; }

.gutter-bottomx2 {
  margin-bottom: 36px; }

.gutter-leftx2 {
  margin-left: 36px; }

.gutter-rightx2 {
  margin-right: 36px; }

.gutter-topx3 {
  margin-top: 54px; }

.gutter-bottomx3 {
  margin-bottom: 54px; }

.gutter-leftx3 {
  margin-left: 54px; }

.gutter-rightx3 {
  margin-right: 54px; }

.width-100 {
  width: 100%; }

.width-50 {
  width: 50%; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.block {
  display: block !important; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.flip-x {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.clear-both {
  clear: both; }

.cursor-pointer {
  cursor: pointer; }

.nowrap, .no-wrap {
  white-space: nowrap; }

.padded {
  padding-left: 18px;
  padding-right: 18px; }

.auto-height:not(.no-min-height) {
  min-height: 200px !important; }

/*CLEARFIX*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
.nopadding {
  padding: 0px !important; }

.flash-content {
  display: none !important; }

.blue-gradient-button {
  color: white !important;
  background-color: #007ebf;
  background-color: #007ebf;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096cb), color-stop(100%, #0068b4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #0096cb 0%, #0068b4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096cb', endColorstr='#0068b4',GradientType=0 );
  /* IE6-9 */
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }
  .blue-gradient-button:hover {
    background-color: #0097cc;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00abd5), color-stop(100%, #007ec3));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #00abd5 0%, #007ec3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abd5', endColorstr='#007ec3',GradientType=0 );
    /* IE6-9 */
    text-shadow: none; }
  .blue-gradient-button:active {
    background: #007ebf;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

h1 {
  font-size: 2.5em;
  font-weight: 700; }

pre,
code, kbd, samp {
  color: rgba(125, 125, 125, 0.9);
  border: solid 1px rgba(160, 160, 160, 0.3);
  border-radius: 3px;
  background: rgba(190, 190, 190, 0.13);
  padding: 4px 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.92em;
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  padding-left: 8px;
  border-left-width: 8px; }

a.blue-link {
  color: #006BB1;
  text-decoration: none; }
  a.blue-link:hover {
    text-decoration: underline; }

.hover-underline:hover {
  text-decoration: underline !important; }

input[type="text"],
input.submit-button {
  -webkit-appearance: none;
  border: none; }

input[type="checkbox"],
input[type="checkbox"] + label {
  cursor: pointer; }

.hover-text-green:hover {
  color: #99aa54; }

.hover-text-red:hover {
  color: #7a202a; }

.hover-text-blue:hover {
  color: #006BB1; }

.hover-text-gray:hover {
  color: #aeb3ba; }

.hover-text-light-gray:hover {
  color: #e5e7e9; }

.bubble {
  font-size: 10px;
  line-height: 12px;
  height: 13px;
  letter-spacing: 0.04em;
  background: #aeb3ba;
  padding: 0 4px;
  border-radius: 30px;
  color: white;
  display: inline-block;
  -ms-transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px); }
  .bubble > i {
    color: white; }
  .bubble:hover {
    opacity: 1 !important; }
  .bubble:empty {
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: static; }
  .bubble.toggle {
    border-radius: 30px 0 0 30px;
    margin-left: 1px; }
  .bubble.toggle + .bubble {
    border-radius: 0 30px 30px 0;
    margin-left: 1px; }
  .bubble.right-flat {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .bubble.left-flat {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .bubble.right-flat + .bubble.left-flat {
    margin-left: 1px; }
  .bubble.green, .bubble.hover-green:hover {
    background: #99aa54; }
  .bubble.red, .bubble.hover-red:hover {
    background: #7a202a; }
  .bubble.orange, .bubble.hover-orange:hover {
    background: #f9bf29; }
  .bubble.blue, .bubble.hover-blue:hover {
    background: #006BB1; }
  .bubble.gray, .bubble.hover-gray:hover {
    background: #aeb3ba; }
  .bubble.light-gray, .bubble.hover-light-gray:hover {
    background: #e5e7e9; }

a.bubble {
  color: white !important;
  text-decoration: none; }

i#user-prefs.browser-firefox ~ * .bubble {
  line-height: 14px; }

i#user-prefs:not(.browser-safari) ~ * .bubble {
  letter-spacing: 0.07em; }

ul.display-toggles > li {
  list-style-type: none; }

#wysiwyg-cont {
  outline: none !important; }

.tablet-on {
  display: none !important; }

.mobile-on {
  display: none !important; }

.tiny-on {
  display: none !important; }

.ss-delay, .nav__dropdown-toggle {
  opacity: 1;
  animation-name: ss-delay;
  animation-duration: 0.1s; }

@keyframes ss-delay {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes scale-in {
  0% {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes opacity-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes browseBox-in {
  0% {
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes tween-down {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes max-height-down {
  0% {
    max-height: 0; }
  100% {
    max-height: 100px; } }

@-webkit-keyframes rotate-forever {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes flashing-red {
  0% {
    background-color: #7a202a; }
  50% {
    background-color: #b7303f; }
  100% {
    background-color: #7a202a; } }

@-webkit-keyframes rotate-forever-browseBoxWatchButton {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    -moz-transform: rotate(0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%); }
  100% {
    -webkit-transform: rotate(359deg) translate(-50%, -50%);
    -moz-transform: rotate(359deg) translate(-50%, -50%);
    -o-transform: rotate(359deg) translate(-50%, -50%);
    transform: rotate(359deg) translate(-50%, -50%); } }

@keyframes modal-in {
  0% {
    -webkit-transform: scale(0.85) translate(-50%, 0);
    -moz-transform: scale(0.85) translate(-50%, 0);
    -o-transform: scale(0.85) translate(-50%, 0);
    transform: scale(0.85) translate(-50%, 0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, 0);
    -moz-transform: scale(1) translate(-50%, 0);
    -o-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0); } }

#main-header-bar {
  width: 100%;
  min-width: 320px;
  height: 54px;
  background: #3c4b5e;
  color: #cccdcb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transition: transform ease-in-out 200ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #user-prefs.sticky-header ~ #main-header-bar {
    position: fixed;
    z-index: 10; }

#main-header-bar-inner {
  height: 100%;
  line-height: 55px;
  width: 100%;
  margin: 0 auto; }
  #main-header-bar-inner span.header-spacer {
    position: relative; }

#header-spacer-right,
#header-spacer-left {
  min-width: 36px;
  display: inline-block;
  width: calc(50% - 643px);
  height: 100%;
  float: left;
  transition: width ease-in-out 200ms; }

#header-spacer-right {
  width: calc(50% - 630px);
  float: right;
  min-width: 0; }

#user-prefs.wide-load ~ span .header-spacer {
  width: 0; }

#main-header-logoButton {
  display: block;
  float: left;
  width: 100px;
  height: 100%;
  background: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/logo-white.png") no-repeat center;
  background-size: 100%; }

#main-mobile-toggle {
  width: 48px;
  height: 100%;
  float: left;
  margin-right: 8px;
  position: absolute;
  top: 0;
  left: 0; }
  #main-mobile-toggle span {
    width: 28px;
    height: 2px;
    background: #fbfbfc;
    display: block;
    position: absolute;
    left: calc(50% - 14px);
    top: calc(50% - 9px); }
    #main-mobile-toggle span:nth-of-type(2) {
      top: 50%; }
    #main-mobile-toggle span:nth-of-type(3) {
      top: calc(50% + 9px); }
  #main-mobile-toggle:hover {
    background: #28323f; }
  #main-mobile-toggle:hover span {
    background: white; }

#main-header-nav {
  display: inline-block; }
  #main-header-nav a {
    margin-left: 18px;
    color: #cccdcb;
    text-decoration: none; }
  #main-header-nav a:hover {
    color: white; }
  #main-header-nav i {
    font-size: 12px; }

#main-header-bar-right {
  display: inline-block;
  float: right;
  max-width: 53%;
  min-width: 534px;
  height: 100%;
  position: relative; }
  #main-header-bar-right i {
    font-size: 12px; }

#signup-login-box {
  height: 100%;
  display: inline-block;
  float: right;
  min-width: 90px;
  border-left: solid 1px rgba(0, 0, 0, 0.2); }
  #signup-login-box a {
    margin: 0;
    padding: 0 9px;
    text-align: center;
    color: #cccdcb;
    text-decoration: none;
    display: inline-block;
    height: 54px; }
    #signup-login-box a:hover {
      color: white;
      background: rgba(0, 0, 0, 0.2); }

span.message-counter {
  min-width: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 2px;
  text-align: center;
  font-size: 0.7em;
  color: white;
  right: 4px;
  top: 4px;
  display: block;
  position: absolute;
  z-index: 1;
  background: red;
  border-radius: 10px; }

#user-image-box {
  height: 33px;
  width: 33px;
  display: inline-block;
  float: right;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 10px; }
  #user-image-box img {
    width: 100%;
    opacity: 0.82; }
  #user-image-box:hover img {
    opacity: 1; }

#user-image-box + .hover-menu {
  bottom: -4px;
  right: 10px;
  -ms-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%); }

#search-mobileToggle,
#signup-login-mobileToggle {
  margin-right: 5px;
  float: right; }
  #search-mobileToggle > a,
  #signup-login-mobileToggle > a {
    display: block;
    width: 33px;
    height: 33px;
    background: #28323f;
    color: #cccdcb;
    text-align: center;
    line-height: 33px;
    margin-top: calc(50% - 12px); }
  #search-mobileToggle > a:hover,
  #signup-login-mobileToggle > a:hover {
    color: white; }

#search-mobileToggle {
  margin-right: 5px; }

#search-box {
  float: right;
  margin-right: 10px;
  width: 25%;
  min-width: 220px;
  max-height: 400px; }
  #search-box .close-x {
    color: white;
    position: absolute;
    right: 10px;
    top: -7px;
    font-size: 22px; }
    #search-box .close-x i.fa {
      font-size: 22px; }

#random-box {
  float: right;
  margin-right: 18px;
  height: 54px;
  text-align: right; }
  #random-box a {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 75px;
    height: 33px;
    margin-right: 16px;
    background: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/header-randomTapeBG.png") left center no-repeat;
    background-size: 187px 29px;
    opacity: 0.9;
    top: 49.4%;
    -ms-transform: translate(0, -51%);
    -webkit-transform: translate(0, -51%);
    transform: translate(0, -51%); }
    #random-box a:hover {
      opacity: 1; }
    #random-box a:active:before {
      background-position: 0 100%; }
    #random-box a:active:after {
      background-position: 100% 100%; }
    #random-box a.button-random-media {
      background-position: right; }
  #random-box a:before,
  #random-box a:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    right: -16px;
    top: 0;
    border-radius: 50%;
    background-image: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/header-randomButtonBG.png");
    background-position: 0 0;
    background-size: 66px 66px;
    background-blend-mode: darken; }
  #random-box a:after {
    background-position: 100% 0;
    background-blend-mode: none;
    opacity: 0.8; }
  #random-box a:hover:after {
    opacity: 0.98; }
  #random-box a.button-random-trope:before {
    background-color: #187ec5; }
  #random-box a.button-random-media:before {
    background-color: #af0b1f; }

#mobile-menu {
  min-width: 280px;
  float: left;
  height: calc(100vh - 54px);
  max-height: 0;
  overflow: hidden;
  background: #28323f;
  position: relative; }
  #mobile-menu a {
    margin-left: 18px;
    color: #cccdcb;
    text-decoration: none; }
  #mobile-menu a:hover {
    color: white; }

#main-header-bar.mobile-menu-active {
  position: fixed;
  top: 0;
  left: 0; }

.mobile-menu-active #main-mobile-toggle {
  background: #28323f; }

.mobile-menu-active #mobile-menu {
  transition: max-height ease-in-out 200ms;
  max-height: calc(100vh - 40px); }

#mobile-menu .mobile-menu-options {
  padding: 0 27px; }
  #mobile-menu .mobile-menu-options:before, #mobile-menu .mobile-menu-options:after {
    content: '';
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #28323f; }
  #mobile-menu .mobile-menu-options:after {
    height: 10px;
    top: 20px;
    background-color: rgba(0, 0, 0, 0);
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28323f), color-stop(100%, rgba(40, 50, 63, 0)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* W3C */ }
  #mobile-menu .mobile-menu-options .nav-wrapper {
    overflow: scroll;
    max-height: calc(100vh - 40px); }
    #mobile-menu .mobile-menu-options .nav-wrapper:after {
      content: '';
      width: 100%;
      height: 130px;
      display: block; }
    #mobile-menu .mobile-menu-options .nav-wrapper a {
      display: block;
      height: 35px;
      line-height: 35px; }
    #mobile-menu .mobile-menu-options .nav-wrapper a.xl {
      height: 50px;
      line-height: 50px;
      border-bottom: solid 1px rgba(0, 0, 0, 0.3);
      font-size: 1.5em;
      font-weight: lighter; }
    #mobile-menu .mobile-menu-options .nav-wrapper a.xl:first-of-type {
      padding-top: 13.5px; }
    #mobile-menu .mobile-menu-options .nav-wrapper a.xl + a:not(.xl) {
      padding-top: 11px; }
    #mobile-menu .mobile-menu-options .nav-wrapper a > i.fa {
      font-size: 0.7em;
      -ms-transform: translate(0, -2px);
      -webkit-transform: translate(0, -2px);
      transform: translate(0, -2px); }
    #mobile-menu .mobile-menu-options .nav-wrapper .mobile-dropdown-linkList > a {
      padding-left: 9px;
      max-height: 0;
      overflow: hidden;
      border-left: solid 3px #1e262f;
      transition: max-height ease-in-out 100ms; }
    #mobile-menu .mobile-menu-options .nav-wrapper *.active + .mobile-dropdown-linkList > a {
      max-height: 50px; }

#mobile-menu .toggle-switches {
  display: block;
  height: 84px;
  border-top: solid 1px rgba(0, 0, 0, 0.3);
  margin-top: 18px; }
  #mobile-menu .toggle-switches ul.display-toggles {
    font-size: 0.7em;
    line-height: calc(0.7em + 5px);
    font-weight: bold;
    margin-bottom: 27px;
    display: flex;
    justify-content: space-around; }
    #mobile-menu .toggle-switches ul.display-toggles > li {
      width: 18%;
      display: inline-block;
      text-align: center;
      padding-top: 18px;
      cursor: pointer;
      opacity: 0.85; }
      #mobile-menu .toggle-switches ul.display-toggles > li:hover {
        opacity: 1; }
      #mobile-menu .toggle-switches ul.display-toggles > li:last-of-type {
        margin: 0; }

#search-box-mobile {
  background: #3c4b5e;
  padding: 5px 6px 6px 6px;
  border-top: solid 1px #4f586a;
  position: relative;
  z-index: 1; }
  #search-box-mobile.HomePage {
    display: block; }
  #search-box-mobile:not(.HomePage):not(.active) {
    display: none !important; }

#main-container {
  width: calc(1214px);
  max-width: calc(100% - 72px);
  min-width: 728px;
  margin: 18px auto;
  transition: width ease-in-out 200ms;
  position: relative;
  z-index: 2; }
  #user-prefs.wide-load ~ #main-container {
    width: calc(100% - 72px); }

.action-bar {
  position: relative;
  z-index: 3;
  height: 40px;
  line-height: 40px;
  background: #3c4b5e;
  border-radius: 6px 6px 0 0;
  padding: 0 9px 0 18px;
  min-width: 286px;
  color: #cccdcb; }
  .action-bar#action-bar-bottom {
    border-radius: 0 0 6px 6px; }
  .action-bar a {
    font-size: 0.84em;
    color: #cccdcb;
    text-decoration: none; }
  .action-bar a:hover {
    color: white; }
  .action-bar i.crowner-icon {
    -ms-transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px); }
  .action-bar a.scroll-to-top {
    float: right; }
    .action-bar a.scroll-to-top:hover {
      color: white; }
    .action-bar a.scroll-to-top:hover:after {
      background: white; }
    .action-bar a.scroll-to-top:after {
      content: '\F077';
      font-family: FontAwesome;
      color: #3c4b5e;
      text-align: center;
      line-height: 22px;
      border-radius: 3px;
      width: 22px;
      height: 22px;
      background: #cccdcb;
      margin-left: 4px;
      display: inline-block; }
  .action-bar .actions-wrapper {
    width: calc(100% - 180px);
    max-width: 550px; }
  .action-bar .page-actions {
    display: inline-block;
    height: 40px; }
    .action-bar .page-actions:after {
      content: "";
      display: table;
      clear: both; }
    .action-bar .page-actions li {
      margin-right: 18px; }
      .action-bar .page-actions li a {
        font-weight: lighter; }
      .action-bar .page-actions li button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        font-size: 0.84em;
        font-weight: lighter;
        line-height: normal;
        color: #cccdcb;
        cursor: pointer; }
      .action-bar .page-actions li button:hover {
        color: white; }
  .action-bar .action-bar-right {
    position: absolute;
    top: 0px;
    right: 6px; }
    .action-bar .action-bar-right p {
      float: left;
      margin-right: 4px;
      font-size: 0.84em; }
    .action-bar .action-bar-right a {
      display: inline-block;
      border-radius: 3px;
      width: 28px;
      height: 28px;
      line-height: 29px;
      margin-top: 6px;
      margin-left: 3px;
      text-align: center;
      background: rgba(255, 255, 255, 0.2); }
      .action-bar .action-bar-right a i {
        font-size: 18px;
        line-height: 30px; }
    .action-bar .action-bar-right a:hover {
      color: #3c4b5e;
      background: white; }
    .action-bar .action-bar-right a.button-fb:hover {
      background: white;
      color: #455d8d; }
    .action-bar .action-bar-right a.button-tw:hover {
      background: white;
      color: #43b6ef; }
    .action-bar .action-bar-right a.button-re:hover {
      background: white;
      color: orangered; }

/*
 * Core styles for PriorityNav.js
 * These styles are not optional and should always be included
 *
 * Free to use under the MIT License.
 * http://twitter.com/GijsRoge
 */
.priority-nav {
  white-space: nowrap;
  /*
    * Makes sure the menu's are inline-block so they don't take up
    * the entire width of its parent. This will break the plugin.
    */ }

.priority-nav ul {
  display: inline-block; }

.priority-nav li {
  display: inline-block; }

.priority-nav__wrapper {
  position: relative; }

.priority-nav__dropdown {
  position: absolute; }

.priority-nav-is-visible {
  visibility: visible; }

.priority-nav-is-hidden {
  visibility: hidden; }

.nav__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  background: none;
  font-size: 0.84em;
  font-weight: lighter;
  color: #cccdcb;
  cursor: pointer;
  padding: 0 26px 0 9px;
  height: 40px; }
  .nav__dropdown-toggle:after {
    content: '\F078';
    font-family: FontAwesome;
    font-size: 10px;
    display: block;
    position: absolute;
    top: 2px;
    right: 13px;
    height: 12px;
    line-height: 15px; }
  .nav__dropdown-toggle.is-open:after {
    content: '\F00D'; }
  .nav__dropdown-toggle:hover {
    color: white; }
  .nav__dropdown-toggle.is-open {
    background: #28323f; }

i#user-prefs.browser-firefox ~ * button.nav__dropdown-toggle:after {
  display: inline;
  float: none;
  margin-top: 0; }

ul.priority-nav__dropdown {
  overflow: hidden;
  position: absolute;
  top: 29px;
  left: 2px;
  z-index: 1; }
  ul.priority-nav__dropdown.show {
    transition: max-height ease-in-out 300ms;
    max-height: 1000px; }
  ul.priority-nav__dropdown:not(.show) {
    max-height: 0px; }
  ul.priority-nav__dropdown li {
    display: block;
    padding: 0 18px;
    background: #28323f; }

i#user-prefs.browser-chrome ~ * ul.priority-nav__dropdown {
  left: 0; }

i#user-prefs.browser-firefox ~ * ul.priority-nav__dropdown {
  left: 0;
  top: 28px; }

#action-bar-bottom ul.priority-nav__dropdown {
  -ms-transform: translate(0, calc(-100% - 40px));
  -webkit-transform: translate(0, calc(-100% - 40px));
  transform: translate(0, calc(-100% - 40px)); }

#action-bar-bottom .nav__dropdown-toggle:after {
  content: '\F077'; }

#action-bar-bottom .nav__dropdown-toggle.is-open:after {
  content: '\F00D'; }

#main-content {
  position: relative;
  background: white;
  display: -webkit-flex;
  display: flex;
  z-index: 2;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); }
  #main-content:after {
    content: "";
    display: table;
    clear: both; }
  #main-content #main-content-sidebar {
    order: 2;
    width: 334px;
    min-width: 334px;
    background: #fbfbfc;
    padding-top: 18px;
    box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.1); }
    #main-content #main-content-sidebar:after {
      content: "";
      display: table;
      clear: both; }
  #main-content #main-entry {
    position: relative;
    flex-grow: 2;
    margin: 23px;
    margin-left: 28px; }
    #main-content #main-entry.with-sidebar {
      max-width: calc(100% - 314px); }
    #main-content #main-entry a.watch-button {
      font-size: 0.84em; }
    #main-content #main-entry h1.entry-title {
      padding-bottom: 18px;
      margin-bottom: 9px;
      box-shadow: inset 0 -1px 0 0 #aeb3ba; }
      #main-content #main-entry h1.entry-title strong,
      #main-content #main-entry h1.entry-title span.media {
        font-weight: 300; }
      #main-content #main-entry h1.entry-title a {
        color: #006BB1;
        text-decoration: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto; }
      #main-content #main-entry h1.entry-title a:hover {
        color: #004c7e;
        text-decoration: underline; }
      #main-content #main-entry h1.entry-title i.fa {
        -ms-transform: translate(0, -6px);
        -webkit-transform: translate(0, -6px);
        transform: translate(0, -6px);
        font-size: 14px; }
      #main-content #main-entry h1.entry-title form i.fa {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      #main-content #main-entry h1.entry-title:empty {
        display: none; }
  #main-content .social-shares-wrapper {
    position: absolute;
    left: -73px;
    width: 45px;
    z-index: 2;
    height: calc(100% - 250px); }
    #main-content .social-shares-wrapper > ul {
      margin-top: 94px; }
    #main-content .social-shares-wrapper > ul.stuck {
      position: fixed;
      width: 45px;
      top: 68px; }

#user-prefs.lefthand-sidebar ~ #main-container #main-content #main-content-sidebar {
  order: -1;
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1); }

#user-prefs.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper {
  left: auto;
  right: -69px; }
  #user-prefs.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper #left-floating-socialShares {
    border-radius: 0 4px 4px 0; }
  #user-prefs.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper #left-floating-socialShares.tucked:after {
    box-shadow: none; }
  #user-prefs.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper ul.social-shares.right-shadow > li > a:after {
    right: auto;
    left: 0; }

/* CURRENTLY NOT USING SOCIAL SHARES
@mixin social-shares-wrapper-leftEdge {

    left: -65px;

    ul {

        border-radius: 0;

        @include shadow( none );

        li > a.fb:after,
        li > a.tw:after {
            display: none
        }

        &:after { @include shadow(none) }

        &:hover > li:last-of-type a { border-bottom:solid 1px $color-magic-gray }

    }

}
#user-prefs.wide-load:not(.lefthand-sidebar) ~ #main-container #main-content .social-shares-wrapper {
    @include social-shares-wrapper-leftEdge;
}#user-prefs.wide-load.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper {
    right:-60px;
    ul#left-floating-socialShares {border-radius: 0}
}
*/
a#mobile-actionbar-toggle {
  float: right;
  height: 33px;
  line-height: 32px;
  border-radius: 4px;
  background: #3c4b5e;
  color: white;
  font-size: 0.84em;
  text-decoration: none;
  margin: -10px 0 0 9px;
  min-width: 34px;
  min-height: 33px;
  position: relative;
  background-color: #3c4b5e;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c4b5e), color-stop(100%, #28323f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #3c4b5e 0%, #28323f 100%);
  /* W3C */
  box-shadow: inset 0 -1px 0 0 black; }
  a#mobile-actionbar-toggle:hover {
    background: #3c4b5e; }
  a#mobile-actionbar-toggle:active {
    background: #28323f;
    box-shadow: inset 0 2px 0 0 black; }
  a#mobile-actionbar-toggle.active {
    border-radius: 0 4px 4px 0 !important;
    box-shadow: inset 0 -1px 0 0 black, 0 -2px 0 0 white; }
    a#mobile-actionbar-toggle.active i.fa {
      display: none; }
    a#mobile-actionbar-toggle.active:after {
      display: none; }
    a#mobile-actionbar-toggle.active span:nth-of-type(2) {
      display: none; }
    a#mobile-actionbar-toggle.active span:nth-of-type(1),
    a#mobile-actionbar-toggle.active span:nth-of-type(3) {
      top: 17px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      a#mobile-actionbar-toggle.active span:nth-of-type(1):before,
      a#mobile-actionbar-toggle.active span:nth-of-type(3):before {
        width: 5px; }
    a#mobile-actionbar-toggle.active span:nth-of-type(1) {
      top: 14px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  a#mobile-actionbar-toggle p {
    margin: 0 8px 0 7px;
    padding-right: 28px; }
  a#mobile-actionbar-toggle i.fa {
    position: absolute;
    right: 3px;
    top: 15px;
    z-index: 2;
    color: white; }
  a#mobile-actionbar-toggle:after {
    content: '';
    display: block;
    width: 12px;
    height: 3px;
    position: absolute;
    top: 18px;
    right: 5px;
    background: #3c4b5e;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  a#mobile-actionbar-toggle span {
    width: 16px;
    height: 2px;
    background: white;
    display: block;
    position: absolute;
    right: 8px;
    top: 9px; }
  a#mobile-actionbar-toggle span:nth-of-type(2) {
    top: 15px; }
  a#mobile-actionbar-toggle span:nth-of-type(3) {
    top: 21px; }
  a#mobile-actionbar-toggle span:nth-of-type(1),
  a#mobile-actionbar-toggle span:nth-of-type(3) {
    transition: rotate ease-in-out 100ms; }
  a#mobile-actionbar-toggle span:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 0;
    left: -4px;
    background: white;
    transition: width ease-in-out 100ms; }

.entry-title:not(:empty) + a#mobile-actionbar-toggle {
  border-radius: 0 0 4px 4px; }

a#mobile-actionbar-toggle.active + .mobile-actions-wrapper ul.page-actions {
  transition: max-height ease-in-out 300ms;
  max-height: 600px; }

.mobile-actions-wrapper {
  pointer-events: none;
  position: relative;
  height: 0;
  z-index: 3; }
  .mobile-actions-wrapper a {
    font-size: 1em; }
  .mobile-actions-wrapper ul.page-actions {
    pointer-events: all;
    position: absolute;
    top: -10px;
    right: 34px;
    background: #28323f;
    color: #cccdcb;
    padding: 0 27px 0 21.6px;
    width: calc(100% - 83px);
    max-width: 250px;
    overflow: hidden;
    max-height: 0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); }
    .mobile-actions-wrapper ul.page-actions > li {
      display: block; }
    .mobile-actions-wrapper ul.page-actions > li > a {
      color: #cccdcb;
      text-decoration: none;
      padding: 12.6px;
      padding-left: 25.2px;
      position: relative;
      width: calc(100% - 32.4px);
      display: block; }
    .mobile-actions-wrapper ul.page-actions > li > a:hover {
      color: white; }
    .mobile-actions-wrapper ul.page-actions > li > a > i.fa {
      position: absolute;
      left: 0; }
    .mobile-actions-wrapper ul.page-actions > li:first-of-type > a {
      padding-top: 21.6px; }
      .mobile-actions-wrapper ul.page-actions > li:first-of-type > a i {
        padding-right: 8px; }
    .mobile-actions-wrapper ul.page-actions > li:last-of-type > a {
      padding-bottom: 27px; }

#main-content[class*="Query"] div.bug-status {
  font-size: 0.84em;
  line-height: 0.84em;
  display: inline-block;
  float: right;
  background: #aeb3ba;
  padding: 4px 3px;
  border-radius: 2px;
  clear: right;
  color: white;
  margin-top: 2px; }

.banner {
  display: block;
  border-radius: 4px;
  border: 1px solid #aeb3ba;
  text-align: center;
  border-top: 4px solid #3c4b5e;
  padding: 9px 46px;
  box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13); }
  .banner.red {
    border-color: #b7303f; }

#main-footer {
  background-color: #3c4b5e;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  width: 100%;
  overflow: hidden;
  z-index: 2; }
  #main-footer div.legal {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-top: solid 1px rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    font-size: 0.7em;
    color: #a6a8a4;
    text-align: center;
    padding: 9px 0; }
    #main-footer div.legal a {
      color: #cccdcb; }

#main-footer-inner {
  max-width: calc(1214px);
  margin: 0 auto;
  padding: 27px 36px 0 36px;
  display: flex;
  justify-content: space-between; }
  #main-footer-inner > hr {
    border: none;
    display: block;
    width: 1px;
    height: 120px;
    background: #cccdcb;
    margin: 0 1% 0 1%;
    opacity: 0.1; }
  #main-footer-inner a {
    color: #bfc1be;
    text-decoration: none; }
  #main-footer-inner a:hover {
    color: white;
    text-decoration: underline; }
  #main-footer-inner > ul {
    color: #cccdcb; }
    #main-footer-inner > ul li:first-of-type {
      color: white;
      font-weight: bold;
      padding-bottom: 3px; }
    #main-footer-inner > ul li:not(:first-of-type) {
      font-size: 0.84em;
      margin-top: 5px; }
  #main-footer-inner .footer-left {
    text-align: center; }
    #main-footer-inner .footer-left > ul.social-buttons {
      margin-top: 10px;
      display: flex;
      justify-content: center; }
      #main-footer-inner .footer-left > ul.social-buttons > li {
        margin: 0 3px; }
      #main-footer-inner .footer-left > ul.social-buttons > li > a {
        display: block;
        width: 27px;
        height: 27px;
        line-height: 31px;
        background: #cccdcb;
        border-radius: 50%;
        color: #3c4b5e; }
        #main-footer-inner .footer-left > ul.social-buttons > li > a.fb:hover {
          background: white;
          color: #455d8d; }
        #main-footer-inner .footer-left > ul.social-buttons > li > a.tw:hover {
          background: white;
          color: #43b6ef; }
        #main-footer-inner .footer-left > ul.social-buttons > li > a.rd:hover {
          background: white;
          color: orangered; }
    #main-footer-inner .footer-left a.img-link {
      position: relative;
      top: -3px; }
    #main-footer-inner .footer-left .newsletter-signup {
      margin: -2px auto 0 auto;
      font-size: 16px;
      width: 80%; }
      #main-footer-inner .footer-left .newsletter-signup input {
        display: inline-block;
        width: calc(100% - 34px - 12px);
        padding: 6px 6px;
        font-size: inherit; }
      #main-footer-inner .footer-left .newsletter-signup input:focus {
        outline: none; }
      #main-footer-inner .footer-left .newsletter-signup button {
        font-size: inherit;
        background: #cccdcb;
        display: inline-block;
        float: right;
        color: #28323f;
        width: 33px;
        height: 30px;
        border: none;
        margin-left: 1px;
        cursor: pointer;
        text-align: center; }
      #main-footer-inner .footer-left .newsletter-signup button:hover {
        background: white;
        color: #006BB1; }

#desktop-on-mobile-toggle a {
  color: #bfc1be;
  text-decoration: underline; }
  #desktop-on-mobile-toggle a:hover {
    color: white;
    text-decoration: underline; }

#user-prefs.desktop-on-mobile ~ #main-footer #desktop-on-mobile-toggle {
  display: block !important; }

#user-prefs.desktop-on-mobile ~ #main-footer #desktop-on-mobile-toggle span.txt-desktop {
  display: none; }

#user-prefs:not(.desktop-on-mobile) ~ #main-footer #desktop-on-mobile-toggle span.txt-mobile {
  display: none; }

a.watch-button {
  float: right;
  text-decoration: none;
  color: #3c4b5e;
  border-radius: 3px;
  padding: 0 30px 0 7px;
  height: 33px;
  line-height: 31px;
  float: right;
  position: relative;
  text-shadow: 0 1px white;
  background-color: rgba(255, 255, 255, 0);
  /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.08)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* W3C */
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  box-sizing: border-box; }
  a.watch-button span {
    display: none;
    overflow: hidden;
    max-width: 0px;
    transition: max-width ease-in-out 100ms; }
  a.watch-button:after {
    content: '\F08D';
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 1px;
    transition: transform ease-in-out 60ms;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  a.watch-button:hover {
    border-color: transparent;
    box-shadow: 0 1px 3px 0 rgba(60, 75, 94, 0.75), inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); }
    a.watch-button:hover:after {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
  a.watch-button:active {
    background: #fbfbfc;
    line-height: 33px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); }
    a.watch-button:active:after {
      top: 2px; }
  a.watch-button.processing:after, a.watch-button.watching.processing:after {
    content: '\2022';
    text-align: right;
    font-size: 1.5em;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    line-height: 21px;
    background: #aeb3ba !important;
    color: white;
    z-index: 3;
    right: -6px;
    top: 15px;
    animation: rotate-forever-browseBoxWatchButton 0.34s linear infinite;
    transform-origin: 0% 0%; }
  a.watch-button.watching span {
    display: inline;
    max-width: 30px; }
  a.watch-button.watching:after {
    content: '\F058';
    font-size: 23px;
    margin-left: 6px;
    position: absolute;
    top: 1px;
    right: 5px;
    transition: transform ease-in-out 300ms;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

.display-toggle {
  width: 38px;
  height: 20px;
  border-radius: 2px;
  background: #91949b;
  margin: 4px auto;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: background ease-in-out 100ms; }
  .display-toggle:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 1px;
    background: white;
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    transition: left ease-in-out 100ms; }
  .display-toggle:after {
    content: "\F00C";
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    font-family: FontAwesome;
    color: #ced490;
    display: block;
    top: 0;
    left: -20px;
    position: absolute;
    line-height: 20px;
    transition: left ease-in-out 100ms; }
  .display-toggle.active {
    background: #99aa54; }
  .display-toggle.active:before {
    left: 20px; }
  .display-toggle.active:after {
    left: 0; }

/* NOT IN USE
ul.social-shares {

    //width:45px;
    overflow: hidden;
    border-radius: 4px 0 0 4px;

    & > li {

        width:45px;
        float: left;

    }

    & > li > a {

        cursor: pointer;
        display: block;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;

        position: relative;

        font-size: 20px;

        background:white;
        color:$color-hairlines;

        box-sizing:border-box;

        &:hover {
            color:black;
        }

        &.fb {
            color:white;
            background:$color-facebook;
        }&.fb:hover {
            background:$color-facebook-dark;
        }
        &.tw {
            color:white;
            background:$color-twitter;
        }&.tw:hover {
            background:$color-twitter-dark;
        }
        &.rddt {
            color:white;
            background:$color-reddit;
        }&.rddt:hover {
            background:$color-reddit-dark;
        }



    }

    &.right-shadow > li > a:after {

        content:'';
        width:1px;
        height: 100%;
        background:black;
        position: absolute;
        top:0;
        right: 0;
        display: block;
        opacity: 0.1;

    }

    .social-shares-wrapper & > li:nth-of-type(1n + 3):not(:last-of-type) > a:not(.fb):not(.tw):not(.rddt):before {

        content:'';
        width:70%;
        height: 1px;
        left:15%;
        display: block;
        position: absolute;
        bottom:0;
        background: lighten($color-hairlines-light, 7%);

    }

}ul.social-shares.tucked {

    max-height: 45px;
    position: relative;
    cursor:pointer;

    & > li:not(:first-of-type) {
        max-height: 0;
        @include animate(max-height,90ms);

    }
    & > li:first-of-type {
        opacity: 0;
        @include animate(opacity);
    }


    &:after {
        content:'\f064';
        font-family: FontAwesome;
        text-align: center;
        line-height: 45px;
        font-size:18px;
        color: white;//$color-text-on-blue;//darken($color-gray, 12%);
        width:46px;
        height: 45px;
        display: block;
        background:$color-blue;//#fbfbfc;
        position: absolute;
        top: 0;
        left: 0;

        @include shadow(inset -1px 0 0 0 #e7e7e7);
        @include animate(opacity);
    }

    &:hover {
        max-height: 200px;
        overflow: visible;
        & > li:not(:first-of-type) {
            max-height: 45px;
        }& > li:first-of-type {
            opacity: 1;
        }
    }&:hover:after {
        opacity: 0;
        pointer-events:none;
    }&:hover:before {
        content:'';
        width:calc(100% + 80px);
        height:calc(45px * 6);
        display: block;
        position: absolute;
        top:-40px;
        left: -40px;
    }

}
*/
.separator {
  background: white;
  display: inline-block;
  padding-right: 12px; }
  .separator:before {
    content: "";
    position: absolute;
    margin-top: 11px;
    width: 100%;
    left: 0;
    height: 1px;
    background: #aeb3ba;
    z-index: -1; }
  .separator.solid {
    background: #cacdd1;
    color: black;
    padding: 0 9px;
    width: calc(100% - 18px); }
    .separator.solid:before {
      display: none; }

.section-block {
  padding: 18px;
  margin-top: 36px;
  position: relative; }
  .section-block:first-child:not([class*="gutter-top"]) {
    margin-top: 5px; }
  .section-block:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px #cacdd1, 0 2px 4px 0px #f3f4f5;
    border-radius: 6px; }
  .section-block > p.separator:first-child {
    position: absolute;
    top: -11px;
    left: 8px;
    padding-left: 10px; }
  .section-block > p.separator:first-child:before {
    display: none; }
  .section-block > p.separator:not(:first-child) {
    padding-left: 10px;
    margin-left: -10px; }
    .section-block > p.separator:not(:first-child):before {
      background-color: #cacdd1; }
  .section-block p.separator.not-full-width:before {
    width: calc(100% - 36px);
    left: 18px; }
  .section-block > p.separator:first-child + .column-box:not(.left):not(.right),
  .section-block > p.separator:first-child + form > .column-box:not(.left):not(.right):first-child {
    margin-top: 0 !important; }
  .section-block hr {
    border-bottom: solid 1px #cacdd1 !important; }

.tool-tip {
  font-size: 0.84em;
  position: relative;
  opacity: 0.3;
  -ms-transform: translate(0, -4px);
  -webkit-transform: translate(0, -4px);
  transform: translate(0, -4px); }
  .tool-tip:hover {
    opacity: 1; }
  .tool-tip:after {
    content: attr(data-tool-tip);
    min-width: 200px;
    max-width: 400px;
    opacity: 0;
    text-align: center;
    color: black;
    font-size: 0.84em;
    font-family: sans-serif;
    line-height: 1.24em;
    padding: 8px;
    -webkit-word-break: keep-all;
    word-break: keep-all;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    background: #cacdd1;
    position: absolute;
    left: 50%;
    pointer-events: none;
    -ms-transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    transition: all ease-in-out 100ms; }
  .tool-tip:hover:after {
    opacity: 1;
    -ms-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%); }

.tile-view {
  display: block;
  padding: 0 18px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px; }
  .tile-view > *:not(article) {
    display: none; }
  .tile-view.max-width {
    padding-left: 0;
    padding-right: 0; }
  .tile-view article {
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari */
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* IE 11 */
    display: table;
    padding-top: 2px;
    padding-bottom: 18px;
    width: 100%;
    position: relative;
    max-width: 342px;
    margin-left: auto;
    margin-right: auto; }
    .tile-view article:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.65);
      z-index: 2;
      opacity: 0;
      pointer-events: none;
      transition: opacity ease-in-out 100ms; }
    .tile-view article a {
      display: block;
      padding: 13px;
      border: solid 1px #cacdd1;
      border-radius: 4px;
      line-height: 1.2em; }
    .tile-view article a > .image-wrapper > img {
      opacity: 0.85;
      width: 100%; }
    .tile-view article a > .image-wrapper {
      width: 100%;
      margin-bottom: 6px;
      overflow: hidden; }
    .tile-view article a > span.category {
      margin-right: 1px; }
    .tile-view article a > span.title:before {
      content: '';
      display: block;
      width: 28px;
      height: 20px;
      float: right; }
  .tile-view article:not(.watching):hover:after {
    opacity: 0 !important; }
  .tile-view article > div.tile-watch-button:hover + a,
  .tile-view article > a:hover {
    text-decoration: none;
    box-shadow: 0 1px 3px 0 #ccc, inset 0 -2px 0 0 #ebecee; }
    .tile-view article > div.tile-watch-button:hover + a img,
    .tile-view article > a:hover img {
      opacity: 1; }
    .tile-view article > div.tile-watch-button:hover + a span.title,
    .tile-view article > a:hover span.title {
      text-decoration: underline; }
  .tile-view a:active {
    -ms-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }
  .tile-view .tile-watch-button {
    color: #cacdd1;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 44px;
    position: absolute;
    bottom: 18px;
    right: 0;
    z-index: 2; }
    .tile-view .tile-watch-button i {
      position: absolute;
      top: calc(50% - 9px);
      left: calc(50% - 5px);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all ease-in-out 100ms; }
    .tile-view .tile-watch-button:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: all ease-in-out 100ms; }
    .tile-view .tile-watch-button:hover i {
      color: white;
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
    .tile-view .tile-watch-button:hover:before {
      width: 30px;
      height: 30px;
      background: #006BB1; }
    .tile-view .tile-watch-button:active {
      -ms-transform: translate(0, 1px);
      -webkit-transform: translate(0, 1px);
      transform: translate(0, 1px); }
    .tile-view .tile-watch-button.processing:before {
      content: '\2022';
      text-align: right;
      font-size: 1.5em;
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 26px;
      line-height: 26px;
      background: #aeb3ba !important;
      color: white;
      z-index: 3;
      animation: rotate-forever-browseBoxWatchButton 0.34s linear infinite;
      transform-origin: 0 0; }
    .tile-view .tile-watch-button.processing:after {
      display: none !important; }
  .tile-view article.watching .tile-watch-button {
    transition: all ease-in-out 300ms;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
    .tile-view article.watching .tile-watch-button i {
      display: none;
      z-index: 2;
      color: white; }
    .tile-view article.watching .tile-watch-button:before {
      width: 26px;
      height: 26px;
      background: #f9bf29; }
    .tile-view article.watching .tile-watch-button:after {
      content: '';
      display: block;
      width: 8px;
      height: 4px;
      position: absolute;
      top: calc(50% - 5px);
      left: calc(50% - 5px);
      border: solid 3px white;
      border-top: none;
      border-right: none;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .tile-view.all-watching article:not(.watching):after {
    opacity: 0.75; }

.grid-item {
  margin: 0 !important;
  max-width: 250px !important; }

.grid {
  margin-bottom: 280px; }

.hover-menu-toggle {
  position: relative;
  z-index: 4; }

.hover-menu {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  display: none; }
  .hover-menu.right {
    right: 0;
    left: auto; }
  .hover-menu.active {
    display: block; }
  .hover-menu.active > a {
    max-height: 100px; }
    .hover-menu.active > a:not(:first-of-type) {
      animation-name: max-height-down;
      animation-duration: 300ms; }
  .hover-menu:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 7px);
    top: -7px;
    width: 0;
    height: 0;
    border-top: 15px solid #3c4b5e;
    border-right: 15px solid transparent;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .hover-menu[data-arrow="right"]:before {
    left: calc(100% - 24px); }
  .hover-menu[data-arrow="left"]:before {
    left: 24px; }
  .hover-menu a, .hover-menu button {
    font-size: 0.84em;
    pointer-events: all;
    display: block;
    line-height: 30px;
    padding-left: 9px;
    padding-right: 9px;
    background: #3c4b5e;
    color: white !important;
    min-width: 110px;
    text-decoration: none; }
    .hover-menu a:not(:last-child), .hover-menu button:not(:last-child) {
      border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
    .hover-menu a:hover, .hover-menu button:hover {
      color: white !important;
      text-decoration: underline; }
  .hover-menu button {
    -webkit-appearance: none;
    text-align: left;
    border: none;
    width: 100%;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer; }
  .hover-menu a.mod-function {
    background: #7a202a !important; }
  .hover-menu.dark-blue a:not(.mod-function) {
    background: #28323f; }
  .hover-menu.dark-blue:before {
    border-top-color: #28323f; }
  .hover-menu:after {
    content: '';
    display: block;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    position: absolute;
    top: -30px;
    left: -30px;
    background: rgba(0, 0, 0, 0);
    z-index: -1; }

.article-banner {
  padding: 13px 18px 18px 18px;
  font-weight: bold;
  font-size: 0.84em;
  text-align: center;
  line-height: normal;
  letter-spacing: 0em;
  border-top: solid 4px #3c4b5e;
  border-radius: 3px;
  margin-bottom: 18px;
  box-shadow: 0 1px 2px 0 #cacdd1;
  position: relative; }
  .article-banner.red {
    border-top-color: #b7303f; }
  .article-banner.type-shrug, .article-banner.type-flame {
    padding-left: 46px;
    padding-right: 46px; }
    .article-banner.type-shrug:before, .article-banner.type-shrug:after, .article-banner.type-flame:before, .article-banner.type-flame:after {
      content: '';
      width: 31px;
      height: 31px;
      line-height: 31px;
      border-radius: 50%;
      position: absolute;
      top: 9px;
      left: 9px;
      background: #cacdd1 url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/article-banner-icons.png") center no-repeat;
      background-size: 31px 155px; }
    .article-banner.type-shrug:after, .article-banner.type-flame:after {
      left: auto;
      right: 9px; }
  .article-banner.type-flame {
    border-top-color: #f9bf29; }
  .article-banner.type-flame:before, .article-banner.type-flame:after {
    background-position: 0 0;
    background-color: #f9bf29; }
  .article-banner.type-shrug:before, .article-banner.type-shrug:after {
    background-position: 0 -31px;
    background-color: #50647d; }

@media (max-width: 1195px) {
  div.tile-view {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .grid-item {
    max-width: 270px !important; } }

@media (max-width: 980px) {
  div.tile-view {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  .grid-item {
    max-width: 225px !important; } }

@media (max-width: 415px) {
  .grid-item {
    max-width: 180px !important; } }

@media (max-width: 376px) {
  .grid-item {
    max-width: 165px !important; } }

@media (max-width: 361px) {
  .grid-item {
    max-width: 155px !important; } }

@media (max-width: 321px) {
  .grid-item {
    max-width: 140px !important; } }

@media (max-width: 765px) {
  .tile-view {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }

@media (max-width: 585px) {
  .tile-view {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  a.watch-button {
    width: 34px;
    height: 33px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0) !important;
    padding: 0;
    /*
        &:after {
            position: relative;
            left:9px;
            top:-31px;
            font-size: 21px;
            color:$color-blue;
            @include rotate(90deg);
            //@include translate(-50%,-50%);
        }
        &.watching:after {
            position: relative;
            left:1px;
            top:-61px;
        }
        &.processing:after {
            left:9px;
            top:-47px;
            display: block;
        }
        */ }
    a.watch-button:after {
      color: #3c4b5e; } }

form.search {
  position: relative;
  font-size: 1em; }
  form.search .search-box {
    width: calc(100% - 38px);
    font-size: 1em;
    -webkit-appearance: none;
    border: none;
    padding: 7px 7px 8px 31px;
    background: white;
    outline: none;
    opacity: 0.25;
    transition: all ease-in-out 100ms; }
    form.search .search-box:active, form.search .search-box:hover, form.search .search-box:focus, form.search .search-box:valid {
      opacity: 1; }
  form.search .search-box::-webkit-input-placeholder {
    color: #3c4b5e; }
  form.search .search-box::-moz-placeholder {
    color: #3c4b5e; }
  form.search .search-box:-ms-input-placeholder {
    color: #3c4b5e; }
  form.search .search-box:-moz-placeholder {
    color: #3c4b5e; }
  form.search .search-box:valid + .submit-button {
    color: black; }
  form.search .submit-button {
    cursor: pointer;
    font-family: FontAwesome;
    background: none;
    position: absolute;
    left: 2px;
    top: 44%;
    font-size: 17px;
    z-index: 1;
    color: #3c4b5e;
    transition: all ease-in-out 100ms;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }

#modal-box input[type=text],
#modal-box input[type=password],
#main-container input[type=text],
#main-container input[type=password] {
  font-size: 1em;
  outline: none;
  border: solid 1px #aeb3ba;
  padding: 6px 8px 7px 8px; }

#main-container form:not(.no-style) > .column-box:first-of-type {
  margin-top: 0; }

#modal-box:after,
#modal-box form:not(.no-style):after,
#main-container .two-column:after,
#main-container form:not(.no-style):after,
#main-content-sidebar:after {
  content: "";
  display: table;
  clear: both; }

#modal-box .column-box,
#modal-box form:not(.no-style) .column-box,
#main-container .two-column .column-box,
#main-container form:not(.no-style) .column-box,
#main-content-sidebar .column-box {
  line-height: normal;
  position: relative;
  width: 100%;
  margin: 18px 0 0 0; }

#modal-box .column-box.with-hidden-button,
#modal-box form:not(.no-style) .column-box.with-hidden-button,
#main-container .two-column .column-box.with-hidden-button,
#main-container form:not(.no-style) .column-box.with-hidden-button,
#main-content-sidebar .column-box.with-hidden-button {
  overflow: hidden;
  margin: 0;
  max-height: 0;
  transition: max-height ease-in-out 0.4s; }

#modal-box .column-box > label:first-child,
#modal-box form:not(.no-style) .column-box > label:first-child,
#main-container .two-column .column-box > label:first-child,
#main-container form:not(.no-style) .column-box > label:first-child,
#main-content-sidebar .column-box > label:first-child {
  display: block;
  margin-bottom: 4px; }

#modal-box.bottom-border,
#modal-box form:not(.no-style).bottom-border,
#main-container .two-column.bottom-border,
#main-container form:not(.no-style).bottom-border,
#main-content-sidebar.bottom-border {
  border-bottom: solid 1px #aeb3ba; }

#modal-box .column-box.left,
#modal-box .column-box.right,
#modal-box form:not(.no-style) .column-box.left,
#modal-box form:not(.no-style) .column-box.right,
#main-container .two-column .column-box.left,
#main-container .two-column .column-box.right,
#main-container form:not(.no-style) .column-box.left,
#main-container form:not(.no-style) .column-box.right,
#main-content-sidebar .column-box.left,
#main-content-sidebar .column-box.right {
  max-width: calc(50% - 18px); }

#modal-box .column-box.left:first-of-type,
#modal-box .column-box.left:first-of-type + .right,
#modal-box form:not(.no-style) .column-box.left:first-of-type,
#modal-box form:not(.no-style) .column-box.left:first-of-type + .right,
#main-container .two-column .column-box.left:first-of-type,
#main-container .two-column .column-box.left:first-of-type + .right,
#main-container form:not(.no-style) .column-box.left:first-of-type,
#main-container form:not(.no-style) .column-box.left:first-of-type + .right,
#main-content-sidebar .column-box.left:first-of-type,
#main-content-sidebar .column-box.left:first-of-type + .right {
  margin-top: 0; }

#modal-box .column-box.right,
#modal-box form:not(.no-style) .column-box.right,
#main-container .two-column .column-box.right,
#main-container form:not(.no-style) .column-box.right,
#main-content-sidebar .column-box.right {
  float: right; }

#modal-box .column-box.left,
#modal-box form:not(.no-style) .column-box.left,
#main-container .two-column .column-box.left,
#main-container form:not(.no-style) .column-box.left,
#main-content-sidebar .column-box.left {
  float: left;
  clear: both; }

#modal-box .column-box.left + .column-box:not(.left):not(.right),
#modal-box .column-box.right + .column-box:not(.left):not(.right),
#modal-box form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right),
#modal-box form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right),
#main-container .two-column .column-box.left + .column-box:not(.left):not(.right),
#main-container .two-column .column-box.right + .column-box:not(.left):not(.right),
#main-container form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right),
#main-container form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right),
#main-content-sidebar .column-box.left + .column-box:not(.left):not(.right),
#main-content-sidebar .column-box.right + .column-box:not(.left):not(.right) {
  clear: both;
  position: relative; }

#modal-box .column-box.left + .column-box:not(.left):not(.right):before,
#modal-box .column-box.right + .column-box:not(.left):not(.right):before,
#modal-box form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right):before,
#modal-box form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right):before,
#main-container .two-column .column-box.left + .column-box:not(.left):not(.right):before,
#main-container .two-column .column-box.right + .column-box:not(.left):not(.right):before,
#main-container form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right):before,
#main-container form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right):before,
#main-content-sidebar .column-box.left + .column-box:not(.left):not(.right):before,
#main-content-sidebar .column-box.right + .column-box:not(.left):not(.right):before {
  content: '';
  display: block;
  width: 100%;
  height: 18px; }

#modal-box .column-box.center,
#modal-box form:not(.no-style) .column-box.center,
#main-container .two-column .column-box.center,
#main-container form:not(.no-style) .column-box.center,
#main-content-sidebar .column-box.center {
  clear: both;
  display: block;
  width: 100%;
  max-width: 500px;
  margin-left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

#modal-box.with-line .column-box.left:after,
#modal-box form:not(.no-style).with-line .column-box.left:after,
#main-container .two-column.with-line .column-box.left:after,
#main-container form:not(.no-style).with-line .column-box.left:after,
#main-content-sidebar.with-line .column-box.left:after {
  content: '';
  width: 1px;
  height: 98%;
  position: absolute;
  right: -18px;
  top: 4px;
  background-color: rgba(190, 190, 190, 0.13); }

#modal-box.show-save-button .column-box.with-hidden-button,
#modal-box form:not(.no-style).show-save-button .column-box.with-hidden-button,
#main-container .two-column.show-save-button .column-box.with-hidden-button,
#main-container form:not(.no-style).show-save-button .column-box.with-hidden-button,
#main-content-sidebar.show-save-button .column-box.with-hidden-button {
  margin-top: 18px;
  max-height: 110px; }

#modal-box .message,
#modal-box form:not(.no-style) .message,
#main-container .two-column .message,
#main-container form:not(.no-style) .message,
#main-content-sidebar .message {
  font-size: 0.84em; }
  #modal-box .message.error,
  #modal-box form:not(.no-style) .message.error,
  #main-container .two-column .message.error,
  #main-container form:not(.no-style) .message.error,
  #main-content-sidebar .message.error {
    color: #b7303f; }

#modal-box input[type="text"],
#modal-box input[type="password"],
#modal-box select,
#modal-box textarea,
#modal-box form:not(.no-style) input[type="text"],
#modal-box form:not(.no-style) input[type="password"],
#modal-box form:not(.no-style) select,
#modal-box form:not(.no-style) textarea,
#main-container .two-column input[type="text"],
#main-container .two-column input[type="password"],
#main-container .two-column select,
#main-container .two-column textarea,
#main-container form:not(.no-style) input[type="text"],
#main-container form:not(.no-style) input[type="password"],
#main-container form:not(.no-style) select,
#main-container form:not(.no-style) textarea,
#main-content-sidebar input[type="text"],
#main-content-sidebar input[type="password"],
#main-content-sidebar select,
#main-content-sidebar textarea {
  font-size: 1em;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
  resize: vertical; }
  #modal-box input[type="text"]:focus,
  #modal-box input[type="password"]:focus,
  #modal-box select:focus,
  #modal-box textarea:focus,
  #modal-box form:not(.no-style) input[type="text"]:focus,
  #modal-box form:not(.no-style) input[type="password"]:focus,
  #modal-box form:not(.no-style) select:focus,
  #modal-box form:not(.no-style) textarea:focus,
  #main-container .two-column input[type="text"]:focus,
  #main-container .two-column input[type="password"]:focus,
  #main-container .two-column select:focus,
  #main-container .two-column textarea:focus,
  #main-container form:not(.no-style) input[type="text"]:focus,
  #main-container form:not(.no-style) input[type="password"]:focus,
  #main-container form:not(.no-style) select:focus,
  #main-container form:not(.no-style) textarea:focus,
  #main-content-sidebar input[type="text"]:focus,
  #main-content-sidebar input[type="password"]:focus,
  #main-content-sidebar select:focus,
  #main-content-sidebar textarea:focus {
    outline: none; }
  #modal-box input[type="text"]:-moz-focusring,
  #modal-box input[type="password"]:-moz-focusring,
  #modal-box select:-moz-focusring,
  #modal-box textarea:-moz-focusring,
  #modal-box form:not(.no-style) input[type="text"]:-moz-focusring,
  #modal-box form:not(.no-style) input[type="password"]:-moz-focusring,
  #modal-box form:not(.no-style) select:-moz-focusring,
  #modal-box form:not(.no-style) textarea:-moz-focusring,
  #main-container .two-column input[type="text"]:-moz-focusring,
  #main-container .two-column input[type="password"]:-moz-focusring,
  #main-container .two-column select:-moz-focusring,
  #main-container .two-column textarea:-moz-focusring,
  #main-container form:not(.no-style) input[type="text"]:-moz-focusring,
  #main-container form:not(.no-style) input[type="password"]:-moz-focusring,
  #main-container form:not(.no-style) select:-moz-focusring,
  #main-container form:not(.no-style) textarea:-moz-focusring,
  #main-content-sidebar input[type="text"]:-moz-focusring,
  #main-content-sidebar input[type="password"]:-moz-focusring,
  #main-content-sidebar select:-moz-focusring,
  #main-content-sidebar textarea:-moz-focusring {
    text-shadow: 0 0 0 #000; }
  #modal-box input[type="text"].error,
  #modal-box input[type="password"].error,
  #modal-box select.error,
  #modal-box textarea.error,
  #modal-box form:not(.no-style) input[type="text"].error,
  #modal-box form:not(.no-style) input[type="password"].error,
  #modal-box form:not(.no-style) select.error,
  #modal-box form:not(.no-style) textarea.error,
  #main-container .two-column input[type="text"].error,
  #main-container .two-column input[type="password"].error,
  #main-container .two-column select.error,
  #main-container .two-column textarea.error,
  #main-container form:not(.no-style) input[type="text"].error,
  #main-container form:not(.no-style) input[type="password"].error,
  #main-container form:not(.no-style) select.error,
  #main-container form:not(.no-style) textarea.error,
  #main-content-sidebar input[type="text"].error,
  #main-content-sidebar input[type="password"].error,
  #main-content-sidebar select.error,
  #main-content-sidebar textarea.error {
    color: #b7303f;
    border-color: #b7303f; }

#modal-box button, #modal-box button:focus,
#modal-box form:not(.no-style) button,
#modal-box form:not(.no-style) button:focus,
#main-container .two-column button,
#main-container .two-column button:focus,
#main-container form:not(.no-style) button,
#main-container form:not(.no-style) button:focus,
#main-content-sidebar button,
#main-content-sidebar button:focus {
  outline: none; }

#modal-box input[type="text"],
#modal-box input[type="password"],
#modal-box form:not(.no-style) input[type="text"],
#modal-box form:not(.no-style) input[type="password"],
#main-container .two-column input[type="text"],
#main-container .two-column input[type="password"],
#main-container form:not(.no-style) input[type="text"],
#main-container form:not(.no-style) input[type="password"],
#main-content-sidebar input[type="text"],
#main-content-sidebar input[type="password"] {
  padding: 0 9px;
  margin: 0;
  height: 40px !important;
  border-color: #aeb3ba; }

#modal-box select,
#modal-box form:not(.no-style) select,
#main-container .two-column select,
#main-container form:not(.no-style) select,
#main-content-sidebar select {
  height: 40px;
  border-width: 1px;
  border-color: #aeb3ba;
  border-radius: 3px;
  line-height: 31px;
  padding: 0 40px 0 8px;
  cursor: pointer;
  background: rgba(190, 190, 190, 0.13);
  position: relative;
  background-image: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/forms-select-bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 37px 74px;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.65); }
  #modal-box select.skinny,
  #modal-box form:not(.no-style) select.skinny,
  #main-container .two-column select.skinny,
  #main-container form:not(.no-style) select.skinny,
  #main-content-sidebar select.skinny {
    height: auto;
    line-height: normal;
    padding: 0 4px 2px 4px;
    background-size: 18px 36px; }

#modal-box textarea,
#modal-box form:not(.no-style) textarea,
#main-container .two-column textarea,
#main-container form:not(.no-style) textarea,
#main-content-sidebar textarea {
  border-width: 1px;
  margin: 0 0 -7px 0;
  padding: 6px 8px;
  min-height: 66px;
  border-color: #aeb3ba; }

#modal-box .column-box > p.text-light + input[type="text"],
#modal-box .column-box > p.text-light + input[type="password"],
#modal-box .column-box > p.text-light + select,
#modal-box .column-box > p.text-light + textarea,
#modal-box form:not(.no-style) .column-box > p.text-light + input[type="text"],
#modal-box form:not(.no-style) .column-box > p.text-light + input[type="password"],
#modal-box form:not(.no-style) .column-box > p.text-light + select,
#modal-box form:not(.no-style) .column-box > p.text-light + textarea,
#main-container .two-column .column-box > p.text-light + input[type="text"],
#main-container .two-column .column-box > p.text-light + input[type="password"],
#main-container .two-column .column-box > p.text-light + select,
#main-container .two-column .column-box > p.text-light + textarea,
#main-container form:not(.no-style) .column-box > p.text-light + input[type="text"],
#main-container form:not(.no-style) .column-box > p.text-light + input[type="password"],
#main-container form:not(.no-style) .column-box > p.text-light + select,
#main-container form:not(.no-style) .column-box > p.text-light + textarea,
#main-content-sidebar .column-box > p.text-light + input[type="text"],
#main-content-sidebar .column-box > p.text-light + input[type="password"],
#main-content-sidebar .column-box > p.text-light + select,
#main-content-sidebar .column-box > p.text-light + textarea {
  margin-top: 3px; }

#modal-box *:not(.hover-menu) > a.button:not(.search-submit),
#modal-box:not(.hover-menu) > a.button:not(.search-submit),
#modal-box *:not(.hover-menu) > button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit),
#modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit),
#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit),
#main-container .two-column *:not(.hover-menu) > button:not(.search-submit),
#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit),
#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit),
#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit),
#main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > button:not(.search-submit) {
  -webkit-appearance: none;
  display: inline-block;
  background: rgba(190, 190, 190, 0.13);
  border-radius: 3px;
  font-size: 1em;
  padding: 0 18px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  color: #006BB1;
  cursor: pointer;
  border: solid 1px #aeb3ba;
  outline: none;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):hover,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):hover,
  #main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-container .two-column *:not(.hover-menu) > button:not(.search-submit):hover,
  #main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):hover,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):hover {
    color: #50647d;
    text-decoration: underline;
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):active,
  #main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-container .two-column *:not(.hover-menu) > button:not(.search-submit):active,
  #main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):active,
  #main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):active,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):active {
    line-height: 42px;
    background: rgba(152, 152, 152, 0.13);
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-container .two-column:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-container .two-column *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit).blue:active {
    background: #005c98; }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box *:not(.hover-menu) > button:not(.search-submit).skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).skinny,
  #main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-container .two-column:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-container .two-column *:not(.hover-menu) > button:not(.search-submit).skinny,
  #main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).skinny,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit).skinny {
    height: 30px;
    line-height: 1px;
    font-size: 0.84em;
    padding: 0 9px 1px 9px; }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-container .two-column *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny {
    height: 27px;
    line-height: 27px; }

#modal-box *:not(.hover-menu) > button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-container .two-column *:not(.hover-menu) > button:not(.search-submit),
#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > button:not(.search-submit) {
  line-height: normal; }

#modal-box button.hidden-save-button,
#modal-box form:not(.no-style) button.hidden-save-button,
#main-container .two-column button.hidden-save-button,
#main-container form:not(.no-style) button.hidden-save-button,
#main-content-sidebar button.hidden-save-button {
  opacity: 0;
  transition: opacity ease-in-out 0.3s; }

#modal-box.show-save-button button.hidden-save-button,
#modal-box form:not(.no-style).show-save-button button.hidden-save-button,
#main-container .two-column.show-save-button button.hidden-save-button,
#main-container form:not(.no-style).show-save-button button.hidden-save-button,
#main-content-sidebar.show-save-button button.hidden-save-button {
  opacity: 1; }

#modal-box a.button:not(.search-submit).blue,
#modal-box button:not(.search-submit).blue,
#modal-box form:not(.no-style) a.button:not(.search-submit).blue,
#modal-box form:not(.no-style) button:not(.search-submit).blue,
#main-container .two-column a.button:not(.search-submit).blue,
#main-container .two-column button:not(.search-submit).blue,
#main-container form:not(.no-style) a.button:not(.search-submit).blue,
#main-container form:not(.no-style) button:not(.search-submit).blue,
#main-content-sidebar a.button:not(.search-submit).blue,
#main-content-sidebar button:not(.search-submit).blue {
  background: #006BB1;
  color: white !important;
  border-color: #003d65; }

#modal-box a.button.search-submit,
#modal-box button.search-submit,
#modal-box form:not(.no-style) a.button.search-submit,
#modal-box form:not(.no-style) button.search-submit,
#main-container .two-column a.button.search-submit,
#main-container .two-column button.search-submit,
#main-container form:not(.no-style) a.button.search-submit,
#main-container form:not(.no-style) button.search-submit,
#main-content-sidebar a.button.search-submit,
#main-content-sidebar button.search-submit {
  height: 40px;
  width: 40px;
  cursor: pointer;
  border: none;
  background: #aeb3ba;
  background-color: #aeb3ba;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c5ca), color-stop(100%, #9ba1aa));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #c1c5ca 0%, #9ba1aa 100%);
  /* W3C */ }
  #modal-box a.button.search-submit i,
  #modal-box button.search-submit i,
  #modal-box form:not(.no-style) a.button.search-submit i,
  #modal-box form:not(.no-style) button.search-submit i,
  #main-container .two-column a.button.search-submit i,
  #main-container .two-column button.search-submit i,
  #main-container form:not(.no-style) a.button.search-submit i,
  #main-container form:not(.no-style) button.search-submit i,
  #main-content-sidebar a.button.search-submit i,
  #main-content-sidebar button.search-submit i {
    font-size: 16px; }

#modal-box a.button.search-submit:hover,
#modal-box button.search-submit:hover,
#modal-box form:not(.no-style) a.button.search-submit:hover,
#modal-box form:not(.no-style) button.search-submit:hover,
#main-container .two-column a.button.search-submit:hover,
#main-container .two-column button.search-submit:hover,
#main-container form:not(.no-style) a.button.search-submit:hover,
#main-container form:not(.no-style) button.search-submit:hover,
#main-content-sidebar a.button.search-submit:hover,
#main-content-sidebar button.search-submit:hover {
  background: #3c4b5e;
  color: white; }

#modal-box a.button.search-submit:active,
#modal-box button.search-submit:active,
#modal-box form:not(.no-style) a.button.search-submit:active,
#modal-box form:not(.no-style) button.search-submit:active,
#main-container .two-column a.button.search-submit:active,
#main-container .two-column button.search-submit:active,
#main-container form:not(.no-style) a.button.search-submit:active,
#main-container form:not(.no-style) button.search-submit:active,
#main-content-sidebar a.button.search-submit:active,
#main-content-sidebar button.search-submit:active {
  line-height: 34px; }

#modal-box input[type="text"] + a.button.search-submit,
#modal-box input[type="text"] + button.search-submit,
#modal-box form:not(.no-style) input[type="text"] + a.button.search-submit,
#modal-box form:not(.no-style) input[type="text"] + button.search-submit,
#main-container .two-column input[type="text"] + a.button.search-submit,
#main-container .two-column input[type="text"] + button.search-submit,
#main-container form:not(.no-style) input[type="text"] + a.button.search-submit,
#main-container form:not(.no-style) input[type="text"] + button.search-submit,
#main-content-sidebar input[type="text"] + a.button.search-submit,
#main-content-sidebar input[type="text"] + button.search-submit {
  position: absolute;
  right: 0;
  margin-top: -33px; }
  #modal-box input[type="text"] + a.button.search-submit:last-child,
  #modal-box input[type="text"] + button.search-submit:last-child,
  #modal-box form:not(.no-style) input[type="text"] + a.button.search-submit:last-child,
  #modal-box form:not(.no-style) input[type="text"] + button.search-submit:last-child,
  #main-container .two-column input[type="text"] + a.button.search-submit:last-child,
  #main-container .two-column input[type="text"] + button.search-submit:last-child,
  #main-container form:not(.no-style) input[type="text"] + a.button.search-submit:last-child,
  #main-container form:not(.no-style) input[type="text"] + button.search-submit:last-child,
  #main-content-sidebar input[type="text"] + a.button.search-submit:last-child,
  #main-content-sidebar input[type="text"] + button.search-submit:last-child {
    margin-top: 0; }

i#user-prefs.browser-chrome ~ #main-container form input[type="text"] + button.search-submit:last-child,
i#user-prefs.browser-chrome ~ #main-container .two-column input[type="text"] + button.search-submit:last-child {
  margin-top: -40px; }

.table-wrapper {
  max-width: 100%; }

#main-entry .article-content table hr {
  border: none;
  border-bottom: solid 1px rgba(190, 190, 190, 0.13);
  margin: 0; }

#main-entry .article-content table hr:last-of-type {
  display: none; }

table:not(.wikitable):not([class*="gsc"]) {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  margin-top: 2px; }
  table:not(.wikitable):not([class*="gsc"]) thead {
    background: #cacdd1; }
    table:not(.wikitable):not([class*="gsc"]) thead th {
      line-height: 34px; }
    table:not(.wikitable):not([class*="gsc"]) thead th[data-align="right"] {
      text-align: center !important; }
    table:not(.wikitable):not([class*="gsc"]) thead.multi-line th {
      line-height: normal; }
  table:not(.wikitable):not([class*="gsc"]).tall-rows tr td {
    padding-top: 9px;
    padding-bottom: 9px; }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) tr:nth-of-type(even) {
    background: rgba(190, 190, 190, 0.13); }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) > thead.hidden ~ tbody > tr:nth-of-type(even) {
    background: none; }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) > thead.hidden ~ tbody > tr:nth-of-type(odd) {
    background: rgba(190, 190, 190, 0.13); }
  table:not(.wikitable):not([class*="gsc"]).width-fix tr th, table:not(.wikitable):not([class*="gsc"]).width-fix tr td {
    white-space: nowrap !important; }
  table:not(.wikitable):not([class*="gsc"]).line-height-fix tbody tr td {
    line-height: normal; }
  table:not(.wikitable):not([class*="gsc"]) tr th,
  table:not(.wikitable):not([class*="gsc"]) tr td {
    text-align: left;
    padding: 2px 5px;
    position: relative;
    overflow: hidden;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
    vertical-align: top;
    word-wrap: normal;
    word-break: keep-all !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
    vertical-align: top; }
    table:not(.wikitable):not([class*="gsc"]) tr th span.wrapper,
    table:not(.wikitable):not([class*="gsc"]) tr th span.wrapper > *,
    table:not(.wikitable):not([class*="gsc"]) tr td span.wrapper,
    table:not(.wikitable):not([class*="gsc"]) tr td span.wrapper > * {
      display: inline-block;
      max-width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
      position: absolute; }
    table:not(.wikitable):not([class*="gsc"]) tr th span.no-wrap,
    table:not(.wikitable):not([class*="gsc"]) tr td span.no-wrap {
      white-space: nowrap !important; }
    table:not(.wikitable):not([class*="gsc"]) tr th.condensed,
    table:not(.wikitable):not([class*="gsc"]) tr td.condensed {
      width: 50%; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap"] {
      width: 1px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded"] {
      width: 1px;
      padding-left: 8px;
      padding-right: 8px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded-left"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded-left"] {
      width: 1px;
      padding-left: 8px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded-right"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded-right"] {
      width: 1px;
      padding-right: 8px; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr {
    border-bottom: solid 1px #e5e7e9; }
  table:not(.wikitable):not([class*="gsc"]).no-border-lines tbody > tr {
    border-bottom: none; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.yellow {
    background: #fef7e6;
    border-color: #fce4a5; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.yellow:nth-of-type(even) {
      background-color: #fef1d2; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.green {
    background: #e6ead5;
    border-color: #ccd5a9; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.green:nth-of-type(even) {
      background-color: #dee4c8; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.blue {
    background: #e0e5ec;
    border-color: #bec9d6; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.blue:nth-of-type(even) {
      background-color: #d1d8e2; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.red,
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.red.blue {
    background: #f5d7db;
    border-color: #e9abb2; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.red:nth-of-type(even),
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.red.blue:nth-of-type(even) {
      background-color: #efc3c8; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.dark {
    background: #f0f1f2;
    border-color: #d7dadd; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.dark:nth-of-type(even) {
      background-color: #e8e9eb; }
  table:not(.wikitable):not([class*="gsc"]) tr.opacity-in {
    opacity: 1;
    animation-name: opacity-in;
    animation-duration: 1000ms; }
  table:not(.wikitable):not([class*="gsc"]) img.thumb {
    max-width: 80px !important; }

table.wikitable {
  border: solid 2px #e5e7e9; }
  table.wikitable td {
    padding: 4px; }
  table.wikitable td:not(:last-of-type) {
    border-right: solid 2px #e5e7e9; }
  table.wikitable tr:not(:last-of-type) {
    border-bottom: solid 2px #e5e7e9; }

p.separator + table,
p.separator + .table-wrapper {
  margin-top: 9px; }

p.separator.solid + table,
p.separator.solid + .table-wrapper {
  position: relative;
  margin-top: -2px; }
  p.separator.solid + table:before,
  p.separator.solid + .table-wrapper:before {
    content: '';
    display: block;
    width: calc(100% - 10px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 5px;
    background: #9ba1aa; }

.button-group {
  display: flex; }
  .button-group:after {
    content: "";
    display: table;
    clear: both; }
  .button-group > a {
    background: rgba(190, 190, 190, 0.13);
    border-radius: 3px;
    font-size: 1em;
    padding: 0 9px;
    height: 38px;
    line-height: 38px;
    color: #006BB1;
    cursor: pointer;
    border: solid 1px #aeb3ba;
    outline: none;
    white-space: nowrap;
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08); }
    .button-group > a:hover {
      color: #50647d;
      text-decoration: underline;
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
    .button-group > a.active, .button-group > a:active {
      line-height: 41px;
      background: rgba(152, 152, 152, 0.13);
      box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12); }
  .button-group > a.blue {
    background: #006BB1;
    color: white !important;
    border-color: #003d65; }
  .button-group > a.blue + a:not(.blue) {
    border-left: none; }
  .button-group > a:first-of-type:not(:only-child),
  .button-group button:first-of-type:not(:only-child) {
    border-radius: 3px 0 0 3px; }
  .button-group > a.cap-off,
  .button-group > a:last-of-type:not(:only-child),
  .button-group button:last-of-type:not(:only-child) {
    border-radius: 0 3px 3px 0; }
  .button-group > a:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off),
  .button-group button:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off) {
    border-radius: 0; }
  .button-group > a:only-of-type,
  .button-group button:only-of-type {
    border-radius: 3px !important; }
  .button-group > a:not(:only-child):not(:last-of-type):not(.cap-off),
  .button-group button:not(:only-child):not(:last-of-type):not(.cap-off) {
    border-right: none; }
  .button-group.text-right {
    justify-content: flex-end; }
  .button-group.text-center {
    justify-content: center; }
  .button-group.skinny a {
    line-height: 28px;
    height: 28px; }
  .button-group.skinny a:active {
    line-height: 31px; }

@media (max-width: 765px) {
  #main-container .two-column:not(.no-media-query) .column-box.left,
  #main-container .two-column:not(.no-media-query) .column-box.right {
    max-width: 100%; }
  #main-container .two-column:not(.no-media-query).with-line .column-box.left:after {
    display: none; }
  #main-container .two-column:not(.no-media-query) .column-box.left:first-of-type + .right,
  #main-container .two-column:not(.no-media-query) .column-box.left:first-of-type + .column-box.right {
    margin-top: 18px; }
  .column-box.left {
    float: none !important; }
  .button-group.skinny a {
    padding-left: 4.5px;
    padding-right: 4.5px; }
  table:not(.wikitable):not([class*="gsc"]) thead th {
    line-height: inherit; }
  table tr th[data-mobile-align="left"] {
    text-align: left !important; }
  table tr th span.no-wrap, table tr td span.no-wrap {
    white-space: normal !important; }
  table.mobile-flexbox > tbody > tr > td {
    padding: 4px 5px 0 5px; }
  table.mobile-flexbox.tall-rows > tbody > tr {
    padding-top: 7.2px !important;
    padding-bottom: 11.16px !important; }
  table.mobile-flexbox > thead > tr,
  table.mobile-flexbox > tbody > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 4px;
    position: relative; }
    table.mobile-flexbox > thead > tr th, table.mobile-flexbox > thead > tr td,
    table.mobile-flexbox > tbody > tr th,
    table.mobile-flexbox > tbody > tr td {
      order: 10;
      line-height: normal;
      max-width: 100%;
      box-sizing: border-box; }
      table.mobile-flexbox > thead > tr th.full-height-wrapper, table.mobile-flexbox > thead > tr td.full-height-wrapper,
      table.mobile-flexbox > tbody > tr th.full-height-wrapper,
      table.mobile-flexbox > tbody > tr td.full-height-wrapper {
        position: initial; }
      table.mobile-flexbox > thead > tr th span.mobile-full-height, table.mobile-flexbox > thead > tr td span.mobile-full-height,
      table.mobile-flexbox > tbody > tr th span.mobile-full-height,
      table.mobile-flexbox > tbody > tr td span.mobile-full-height {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%; }
        table.mobile-flexbox > thead > tr th span.mobile-full-height .vertical-middle, table.mobile-flexbox > thead > tr td span.mobile-full-height .vertical-middle,
        table.mobile-flexbox > tbody > tr th span.mobile-full-height .vertical-middle,
        table.mobile-flexbox > tbody > tr td span.mobile-full-height .vertical-middle {
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          table.mobile-flexbox > thead > tr th span.mobile-full-height .vertical-middle i, table.mobile-flexbox > thead > tr td span.mobile-full-height .vertical-middle i,
          table.mobile-flexbox > tbody > tr th span.mobile-full-height .vertical-middle i,
          table.mobile-flexbox > tbody > tr td span.mobile-full-height .vertical-middle i {
            font-size: 20px; }
      table.mobile-flexbox > thead > tr th.mobile-order-1, table.mobile-flexbox > thead > tr td.mobile-order-1,
      table.mobile-flexbox > tbody > tr th.mobile-order-1,
      table.mobile-flexbox > tbody > tr td.mobile-order-1 {
        order: 1; }
      table.mobile-flexbox > thead > tr th.mobile-width-10,
      table.mobile-flexbox > thead > tr th .mobile-width-10, table.mobile-flexbox > thead > tr td.mobile-width-10,
      table.mobile-flexbox > thead > tr td .mobile-width-10,
      table.mobile-flexbox > tbody > tr th.mobile-width-10,
      table.mobile-flexbox > tbody > tr th .mobile-width-10,
      table.mobile-flexbox > tbody > tr td.mobile-width-10,
      table.mobile-flexbox > tbody > tr td .mobile-width-10 {
        width: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-10,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-10, table.mobile-flexbox > thead > tr td.mobile-margin-left-10,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-10 {
        margin-left: 10%;
        left: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-10,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-10, table.mobile-flexbox > thead > tr td.mobile-margin-right-10,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-10 {
        margin-right: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-order-2, table.mobile-flexbox > thead > tr td.mobile-order-2,
      table.mobile-flexbox > tbody > tr th.mobile-order-2,
      table.mobile-flexbox > tbody > tr td.mobile-order-2 {
        order: 2; }
      table.mobile-flexbox > thead > tr th.mobile-width-20,
      table.mobile-flexbox > thead > tr th .mobile-width-20, table.mobile-flexbox > thead > tr td.mobile-width-20,
      table.mobile-flexbox > thead > tr td .mobile-width-20,
      table.mobile-flexbox > tbody > tr th.mobile-width-20,
      table.mobile-flexbox > tbody > tr th .mobile-width-20,
      table.mobile-flexbox > tbody > tr td.mobile-width-20,
      table.mobile-flexbox > tbody > tr td .mobile-width-20 {
        width: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-20,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-20, table.mobile-flexbox > thead > tr td.mobile-margin-left-20,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-20 {
        margin-left: 20%;
        left: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-20,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-20, table.mobile-flexbox > thead > tr td.mobile-margin-right-20,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-20 {
        margin-right: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-order-3, table.mobile-flexbox > thead > tr td.mobile-order-3,
      table.mobile-flexbox > tbody > tr th.mobile-order-3,
      table.mobile-flexbox > tbody > tr td.mobile-order-3 {
        order: 3; }
      table.mobile-flexbox > thead > tr th.mobile-width-30,
      table.mobile-flexbox > thead > tr th .mobile-width-30, table.mobile-flexbox > thead > tr td.mobile-width-30,
      table.mobile-flexbox > thead > tr td .mobile-width-30,
      table.mobile-flexbox > tbody > tr th.mobile-width-30,
      table.mobile-flexbox > tbody > tr th .mobile-width-30,
      table.mobile-flexbox > tbody > tr td.mobile-width-30,
      table.mobile-flexbox > tbody > tr td .mobile-width-30 {
        width: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-30,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-30, table.mobile-flexbox > thead > tr td.mobile-margin-left-30,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-30 {
        margin-left: 30%;
        left: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-30,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-30, table.mobile-flexbox > thead > tr td.mobile-margin-right-30,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-30 {
        margin-right: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-order-4, table.mobile-flexbox > thead > tr td.mobile-order-4,
      table.mobile-flexbox > tbody > tr th.mobile-order-4,
      table.mobile-flexbox > tbody > tr td.mobile-order-4 {
        order: 4; }
      table.mobile-flexbox > thead > tr th.mobile-width-40,
      table.mobile-flexbox > thead > tr th .mobile-width-40, table.mobile-flexbox > thead > tr td.mobile-width-40,
      table.mobile-flexbox > thead > tr td .mobile-width-40,
      table.mobile-flexbox > tbody > tr th.mobile-width-40,
      table.mobile-flexbox > tbody > tr th .mobile-width-40,
      table.mobile-flexbox > tbody > tr td.mobile-width-40,
      table.mobile-flexbox > tbody > tr td .mobile-width-40 {
        width: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-40,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-40, table.mobile-flexbox > thead > tr td.mobile-margin-left-40,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-40 {
        margin-left: 40%;
        left: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-40,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-40, table.mobile-flexbox > thead > tr td.mobile-margin-right-40,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-40 {
        margin-right: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-order-5, table.mobile-flexbox > thead > tr td.mobile-order-5,
      table.mobile-flexbox > tbody > tr th.mobile-order-5,
      table.mobile-flexbox > tbody > tr td.mobile-order-5 {
        order: 5; }
      table.mobile-flexbox > thead > tr th.mobile-width-50,
      table.mobile-flexbox > thead > tr th .mobile-width-50, table.mobile-flexbox > thead > tr td.mobile-width-50,
      table.mobile-flexbox > thead > tr td .mobile-width-50,
      table.mobile-flexbox > tbody > tr th.mobile-width-50,
      table.mobile-flexbox > tbody > tr th .mobile-width-50,
      table.mobile-flexbox > tbody > tr td.mobile-width-50,
      table.mobile-flexbox > tbody > tr td .mobile-width-50 {
        width: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-50,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-50, table.mobile-flexbox > thead > tr td.mobile-margin-left-50,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-50 {
        margin-left: 50%;
        left: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-50,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-50, table.mobile-flexbox > thead > tr td.mobile-margin-right-50,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-50 {
        margin-right: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-order-6, table.mobile-flexbox > thead > tr td.mobile-order-6,
      table.mobile-flexbox > tbody > tr th.mobile-order-6,
      table.mobile-flexbox > tbody > tr td.mobile-order-6 {
        order: 6; }
      table.mobile-flexbox > thead > tr th.mobile-width-60,
      table.mobile-flexbox > thead > tr th .mobile-width-60, table.mobile-flexbox > thead > tr td.mobile-width-60,
      table.mobile-flexbox > thead > tr td .mobile-width-60,
      table.mobile-flexbox > tbody > tr th.mobile-width-60,
      table.mobile-flexbox > tbody > tr th .mobile-width-60,
      table.mobile-flexbox > tbody > tr td.mobile-width-60,
      table.mobile-flexbox > tbody > tr td .mobile-width-60 {
        width: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-60,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-60, table.mobile-flexbox > thead > tr td.mobile-margin-left-60,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-60 {
        margin-left: 60%;
        left: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-60,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-60, table.mobile-flexbox > thead > tr td.mobile-margin-right-60,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-60 {
        margin-right: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-order-7, table.mobile-flexbox > thead > tr td.mobile-order-7,
      table.mobile-flexbox > tbody > tr th.mobile-order-7,
      table.mobile-flexbox > tbody > tr td.mobile-order-7 {
        order: 7; }
      table.mobile-flexbox > thead > tr th.mobile-width-70,
      table.mobile-flexbox > thead > tr th .mobile-width-70, table.mobile-flexbox > thead > tr td.mobile-width-70,
      table.mobile-flexbox > thead > tr td .mobile-width-70,
      table.mobile-flexbox > tbody > tr th.mobile-width-70,
      table.mobile-flexbox > tbody > tr th .mobile-width-70,
      table.mobile-flexbox > tbody > tr td.mobile-width-70,
      table.mobile-flexbox > tbody > tr td .mobile-width-70 {
        width: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-70,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-70, table.mobile-flexbox > thead > tr td.mobile-margin-left-70,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-70 {
        margin-left: 70%;
        left: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-70,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-70, table.mobile-flexbox > thead > tr td.mobile-margin-right-70,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-70 {
        margin-right: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-order-8, table.mobile-flexbox > thead > tr td.mobile-order-8,
      table.mobile-flexbox > tbody > tr th.mobile-order-8,
      table.mobile-flexbox > tbody > tr td.mobile-order-8 {
        order: 8; }
      table.mobile-flexbox > thead > tr th.mobile-width-80,
      table.mobile-flexbox > thead > tr th .mobile-width-80, table.mobile-flexbox > thead > tr td.mobile-width-80,
      table.mobile-flexbox > thead > tr td .mobile-width-80,
      table.mobile-flexbox > tbody > tr th.mobile-width-80,
      table.mobile-flexbox > tbody > tr th .mobile-width-80,
      table.mobile-flexbox > tbody > tr td.mobile-width-80,
      table.mobile-flexbox > tbody > tr td .mobile-width-80 {
        width: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-80,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-80, table.mobile-flexbox > thead > tr td.mobile-margin-left-80,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-80 {
        margin-left: 80%;
        left: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-80,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-80, table.mobile-flexbox > thead > tr td.mobile-margin-right-80,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-80 {
        margin-right: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-order-9, table.mobile-flexbox > thead > tr td.mobile-order-9,
      table.mobile-flexbox > tbody > tr th.mobile-order-9,
      table.mobile-flexbox > tbody > tr td.mobile-order-9 {
        order: 9; }
      table.mobile-flexbox > thead > tr th.mobile-width-90,
      table.mobile-flexbox > thead > tr th .mobile-width-90, table.mobile-flexbox > thead > tr td.mobile-width-90,
      table.mobile-flexbox > thead > tr td .mobile-width-90,
      table.mobile-flexbox > tbody > tr th.mobile-width-90,
      table.mobile-flexbox > tbody > tr th .mobile-width-90,
      table.mobile-flexbox > tbody > tr td.mobile-width-90,
      table.mobile-flexbox > tbody > tr td .mobile-width-90 {
        width: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-90,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-90, table.mobile-flexbox > thead > tr td.mobile-margin-left-90,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-90 {
        margin-left: 90%;
        left: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-90,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-90, table.mobile-flexbox > thead > tr td.mobile-margin-right-90,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-90 {
        margin-right: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-order-10, table.mobile-flexbox > thead > tr td.mobile-order-10,
      table.mobile-flexbox > tbody > tr th.mobile-order-10,
      table.mobile-flexbox > tbody > tr td.mobile-order-10 {
        order: 10; }
      table.mobile-flexbox > thead > tr th.mobile-width-100,
      table.mobile-flexbox > thead > tr th .mobile-width-100, table.mobile-flexbox > thead > tr td.mobile-width-100,
      table.mobile-flexbox > thead > tr td .mobile-width-100,
      table.mobile-flexbox > tbody > tr th.mobile-width-100,
      table.mobile-flexbox > tbody > tr th .mobile-width-100,
      table.mobile-flexbox > tbody > tr td.mobile-width-100,
      table.mobile-flexbox > tbody > tr td .mobile-width-100 {
        width: 100%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-100,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-100, table.mobile-flexbox > thead > tr td.mobile-margin-left-100,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-100 {
        margin-left: 100%;
        left: 100%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-100,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-100, table.mobile-flexbox > thead > tr td.mobile-margin-right-100,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-100 {
        margin-right: 100%; } }

ul.subpage-links {
  margin-bottom: 18px; }
  ul.subpage-links:after {
    content: "";
    display: table;
    clear: both; }
  ul.subpage-links:empty {
    display: none; }
  ul.subpage-links > li {
    display: inline-block;
    position: relative; }
  ul.subpage-links > li:not(:last-of-type) a {
    margin-right: 1px; }
  ul.subpage-links li:not(.untucked):not(.curr-subpage).tucked {
    display: none; }
  ul.subpage-links > li > a {
    display: block;
    padding: 6px 8px;
    margin-bottom: 7px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.84em;
    border: solid 2px #3c4b5e;
    color: #3c4b5e;
    opacity: 0.8; }
    ul.subpage-links > li > a:hover {
      opacity: 1;
      color: #28323f;
      border-color: #28323f; }
    ul.subpage-links > li > a.curr-subpage, ul.subpage-links > li > a.selected {
      opacity: 1;
      background: #3c4b5e;
      color: white;
      border-color: #3c4b5e; }
      ul.subpage-links > li > a.curr-subpage:hover, ul.subpage-links > li > a.selected:hover {
        border-color: #28323f;
        background: #28323f; }
  ul.subpage-links li.more-subpages i.fa {
    font-size: 0.84em; }
  ul.subpage-links li.more-subpages > a:not(.active) span.less {
    display: none; }
  ul.subpage-links li.more-subpages > a.active span.more {
    display: none; }
  ul.subpage-links li.more-subpages > a.active span.less {
    display: block; }
  ul.subpage-links > li > select {
    -webkit-appearance: none;
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    cursor: pointer;
    border: none;
    outline: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    opacity: 0.01; }
    ul.subpage-links > li > select:active, ul.subpage-links > li > select:hover, ul.subpage-links > li > select:focus {
      outline: none; }

.spi {
  background-image: url(/National_Library/20160517234414oe_/https://static.tvtropes.org/img/namespace_sprite.png);
  background-repeat: no-repeat;
  background-size: 18px 3496px;
  float: left;
  margin-right: 5px;
  height: 21px;
  margin-top: -4px; }

.spi.aatafovs {
  background-position: 0 0;
  width: 18px; }

.spi.administrivia {
  background-position: 0 -39px;
  width: 19px; }

.spi.advertising {
  background-position: -3px -80px;
  width: 11px; }

.spi.analysis {
  background-position: -2px -120px;
  width: 16px; }

.spi.anime {
  background-position: -2px -161px;
  width: 16px; }

.spi.archive {
  background-position: -1px -202px;
  width: 18px; }

.spi.arg {
  background-position: -2px -241px;
  width: 17px; }

.spi.audioplay {
  background-position: -1px -283px;
  width: 17px; }

.spi.awesome {
  background-position: -2px -323px;
  width: 13px; }

.spi.awesomemusic {
  background-position: -2px -363px;
  width: 15px; }

.spi.blog {
  background-position: -2px -406px;
  width: 15px; }

.spi.bollywood {
  background-position: -1px -445px;
  width: 14px; }

.spi.characters {
  background-position: 0 -486px;
  width: 17px; }

.spi.comicbook {
  background-position: -3px -526px;
  width: 11px; }

.spi.comicstrip {
  background-position: -1px -566px;
  width: 18px; }

.spi.comments {
  background-position: -1px -606px;
  width: 17px; }

.spi.creator {
  background-position: -2px -647px;
  width: 14px; }

.spi.darthwiki {
  background-position: -1px -688px;
  width: 17px; }

.spi.discontinuity {
  background-position: -1px -730px;
  width: 15px; }

.spi.disney {
  background-position: 0 -771px;
  width: 18px; }

.spi.drinkinggame {
  background-position: -3px -811px;
  width: 12px; }

.spi.fanfic {
  background-position: -2px -854px;
  width: 16px; }

.spi.fanficrecs {
  background-position: -1px -892px;
  width: 16px; }

.spi.fanworks {
  background-position: -2px -933px;
  width: 16px; }

.spi.film {
  background-position: -1px -972px;
  width: 14px; }

.spi.franchise {
  background-position: -1px -1013px;
  width: 17px; }

.spi.funny {
  background-position: -1px -1053px;
  width: 15px; }

.spi.heartwarming {
  background-position: 0 -1094px;
  width: 16px; }

.spi.highoctanenightmarefuel {
  background-position: 0 -1135px;
  width: 11px; }

.spi.horrible {
  background-position: -1px -1176px;
  width: 18px; }

.spi.house {
  background-position: 0 -1217px;
  width: 17px; }

.spi.hoyay {
  background-position: 0 -1257px;
  width: 19px; }

.spi.justbugsme {
  background-position: 0 -1296px;
  width: 16px; }

.spi.justforfun {
  background-position: 0 -1338px;
  width: 17px; }

.spi.laconic-icon {
  background-position: -3px -1378px;
  width: 11px; }

.spi.larp {
  background-position: 0 -1419px;
  width: 17px; }

.spi.letsplay {
  background-position: -1px -1459px;
  width: 16px; }

.spi.fridge {
  background-position: -2px -1499px;
  width: 14px; }

.spi.lightnovel {
  background-position: -1px -1540px;
  width: 17px; }

.spi.literature {
  background-position: -1px -1581px;
  width: 17px; }

.spi.machinima {
  background-position: 0 -1621px;
  width: 16px; }

.spi.magazine {
  background-position: 0 -1662px;
  width: 17px; }

.spi.main-page {
  background-position: -1px -1701px;
  width: 15px; }

.spi.manga {
  background-position: -2px -1741px;
  width: 15px; }

.spi.manhwa {
  background-position: 0 -1783px;
  width: 17px; }

.spi.music {
  background-position: 0 -1823px;
  width: 16px; }

.spi.news {
  background-position: -1px -1864px;
  width: 16px; }

.spi.nightmarefuel {
  background-position: 0 -1905px;
  width: 18px; }

.spi.pantheon {
  background-position: -1px -1947px;
  width: 15px; }

.spi.pinball {
  background-position: 0 -1988px;
  width: 18px; }

.spi.podcast {
  background-position: 0 -2029px;
  width: 19px; }

.spi.quotes {
  background-position: -1px -2068px;
  width: 14px; }

.spi.radar {
  background-position: 0 -2108px;
  width: 14px; }

.spi.radio {
  margin: 0;
  background-position: -1px -2151px;
  width: 20px; }

.spi.recap {
  background-position: -1px -2189px;
  width: 17px; }

.spi.ride {
  background-position: -1px -2232px;
  width: 18px; }

.spi.roleplay {
  background-position: -2px -2271px;
  width: 11px; }

.spi.selfdemonstrating {
  background-position: -2px -2313px;
  width: 11px; }

.spi.series {
  background-position: 0 -2352px;
  width: 16px; }

.spi.shoutout {
  background-position: -1px -2392px;
  width: 18px; }

.spi.soyouwantto {
  background-position: -1px -2431px;
  width: 17px; }

.spi.sugarwiki {
  background-position: -1px -2474px;
  width: 17px; }

.spi.synopsis {
  background-position: -2px -2513px;
  width: 11px; }

.spi.tabletopgame {
  background-position: -1px -2556px;
  width: 18px; }

.spi.tearjerker {
  background-position: -3px -2597px;
  width: 10px; }

.spi.theater {
  background-position: 0 -2637px;
  width: 17px; }

.spi.titlebin {
  background-position: 0 -2677px;
  width: 15px; }

.spi.toys {
  background-position: -1px -2717px;
  width: 16px; }

.spi.trivia {
  background-position: 0 -2759px;
  width: 18px; }

.spi.tropers {
  background-position: -1px -2799px;
  width: 17px; }

.spi.videogame {
  background-position: 0 -2841px;
  width: 18px; }

.spi.visualnovel {
  background-position: 0 -2880px;
  width: 18px; }

.spi.wallbangers {
  background-position: -1px -2921px;
  width: 16px; }

.spi.webanimation {
  background-position: -1px -2962px;
  width: 16px; }

.spi.webcomic {
  background-position: -1px -3001px;
  width: 15px; }

.spi.weboriginal {
  background-position: -1px -3042px;
  width: 16px; }

.spi.website {
  background-position: -1px -3084px;
  width: 15px; }

.spi.webvideo {
  background-position: -1px -3123px;
  width: 17px; }

.spi.westernanimation {
  background-position: 0 -3164px;
  width: 17px; }

.spi.wmg {
  background-position: -2px -3205px;
  width: 13px; }

.spi.wrestling {
  background-position: -1px -3246px;
  width: 16px; }

.spi.ymmv {
  background-position: 0 -3287px;
  width: 18px; }

.spi.image-links {
  background-position: 0 -3511px;
  width: 19px; }

.spi.memes {
  background-position: 0 -3324px;
  width: 17px; }

.spi.haiku {
  background-position: 0 -3594px;
  width: 18px; }

.spi.playingWith {
  background-position: 0 -3364px;
  width: 17px; }

.spi.headscratchers {
  background-position: 0 -3396px;
  width: 15px; }

.spi.folder {
  background-position: -1px -3464px;
  width: 15px; }

.spi.folder-active {
  background-position: -1px -3432px;
  width: 15px; }

.pagination-box {
  position: relative;
  margin-bottom: 18px; }
  .pagination-box:after {
    content: "";
    display: table;
    clear: both; }
  .pagination-box > a {
    min-width: 20px; }
    .pagination-box > a.ellipsis {
      pointer-events: none;
      min-width: 0px; }
    .pagination-box > a span.current-page {
      opacity: 0.65;
      text-decoration: underline; }
    .pagination-box > a:hover span.current-page {
      opacity: 1; }
    .pagination-box > a > i.fa {
      line-height: inherit; }
  .pagination-box .pagination-jump-box {
    padding: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #28323f;
    min-width: 184px;
    -ms-transform: translate(-50%, calc(-100% - 4px));
    -webkit-transform: translate(-50%, calc(-100% - 4px));
    transform: translate(-50%, calc(-100% - 4px)); }
    .pagination-box .pagination-jump-box:before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: -6px;
      width: 12px;
      height: 12px;
      background: #28323f;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .pagination-box .pagination-jump-box > input {
      max-width: 130px;
      padding: 0 5px;
      position: relative;
      z-index: 2;
      line-height: 40px;
      font-size: 1em;
      border: none;
      outline: none; }
      .pagination-box .pagination-jump-box > input:focus {
        outline: none; }
    .pagination-box .pagination-jump-box > a {
      color: white !important; }

.comment-box + .comment-box {
  margin-top: 27px; }

.comment-box.reply + .comment-box {
  margin-top: 36px; }

a:target + .comment-box .comment-body .troper-comment,
a:target + .comment-box .comment-body .comment:before,
.comment-box:target .comment-body .troper-comment,
.comment-box:target .comment-body .comment:before {
  background: #e4f4ff !important; }

.comment-box.reply:target,
.replies > .comment-box:target {
  background: #e4f4ff; }

.comment-box .comment-body .troper-comment p:empty {
  display: none; }

.comment-box.hide-replies + .replies > .reply {
  display: none; }

.comment-box.hide-replies a.reply-toggle > i.fa {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.comment-box {
  position: relative;
  width: 100%;
  margin-top: 18px; }
  .comment-box:after {
    content: "";
    display: table;
    clear: both; }
  .comment-box .comment-head {
    margin-right: 190px;
    margin-bottom: 4px;
    line-height: normal; }
    .comment-box .comment-head .troper-avatar-tagline {
      font-size: 0.84em; }
    .comment-box .comment-head .troper-location {
      font-size: 0.84em;
      color: #9299a3;
      margin-right: 8px; }
    .comment-box .comment-head .troper-relationship-status {
      font-size: 0.84em;
      color: #9299a3;
      white-space: nowrap; }
  .comment-box .comment-body .troper-avatar-wrapper {
    float: left;
    width: 80px;
    min-height: 80px; }
    .comment-box .comment-body .troper-avatar-wrapper .troper-avatar {
      display: block;
      max-height: 80px;
      overflow: hidden; }
      .comment-box .comment-body .troper-avatar-wrapper .troper-avatar img {
        vertical-align: top;
        max-width: 100%;
        max-height: 100%;
        margin-left: 50%;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    .comment-box .comment-body .troper-avatar-wrapper .troper-avatar-tagline {
      font-size: 0.7em;
      line-height: normal;
      display: block; }
    .comment-box .comment-body .troper-avatar-wrapper .troper-badges {
      text-align: center;
      display: block; }
  .comment-box .comment-body .troper-comment {
    border-radius: 5px;
    border: solid 1px #aeb3ba;
    margin-left: 98px;
    padding: 9px 18px;
    min-height: 26px; }
    .comment-box .comment-body .troper-comment .comment {
      position: relative;
      word-wrap: break-word; }
    .comment-box .comment-body .troper-comment .comment strike {
      display: inline !important; }
    .comment-box .comment-body .troper-comment .comment:before {
      content: '';
      display: block;
      width: 11px;
      height: 11px;
      position: absolute;
      left: -25px;
      top: 6px;
      background: white;
      border-bottom: solid 1px #aeb3ba;
      border-left: solid 1px #aeb3ba;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .comment-box .comment-body .troper-comment .comment > h1:first-child,
    .comment-box .comment-body .troper-comment .comment > h2:first-child,
    .comment-box .comment-body .troper-comment .comment > h3:first-child,
    .comment-box .comment-body .troper-comment .comment > p:empty:first-child {
      display: inline-block;
      width: calc(100% - 47px);
      clear: left; }
      .comment-box .comment-body .troper-comment .comment > h1:first-child + h1,
      .comment-box .comment-body .troper-comment .comment > h1:first-child + h2,
      .comment-box .comment-body .troper-comment .comment > h1:first-child + h3,
      .comment-box .comment-body .troper-comment .comment > h2:first-child + h1,
      .comment-box .comment-body .troper-comment .comment > h2:first-child + h2,
      .comment-box .comment-body .troper-comment .comment > h2:first-child + h3,
      .comment-box .comment-body .troper-comment .comment > h3:first-child + h1,
      .comment-box .comment-body .troper-comment .comment > h3:first-child + h2,
      .comment-box .comment-body .troper-comment .comment > h3:first-child + h3,
      .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h1,
      .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h2,
      .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h3 {
        display: inline-block;
        width: calc(100% - 47px);
        clear: left; }
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h1 + h1,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h1 + h2,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h1 + h3,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h2 + h1,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h2 + h2,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h2 + h3,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h3 + h1,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h3 + h2,
        .comment-box .comment-body .troper-comment .comment > h1:first-child + h3 + h3,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h1 + h1,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h1 + h2,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h1 + h3,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h2 + h1,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h2 + h2,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h2 + h3,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h3 + h1,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h3 + h2,
        .comment-box .comment-body .troper-comment .comment > h2:first-child + h3 + h3,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h1 + h1,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h1 + h2,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h1 + h3,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h2 + h1,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h2 + h2,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h2 + h3,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h3 + h1,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h3 + h2,
        .comment-box .comment-body .troper-comment .comment > h3:first-child + h3 + h3,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h1 + h1,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h1 + h2,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h1 + h3,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h2 + h1,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h2 + h2,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h2 + h3,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h3 + h1,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h3 + h2,
        .comment-box .comment-body .troper-comment .comment > p:empty:first-child + h3 + h3 {
          display: inline-block;
          width: calc(100% - 47px);
          clear: left; }
    .comment-box .comment-body .troper-comment.has-title .comment:before {
      top: 15px;
      background: #f3f4f5; }
    .comment-box .comment-body .troper-comment .comment > h2.comment-title {
      background: #f3f4f5;
      border-radius: 3px 3px 0 0;
      width: calc(100% + 9px);
      margin: -9px 0 9px -18px !important;
      padding: 9px 9px 9px 18px; }
    .comment-box .comment-body .troper-comment .comment > .footer {
      margin-top: 5px;
      padding-top: 4px;
      padding-bottom: 4px;
      border-top: solid 1px #cacdd1; }
      .comment-box .comment-body .troper-comment .comment > .footer:after {
        content: "";
        display: table;
        clear: both; }
    .comment-box .comment-body .troper-comment .comment > .reply-toggle {
      position: absolute;
      left: 50%;
      bottom: -40px;
      border: solid 8px white;
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .comment-box .comment-body .troper-comment .comment > .edited-by {
      display: block;
      font-size: 0.7em;
      color: #aeb3ba; }
    .comment-box .comment-body .troper-comment .comment > .thumped {
      text-align: center;
      color: #7a202a; }
    .comment-box .comment-body .troper-comment a.troper-post-time {
      line-height: normal;
      font-size: 0.84em;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    .comment-box .comment-body .troper-comment .hover-menu-wrapper {
      position: relative;
      width: 24px;
      height: 2px;
      margin-right: -32px;
      display: block;
      float: right; }
    .comment-box .comment-body .troper-comment .hover-menu {
      right: -5px;
      top: 30px; }
    .comment-box .comment-body .troper-comment .troper-signature {
      width: calc(100% + 18px);
      margin-left: -9px;
      display: block;
      margin-top: 4px;
      margin-bottom: -9px;
      padding: 4px 0;
      font-size: 0.84em;
      line-height: normal;
      color: #9299a3;
      border-top: solid 1px #aeb3ba; }
      .comment-box .comment-body .troper-comment .troper-signature.empty, .comment-box .comment-body .troper-comment .troper-signature p.empty, .comment-box .comment-body .troper-comment .troper-signature br {
        display: none; }
  .comment-box.mod-mode .comment-body .troper-comment,
  .comment-box.mod-mode .comment-body .troper-signature,
  .comment-box.mod-mode .comment-body .troper-comment .comment:before {
    border-color: #b7303f !important;
    background: #fff4ee; }

a.options-button {
  display: block;
  float: right;
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  line-height: 26px;
  background: #aeb3ba;
  border-radius: 100%;
  color: white !important;
  text-align: center;
  text-decoration: none;
  -ms-transform: translate(9px, 0);
  -webkit-transform: translate(9px, 0);
  transform: translate(9px, 0); }
  a.options-button:hover {
    text-decoration: none !important; }
  a.options-button:active {
    line-height: 28px;
    background: #9299a3;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2); }
  a.options-button.with-title {
    position: absolute;
    right: 18px; }
  a.options-button.flashing-red {
    animation: flashing-red 1s linear infinite; }

.comment-box.reply,
.replies > .comment-box {
  border-radius: 5px;
  background: rgba(190, 190, 190, 0.13);
  border: solid 1px #aeb3ba;
  width: calc(100% - 134px);
  margin-top: 27px !important;
  margin-left: 98px;
  padding: 18px; }
  .comment-box.reply .comment-head .troper-handle-wrapper,
  .replies > .comment-box .comment-head .troper-handle-wrapper {
    position: absolute;
    top: 23px;
    left: 58px; }
  .comment-box.reply .comment-body .troper-avatar-wrapper,
  .replies > .comment-box .comment-body .troper-avatar-wrapper {
    float: left;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    overflow: hidden;
    margin-top: -39px; }
  .comment-box.reply .comment-body .troper-comment,
  .replies > .comment-box .comment-body .troper-comment {
    background: none;
    border: none;
    padding: 0;
    margin-left: 0;
    margin-top: 39px; }
    .comment-box.reply .comment-body .troper-comment .comment:before,
    .replies > .comment-box .comment-body .troper-comment .comment:before {
      display: none; }
    .comment-box.reply .comment-body .troper-comment a.troper-post-time,
    .replies > .comment-box .comment-body .troper-comment a.troper-post-time {
      top: -23px; }
    .comment-box.reply .comment-body .troper-comment a.options-button,
    .replies > .comment-box .comment-body .troper-comment a.options-button {
      position: absolute;
      top: 9px;
      right: 18px; }
    .comment-box.reply .comment-body .troper-comment .hover-menu-wrapper,
    .replies > .comment-box .comment-body .troper-comment .hover-menu-wrapper {
      margin-right: -9px;
      margin-top: -48px; }

.comment-box > .comment-body > .troper-comment > a.options-button ~ .comment > h2.comment-title {
  padding-right: 36px;
  width: calc(100% - 18px); }

.comment-box.no-avatar .comment-body .troper-comment {
  margin-left: 0;
  padding-bottom: 0; }

.comment-box.no-avatar .comment-body .troper-comment .comment:before,
.comment-box.no-avatar .comment-body .troper-avatar-wrapper {
  display: none; }

.comment-box.has-footer .comment-body .troper-comment {
  padding-bottom: 0; }

form.requires-toggle {
  /*
    width:calc(100% - 98px);
    margin-left: $avatar-width + $gutter;
    */ }
  form.requires-toggle:not(.active) > .column-box:not(:first-of-type) {
    display: none; }
  form.requires-toggle.active > .column-box:first-of-type {
    display: none; }
  form.requires-toggle textarea {
    border-radius: 5px; }

.sticky-post-header p:empty,
.comment-box .comment-body .troper-comment p:empty,
#main-entry .article-content #preview-container p:empty,
#main-entry .article-content .comment-box .comment-body .troper-comment p:empty {
  display: none; }

.sticky-post-header strike,
.comment-box .comment-body .troper-comment strike,
#main-entry .article-content #preview-container strike,
#main-entry .article-content .comment-box .comment-body .troper-comment strike {
  display: inline; }

.sticky-post-header p:not(:last-of-type),
.comment-box .comment-body .troper-comment p:not(:last-of-type),
#main-entry .article-content #preview-container p:not(:last-of-type),
#main-entry .article-content .comment-box .comment-body .troper-comment p:not(:last-of-type) {
  margin-bottom: 8px; }

.sticky-post-header div[class*='quote']:not(.quoteblock),
.comment-box .comment-body .troper-comment div[class*='quote']:not(.quoteblock),
#main-entry .article-content #preview-container div[class*='quote']:not(.quoteblock),
#main-entry .article-content .comment-box .comment-body .troper-comment div[class*='quote']:not(.quoteblock) {
  float: none !important;
  text-align: center !important;
  border: none !important;
  width: calc(100% - 18px) !important;
  max-width: 350px !important;
  background: none;
  padding: 0;
  margin: 0 0 18px 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  box-shadow: none; }
  .sticky-post-header div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  .comment-box .comment-body .troper-comment div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  #main-entry .article-content #preview-container div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  #main-entry .article-content .comment-box .comment-body .troper-comment div[class*='quote']:not(.quoteblock) + div[class*='caption'] {
    margin-top: -18px; }

.sticky-post-header div[class*='caption'],
.comment-box .comment-body .troper-comment div[class*='caption'],
#main-entry .article-content #preview-container div[class*='caption'],
#main-entry .article-content .comment-box .comment-body .troper-comment div[class*='caption'] {
  float: none;
  width: calc(100% - 30px) !important;
  max-width: 336px !important;
  margin-left: 0;
  position: relative;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.sticky-post-header .folderlabel,
.comment-box .comment-body .troper-comment .folderlabel,
#main-entry .article-content #preview-container .folderlabel,
#main-entry .article-content .comment-box .comment-body .troper-comment .folderlabel {
  clear: none;
  width: calc(100% - 36px); }

.sticky-post-header .comment > *:not(:first-child),
.comment-box .comment-body .troper-comment .comment > *:not(:first-child),
#main-entry .article-content #preview-container .comment > *:not(:first-child),
#main-entry .article-content .comment-box .comment-body .troper-comment .comment > *:not(:first-child) {
  margin-bottom: 8px; }

.sticky-post-header .quoteblock,
.comment-box .comment-body .troper-comment .quoteblock,
#main-entry .article-content #preview-container .quoteblock,
#main-entry .article-content .comment-box .comment-body .troper-comment .quoteblock {
  padding: 0 0 0 10px;
  margin-left: 35px;
  margin-bottom: 8px;
  font-size: smaller;
  border-left: solid 3px rgba(127, 127, 127, 0.5); }

.sticky-post-header table td.embedcell,
.comment-box .comment-body .troper-comment table td.embedcell,
#main-entry .article-content #preview-container table td.embedcell,
#main-entry .article-content .comment-box .comment-body .troper-comment table td.embedcell {
  text-align: center; }
  .sticky-post-header table td.embedcell > img,
  .comment-box .comment-body .troper-comment table td.embedcell > img,
  #main-entry .article-content #preview-container table td.embedcell > img,
  #main-entry .article-content .comment-box .comment-body .troper-comment table td.embedcell > img {
    width: calc(100% - 18px) !important;
    max-width: 350px !important; }

.sticky-post-header table tbody > tr,
.comment-box .comment-body .troper-comment table tbody > tr,
#main-entry .article-content #preview-container table tbody > tr,
#main-entry .article-content .comment-box .comment-body .troper-comment table tbody > tr {
  border: none; }

.sticky-post-header center.video-holder > iframe,
.comment-box .comment-body .troper-comment center.video-holder > iframe,
#main-entry .article-content #preview-container center.video-holder > iframe,
#main-entry .article-content .comment-box .comment-body .troper-comment center.video-holder > iframe {
  max-width: calc(100% - 18px);
  max-height: 290px; }

@media (max-width: 765px) {
  .comment-box:after {
    display: none; }
  .section-block > a.options-button, .section-block > * > a.options-button {
    margin-right: 9px; }
  h2.comment-title {
    padding-top: 4px !important;
    -ms-transform: translate(9px, 3px);
    -webkit-transform: translate(9px, 3px);
    transform: translate(9px, 3px); }
  #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head {
    min-height: 34px;
    margin-right: 0; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head .troper-handle-wrapper {
      display: block;
      padding-top: 10px;
      padding-left: 50px;
      padding-bottom: 7px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head .troper-handle-wrapper.has-tag {
        padding-top: 2px;
        padding-bottom: 0; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head .troper-location,
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head .troper-relationship-status {
      margin-top: 9px;
      font-size: 0.7em;
      display: block;
      white-space: normal; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-head .troper-location + .troper-relationship-status {
      margin-top: 0px; }
  #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body {
    margin-top: 10px; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-avatar-wrapper {
      width: 1px;
      height: 1px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-avatar-wrapper .troper-avatar {
        width: 40px;
        height: 40px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-avatar-wrapper .troper-badges {
        display: none; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-avatar-wrapper a.troper-badges {
        position: relative;
        left: 10px;
        top: 6px;
        z-index: 1; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment {
      margin-left: 0;
      padding: 9px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment a.troper-post-time {
        background: white;
        padding: 0 4px;
        position: relative;
        float: right;
        top: -17px;
        left: auto;
        right: -4px;
        margin-bottom: -14px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment a.options-button {
        position: absolute;
        top: 4px;
        right: 9px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment .hover-menu-wrapper {
        position: absolute;
        top: 4px;
        right: 32px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment .comment {
        clear: right; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment .comment:before {
        display: none; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment .comment > h2.comment-title {
        width: 100%;
        margin-left: -9px;
        margin-top: -1px;
        padding: 2px 9px; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment.has-title {
      padding: 1px 9px 0 9px; }
      #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply):not(.no-avatar) .comment-body .troper-comment.has-title a.troper-post-time {
        top: -9px;
        margin-bottom: -16px; }
  .comment-box.reply,
  .replies > .comment-box {
    width: calc(100% - 36px);
    margin-left: 18px;
    margin-top: 36px !important;
    padding: 9px; }
    .comment-box.reply .comment-head .troper-handle-wrapper,
    .replies > .comment-box .comment-head .troper-handle-wrapper {
      top: 14px;
      left: 48px; }
    .comment-box.reply .comment-body .troper-comment .hover-menu-wrapper,
    .replies > .comment-box .comment-body .troper-comment .hover-menu-wrapper {
      margin-right: 0;
      margin-top: -39px; }
  #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply).has-footer .comment-body .troper-comment #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply).no-avatar .comment-body .troper-comment {
    padding: 9px;
    padding-bottom: 0; }
    #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply).has-footer .comment-body .troper-comment #user-prefs:not(.forum-gingerbread) ~ #main-container .comment-box:not(.reply).no-avatar .comment-body .troper-comment h2.comment-title {
      width: 100%;
      padding: 9px;
      margin-left: -9px; }
  form.requires-toggle {
    width: calc(100% - 18px);
    margin-left: 18px; }
    form.requires-toggle:not(.active) > .column-box:not(:first-of-type) {
      display: none; }
    form.requires-toggle.active > .column-box:first-of-type {
      display: none; } }

#modal-box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  animation-name: opacity-in;
  animation-duration: 0.31s;
  overflow: auto; }
  #modal-box:not(.active) {
    display: none; }
  #modal-box .modal-spacer {
    pointer-events: none;
    max-height: 15vh;
    position: relative; }
    #modal-box .modal-spacer:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 10%; }
    #modal-box .modal-spacer > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  #modal-box > .modal-loading-graphic {
    background: no-repeat center url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/loading-graphic.png");
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: calc(30% - 40px);
    left: calc(50% - 40px);
    z-index: 2;
    animation: rotate-forever 0.34s linear infinite; }
  #modal-box > .modal {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 0 18px 0;
    padding: 0.5px 18px 18px 18px;
    min-width: 272px;
    max-width: 300px;
    width: calc(100% - 45px);
    border-radius: 8px;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: scale(1) translate(-50%, 0);
    -moz-transform: scale(1) translate(-50%, 0);
    -o-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0);
    transform-origin: 0% 0%;
    background: white;
    animation-name: modal-in;
    animation-duration: 0.25s;
    animation-delay: 0.05s;
    animation-fill-mode: forwards; }
  #modal-box > .modal > #kill-modal-button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: white;
    border-radius: 50px; }
    #modal-box > .modal > #kill-modal-button:before, #modal-box > .modal > #kill-modal-button:after {
      content: '';
      display: block;
      width: 4px;
      height: 60%;
      border-radius: 3px;
      background: #3c4b5e;
      position: absolute;
      left: calc(50% - 2px);
      top: 20%; }
    #modal-box > .modal > #kill-modal-button:before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #modal-box > .modal > #kill-modal-button:after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #modal-box > .modal > #kill-modal-button:active {
      -ms-transform: scale(0.96);
      -webkit-transform: scale(0.96);
      transform: scale(0.96); }
    #modal-box > .modal > #kill-modal-button:hover {
      background: white; }
    #modal-box > .modal > #kill-modal-button:hover:before, #modal-box > .modal > #kill-modal-button:hover:after {
      background: #3c4b5e; }

#modal-box > .modal a {
  color: #006BB1;
  text-decoration: none; }

#modal-box > .modal a:hover {
  text-decoration: underline; }

#modal-box > .modal input[type="text"],
#modal-box > .modal input[type="password"] {
  height: 42px !important; }

#modal-box > .modal hr {
  border: none;
  border-bottom: solid 1px #aeb3ba; }
  #modal-box > .modal hr.light {
    border-color: #cacdd1; }

#modal-box > .modal p {
  line-height: normal; }

#modal-box > .modal p.or-separator {
  padding-right: 0;
  padding-left: 0;
  width: calc(100% + 36px);
  margin-left: -18px;
  color: rgba(0, 0, 0, 0);
  border-bottom: solid 1px #cacdd1; }
  #modal-box > .modal p.or-separator:before {
    display: none; }
  #modal-box > .modal p.or-separator:after {
    content: 'or';
    color: #aeb3ba;
    padding: 0 12px;
    background: white;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 6px);
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px); }

#modal-box > .modal #header {
  width: 100%;
  margin-top: -2px;
  margin-left: -18px;
  min-height: 44px;
  border-radius: 6px 6px 0 0;
  background: #3c4b5e;
  color: white;
  padding: 8px 18px 0 18px; }
  #modal-box > .modal #header.alert-red {
    background: #b7303f; }
  #modal-box > .modal #header.alert-green {
    background: #99aa54; }

#modal-box > .modal a.button.facebook-login-button {
  border: none !important;
  background-color: #455d8d !important;
  color: white !important;
  text-align: center; }
  #modal-box > .modal a.button.facebook-login-button:before {
    content: '';
    display: block;
    position: absolute;
    height: 26px;
    width: 1px;
    left: 40px;
    top: 7px;
    background: #34466b; }
  #modal-box > .modal a.button.facebook-login-button i.fa {
    float: left;
    margin-top: 12px;
    margin-left: -2px; }

#modal-box > .modal #form-login:not(.active),
#modal-box > .modal #form-signup:not(.active),
#modal-box > .modal #form-resetPassword:not(.active),
#modal-box > .modal #form-forgotName:not(.active),
#modal-box > .modal #new-account-from-social-form:not(.active),
#modal-box > .modal #link-social-form:not(.active) {
  display: none; }

#modal-box div.modal.modal-type-upload_image {
  max-width: 600px !important; }
  #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone {
    position: relative; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone div.dz-default.dz-message {
      position: absolute;
      top: 42%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

@media (max-width: 372px) {
  #modal-box > .modal > #kill-modal-button {
    top: 5px;
    right: 5px;
    background: none; }
    #modal-box > .modal > #kill-modal-button:before, #modal-box > .modal > #kill-modal-button:after {
      background: white; } }

div.announcement-banner-wrapper {
  position: relative; }
  div.announcement-banner-wrapper a.kill-announcement-button {
    background: #cacdd1;
    color: white;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: 0.7; }
  div.announcement-banner-wrapper a.kill-announcement-button:hover {
    opacity: 1; }
  div.announcement-banner-wrapper a.announcement-banner {
    display: block;
    color: #006BB1;
    text-decoration: none;
    background: #efefef;
    border: solid 1px #cacdd1;
    border-radius: 4px;
    padding: 10px 30px 10px 10px;
    line-height: normal;
    overflow: hidden;
    max-height: 300px;
    transition: all ease-in-out 100ms; }
    div.announcement-banner-wrapper a.announcement-banner:hover {
      background: #e5e5e5; }
    div.announcement-banner-wrapper a.announcement-banner.dead {
      max-height: 0;
      padding: 0 10px;
      border: solid 0px rgba(0, 0, 0, 0);
      margin-bottom: 0 !important; }
    div.announcement-banner-wrapper a.announcement-banner > hr {
      border: none;
      border-top: solid 1px #cacdd1; }

@media (max-width: 765px) {
  div.announcement-banner-wrapper a.kill-announcement-button {
    width: 30px;
    height: 30px;
    line-height: 29px;
    top: -3px;
    right: -3px;
    opacity: 1; }
  div.announcement-banner-wrapper a.announcement-banner {
    padding-right: 4px; } }

#main-content-sidebar .sidebar-item {
  max-width: 300px;
  margin: 0 auto 18px auto;
  color: #5c5f63;
  line-height: 24px; }
  #main-content-sidebar .sidebar-item a:not(.bubble) {
    color: #5c5f63;
    text-decoration: none;
    display: block;
    margin-bottom: 4.5px; }
  #main-content-sidebar .sidebar-item a:hover {
    text-decoration: underline;
    color: #28323f; }
  #main-content-sidebar .sidebar-item .padded {
    padding: 0 9px; }
  #main-content-sidebar .sidebar-item hr {
    border: none;
    border-bottom: solid 1px #cacdd1; }
  #main-content-sidebar .sidebar-item p:empty {
    display: none; }
  #main-content-sidebar .sidebar-item p.sidebar-item-title {
    text-transform: uppercase;
    font-size: 0.7em;
    color: #50647d;
    font-weight: bold;
    text-align: center;
    position: relative; }
    #main-content-sidebar .sidebar-item p.sidebar-item-title:after {
      content: attr(data-title);
      color: #50647d;
      font-size: 1em;
      padding: 0 8px;
      position: absolute;
      left: 50%;
      top: 0;
      background: #fbfbfc;
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    #main-content-sidebar .sidebar-item p.sidebar-item-title:before {
      content: '';
      width: 100%;
      height: 1px;
      background: #aeb3ba;
      display: block;
      position: absolute;
      left: 0;
      top: 45%;
      opacity: 0.7; }
    #main-content-sidebar .sidebar-item p.sidebar-item-title .float-right {
      float: none;
      position: absolute;
      top: 6px;
      right: 0; }
  #main-content-sidebar .sidebar-item ul.display-toggles {
    font-size: 0.7em;
    line-height: calc(0.7em + 5px);
    font-weight: bold;
    margin-bottom: 27px;
    display: flex;
    justify-content: space-around; }
    #main-content-sidebar .sidebar-item ul.display-toggles > li {
      width: 18%;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      opacity: 0.85; }
      #main-content-sidebar .sidebar-item ul.display-toggles > li:hover {
        opacity: 1; }
      #main-content-sidebar .sidebar-item ul.display-toggles > li:last-of-type {
        margin: 0; }
  #main-content-sidebar .sidebar-item ul.bulletins li a {
    position: relative;
    display: block;
    padding-left: 60px;
    line-height: normal;
    margin-bottom: 10px; }
    #main-content-sidebar .sidebar-item ul.bulletins li a span {
      position: absolute;
      left: 0;
      top: 0;
      height: 14px;
      line-height: 15px;
      letter-spacing: 0.04em;
      padding: 0 3px;
      font-weight: bold;
      border-radius: 2px;
      text-transform: uppercase;
      font-size: 0.7em;
      background: #50647d;
      color: white; }
    #main-content-sidebar .sidebar-item ul.bulletins li a:hover span {
      background: #3c4b5e; }
  #main-content-sidebar .sidebar-item ul > li > ul,
  #main-content-sidebar .sidebar-item ul > li > ul > li {
    position: relative; }
  #main-content-sidebar .sidebar-item ul > li > ul > li {
    max-height: 0;
    overflow: hidden;
    transition: max-height ease-in-out 200ms; }
  #main-content-sidebar .sidebar-item ul > li > a.active + ul > li {
    max-height: 40px; }
  #main-content-sidebar .sidebar-item ul > li > ul {
    padding-left: 15px; }
  #main-content-sidebar .sidebar-item ul > li > ul:before {
    content: '';
    display: block;
    width: 3px;
    height: calc(100% - 11px);
    position: absolute;
    top: 5px;
    left: 2px;
    background: #e5e7e9; }
  #main-content-sidebar .sidebar-item ul > li > ul:after {
    content: "\F078";
    font-family: fontAwesome;
    font-size: 8px;
    pointer-events: none;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -27px;
    right: 0;
    background: #cacdd1;
    color: white;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    transition: transform ease-in-out 100ms; }
  #main-content-sidebar .sidebar-item ul > li > a:hover + ul:after {
    background: #3c4b5e; }
  #main-content-sidebar .sidebar-item ul > li > a.active + ul:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  #main-content-sidebar .sidebar-item .alerts a {
    width: 100%;
    border-radius: 4px;
    background: red;
    color: white;
    border-bottom: solid 2px darkred; }
    #main-content-sidebar .sidebar-item .alerts a:hover {
      background: #3c4b5e;
      border-bottom: solid 2px #28323f; }
    #main-content-sidebar .sidebar-item .alerts a:active {
      background: #28323f;
      border-bottom: none;
      border-top: solid 2px black; }
  #main-content-sidebar .sidebar-item .community-showcase a {
    opacity: 0.92; }
  #main-content-sidebar .sidebar-item .community-showcase a:hover {
    opacity: 1; }
  #main-content-sidebar .sidebar-item .community-showcase img {
    max-width: 100%; }
  #main-content-sidebar .sidebar-item.wrapper {
    border: solid 1px #cacdd1;
    border-radius: 4px;
    padding-bottom: 9px;
    box-shadow: 0 2px 2px 0 #f3f4f5; }
    #main-content-sidebar .sidebar-item.wrapper .sidebar-item-title:first-child {
      margin-bottom: 9px; }
    #main-content-sidebar .sidebar-item.wrapper .sidebar-item-title:first-child:before {
      top: auto;
      bottom: 0;
      z-index: 1; }

#header-ad-wrapper.ad,
#footer-ad-wrapper.ad {
  position: relative;
  z-index: 1; }

.ad-content-top, .btf_banner {
  padding: 20px 0 8px 0;
  min-height: 133px; }

#main-content-sidebar .sidebar-item.sb-ad-unit.is_stuck {
  margin-top: -46px;
  margin-left: 17px; }

.atf_banner {
  min-height: 90px; }

.ad-content-bottom {
  padding: 20px 0; }

.mobile-ad {
  display: none !important; }

@media screen and (max-width: 767px) {
  .mobile-ad {
    display: block !important;
    border-top: dashed 1px black;
    border-bottom: dashed 1px black;
    padding-bottom: 15px;
    padding-top: 5px;
    margin: 15px 0 !important; }
  .ad-caption {
    margin: 0 !important;
    font-size: 12px;
    font-style: italic; }
  .atf_banner {
    min-height: 35px !important; }
  .atf_banner .proper-ad-unit {
    padding-bottom: 10px !important; }
  .ad-content-top, .btf_banner {
    padding: 0px !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    min-height: 0px; } }

.square_ad {
  min-height: 275px; }

@media print {
  body .header-tray,
  body .header-container .btn-group.user-account,
  body .header-container .header-search,
  body .header-container .random-btns,
  body .header-container .sm-device-left-menu-btn,
  body .header-container #main-nav,
  body .main-full-width .ad-content-top,
  body .main-full-width .ad-content-bottom,
  body .main-full-width .main-container .main-body .main-body-content .sidebar-right,
  body .main-full-width .main-container .main-body .main-body-content .main-left .page-actions,
  body .main-full-width .main-container .main-body .main-body-content .main-left .notifier,
  body .main-full-width .main-container .main-body .main-body-content .main-left .modal,
  body .main-full-width .main-container .main-body .main-body-content .main-left .body-options,
  body .main-full-width .main-container .main-body .main-body-content .main-left .article-header .share-box,
  body .main-full-width .main-container .main-body .main-body-content .main-left .section-links.section,
  body .main-full-width .main-container .main-body .main-body-content .main-left .folderlabelopen,
  body .main-full-width .main-container .main-body .main-body-content .main-left .folderlabel,
  body .main-full-width .main-container .main-body .main-body-content .main-left .alt-titles,
  body footer {
    display: none !important; }
  body .header-container {
    margin-bottom: 35px !important; }
    body .header-container #header-new {
      background: none !important;
      border: none !important; }
      body .header-container #header-new .header-inner {
        margin: 0 auto !important;
        text-align: center !important; }
        body .header-container #header-new .header-inner .brand {
          margin-top: 15px !important;
          float: none !important;
          display: inline-block !important;
          height: 55px !important; }
          body .header-container #header-new .header-inner .brand:after {
            content: '' !important; }
  body .main-full-width .main-container .main-body .main-body-content .main-left .quoteright {
    margin-left: 0 !important;
    float: none !important; }
  body .main-full-width .main-container .main-body .main-body-content .main-left .acaptionright {
    margin-left: 0 !important;
    float: none !important; }
  body .printer-page-url {
    margin-top: 15px !important;
    display: block !important;
    text-align: center !important; } }

.stick-top {
  position: fixed;
  top: 16px;
  width: 310.5px; }

.stick-top50 {
  position: fixed;
  top: 66px;
  width: 310.5px; }

.stick-bottom {
  position: relative; }

#stick-cont {
  padding-top: 16px;
  margin-top: -15px; }

.article-content > .launch-pad-draft {
  padding: 18px;
  border: solid 1px #aeb3ba;
  border-top: none;
  overflow: hidden;
  box-shadow: 0 2px 0 1px rgba(190, 190, 190, 0.13); }
  .article-content > .launch-pad-draft:not(.active) {
    max-height: 1200px; }
  .article-content > .launch-pad-draft .quoteright,
  .article-content > .launch-pad-draft .acaptionright {
    width: 100% !important;
    max-width: 350px; }

div.mobile-ad {
  clear: both; }

ul > div.mobile-ad {
  -ms-transform: translate(-11px, 0);
  -webkit-transform: translate(-11px, 0);
  transform: translate(-11px, 0); }

ul ul > div.mobile-ad {
  -ms-transform: translate(-20px, 0);
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
  background: #fff; }

.article-content,
.launch-pad-draft,
.comment-box {
  display: block;
  color: #333;
  line-height: 24px;
  /*
  & > ul:not(.thread-breadcrumbs):not(.table) {

    list-style-type: disc;
    padding-top: $list-spacing;
    padding-left: $gutter;

    //background:red;

    & > li:not(:last-of-type) {
      padding-bottom: $list-spacing;
      margin-bottom: $list-spacing;
      border-bottom: dotted 1px $color-hairlines;
    }

    & > li > ul {
      list-style-type: circle;
      margin-left: $gutter;
    }
  }
  */
  /*=================================*/
  /*=================================*/
  /* Colors */
  /* asscaps */ }
  .article-content:after,
  .launch-pad-draft:after,
  .comment-box:after {
    content: "";
    display: table;
    clear: both; }
  .article-content:not(.comment-box) > p:not(:first-child),
  .article-content:not(.comment-box) > .wmglead:not(:first-child),
  .launch-pad-draft:not(.comment-box) > p:not(:first-child),
  .launch-pad-draft:not(.comment-box) > .wmglead:not(:first-child),
  .comment-box:not(.comment-box) > p:not(:first-child),
  .comment-box:not(.comment-box) > .wmglead:not(:first-child) {
    margin-top: 10px; }
  .article-content:not(.comment-box) > ol:not(:first-child),
  .article-content:not(.comment-box) > ul:not(:first-child),
  .launch-pad-draft:not(.comment-box) > ol:not(:first-child),
  .launch-pad-draft:not(.comment-box) > ul:not(:first-child),
  .comment-box:not(.comment-box) > ol:not(:first-child),
  .comment-box:not(.comment-box) > ul:not(:first-child) {
    margin-top: 16px; }
  .article-content h1.entry-title.no-underline,
  .launch-pad-draft h1.entry-title.no-underline,
  .comment-box h1.entry-title.no-underline {
    box-shadow: none; }
  .article-content h1.entry-title > a,
  .launch-pad-draft h1.entry-title > a,
  .comment-box h1.entry-title > a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .article-content a,
  .launch-pad-draft a,
  .comment-box a {
    color: #006BB1;
    text-decoration: none; }
    .article-content a:hover,
    .launch-pad-draft a:hover,
    .comment-box a:hover {
      text-decoration: underline; }
  .article-content img:not(.thumb),
  .launch-pad-draft img:not(.thumb),
  .comment-box img:not(.thumb) {
    max-width: 100% !important; }
  .article-content a.urllink,
  .launch-pad-draft a.urllink,
  .comment-box a.urllink {
    word-break: break-word; }
  .article-content a.createlink,
  .launch-pad-draft a.createlink,
  .comment-box a.createlink {
    color: #c60000; }
  .article-content .spoiler,
  .launch-pad-draft .spoiler,
  .comment-box .spoiler {
    border: 1px dotted #7f7f7f;
    border-top: none;
    background: rgba(190, 190, 190, 0.13);
    color: rgba(0, 0, 0, 0);
    cursor: pointer; }
    .article-content .spoiler a,
    .launch-pad-draft .spoiler a,
    .comment-box .spoiler a {
      pointer-events: none;
      color: rgba(0, 0, 0, 0) !important; }
    .article-content .spoiler img,
    .launch-pad-draft .spoiler img,
    .comment-box .spoiler img {
      opacity: 0; }
  .article-content p.flipped-p-tag,
  .launch-pad-draft p.flipped-p-tag,
  .comment-box p.flipped-p-tag {
    margin-top: 18px; }
  .article-content p.flipped-p-tag + p:empty,
  .article-content p.flipped-p-tag + hr + p:empty,
  .launch-pad-draft p.flipped-p-tag + p:empty,
  .launch-pad-draft p.flipped-p-tag + hr + p:empty,
  .comment-box p.flipped-p-tag + p:empty,
  .comment-box p.flipped-p-tag + hr + p:empty {
    display: none; }
  .article-content .indent,
  .launch-pad-draft .indent,
  .comment-box .indent {
    margin-left: 18px;
    font-size: 0.84em; }
    .article-content .indent p:empty,
    .launch-pad-draft .indent p:empty,
    .comment-box .indent p:empty {
      display: block;
      padding: 7px 0 0 0; }
  .article-content > .indent,
  .article-content ul > li > .indent,
  .launch-pad-draft > .indent,
  .launch-pad-draft ul > li > .indent,
  .comment-box > .indent,
  .comment-box ul > li > .indent {
    font-size: 0.84em; }
  .article-content strike,
  .launch-pad-draft strike,
  .comment-box strike {
    display: none; }
  .article-content ul.no-bullets,
  .launch-pad-draft ul.no-bullets,
  .comment-box ul.no-bullets {
    list-style-type: none;
    margin-left: 0; }
  .article-content ol, .article-content ul,
  .launch-pad-draft ol,
  .launch-pad-draft ul,
  .comment-box ol,
  .comment-box ul {
    list-style-position: outside;
    margin-left: 18px;
    padding: 0; }
  .article-content ol,
  .launch-pad-draft ol,
  .comment-box ol {
    list-style-type: decimal;
    padding-left: 4px; }
  .article-content ul,
  .launch-pad-draft ul,
  .comment-box ul {
    list-style-type: disc; }
  .article-content li,
  .launch-pad-draft li,
  .comment-box li {
    margin: 4px 0; }
  .article-content ul ul, .article-content ol ul,
  .launch-pad-draft ul ul,
  .launch-pad-draft ol ul,
  .comment-box ul ul,
  .comment-box ol ul {
    list-style-type: circle; }
  .article-content ul ul ul,
  .article-content ol ul ul,
  .article-content ol ol ul,
  .article-content ul ol ul,
  .launch-pad-draft ul ul ul,
  .launch-pad-draft ol ul ul,
  .launch-pad-draft ol ol ul,
  .launch-pad-draft ul ol ul,
  .comment-box ul ul ul,
  .comment-box ol ul ul,
  .comment-box ol ol ul,
  .comment-box ul ol ul {
    list-style-type: square; }
  .article-content ul + ul, .article-content ul + ol, .article-content ol + ul, .article-content ol + ol,
  .launch-pad-draft ul + ul,
  .launch-pad-draft ul + ol,
  .launch-pad-draft ol + ul,
  .launch-pad-draft ol + ol,
  .comment-box ul + ul,
  .comment-box ul + ol,
  .comment-box ol + ul,
  .comment-box ol + ol {
    margin-top: 8px; }
  .article-content ol ol, .article-content ol ul, .article-content ul ol, .article-content ul ul,
  .launch-pad-draft ol ol,
  .launch-pad-draft ol ul,
  .launch-pad-draft ul ol,
  .launch-pad-draft ul ul,
  .comment-box ol ol,
  .comment-box ol ul,
  .comment-box ul ol,
  .comment-box ul ul {
    border-left: dotted 1px rgba(127, 127, 127, 0.5);
    padding-left: 36px;
    margin-left: -14.4px; }
  .article-content dl,
  .launch-pad-draft dl,
  .comment-box dl {
    margin-left: 32px; }
  .article-content hr,
  .launch-pad-draft hr,
  .comment-box hr {
    border: none;
    border-bottom: dashed 1px #aeb3ba;
    margin: 18px 0; }
    .article-content hr.skinny,
    .launch-pad-draft hr.skinny,
    .comment-box hr.skinny {
      margin: 6px 0; }
    .article-content hr.solid,
    .launch-pad-draft hr.solid,
    .comment-box hr.solid {
      border-bottom-style: solid; }
    .article-content hr.full-width,
    .launch-pad-draft hr.full-width,
    .comment-box hr.full-width {
      width: calc(100% + 36px);
      margin-left: -18px; }
  .article-content h1:not(.entry-title),
  .article-content h2:not(.comment-title),
  .launch-pad-draft h1:not(.entry-title),
  .launch-pad-draft h2:not(.comment-title),
  .comment-box h1:not(.entry-title),
  .comment-box h2:not(.comment-title) {
    font-size: 1em;
    font-weight: bold;
    background: #cacdd1;
    padding: 3px 8px 2px 8px;
    border-radius: 4px 4px 0 0;
    clear: both; }
  .article-content h1:not(.entry-title),
  .launch-pad-draft h1:not(.entry-title),
  .comment-box h1:not(.entry-title) {
    font-size: 1.3em;
    line-height: 1.3em;
    padding-top: 2px;
    padding-bottom: 2px; }
  .article-content h3:not(.forum-header), .article-content div.wmglead,
  .launch-pad-draft h3:not(.forum-header),
  .launch-pad-draft div.wmglead,
  .comment-box h3:not(.forum-header),
  .comment-box div.wmglead {
    background: #cacdd1;
    padding: 3px 8px 2px 8px;
    border-radius: 4px 4px 0 0; }
  .article-content h3:not(.forum-header),
  .launch-pad-draft h3:not(.forum-header),
  .comment-box h3:not(.forum-header) {
    font-size: 0.84em; }
  .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6,
  .launch-pad-draft h1,
  .launch-pad-draft h2,
  .launch-pad-draft h3,
  .launch-pad-draft h4,
  .launch-pad-draft h5,
  .launch-pad-draft h6,
  .comment-box h1,
  .comment-box h2,
  .comment-box h3,
  .comment-box h4,
  .comment-box h5,
  .comment-box h6 {
    margin: 18px 0 4px 0; }
  .article-content div.wmglead,
  .launch-pad-draft div.wmglead,
  .comment-box div.wmglead {
    border-radius: 4px; }
  .article-content div.wmglead,
  .launch-pad-draft div.wmglead,
  .comment-box div.wmglead {
    margin-bottom: 10px; }
  .article-content div.wmglead + *,
  .launch-pad-draft div.wmglead + *,
  .comment-box div.wmglead + * {
    margin-top: -10px; }
  .article-content ul + div.wmglead,
  .article-content ul + p:empty + div.wmglead,
  .article-content ul + p:empty + p:empty + div.wmglead, .article-content ol + div.wmglead,
  .article-content ol + p:empty + div.wmglead,
  .article-content ol + p:empty + p:empty + div.wmglead,
  .launch-pad-draft ul + div.wmglead,
  .launch-pad-draft ul + p:empty + div.wmglead,
  .launch-pad-draft ul + p:empty + p:empty + div.wmglead,
  .launch-pad-draft ol + div.wmglead,
  .launch-pad-draft ol + p:empty + div.wmglead,
  .launch-pad-draft ol + p:empty + p:empty + div.wmglead,
  .comment-box ul + div.wmglead,
  .comment-box ul + p:empty + div.wmglead,
  .comment-box ul + p:empty + p:empty + div.wmglead,
  .comment-box ol + div.wmglead,
  .comment-box ol + p:empty + div.wmglead,
  .comment-box ol + p:empty + p:empty + div.wmglead {
    margin-top: 18px; }
  .article-content sup,
  .launch-pad-draft sup,
  .comment-box sup {
    vertical-align: super;
    font-size: smaller; }
  .article-content sub,
  .launch-pad-draft sub,
  .comment-box sub {
    vertical-align: sub;
    font-size: smaller; }
  .article-content img.ymmv1.rounded,
  .article-content img.trivia1.rounded,
  .article-content img.flamebait1.rounded,
  .launch-pad-draft img.ymmv1.rounded,
  .launch-pad-draft img.trivia1.rounded,
  .launch-pad-draft img.flamebait1.rounded,
  .comment-box img.ymmv1.rounded,
  .comment-box img.trivia1.rounded,
  .comment-box img.flamebait1.rounded {
    border-radius: 3px;
    width: 18px;
    height: 18px;
    display: inline;
    margin-right: 4px;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-top: -5px; }
  .article-content ul > li > img.ymmv1.rounded:first-child,
  .article-content ul > li > img.trivia1.rounded:first-child,
  .article-content ul > li > img.flamebait1.rounded:first-child,
  .launch-pad-draft ul > li > img.ymmv1.rounded:first-child,
  .launch-pad-draft ul > li > img.trivia1.rounded:first-child,
  .launch-pad-draft ul > li > img.flamebait1.rounded:first-child,
  .comment-box ul > li > img.ymmv1.rounded:first-child,
  .comment-box ul > li > img.trivia1.rounded:first-child,
  .comment-box ul > li > img.flamebait1.rounded:first-child {
    margin-left: -22px; }
  .article-content .folder-button-wrapper,
  .launch-pad-draft .folder-button-wrapper,
  .comment-box .folder-button-wrapper {
    display: block;
    height: 16px;
    margin-bottom: 4px; }
  .article-content:not(.retro-folders).toggle-all-folders-button,
  .launch-pad-draft:not(.retro-folders).toggle-all-folders-button,
  .comment-box:not(.retro-folders).toggle-all-folders-button {
    float: right;
    text-align: right;
    font-size: 0.7em;
    font-weight: normal;
    opacity: 0.8;
    cursor: pointer; }
    .article-content:not(.retro-folders).toggle-all-folders-button:hover,
    .launch-pad-draft:not(.retro-folders).toggle-all-folders-button:hover,
    .comment-box:not(.retro-folders).toggle-all-folders-button:hover {
      opacity: 1; }
  .article-content h2.examples-header > .toggle-all-folders-button,
  .launch-pad-draft h2.examples-header > .toggle-all-folders-button,
  .comment-box h2.examples-header > .toggle-all-folders-button {
    float: right; }
  .article-content h2.examples-header + p:empty + .folderlabel,
  .article-content h2.examples-header + p:empty + p:empty + .folderlabel,
  .article-content h2.examples-header + p:empty + p:empty + p:empty + .folderlabel,
  .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + p:empty + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .launch-pad-draft h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + p:empty + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel {
    margin-top: 0;
    border-top: none; }
  .article-content ul + h1,
  .article-content ul + h2,
  .article-content ul + p:empty + h1,
  .article-content ul + p:empty + h2,
  .article-content ul + p:empty + p:empty + h1,
  .article-content ul + p:empty + p:empty + h2,
  .article-content ul + p:empty + p:empty + p:empty + h1,
  .article-content ul + p:empty + p:empty + p:empty + h2,
  .article-content ul + p:empty + p:empty + p:empty + p:empty + h1,
  .article-content ul + p:empty + p:empty + p:empty + p:empty + h2,
  .launch-pad-draft ul + h1,
  .launch-pad-draft ul + h2,
  .launch-pad-draft ul + p:empty + h1,
  .launch-pad-draft ul + p:empty + h2,
  .launch-pad-draft ul + p:empty + p:empty + h1,
  .launch-pad-draft ul + p:empty + p:empty + h2,
  .launch-pad-draft ul + p:empty + p:empty + p:empty + h1,
  .launch-pad-draft ul + p:empty + p:empty + p:empty + h2,
  .launch-pad-draft ul + p:empty + p:empty + p:empty + p:empty + h1,
  .launch-pad-draft ul + p:empty + p:empty + p:empty + p:empty + h2,
  .comment-box ul + h1,
  .comment-box ul + h2,
  .comment-box ul + p:empty + h1,
  .comment-box ul + p:empty + h2,
  .comment-box ul + p:empty + p:empty + h1,
  .comment-box ul + p:empty + p:empty + h2,
  .comment-box ul + p:empty + p:empty + p:empty + h1,
  .comment-box ul + p:empty + p:empty + p:empty + h2,
  .comment-box ul + p:empty + p:empty + p:empty + p:empty + h1,
  .comment-box ul + p:empty + p:empty + p:empty + p:empty + h2 {
    margin-top: 18px !important; }
  .article-content span.wick-flag,
  .launch-pad-draft span.wick-flag,
  .comment-box span.wick-flag {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: red !important;
    margin: 0 4px; }
  .article-content .folderlabel,
  .launch-pad-draft .folderlabel,
  .comment-box .folderlabel {
    cursor: pointer;
    padding: 0 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: dotted 1px #aeb3ba;
    border-bottom: dotted 1px #aeb3ba;
    margin-top: -1px;
    /*
    &[onclick="togglefolder('folder0');"]{
      border-top:none
    }*/ }
    .article-content .folderlabel:hover,
    .launch-pad-draft .folderlabel:hover,
    .comment-box .folderlabel:hover {
      background: #f3f4f5; }
    .article-content .folderlabel:before,
    .launch-pad-draft .folderlabel:before,
    .comment-box .folderlabel:before {
      content: '\F07B';
      font-family: FontAwesome;
      margin-right: -8px; }
    .article-content .folderlabel.is-open,
    .launch-pad-draft .folderlabel.is-open,
    .comment-box .folderlabel.is-open {
      border-bottom: dotted 1px #aeb3ba; }
    .article-content .folderlabel.is-open:before,
    .launch-pad-draft .folderlabel.is-open:before,
    .comment-box .folderlabel.is-open:before {
      content: '\F07C'; }
    .article-content .folderlabel:not(.is-open):after,
    .launch-pad-draft .folderlabel:not(.is-open):after,
    .comment-box .folderlabel:not(.is-open):after {
      content: 'Click to Open';
      font-size: 0.7em;
      float: right;
      color: #8d949e;
      opacity: 0; }
    .article-content .folderlabel:not(.is-open):hover:after,
    .launch-pad-draft .folderlabel:not(.is-open):hover:after,
    .comment-box .folderlabel:not(.is-open):hover:after {
      opacity: 1; }
  .article-content.retro-folders .folderlabel,
  .launch-pad-draft.retro-folders .folderlabel,
  .comment-box.retro-folders .folderlabel {
    margin-top: 15px;
    border-top: solid 1px #cacdd1 !important;
    border: solid 1px #cacdd1;
    border-radius: 4px;
    clear: both; }
    .article-content.retro-folders .folderlabel:before,
    .launch-pad-draft.retro-folders .folderlabel:before,
    .comment-box.retro-folders .folderlabel:before {
      color: #eada98; }
    .article-content.retro-folders .folderlabel.is-open,
    .launch-pad-draft.retro-folders .folderlabel.is-open,
    .comment-box.retro-folders .folderlabel.is-open {
      background: #f3f4f5; }
      .article-content.retro-folders .folderlabel.is-open:before,
      .launch-pad-draft.retro-folders .folderlabel.is-open:before,
      .comment-box.retro-folders .folderlabel.is-open:before {
        color: #e1cb6e; }
    .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"],
    .launch-pad-draft.retro-folders .folderlabel[onclick*="toggleAllFolders()"],
    .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"] {
      width: auto;
      display: inline-block;
      padding: 4px 6px;
      clear: both;
      margin-bottom: 15px; }
      .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:after,
      .launch-pad-draft.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:after,
      .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:after {
        content: "";
        display: table;
        clear: both; }
      .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:hover:after,
      .launch-pad-draft.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:hover:after,
      .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:hover:after {
        display: none !important; }
  .article-content div.folderlabel.is-open,
  .launch-pad-draft div.folderlabel.is-open,
  .comment-box div.folderlabel.is-open {
    margin-bottom: 13.5px; }
  .article-content .folder,
  .launch-pad-draft .folder,
  .comment-box .folder {
    display: none !important;
    overflow: hidden;
    padding-left: 36px; }
    .article-content .folder + p:empty,
    .launch-pad-draft .folder + p:empty,
    .comment-box .folder + p:empty {
      display: none; }
    .article-content .folder > ul,
    .launch-pad-draft .folder > ul,
    .comment-box .folder > ul {
      list-style-type: disc; }
    .article-content .folder > ul > li:not(:first-of-type),
    .launch-pad-draft .folder > ul > li:not(:first-of-type),
    .comment-box .folder > ul > li:not(:first-of-type) {
      margin-top: 9px; }
    .article-content .folder > ul:last-of-type,
    .launch-pad-draft .folder > ul:last-of-type,
    .comment-box .folder > ul:last-of-type {
      margin-bottom: 18px; }
    .article-content .folder > dl,
    .launch-pad-draft .folder > dl,
    .comment-box .folder > dl {
      margin-top: 10px; }
    .article-content .folder > dl dl,
    .launch-pad-draft .folder > dl dl,
    .comment-box .folder > dl dl {
      margin-left: 16px; }
    .article-content .folder dl dt,
    .launch-pad-draft .folder dl dt,
    .comment-box .folder dl dt {
      display: block;
      font-weight: bold; }
    .article-content .folder .indent + dl,
    .launch-pad-draft .folder .indent + dl,
    .comment-box .folder .indent + dl {
      margin-left: 16px; }
    .article-content .folder .indent + dl, .article-content .folder dl + dl,
    .launch-pad-draft .folder .indent + dl,
    .launch-pad-draft .folder dl + dl,
    .comment-box .folder .indent + dl,
    .comment-box .folder dl + dl {
      margin-top: 0; }
    .article-content .folder dl + dl,
    .launch-pad-draft .folder dl + dl,
    .comment-box .folder dl + dl {
      margin-left: 16px; }
  .article-content .folderlabel.is-open + .folder,
  .article-content .followWrap.is-open + .folder,
  .launch-pad-draft .folderlabel.is-open + .folder,
  .launch-pad-draft .followWrap.is-open + .folder,
  .comment-box .folderlabel.is-open + .folder,
  .comment-box .followWrap.is-open + .folder {
    padding-bottom: 14px;
    display: block !important;
    transition: max-height ease-in-out 450ms; }
  .article-content .toggle-folders-button,
  .launch-pad-draft .toggle-folders-button,
  .comment-box .toggle-folders-button {
    border: none;
    float: right;
    font-size: 0.7em;
    margin: -30px 6px 0 0;
    cursor: pointer; }
  .article-content span:not(.bubble).pink,
  .launch-pad-draft span:not(.bubble).pink,
  .comment-box span:not(.bubble).pink {
    color: #FF448A; }
  .article-content span:not(.bubble).gray,
  .launch-pad-draft span:not(.bubble).gray,
  .comment-box span:not(.bubble).gray {
    color: #626262; }
  .article-content span:not(.bubble).green,
  .launch-pad-draft span:not(.bubble).green,
  .comment-box span:not(.bubble).green {
    color: #008141; }
  .article-content span:not(.bubble).purple,
  .launch-pad-draft span:not(.bubble).purple,
  .comment-box span:not(.bubble).purple {
    color: #6A006A; }
  .article-content span:not(.bubble).blue,
  .launch-pad-draft span:not(.bubble).blue,
  .comment-box span:not(.bubble).blue {
    color: #004183; }
  .article-content span:not(.bubble).teal,
  .launch-pad-draft span:not(.bubble).teal,
  .comment-box span:not(.bubble).teal {
    color: #008282; }
  .article-content span:not(.bubble).gold,
  .launch-pad-draft span:not(.bubble).gold,
  .comment-box span:not(.bubble).gold {
    color: #bc9600; }
  .article-content span:not(.bubble).cinnamon,
  .launch-pad-draft span:not(.bubble).cinnamon,
  .comment-box span:not(.bubble).cinnamon {
    color: #AA6600; }
  .article-content span:not(.bubble).forestgreen,
  .launch-pad-draft span:not(.bubble).forestgreen,
  .comment-box span:not(.bubble).forestgreen {
    color: #2c5500; }
  .article-content span:not(.bubble).white,
  .launch-pad-draft span:not(.bubble).white,
  .comment-box span:not(.bubble).white {
    color: #FBFBFB; }
  .article-content span:not(.bubble).red,
  .launch-pad-draft span:not(.bubble).red,
  .comment-box span:not(.bubble).red {
    color: #C80815; }
  .article-content span:not(.bubble).evil,
  .launch-pad-draft span:not(.bubble).evil,
  .comment-box span:not(.bubble).evil {
    background-color: black;
    color: #C80815;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid black; }
  .article-content span.asscaps,
  .launch-pad-draft span.asscaps,
  .comment-box span.asscaps {
    font-variant: small-caps;
    font-weight: bold; }

.quoteright,
.acaptionright,
.floatboxright {
  float: right;
  clear: right;
  margin-bottom: 5px;
  margin-left: 13.5px;
  margin-right: 1px;
  margin-top: 1px;
  padding: 6px 0;
  border-radius: 3px;
  background: #fafafa;
  border-left: solid 6px #fafafa;
  border-right: solid 6px #fafafa;
  font-size: 0.84em;
  line-height: 1.512em;
  text-align: center;
  width: inherit;
  max-width: 350px;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 0 1px #cacdd1; }
  .quoteright:after,
  .acaptionright:after,
  .floatboxright:after {
    content: "";
    display: table;
    clear: both; }
  .quoteright img,
  .acaptionright img,
  .floatboxright img {
    vertical-align: middle; }
  .quoteright hr,
  .acaptionright hr,
  .floatboxright hr {
    margin: 5px 0; }
  .quoteright ul,
  .acaptionright ul,
  .floatboxright ul {
    text-align: left; }
  .quoteright:empty,
  .acaptionright:empty,
  .floatboxright:empty {
    display: none; }

.quoteright + * > .acaptionright,
.quoteright + .acaptionright {
  border-radius: 0 0 3px 3px;
  box-shadow: -1px 0 0 0 #cacdd1, 0 1px 0 0 #cacdd1, 1px 0 0 0 #cacdd1;
  margin-top: -12px; }

.quoteright + p:empty,
.acaptionright + p:empty,
.floatboxright + p:empty,
h2 + p:empty,
p:first-child:empty,
.toggle-folders-button + p:empty {
  display: none; }

p:empty {
  display: none; }

div.alt-titles {
  margin: 18px 0; }

div#main-container div#main-content #main-entry .section-links {
  margin-top: 18px;
  clear: both; }
  div#main-container div#main-content #main-entry .section-links a {
    color: #006BB1;
    text-decoration: none; }
    div#main-container div#main-content #main-entry .section-links a:hover {
      text-decoration: underline !important; }
  div#main-container div#main-content #main-entry .section-links div.titles {
    display: flex;
    align-items: stretch;
    margin-bottom: 2px; }
    div#main-container div#main-content #main-entry .section-links div.titles > div {
      display: inline-block;
      width: 33.3%;
      text-align: center;
      height: 30px;
      line-height: 30px;
      font-weight: bold;
      background: #cacdd1;
      padding: 3px 8px 2px 8px; }
    div#main-container div#main-content #main-entry .section-links div.titles > div:first-of-type {
      border-radius: 6px 0 0 0; }
    div#main-container div#main-content #main-entry .section-links div.titles > div:last-of-type {
      border-radius: 0 6px 0 0; }
  div#main-container div#main-content #main-entry .section-links ul {
    display: flex;
    box-sizing: border-box;
    overflow: hidden; }
    div#main-container div#main-content #main-entry .section-links ul:last-of-type {
      border-radius: 0 0 6px 6px; }
    div#main-container div#main-content #main-entry .section-links ul:not(:first-of-type) {
      margin-top: 4px; }
    div#main-container div#main-content #main-entry .section-links ul:not(:last-of-type) {
      border-bottom: dotted 1px #cacdd1; }
    div#main-container div#main-content #main-entry .section-links ul li {
      width: 33.2%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      padding: 7px;
      position: relative; }
    div#main-container div#main-content #main-entry .section-links ul li:not(:last-of-type):after {
      content: '';
      display: block;
      width: 1px;
      height: calc(100% - 4px);
      position: absolute;
      top: 0;
      right: 0;
      background: #edeef0; }
    div#main-container div#main-content #main-entry .section-links ul li > a {
      line-height: 1.2em;
      display: inline-block;
      word-break: break-word;
      background: none !important;
      text-decoration: none !important; }

body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off),
body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off {
  color: inherit;
  background: none;
  border-left-color: transparent;
  border-right-color: transparent; }
  body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off) a,
  body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off a {
    pointer-events: all !important;
    color: #006BB1 !important; }
  body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off) img,
  body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off img {
    opacity: 1; }

#user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink,
#user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink {
  background: rgba(255, 255, 0, 0.8);
  text-decoration: underline; }
  #user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink:hover,
  #user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink:hover {
    background: yellow;
    color: #3c4b5e; }

.folderlabel {
  position: relative;
  z-index: 1; }

/* FOR JS STICKY HEADERS EXPERIMENT */
.folderlabel.is-open.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 0; }

.folderlabel.is-open.fixed.absolute {
  position: absolute; }

@media (max-width: 765px) {
  div#main-container div#main-content #main-entry .article-content h1 {
    font-size: 1em; }
  div#main-container div#main-content #main-entry .article-content .folder {
    padding-left: 0; } }

@media (max-width: 585px) {
  div#main-container div#main-content #main-entry .article-content .quoteright,
  div#main-container div#main-content #main-entry .article-content .acaptionright {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 14px) !important; } }

div[id*="homepage-introBox"] {
  max-width: 100%;
  background: #3c4b5e;
  text-align: center;
  border-radius: 8px 8px 0 0;
  padding: 36px 18px;
  position: relative;
  z-index: 1; }
  div[id*="homepage-introBox"] img.logo-big {
    width: 70%;
    max-width: 580px; }
  div[id*="homepage-introBox"] p.welcome-message {
    color: #cccdcb;
    font-size: 0.84em;
    margin-top: 9px; }
  div[id*="homepage-introBox"] h1.tagline {
    color: white;
    font-size: 1.5em;
    margin-top: 4px; }
  div[id*="homepage-introBox"] + #action-bar-top {
    border-radius: 0; }

#homepage-introBox:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #cccdcb;
  opacity: 0.2;
  -ms-transform: translate(0, 36px);
  -webkit-transform: translate(0, 36px);
  transform: translate(0, 36px); }

#homepage-introBox-mobile {
  border-radius: 0;
  margin-top: -28px;
  margin-bottom: 20px;
  padding-top: 9px;
  padding-bottom: 18px; }
  #homepage-introBox-mobile:after {
    display: none; }
  #homepage-introBox-mobile img.logo-big {
    max-width: 415px; }
  #homepage-introBox-mobile h1.tagline {
    font-size: 1em; }
  #homepage-introBox-mobile ul.homepage-mobile-actions {
    text-align: center;
    font-size: 0.84em;
    margin-top: 18px;
    width: 100%; }
    #homepage-introBox-mobile ul.homepage-mobile-actions li {
      display: inline-block;
      margin: 0 1%; }
      #homepage-introBox-mobile ul.homepage-mobile-actions li a {
        text-decoration: none;
        color: #cccdcb; }
        #homepage-introBox-mobile ul.homepage-mobile-actions li a i {
          margin-right: -2px; }

#main-content[class*="HomePage"] #main-entry .article-content h1, #main-content[class*="HomePage"] #main-entry .article-content h2 {
  font-size: inherit;
  background: none;
  padding: 0; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope:not(:first-of-type) {
  margin-top: 0; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope span.box-title {
  font-size: 0.7em;
  color: #9299a3;
  font-weight: bold; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope h2.entry-title {
  margin-top: 0; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope h2.entry-title a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body {
  max-width: 100%;
  line-height: 1.4em; }
  #main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body p:empty,
  #main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body div.indent,
  #main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body div.acaptionright,
  #main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body div[class*='quote'] {
    float: left;
    max-height: 100px;
    max-width: 80px !important;
    margin: 4px 9px 4px 0;
    padding: 0;
    border-radius: 0;
    border: none;
    overflow: hidden; }
  #main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope div.body p {
    margin-bottom: 3px;
    line-height: 1.4em; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope a.more-link {
  font-size: 0.84em;
  color: #006BB1; }

#main-content[class*="HomePage"] #main-entry .article-content #featured-tropes .featured-trope .featured-trope-image {
  max-width: 40%;
  float: left;
  margin-right: 15px;
  margin-top: 4px; }

#main-content[class*="HomePage"] #main-entry .article-content .podcast-description *, #main-content[class*="HomePage"] #main-entry .article-content .podcast-description * > * {
  display: none; }

#main-content[class*="HomePage"] #main-entry .article-content .podcast-description p:nth-child(1) {
  display: block; }

/*
#comic-viewer,
div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer {

    padding-bottom:5px;

    &:before {z-index: 2}
    > p:first-of-type{z-index: 3}

    &.loading {
        #comic-viewer-window .img {opacity: 0.6}
        #comic-viewer-window #comic-viewer-loadingGraphic {display: block}
    }

    .comic-title {
        width:calc(100% + 18px);
        margin-left: -$gutter;
        border-bottom: solid 1px $color-hairlines-light;

        margin-top:-$gutter;
        padding:$gutter/2;
        padding-top: $gutter*0.6;

        a:first-of-type{text-decoration: underline}
    }

    #comic-viewer-window {

        display: block;
        width:calc(100% + 18px);

        margin-top: -4px;
        margin-left:-$gutter !important;

        background:$color-magic-gray;
        padding:$gutter*0.5;
        text-align: center;
        position: relative;

        > img {
            vertical-align: top;
            //width:100%;
            //height: auto;
        }

        > a.lightbox-trigger {
            position: absolute;
            display: block !important;
            top:0;
            left: 0;
            width:100%;
            height: 100%;

            &:before,
            &:after {
                content:'';
                display: block;
                width:36px;
                height: 36px;
                color:white;
                font-family: FontAwesome;
                line-height: 35px;
                background:black;
                position: absolute;
                bottom:8px;
                right: 8px;
                border-radius: 36px;

                opacity: 0.6;
            }
            &:after{content:'\f00e'}

            &:hover:before,
            &:hover:after,{
                opacity: 1
            }

        }

        #comic-viewer-loadingGraphic {
            display: none;

            background: no-repeat center url('/National_Library/20160517234414oe_/https://static.tvtropes.org/images/loading-graphic.png');
            background-size: 80px 80px;

            width: 80px;
            height: 80px;

            border-radius: 50%;

            position: absolute;
            top: calc(50% - 40px);
            left: calc(50% - 40px);

            z-index: 2;

            animation: rotate-forever 0.34s linear infinite;
        }
    }

    .comic-viewer-nav {

        width:calc(100% + 36px - 2px);
        margin-left:-$gutter+1px !important;

        display: flex;
        justify-content: space-between;

        //border-top: solid 1px lighten($color-hairlines-light,14%);

        @include gradient-background(white,white, lighten($color-hairlines-light,18%) );

        > a {
            flex-grow: 1;
            height: 38px;
            line-height: 38px;
            text-align: center;
            position: relative;
        }
        > a.disabled {
            pointer-events:none;
            opacity: 0.5;
        }
        > a:not(:last-of-type):after{
            content:'';
            width:1px;
            height: 50%;
            display: block;
            position: absolute;
            right:0;
            top: 25%;
            background:$color-hairlines-light;
        }

    }

    #comic-viewer-info {
        margin-top:$gutter/2;
    }

    #comic-viewer-footer {
        font-size: $font-size-xs;
        color:$color-hairlines-dark;
        line-height: 1.4em;

        border-top:solid 1px $color-magic-gray;

        margin-top:$gutter/2;
        padding-top:4px;

    }

}

@media (max-width: $query-mobile) {

    #comic-viewer {
        padding-left:$gutter;
        padding-right: $gutter;
    }

}

@media (max-width: $query-tiny) {
    #comic-viewer .comic-viewer-nav ,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav {
        a.goto-first,
        a.goto-last,
        a.goto-next:after {display: none}
    }
}

*/
#main-entry {
  width: 100%; }

#article-content {
  width: 100%; }

.ellipsis {
  height: 350px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

@media (max-width: 400px) {
  #homepage-introBox-mobile ul.homepage-mobile-actions li:last-of-type {
    display: none; } }

#main-entry .article-content #sort-menu {
  right: 2px;
  top: calc(100% + 5px); }

#main-entry .article-content #sort-button > span {
  display: none; }

#main-entry .article-content #sort-button:not([class*="sort"]) span:first-of-type,
#main-entry .article-content #sort-button.sort-a span.sort-a,
#main-entry .article-content #sort-button.sort-z span.sort-z,
#main-entry .article-content #sort-button.sort-rand span.sort-rand,
#main-entry .article-content #sort-button.sort-created span.sort-created,
#main-entry .article-content #sort-button.sort-edited span.sort-edited {
  display: block; }

#main-entry .article-content #browse-filters {
  margin-top: 19px;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  overflow: hidden; }

#main-entry .article-content #browse-filters.active {
  transition: max-height ease-in-out 500ms;
  margin: 18px 0;
  padding-top: 18px;
  padding-bottom: 18px;
  max-height: 1500px; }

#main-entry .article-content #filters-button i.fa:last-of-type {
  display: none; }

#main-entry .article-content #filters-button.active i.fa:first-of-type {
  display: none; }

#main-entry .article-content #filters-button.active i.fa:last-of-type {
  display: inline-block; }

#main-entry .article-content .filters-box.active {
  display: block; }

#main-entry .article-content .filters-box {
  display: none;
  /*
    max-height: 0;
    overflow: hidden;
    @include animate(max-height,200ms);
    */ }
  #main-entry .article-content .filters-box ul {
    padding-left: 9px;
    padding-right: 9px; }
    #main-entry .article-content .filters-box ul:after {
      content: "";
      display: table;
      clear: both; }
  #main-entry .article-content .filters-box ul > li {
    float: left;
    width: 33%; }

@media (max-width: 1100px) {
  #main-content.page-Browse #main-entry .article-content .filters-box ul > li {
    width: 50%; } }

@media (max-width: 765px) {
  .tile-view {
    column-count: 2 !important; } }

@media (max-width: 585px) {
  /* WORK IN PROGRESS: Changes filters menu into a modal on mobile screens
  div#main-container div#main-content.page-Browse #main-entry .article-content #browse-filters.active {

    position: fixed;
    top:$gutter/2;
    left: $gutter/2;
    margin-top: 0;
    width: calc(100% - 54px);
    height: calc(100vh - 54px);
    background:white;
    z-index: 10;

    .scroll-area {
      overflow: scroll;
      height: 90%;
    }
  }*/
  .tile-view {
    column-count: 1 !important; }
    .tile-view article {
      max-width: 99% !important; } }

#main-content[class*='page-Forum'] .article-content ul.thread-breadcrumbs,
#main-content[class*='page-Thread'] .article-content ul.thread-breadcrumbs,
#main-content[class*='page-Misc'] .article-content ul.thread-breadcrumbs {
  display: block;
  width: 100%;
  margin-top: -21.6px;
  margin-left: 0;
  padding-right: 5px; }
  #main-content[class*='page-Forum'] .article-content ul.thread-breadcrumbs li,
  #main-content[class*='page-Thread'] .article-content ul.thread-breadcrumbs li,
  #main-content[class*='page-Misc'] .article-content ul.thread-breadcrumbs li {
    display: inline;
    background: white; }
  #main-content[class*='page-Forum'] .article-content ul.thread-breadcrumbs li:not(:last-of-type):after,
  #main-content[class*='page-Thread'] .article-content ul.thread-breadcrumbs li:not(:last-of-type):after,
  #main-content[class*='page-Misc'] .article-content ul.thread-breadcrumbs li:not(:last-of-type):after {
    content: "\F054";
    font-family: fontAwesome;
    font-size: 0.7em;
    display: inline;
    padding-left: 7px;
    padding-right: 7px; }
  #main-content[class*='page-Forum'] .article-content ul.thread-breadcrumbs li:not(:first-of-type),
  #main-content[class*='page-Thread'] .article-content ul.thread-breadcrumbs li:not(:first-of-type),
  #main-content[class*='page-Misc'] .article-content ul.thread-breadcrumbs li:not(:first-of-type) {
    margin-left: -5px;
    padding-right: 6px; }

#main-content[class*='page-Forum'] .article-content h3.forum-header > a,
#main-content[class*='page-Thread'] .article-content h3.forum-header > a,
#main-content[class*='page-Misc'] .article-content h3.forum-header > a {
  display: block;
  text-align: center;
  line-height: 2.5em;
  background: rgba(190, 190, 190, 0.13);
  margin-bottom: 9px;
  font-weight: bold;
  box-shadow: inset 0 0 1px 0 #aeb3ba; }

#main-content[class*='page-Forum'] .article-content div.topic-cont,
#main-content[class*='page-Thread'] .article-content div.topic-cont,
#main-content[class*='page-Misc'] .article-content div.topic-cont {
  margin: 18px 0; }
  #main-content[class*='page-Forum'] .article-content div.topic-cont a + span,
  #main-content[class*='page-Thread'] .article-content div.topic-cont a + span,
  #main-content[class*='page-Misc'] .article-content div.topic-cont a + span {
    color: #9299a3;
    display: block;
    margin-top: -6px; }

#main-content[class*='page-Forum'] .article-content div.main-column,
#main-content[class*='page-Thread'] .article-content div.main-column,
#main-content[class*='page-Misc'] .article-content div.main-column {
  width: calc(33.3% - 11.88px);
  float: left; }
  #main-content[class*='page-Forum'] .article-content div.main-column:nth-of-type(4),
  #main-content[class*='page-Thread'] .article-content div.main-column:nth-of-type(4),
  #main-content[class*='page-Misc'] .article-content div.main-column:nth-of-type(4) {
    margin-left: 18px;
    margin-right: 18px; }
  #main-content[class*='page-Forum'] .article-content div.main-column ul,
  #main-content[class*='page-Thread'] .article-content div.main-column ul,
  #main-content[class*='page-Misc'] .article-content div.main-column ul {
    margin-bottom: 27px; }
  #main-content[class*='page-Forum'] .article-content div.main-column ul > li,
  #main-content[class*='page-Thread'] .article-content div.main-column ul > li,
  #main-content[class*='page-Misc'] .article-content div.main-column ul > li {
    margin-bottom: 4.5px;
    clear: both; }
    #main-content[class*='page-Forum'] .article-content div.main-column ul > li:not(:last-of-type),
    #main-content[class*='page-Thread'] .article-content div.main-column ul > li:not(:last-of-type),
    #main-content[class*='page-Misc'] .article-content div.main-column ul > li:not(:last-of-type) {
      border-bottom: solid 1px rgba(190, 190, 190, 0.13); }
    #main-content[class*='page-Forum'] .article-content div.main-column ul > li.forum-read > a,
    #main-content[class*='page-Thread'] .article-content div.main-column ul > li.forum-read > a,
    #main-content[class*='page-Misc'] .article-content div.main-column ul > li.forum-read > a {
      color: #6b737e; }
    #main-content[class*='page-Forum'] .article-content div.main-column ul > li.forum-read > a:hover,
    #main-content[class*='page-Thread'] .article-content div.main-column ul > li.forum-read > a:hover,
    #main-content[class*='page-Misc'] .article-content div.main-column ul > li.forum-read > a:hover {
      color: #006BB1; }
    #main-content[class*='page-Forum'] .article-content div.main-column ul > li:not(.forum-read) > a,
    #main-content[class*='page-Thread'] .article-content div.main-column ul > li:not(.forum-read) > a,
    #main-content[class*='page-Misc'] .article-content div.main-column ul > li:not(.forum-read) > a {
      font-weight: bold; }
    #main-content[class*='page-Forum'] .article-content div.main-column ul > li span.date-time,
    #main-content[class*='page-Thread'] .article-content div.main-column ul > li span.date-time,
    #main-content[class*='page-Misc'] .article-content div.main-column ul > li span.date-time {
      color: #9299a3;
      margin-top: -6px;
      display: block; }

#main-content[class*='page-Forum'] .article-content #thread-list tr.forum-read > td a.thread-link,
#main-content[class*='page-Thread'] .article-content #thread-list tr.forum-read > td a.thread-link,
#main-content[class*='page-Misc'] .article-content #thread-list tr.forum-read > td a.thread-link {
  color: #9299a3 !important; }

#main-content[class*='page-Forum'] .article-content #thread-list .countdown-timer,
#main-content[class*='page-Thread'] .article-content #thread-list .countdown-timer,
#main-content[class*='page-Misc'] .article-content #thread-list .countdown-timer {
  font-size: 0.84em;
  color: black;
  padding: 2px 4px;
  margin-top: 4px; }
  #main-content[class*='page-Forum'] .article-content #thread-list .countdown-timer > i.fa-clock-o,
  #main-content[class*='page-Thread'] .article-content #thread-list .countdown-timer > i.fa-clock-o,
  #main-content[class*='page-Misc'] .article-content #thread-list .countdown-timer > i.fa-clock-o {
    color: black; }

#main-content[class*='page-Forum'] .article-content div.options-wrapper,
#main-content[class*='page-Thread'] .article-content div.options-wrapper,
#main-content[class*='page-Misc'] .article-content div.options-wrapper {
  position: relative; }
  #main-content[class*='page-Forum'] .article-content div.options-wrapper #mod-options,
  #main-content[class*='page-Thread'] .article-content div.options-wrapper #mod-options,
  #main-content[class*='page-Misc'] .article-content div.options-wrapper #mod-options {
    position: absolute;
    left: 0;
    top: 34px; }
  #main-content[class*='page-Forum'] .article-content div.options-wrapper #page-options,
  #main-content[class*='page-Thread'] .article-content div.options-wrapper #page-options,
  #main-content[class*='page-Misc'] .article-content div.options-wrapper #page-options {
    position: absolute;
    right: 0;
    top: 34px; }

#main-content[class*='page-Forum'] .article-content div.sticky-post-header,
#main-content[class*='page-Thread'] .article-content div.sticky-post-header,
#main-content[class*='page-Misc'] .article-content div.sticky-post-header {
  position: relative;
  margin-top: 27px;
  margin-bottom: 27px;
  padding: 18px;
  padding-top: 21.6px;
  border: solid 1px #cacdd1;
  background: rgba(190, 190, 190, 0.13);
  box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13); }
  #main-content[class*='page-Forum'] .article-content div.sticky-post-header:before,
  #main-content[class*='page-Thread'] .article-content div.sticky-post-header:before,
  #main-content[class*='page-Misc'] .article-content div.sticky-post-header:before {
    content: '';
    display: block;
    width: 100px;
    height: 28px;
    position: absolute;
    left: calc(50% - 50px);
    top: -12px;
    border-left: dotted 2px white;
    border-right: dotted 2px white;
    background: rgba(255, 255, 255, 0.6);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 0 1px 0 rgba(0, 0, 150, 0.6); }

#smileyPanel {
  background: #fbfbfc;
  border: solid 1px #aeb3ba;
  border-top: none;
  padding: 9px 0 7.2px 0; }
  #smileyPanel > img {
    cursor: pointer;
    vertical-align: middle; }
  #smileyPanel > img:active {
    -ms-transform: translate(0, 1px);
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px); }

div.thread-list-pagination {
  margin-top: 2px; }
  div.thread-list-pagination a {
    border-radius: 3px;
    color: white !important;
    background: #aeb3ba;
    padding: 0 3px;
    margin-right: 4px; }
  div.thread-list-pagination a:hover {
    background: #006BB1;
    color: white;
    text-decoration: none !important; }

#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box + .comment-box,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box + .comment-box {
  margin-top: 18px; }

#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-head .troper-handle-wrapper,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-head .troper-handle-wrapper {
  margin-left: 24px; }

#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-head .troper-location,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-head .troper-relationship-status,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-head .troper-handle-wrapper .troper-avatar-tagline,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-head .troper-location,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-head .troper-relationship-status,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-head .troper-handle-wrapper .troper-avatar-tagline {
  display: none; }

#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-avatar-wrapper,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-avatar-wrapper {
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  top: -3px;
  left: 0;
  overflow: hidden; }
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-avatar-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-avatar-wrapper .troper-badges,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-avatar-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-avatar-wrapper .troper-badges {
    display: none; }

#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-comment,
#user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-comment {
  margin-left: 0; }
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-comment .comment:before,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Forum'] .comment-box .comment-body .troper-comment .troper-signature,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-comment .comment:before,
  #user-prefs.forum-gingerbread ~ #main-container #main-content[class*='page-Thread'] .comment-box .comment-body .troper-comment .troper-signature {
    display: none; }

@media (max-width: 765px) {
  #main-content[class*='page-Forum'] #main-entry .article-content div.main-column,
  #main-content[class*='page-Thread'] #main-entry .article-content div.main-column {
    width: 100%; }
    #main-content[class*='page-Forum'] #main-entry .article-content div.main-column:nth-of-type(3),
    #main-content[class*='page-Thread'] #main-entry .article-content div.main-column:nth-of-type(3) {
      margin: 0; }
  #main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs,
  #main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs {
    margin-top: -30px; }
  #main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li a,
  #main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li a {
    font-size: 0.84em; }
    #main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li a:after,
    #main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li a:after {
      font-size: 0.7em; }
  #user-prefs.forum-gingerbread ~ #main-content[class*='page-Forum'] #main-entry .article-content .comment-box .troper-handle-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ #main-content[class*='page-Thread'] #main-entry .article-content .comment-box .troper-handle-wrapper .troper-avatar-tagline {
    display: none !important; } }

#modal-box input[type=text],
#modal-box input[type=password],
#main-container input[type=text],
#main-container input[type=password] {
  font-size: 1em;
  outline: none;
  border: solid 1px #aeb3ba;
  padding: 6px 8px 7px 8px; }

#modal-box ol > li:not(:first-of-type),
#modal-box ul > li:not(:first-of-type) {
  margin-top: 8px; }

#modal-box hr.full-width {
  width: calc( 100% + 36px);
  margin: 18px 0px;
  margin-left: -18px; }

.tab-toggles {
  text-align: center;
  border-bottom: solid 1px #cacdd1;
  line-height: normal; }
  .tab-toggles.tabs-left {
    text-align: left; }
  .tab-toggles > a {
    font-size: 0.84em;
    padding: 4px 7px 1px 7px;
    margin: 0 4px;
    border-radius: 6px 6px 0 0;
    border: solid 1px #aeb3ba;
    border-bottom: none;
    background: rgba(190, 190, 190, 0.13); }
    .tab-toggles > a.exclusive-toggle-active {
      background: white;
      padding-bottom: 2px;
      margin-bottom: -1px; }

.server-response {
  font-size: 0.84em;
  color: #7a202a;
  margin-top: 18px;
  text-align: center;
  border: solid 2px #7a202a;
  border-radius: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-height: 400px;
  transition: max-height ease-in-out 100ms; }
  .server-response:empty {
    border: none;
    margin-top: 0;
    padding: 0;
    max-height: 0px; }

#smileyPanel {
  margin: 0 auto;
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 6px 0;
  background: rgba(190, 190, 190, 0.13); }

#smileyPanel * {
  vertical-align: middle; }

#smileyPanel img {
  cursor: pointer; }

/* SOCIAL SHARES: NOT CURRENTLY IN USE
@media (max-width: $main-container-maxWidth+$gutter*2+5) {

    //kill floating social buttons
    div#main-container div#main-content .social-shares-wrapper { @include social-shares-wrapper-leftEdge }

    #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper {
        left:auto;
        right:-60px;
        ul#left-floating-socialShares{border-radius: 0}
    }

}
*/
@media (max-width: 1070px) {
  #main-header-nav a.nav-browse {
    display: none; } }

@media (max-width: 980px) {
  .tablet-on {
    display: block !important; }
  .tablet-on.inline {
    display: inline-block !important; }
  .tablet-off {
    display: none !important; }
  .tablet-font-l {
    font-size: 1.5em; }
  .tablet-font-m {
    font-size: 1em; }
  .tablet-font-s {
    font-size: 0.84em; }
  .tablet-font-xs {
    font-size: 0.7em; }
  .tablet-align-left {
    text-align: left !important; }
  .tablet-align-center {
    text-align: center !important; }
  .tablet-align-right {
    text-align: right !important; }
  .tool-tip {
    display: none !important; }
  body.skinned i#user-prefs:after {
    display: none; }
  a#main-header-logoButton {
    margin-left: 20px; }
  #user-prefs.sticky-header {
    position: fixed;
    top: 0;
    left: 0; }
    #user-prefs.sticky-header:not(.mobile-menu-active).hide {
      -ms-transform: translate(0, -100%);
      -webkit-transform: translate(0, -100%);
      transform: translate(0, -100%); }
  #main-content-sidebar {
    display: none; }
  body {
    background: white !important; }
  /*
    #user-prefs.wide-load ~ #main-container #main-content .social-shares-wrapper,
    #main-container #main-content .social-shares-wrapper {
        left:auto !important;
        right:-$gutter*2 - 1px;

        ul:before { width: calc(100% + 40px) }

        li > a:after{
            left:0;
            right: auto;
        }

    }#user-prefs.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper,
    #user-prefs.wide-load.lefthand-sidebar ~ #main-container #main-content .social-shares-wrapper {
        right: -37px;
    }
    */
  #main-content {
    box-shadow: none; }
    #main-content #main-entry {
      margin: 18px 0;
      max-width: 100% !important; }
  #main-footer-inner {
    justify-content: center; }
  #main-footer-inner > *:not(.footer-left) {
    display: none !important; } }

@media (max-width: 800px) {
  #main-content.page-Article #main-entry div.article-content {
    margin-right: 0; } }

@media (max-width: 765px) {
  a#main-header-logoButton {
    display: none; }
  .logo-small {
    width: 60%;
    max-width: 240px; }
  #header-ad-wrapper {
    display: none !important; }
  .mobile-on {
    display: block !important; }
  .mobile-on.inline {
    display: inline-block !important; }
  .mobile-off {
    display: none !important; }
  .mobile-font-xl {
    font-size: 2em !important; }
  .mobile-font-l {
    font-size: 1.5em; }
  .mobile-font-m {
    font-size: 1em !important; }
  .mobile-font-s {
    font-size: 0.84em; }
  .mobile-font-xs {
    font-size: 0.7em; }
  .mobile-align-left, .mobile-text-left {
    text-align: left !important;
    justify-content: flex-start !important; }
  .mobile-align-center {
    text-align: center !important; }
  .mobile-align-right {
    text-align: right !important; }
  .mobile-float-right {
    float: right; }
  .mobile-float-left {
    float: left; }
  .mobile-width-100 {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  h1 {
    font-size: 2em;
    line-height: 1.2em; }
  #main-header-bar {
    height: 44px; }
    #main-header-bar #main-header-bar-inner #main-header-logoButton {
      background-image: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/images/logo-white-small.png");
      width: 80px; }
    #main-header-bar #main-header-bar-inner #main-header-bar-right {
      min-width: 267px; }
      #main-header-bar #main-header-bar-inner #main-header-bar-right #user-image-box {
        margin-top: 5px;
        margin-right: 5px; }
      #main-header-bar #main-header-bar-inner #main-header-bar-right #user-image-box + .hover-menu {
        right: 5px; }
    #main-header-bar #main-header-bar-inner #random-box {
      margin-right: 10px;
      width: auto;
      height: 43px; }
    #main-header-bar #mobile-menu {
      height: calc(100vh - 40px); }
    #main-header-bar.HomePage:not(.mobile-menu-active) #main-header-logoButton,
    #main-header-bar.HomePage #search-mobileToggle {
      display: none !important; }
  #main-header-bar.mobile-search-active > #main-header-bar-inner {
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  #main-header-bar #search-box {
    opacity: 0;
    pointer-events: none;
    width: 100% !important;
    height: 43px;
    position: fixed;
    top: 5px;
    left: 0;
    overflow: hidden; }
    #main-header-bar #search-box > form {
      width: calc(100% - 48px);
      margin-top: 43px;
      margin-left: 5px; }
  #main-header-bar.mobile-search-active #search-box {
    opacity: 1;
    pointer-events: all;
    top: 43px; }
    #main-header-bar.mobile-search-active #search-box > form {
      margin-top: -5px; }
  #main-container {
    margin-top: 0;
    min-width: 306px;
    max-width: calc(100% - 18px); }
  nav.mobile-actions-wrapper + #main-article {
    margin-top: 18px; }
  #main-content.page-Article #main-entry div.article-content {
    margin-right: 0; }
  #main-content.page-Article #main-entry .section-links ul {
    font-size: 0.84em; }
  #main-content #main-entry {
    margin-top: 18px; }
    #main-content #main-entry h1.entry-title {
      font-size: 2em;
      padding-bottom: 8px; }
    #main-content #main-entry nav.mobile-actions-wrapper + div#main-article {
      margin-top: 18px; }
    #main-content #main-entry .article-content hr.full-width {
      width: calc(100% + 18px);
      margin-left: -9px; }
  div.section-block {
    padding: 18px 9px; }
  #main-content.page-ArticleHistory #main-entry nav.mobile-actions-wrapper + #main-article,
  #main-content.page-Discussion #main-entry nav.mobile-actions-wrapper + #main-article,
  #main-content.page-Browse #main-entry nav.mobile-actions-wrapper + #main-article {
    margin-top: 45px; }
  nav.mobile-actions-wrapper {
    font-size: 0.84em; }
  /*
    #user-prefs.wide-load ~ #main-container #main-content .social-shares-wrapper,
    #main-container #main-content .social-shares-wrapper {
        right:-10px;
    }
    */
  ul.subpage-links li:not(:last-of-type) {
    margin-right: 1px; }
  ul.subpage-links li > a {
    padding: 4px 6px;
    margin-bottom: 6px; }
  #main-content.page-PitchGenerator #main-entry .article-content table > tbody > tr > td {
    width: 100% !important; } }

@media (max-width: 585px) {
  .tiny-on {
    display: block !important; }
  .tiny-on.inline {
    display: inline-block !important; }
  .tiny-off {
    display: none !important; }
  #main-header-bar #main-header-bar-inner #main-header-bar-right #random-box {
    margin-right: 15px; }
    #main-header-bar #main-header-bar-inner #main-header-bar-right #random-box a {
      width: 70px;
      margin-right: 8px;
      background-size: 167px 26px; } }

@media (max-width: 400px) {
  #main-header-bar #main-header-bar-inner a#main-mobile-toggle {
    width: 44px; }
  #main-header-bar #main-header-bar-inner a#main-header-logoButton {
    margin-left: 18px; }
  #main-header-bar #main-header-bar-inner #main-header-bar-right {
    max-width: 100px; } }

body > #user-prefs.browser-iOS ~ * .newsletter-signup-submit-button {
  height: 30px !important;
  text-align: center !important; }
  body > #user-prefs.browser-iOS ~ * .newsletter-signup-submit-button > i.fa {
    margin-left: -8px; }

body > #user-prefs.browser-iOS ~ * #search-box input.submit-button,
body > #user-prefs.browser-iOS ~ #homepage-introBox-mobile > form.search input.submit-button {
  margin-left: -11px; }

body > #user-prefs.night-vision {
  position: fixed;
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  left: 0;
  top: 0;
  z-index: 1; }

body > #user-prefs.night-vision ~ * .text-black {
  color: white; }

body > #user-prefs.night-vision ~ * .social-shares {
  background: black; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:not(.fb):not(.tw) {
  background: #2f2f2f; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:hover:not(.fb):not(.tw) {
  color: white;
  background: #2f2f2f; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares > li:nth-of-type(3) > a:before {
  background: #444444; }

body > #user-prefs.night-vision ~ * ul.display-toggles li {
  color: #dedede; }
  body > #user-prefs.night-vision ~ * ul.display-toggles li .display-toggle:not(.active) {
    background: #444444; }

body > #user-prefs.night-vision ~ #search-box-mobile {
  background: #28323f;
  border-color: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content {
  background: #1d1d1d;
  color: #dedede;
  box-shadow: inset 0 2px 0 0 black, inset 0 -2px 0 0 black; }
  body > #user-prefs.night-vision ~ #main-container #main-content h1.entry-title {
    box-shadow: inset 0 -1px 0 0 #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar {
  background: none;
  box-shadow: inset 2px 0 0 0 black; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar a {
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar a:hover {
    color: #008fec; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title {
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title:after {
    background: #1d1d1d;
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar ul.bulletins li a span {
    background: #444444;
    color: #dedede; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar ul.bulletins li a:hover span {
    background: #0061a0; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar ul > li > ul:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar .sidebar-item ul > li > ul:after {
    background: #444444;
    color: black; }
  body > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar .sidebar-item.wrapper {
    border: solid 1px #444444;
    border-radius: 4px;
    padding-bottom: 9px;
    box-shadow: none; }

body > #user-prefs.night-vision.lefthand-sidebar ~ #main-container #main-content #main-content-sidebar {
  box-shadow: inset -2px 0 0 0 black; }

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content {
  color: #dedede !important;
  /* asscaps */ }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content a:not(.createlink) {
    color: #008fec; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content h1:not(.entry-title), body > #user-prefs.night-vision ~ #main-container #main-entry .article-content h2, body > #user-prefs.night-vision ~ #main-container #main-entry .article-content h3, body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .wmglead {
    color: inherit;
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content hr {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content > ul:not(.thread-breadcrumbs) > li:not(:last-of-type) {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .floatboxright,
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .quoteright {
    background: #1d1d1d;
    border-color: #1d1d1d;
    box-shadow: 0 0 0 1px #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .acaptionright {
    background: #1d1d1d;
    border-color: #1d1d1d;
    box-shadow: -1px 0 0 0 #444444, 0 1px 0 0 #444444, 1px 0 0 0 #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .folderlabel {
    border-color: #444444;
    border-top-color: #444444 !important; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .folderlabel:hover,
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .folderlabel:hover:after {
    color: #dedede;
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content.retro-folders .folderlabel.is-open {
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .section.section-links div:nth-of-type(2) > div {
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .section.section-links ul,
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .section.section-links ul > li {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content .section.section-links ul > li:after {
    background-color: #444444; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).green {
    color: #75ab27; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).purple {
    color: #a312d8; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).blue {
    color: #49b8e1; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).teal {
    color: #008282; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).gold {
    color: #bc9600; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).cinnamon {
    color: #AA6600; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).forestgreen {
    color: #3c7400; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).white {
    color: #FBFBFB; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).red {
    color: #C80815; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).evil {
    background-color: black;
    color: #C80815;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid black; }
  body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span.asscaps {
    font-variant: small-caps;
    font-weight: bold; }

body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .section-links .titles > div {
  background: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .section-links ul {
  border-color: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .section-links ul > li:after {
  background-color: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .section-links ul > li > a {
  color: #008fec; }

body > #user-prefs.night-vision ~ #main-container #main-content.page-WysiwygEditor #main-entry .article-content #save-and-reason-fields {
  background: #1d1d1d;
  box-shadow: 0 -16px 0 0 #1d1d1d, 0 -17px 0 0 #aeb3ba; }

body > #user-prefs.night-vision.highlight-links ~ #main-container #main-content:not(.page-profile) #main-entry #main-article a.urllink,
body > #user-prefs.night-vision.highlight-links ~ #main-container #main-content:not(.page-profile) #main-entry #main-article a.twikilink {
  background: rgba(255, 255, 0, 0.85);
  color: black;
  text-decoration: underline; }
  body > #user-prefs.night-vision.highlight-links ~ #main-container #main-content:not(.page-profile) #main-entry #main-article a.urllink:hover,
  body > #user-prefs.night-vision.highlight-links ~ #main-container #main-content:not(.page-profile) #main-entry #main-article a.twikilink:hover {
    background: yellow; }

body > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle.active {
  box-shadow: 0 -2px 0 0 black; }

body > #user-prefs.night-vision ~ footer#main-footer {
  background: #28323f; }
  body > #user-prefs.night-vision ~ footer#main-footer .legal {
    background: #202832; }

body > #user-prefs.night-vision ~ #main-container form input, body > #user-prefs.night-vision ~ #main-container form textarea {
  color: white;
  border-color: transparent;
  background: rgba(190, 190, 190, 0.13);
  box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13); }
  body > #user-prefs.night-vision ~ #main-container form input::-webkit-input-placeholder, body > #user-prefs.night-vision ~ #main-container form textarea::-webkit-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container form input::-moz-placeholder, body > #user-prefs.night-vision ~ #main-container form textarea::-moz-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container form input:-ms-input-placeholder, body > #user-prefs.night-vision ~ #main-container form textarea:-ms-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container form input:-moz-placeholder, body > #user-prefs.night-vision ~ #main-container form textarea:-moz-placeholder {
    color: #858585; }

body > #user-prefs.night-vision ~ #main-container form select {
  color: #dedede;
  border-color: transparent;
  background-position: right bottom;
  box-shadow: inset 0 2px 0 0 #444444; }

body > #user-prefs.night-vision ~ #main-container form button {
  background: #006BB1;
  border-color: transparent;
  color: white; }
  body > #user-prefs.night-vision ~ #main-container form button:active {
    line-height: 42px; }

body > #user-prefs.night-vision ~ div[id*="homepage-introBox"],
body > #user-prefs.night-vision ~ * div[id*="homepage-introBox"] {
  background: #28323f; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="HomePage"] #main-entry h1, body > #user-prefs.night-vision ~ #main-container #main-content[class*="HomePage"] #main-entry h2 {
  background: none !important; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .panel {
  border-color: #444444;
  box-shadow: 0 2px 0 0 black; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .panel-heading {
  background: rgba(190, 190, 190, 0.13);
  border-color: #444444;
  box-shadow: none; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .panel:target {
  background: #28323f; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .diffdel, body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .diffadd {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .arrow-yellow, body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .diffdel {
  border-color: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .arrow-green, body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .diffadd {
  border-color: #7a8843; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .down-arrow {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="History"] #main-entry .article-content .reason strong:first-of-type {
  border-color: #444444; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry .article-content > .launch-pad-draft {
  border-color: #444444;
  color: #dedede; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry .edit-box {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry textarea, body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry input {
  color: white;
  border-color: transparent;
  background: rgba(190, 190, 190, 0.13);
  box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13); }
  body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry textarea::-webkit-input-placeholder, body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry input::-webkit-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry textarea::-moz-placeholder, body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry input::-moz-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry textarea:-ms-input-placeholder, body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry input:-ms-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry textarea:-moz-placeholder, body > #user-prefs.night-vision ~ #main-container #main-content[class*="YKTTW"] #main-entry input:-moz-placeholder {
    color: #858585; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li,
body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Thread'] #main-entry .article-content .thread-list-pagination a,
body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Forum'] #main-entry .article-content .thread-list-pagination a {
  background: #3c4b5e;
  color: #dedede; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Thread'] #main-entry .article-content .thread-list-pagination a:hover,
body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Forum'] #main-entry .article-content .thread-list-pagination a:hover {
  background: #006BB1;
  color: white; }

body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Thread'] #main-entry .article-content #smileyPanel,
body > #user-prefs.night-vision ~ #main-container #main-content[class*='page-Forum'] #main-entry .article-content #smileyPanel {
  background: #28323f;
  border-color: transparent; }

body > #user-prefs.night-vision ~ * #search-results .gsc-control-cse {
  background: #1d1d1d;
  border-color: transparent;
  color: #dedede; }

body > #user-prefs.night-vision ~ * #search-results .gsc-webResult.gsc-result {
  border-color: transparent; }

body > #user-prefs.night-vision ~ * #search-results .gsc-result-info,
body > #user-prefs.night-vision ~ * #search-results .gsc-orderby-label,
body > #user-prefs.night-vision ~ * #search-results .gsc-cursor-page,
body > #user-prefs.night-vision ~ * #search-results .gs-bidi-start-align {
  color: #dedede !important; }

body > #user-prefs.night-vision ~ * #search-results .gsc-above-wrapper-area {
  border-color: #444444; }

body > #user-prefs.night-vision ~ * #search-results .gsc-cursor-current-page {
  color: black !important;
  background: #dedede;
  padding: 2px 5px;
  border-radius: 3px; }

body > #user-prefs.night-vision ~ * a.announcement-banner {
  background: rgba(190, 190, 190, 0.13);
  border-color: #444444; }
  body > #user-prefs.night-vision ~ * a.announcement-banner i.kill-announcement-button {
    color: #1d1d1d; }

body > #user-prefs.night-vision ~ *:not(#modal-box) .separator {
  background: #1d1d1d;
  color: #dedede; }
  body > #user-prefs.night-vision ~ *:not(#modal-box) .separator:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ *:not(#modal-box) .separator.solid {
    background: rgba(190, 190, 190, 0.13); }

body > #user-prefs.night-vision ~ * p.separator.solid + table:before,
body > #user-prefs.night-vision ~ * p.separator.solid + .table-wrapper:before {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ * .tile-view article a {
  background: rgba(190, 190, 190, 0.13);
  border-color: #444444; }

body > #user-prefs.night-vision ~ * .tile-view article > .tile-watch-button:hover + a,
body > #user-prefs.night-vision ~ * .tile-view article > a:hover {
  box-shadow: 0 1px 3px 0 black, inset 0 -2px 0 0 #1d1d1d; }

body > #user-prefs.night-vision ~ * .tile-view article:after {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ .bubble,
body > #user-prefs.night-vision ~ * .bubble {
  background: #444444; }
  body > #user-prefs.night-vision ~ .bubble.green, body > #user-prefs.night-vision ~ .bubble.hover-green:hover,
  body > #user-prefs.night-vision ~ * .bubble.green,
  body > #user-prefs.night-vision ~ * .bubble.hover-green:hover {
    background: #99aa54; }
  body > #user-prefs.night-vision ~ .bubble.red, body > #user-prefs.night-vision ~ .bubble.hover-red:hover,
  body > #user-prefs.night-vision ~ * .bubble.red,
  body > #user-prefs.night-vision ~ * .bubble.hover-red:hover {
    background: #7a202a; }
  body > #user-prefs.night-vision ~ .bubble.blue, body > #user-prefs.night-vision ~ .bubble.hover-blue:hover,
  body > #user-prefs.night-vision ~ * .bubble.blue,
  body > #user-prefs.night-vision ~ * .bubble.hover-blue:hover {
    background: #006BB1; }
  body > #user-prefs.night-vision ~ .bubble.gray, body > #user-prefs.night-vision ~ .bubble.hover-gray:hover,
  body > #user-prefs.night-vision ~ * .bubble.gray,
  body > #user-prefs.night-vision ~ * .bubble.hover-gray:hover {
    background: #585858; }
  body > #user-prefs.night-vision ~ .bubble.light-gray, body > #user-prefs.night-vision ~ .bubble.hover-light-gray:hover,
  body > #user-prefs.night-vision ~ * .bubble.light-gray,
  body > #user-prefs.night-vision ~ * .bubble.hover-light-gray:hover {
    background: #3f3f3f;
    opacity: 0.5; }

body > #user-prefs.night-vision ~ *.button-group a,
body > #user-prefs.night-vision ~ * *.button-group a,
body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content *.button-group a,
body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content .two-column a.button:not(.search-submit) {
  background: #006BB1;
  border-color: #1d1d1d;
  color: white; }
  body > #user-prefs.night-vision ~ *.button-group a:active,
  body > #user-prefs.night-vision ~ * *.button-group a:active,
  body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content *.button-group a:active,
  body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content .two-column a.button:not(.search-submit):active {
    background-color: #004c7e; }
  body > #user-prefs.night-vision ~ *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ * *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ #main-container #main-content #main-entry .article-content .two-column a.button:not(.search-submit) .bubble.blue {
    background: #dedede;
    color: #006BB1; }

body > #user-prefs.night-vision ~ .hover-menu,
body > #user-prefs.night-vision ~ * .hover-menu {
  background: #1d1d1d; }
  body > #user-prefs.night-vision ~ .hover-menu:before,
  body > #user-prefs.night-vision ~ * .hover-menu:before {
    border-top-color: #28323f; }
  body > #user-prefs.night-vision ~ .hover-menu a,
  body > #user-prefs.night-vision ~ * .hover-menu a {
    color: #b8b8b8;
    background: #28323f; }
  body > #user-prefs.night-vision ~ .hover-menu a:hover,
  body > #user-prefs.night-vision ~ * .hover-menu a:hover {
    color: #dedede; }

body > #user-prefs.night-vision ~ .section-block hr,
body > #user-prefs.night-vision ~ * .section-block hr {
  border-color: #444444 !important; }

body > #user-prefs.night-vision ~ .section-block:before,
body > #user-prefs.night-vision ~ * .section-block:before {
  box-shadow: inset 0 0 0 1px #444444; }

body > #user-prefs.night-vision ~ * table:not(.wikitable) thead {
  background: rgba(190, 190, 190, 0.13); }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr {
  border-bottom-color: transparent; }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tr:nth-of-type(even) {
  background: rgba(190, 190, 190, 0.06); }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr.dark {
  background: #1e1e1e; }
  body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr.dark:nth-of-type(even) {
    background-color: #191919; }

body > #user-prefs.night-vision ~ * .comment-box,
body > #user-prefs.night-vision ~ * .comment-box.reply {
  color: #dedede !important;
  border-color: #444444; }
  body > #user-prefs.night-vision ~ * .comment-box[class*='reply'],
  body > #user-prefs.night-vision ~ * .comment-box.reply[class*='reply'] {
    background: none; }
  body > #user-prefs.night-vision ~ * .comment-box .comment-body .troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.reply .comment-body .troper-comment {
    border-color: #444444; }
    body > #user-prefs.night-vision ~ * .comment-box .comment-body .troper-comment a.options-button,
    body > #user-prefs.night-vision ~ * .comment-box.reply .comment-body .troper-comment a.options-button {
      background: #b8b8b8;
      color: black !important;
      opacity: 0.2; }
    body > #user-prefs.night-vision ~ * .comment-box .comment-body .troper-comment .comment:before,
    body > #user-prefs.night-vision ~ * .comment-box.reply .comment-body .troper-comment .comment:before {
      border-color: #444444;
      background: #1d1d1d; }
    body > #user-prefs.night-vision ~ * .comment-box .comment-body .troper-comment .comment > .reply-toggle,
    body > #user-prefs.night-vision ~ * .comment-box.reply .comment-body .troper-comment .comment > .reply-toggle {
      border-color: #1d1d1d; }
  body > #user-prefs.night-vision ~ * .comment-box .comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.reply .comment-body span.troper-signature {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode .comment-body .troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode .comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode .comment-body .troper-comment .comment:before,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode .comment-body .troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode .comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode .comment-body .troper-comment .comment:before {
    border-color: #7a202a;
    background: #290b0e; }

body > #user-prefs.night-vision ~ * .comment-box:target .comment-body .troper-comment,
body > #user-prefs.night-vision ~ * .comment-box:target .comment-body .comment:before,
body > #user-prefs.night-vision ~ * a:target + .comment-box .comment-body .troper-comment,
body > #user-prefs.night-vision ~ * a:target + .comment-box .comment-body .comment:before {
  background: #28323f !important; }

body > #user-prefs.night-vision ~ * .comment-box.reply:target,
body > #user-prefs.night-vision ~ * .replies > .comment-box:target {
  background: #28323f; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-title,
body > #user-prefs.night-vision ~ * #comic-viewer #comic-viewer-window,
body > #user-prefs.night-vision ~ * #comic-viewer .comic-viewer-nav {
  background-color: inherit !important; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-title {
  border-color: rgba(190, 190, 190, 0.13) !important; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-viewer-nav {
  background-image: none !important;
  box-shadow: 0 0 0 1px rgba(190, 190, 190, 0.13); }

body:not(.skinned) > #user-prefs.night-vision ~ #main-header-bar,
body:not(.skinned) > #user-prefs.night-vision ~ *.action-bar,
body:not(.skinned) > #user-prefs.night-vision ~ * .action-bar {
  background: #28323f; }

body:not(.skinned) > #user-prefs.night-vision ~ #main-header-bar > #main-header-bar-inner #main-header-bar-right #search-box .search input.submit-button {
  color: #1d1d1d; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul.subpage-links li > a {
  border-color: #0061a0;
  color: #008fec; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul.subpage-links li > a.curr-subpage {
  color: white;
  background-color: #0061a0; }

body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle {
  background-color: #444444;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #1d1d1d));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #444444 0%, #1d1d1d 100%);
  /* W3C */ }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:after {
    background: #1d1d1d; }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:active {
    box-shadow: none;
    background-color: #444444;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d1d1d), color-stop(100%, #444444));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #1d1d1d 0%, #444444 100%);
    /* W3C */ }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle > * {
    opacity: 0.6; }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:hover * {
    opacity: 1; }

body:not(.skinned) > #user-prefs.night-vision ~ * nav.mobile-actions-wrapper ul#mobile-page-actions {
  background: #1d1d1d; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:not(.fb):not(.tw):before {
  background: #a4a4a4;
  opacity: 0.3; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul#left-floating-socialShares:after {
  background: #2f2f2f;
  color: #a4a4a4;
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2); }

@media (max-width: 1291px) {
  body > #user-prefs.night-vision ~ #main-container #main-content .social-shares-wrapper ul {
    border: none; }
    body > #user-prefs.night-vision ~ #main-container #main-content .social-shares-wrapper ul:after {
      box-shadow: none; } }

@media (min-width: 980px) {
  body > #user-prefs.night-vision ~ *.watch-button,
  body > #user-prefs.night-vision ~ * .watch-button {
    color: rgba(255, 255, 255, 0.6);
    border-color: #323232;
    border-top-color: #565656;
    text-shadow: 0 -1px black; }
    body > #user-prefs.night-vision ~ *.watch-button:hover,
    body > #user-prefs.night-vision ~ * .watch-button:hover {
      color: #008fec;
      box-shadow: 0 1px 5px 0 black, inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); }
    body > #user-prefs.night-vision ~ *.watch-button:active,
    body > #user-prefs.night-vision ~ * .watch-button:active {
      color: rgba(255, 255, 255, 0.6);
      background: rgba(0, 0, 0, 0.2);
      border-color: transparent;
      line-height: 29px;
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); } }

@media (max-width: 980px) {
  body > #user-prefs.night-vision:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #1d1d1d; }
  body > #user-prefs.night-vision ~ #main-container #main-content {
    background: none;
    box-shadow: none; }
    body > #user-prefs.night-vision ~ #main-container #main-content.page-Profile #main-entry .article-content #change-password-link {
      background: #1d1d1d; }
  body:not(.skinned) > #user-prefs.night-vision {
    /*
		& ~ #main-header-bar,
		& ~ *.action-bar,
		& ~ * .action-bar { background:$color-blue-dark }*/ }
    body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button,
    body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button {
      color: #b3b3b3;
      border: none;
      line-height: 32px;
      text-shadow: none;
      box-shadow: none;
      background-color: #444444;
      /* Old browsers */
      background-image: -moz-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* FF3.6+ */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #1d1d1d));
      /* Chrome,Safari4+ */
      background-image: -webkit-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* Chrome10+,Safari5.1+ */
      background-image: -o-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* Opera 11.10+ */
      background-image: -ms-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* IE10+ */
      background-image: linear-gradient(to bottom, #444444 0%, #1d1d1d 100%);
      /* W3C */ }
      body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button:hover,
      body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:hover {
        color: white;
        box-shadow: none; }
      body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button:active,
      body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:active {
        line-height: 33px;
        background: #2b2b2b; } }

@media (max-width: 765px) {
  body > #user-prefs.night-vision ~ * .comment-box .comment-body .troper-comment p.comment:before {
    background: black !important; }
  body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button {
    color: rgba(0, 0, 0, 0) !important; }
    body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:after {
      color: white !important; } }

@font-face {
  font-family: 'icomoon';
  src: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.eot?lnxs4x");
  src: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.ttf?lnxs4x") format("truetype"), url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.eot?lnxs4x#iefix") format("embedded-opentype"), url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.woff2?lnxs4x") format("woff2"), url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.woff?lnxs4x") format("woff"), url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.svg?lnxs4x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("/National_Library/20160517234414oe_/https://static.tvtropes.org/design/fonts/icomoon/icomoon.ttf?lnxs4x") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-pencil:before {
  content: "\E913"; }

.icon-icon-gaspump:before {
  content: "\EAFD"; }

.icon-icon-bigfoot:before {
  content: "\E90B"; }

.icon-icon-triviaB:before {
  content: "\E90D"; }

.icon-sugar:before {
  content: "\E907"; }

.icon-darth:before {
  content: "\E900"; }

.icon-lock:before {
  content: "\E99D"; }

.icon-rocket:before {
  content: "\E9B3"; }

.icon-hat:before {
  content: "\E901"; }

.icon-plus:before {
  content: "\EA18"; }

.icon-undo2:before {
  content: "\E975"; }

.icon-file-text:before {
  content: "\E930"; }

.icon-info:before {
  content: "\EA1A"; }

.icon-mail2:before {
  content: "\EA92"; }

.icon-user:before {
  content: "\E97F"; }

.icon-user-minus:before {
  content: "\E982"; }

.icon-blog:before {
  content: "\E917"; }

.icon-question:before {
  content: "\EA17"; }

.icon-bin2:before {
  content: "\E9BB"; }

.icon-tv:before {
  content: "\E969"; }

.icon-magic-wand:before {
  content: "\E9A5"; }

.icon-bug:before {
  content: "\E9A7"; }

.icon-books:before {
  content: "\E92E"; }

.icon-image:before {
  content: "\E91B"; }

/*======================*/
/*======= UNUSED =======*/
/*======================*/
/*
.icon-unlocked:before {
    content: "\e99e";
}
.icon-icon-browseTropes:before {
    content: "\eaf9";
}
.icon-icon-forums:before {
    content: "\eafa";
}
.icon-icon-media:before {
    content: "\eafb";
}
.icon-icon-askTropers:before {
    content: "\eafc";
}
.icon-icon-triviaA:before {
    content: "\e90c";
}
.icon-home:before {
    content: "\e902";
}
.icon-lampshade:before {
    content: "\e903";
}
.icon-nightvision:before {
    content: "\e904";
}
.icon-sticky:before {
    content: "\e905";
}
.icon-stop:before {
    content: "\e906";
}
.icon-trivia:before {
    content: "\e908";
}
.icon-wmg:before {
    content: "\e909";
}
.icon-ymmv:before {
    content: "\e90a";
}
.icon-home2:before {
    content: "\e90e";
}
.icon-home22:before {
    content: "\e90f";
}
.icon-home3:before {
    content: "\e910";
}
.icon-office:before {
    content: "\e911";
}
.icon-newspaper:before {
    content: "\e912";
}
.icon-pencil2:before {
    content: "\e914";
}
.icon-quill:before {
    content: "\e915";
}
.icon-pen:before {
    content: "\e916";
}
.icon-blog:before {
    content: "\e917";
}
.icon-eyedropper:before {
    content: "\e918";
}
.icon-droplet:before {
    content: "\e919";
}
.icon-paint-format:before {
    content: "\e91a";
}
.icon-images:before {
    content: "\e91c";
}
.icon-camera:before {
    content: "\e91d";
}
.icon-headphones:before {
    content: "\e91e";
}
.icon-music:before {
    content: "\e91f";
}
.icon-play:before {
    content: "\e920";
}
.icon-film:before {
    content: "\e921";
}
.icon-video-camera:before {
    content: "\e922";
}
.icon-dice:before {
    content: "\e923";
}
.icon-pacman:before {
    content: "\e924";
}
.icon-spades:before {
    content: "\e925";
}
.icon-clubs:before {
    content: "\e926";
}
.icon-diamonds:before {
    content: "\e927";
}
.icon-bullhorn:before {
    content: "\e928";
}
.icon-connection:before {
    content: "\e929";
}
.icon-podcast:before {
    content: "\e92a";
}
.icon-feed:before {
    content: "\e92b";
}
.icon-mic:before {
    content: "\e92c";
}
.icon-book:before {
    content: "\e92d";
}
.icon-library:before {
    content: "\e92f";
}
.icon-profile:before {
    content: "\e931";
}
.icon-file-empty:before {
    content: "\e932";
}
.icon-files-empty:before {
    content: "\e933";
}
.icon-file-text2:before {
    content: "\e934";
}
.icon-file-picture:before {
    content: "\e935";
}
.icon-file-music:before {
    content: "\e936";
}
.icon-file-play:before {
    content: "\e937";
}
.icon-file-video:before {
    content: "\e938";
}
.icon-file-zip:before {
    content: "\e939";
}
.icon-copy:before {
    content: "\e93a";
}
.icon-paste:before {
    content: "\e93b";
}
.icon-stack:before {
    content: "\e93c";
}
.icon-folder:before {
    content: "\e93d";
}
.icon-folder-open:before {
    content: "\e93e";
}
.icon-folder-plus:before {
    content: "\e93f";
}
.icon-folder-minus:before {
    content: "\e940";
}
.icon-folder-download:before {
    content: "\e941";
}
.icon-folder-upload:before {
    content: "\e942";
}
.icon-price-tag:before {
    content: "\e943";
}
.icon-price-tags:before {
    content: "\e944";
}
.icon-barcode:before {
    content: "\e945";
}
.icon-qrcode:before {
    content: "\e946";
}
.icon-ticket:before {
    content: "\e947";
}
.icon-cart:before {
    content: "\e948";
}
.icon-coin-dollar:before {
    content: "\e949";
}
.icon-coin-euro:before {
    content: "\e94a";
}
.icon-coin-pound:before {
    content: "\e94b";
}
.icon-coin-yen:before {
    content: "\e94c";
}
.icon-credit-card:before {
    content: "\e94d";
}
.icon-calculator:before {
    content: "\e94e";
}
.icon-lifebuoy:before {
    content: "\e94f";
}
.icon-phone:before {
    content: "\e950";
}
.icon-phone-hang-up:before {
    content: "\e951";
}
.icon-address-book:before {
    content: "\e952";
}
.icon-envelop:before {
    content: "\e953";
}
.icon-pushpin:before {
    content: "\e954";
}
.icon-location:before {
    content: "\e955";
}
.icon-location2:before {
    content: "\e956";
}
.icon-compass:before {
    content: "\e957";
}
.icon-compass2:before {
    content: "\e958";
}
.icon-map:before {
    content: "\e959";
}
.icon-map2:before {
    content: "\e95a";
}
.icon-history:before {
    content: "\e95b";
}
.icon-clock:before {
    content: "\e95c";
}
.icon-clock2:before {
    content: "\e95d";
}
.icon-alarm:before {
    content: "\e95e";
}
.icon-bell:before {
    content: "\e95f";
}
.icon-stopwatch:before {
    content: "\e960";
}
.icon-calendar:before {
    content: "\e961";
}
.icon-printer:before {
    content: "\e962";
}
.icon-keyboard:before {
    content: "\e963";
}
.icon-display:before {
    content: "\e964";
}
.icon-laptop:before {
    content: "\e965";
}
.icon-mobile:before {
    content: "\e966";
}
.icon-mobile2:before {
    content: "\e967";
}
.icon-tablet:before {
    content: "\e968";
}

.icon-drawer:before {
    content: "\e96a";
}
.icon-drawer2:before {
    content: "\e96b";
}
.icon-box-add:before {
    content: "\e96c";
}
.icon-box-remove:before {
    content: "\e96d";
}
.icon-download:before {
    content: "\e96e";
}
.icon-upload:before {
    content: "\e96f";
}
.icon-floppy-disk:before {
    content: "\e970";
}
.icon-drive:before {
    content: "\e971";
}
.icon-database:before {
    content: "\e972";
}
.icon-undo:before {
    content: "\e973";
}
.icon-redo:before {
    content: "\e974";
}

.icon-redo2:before {
    content: "\e976";
}
.icon-forward:before {
    content: "\e977";
}
.icon-reply:before {
    content: "\e978";
}
.icon-bubble:before {
    content: "\e979";
}
.icon-bubbles:before {
    content: "\e97a";
}
.icon-bubbles2:before {
    content: "\e97b";
}
.icon-bubble2:before {
    content: "\e97c";
}
.icon-bubbles3:before {
    content: "\e97d";
}
.icon-bubbles4:before {
    content: "\e97e";
}

.icon-users:before {
    content: "\e980";
}
.icon-user-plus:before {
    content: "\e981";
}

.icon-user-check:before {
    content: "\e983";
}
.icon-user-tie:before {
    content: "\e984";
}
.icon-quotes-left:before {
    content: "\e985";
}
.icon-quotes-right:before {
    content: "\e986";
}
.icon-hour-glass:before {
    content: "\e987";
}
.icon-spinner:before {
    content: "\e988";
}
.icon-spinner2:before {
    content: "\e989";
}
.icon-spinner3:before {
    content: "\e98a";
}
.icon-spinner4:before {
    content: "\e98b";
}
.icon-spinner5:before {
    content: "\e98c";
}
.icon-spinner6:before {
    content: "\e98d";
}
.icon-spinner7:before {
    content: "\e98e";
}
.icon-spinner8:before {
    content: "\e98f";
}
.icon-spinner9:before {
    content: "\e990";
}
.icon-spinner10:before {
    content: "\e991";
}
.icon-spinner11:before {
    content: "\e992";
}
.icon-binoculars:before {
    content: "\e993";
}
.icon-search:before {
    content: "\e994";
}
.icon-zoom-in:before {
    content: "\e995";
}
.icon-zoom-out:before {
    content: "\e996";
}
.icon-enlarge:before {
    content: "\e997";
}
.icon-shrink:before {
    content: "\e998";
}
.icon-enlarge2:before {
    content: "\e999";
}
.icon-shrink2:before {
    content: "\e99a";
}
.icon-key:before {
    content: "\e99b";
}
.icon-key2:before {
    content: "\e99c";
}

.icon-wrench:before {
    content: "\e99f";
}
.icon-equalizer:before {
    content: "\e9a0";
}
.icon-equalizer2:before {
    content: "\e9a1";
}
.icon-cog:before {
    content: "\e9a2";
}
.icon-cogs:before {
    content: "\e9a3";
}
.icon-hammer:before {
    content: "\e9a4";
}

.icon-aid-kit:before {
    content: "\e9a6";
}

.icon-pie-chart:before {
    content: "\e9a8";
}
.icon-stats-dots:before {
    content: "\e9a9";
}
.icon-stats-bars:before {
    content: "\e9aa";
}
.icon-stats-bars2:before {
    content: "\e9ab";
}
.icon-trophy:before {
    content: "\e9ac";
}
.icon-gift:before {
    content: "\e9ad";
}
.icon-glass:before {
    content: "\e9ae";
}
.icon-glass2:before {
    content: "\e9af";
}
.icon-mug:before {
    content: "\e9b0";
}
.icon-spoon-knife:before {
    content: "\e9b1";
}
.icon-leaf:before {
    content: "\e9b2";
}

.icon-meter:before {
    content: "\e9b4";
}
.icon-meter2:before {
    content: "\e9b5";
}
.icon-hammer2:before {
    content: "\e9b6";
}
.icon-fire:before {
    content: "\e9b7";
}
.icon-lab:before {
    content: "\e9b8";
}
.icon-magnet:before {
    content: "\e9b9";
}
.icon-bin:before {
    content: "\e9ba";
}

.icon-briefcase:before {
    content: "\e9bc";
}
.icon-airplane:before {
    content: "\e9bd";
}
.icon-truck:before {
    content: "\e9be";
}
.icon-road:before {
    content: "\e9bf";
}
.icon-accessibility:before {
    content: "\e9c0";
}
.icon-target:before {
    content: "\e9c1";
}
.icon-shield:before {
    content: "\e9c2";
}
.icon-power:before {
    content: "\e9c3";
}
.icon-switch:before {
    content: "\e9c4";
}
.icon-power-cord:before {
    content: "\e9c5";
}
.icon-clipboard:before {
    content: "\e9c6";
}
.icon-list-numbered:before {
    content: "\e9c7";
}
.icon-list:before {
    content: "\e9c8";
}
.icon-list2:before {
    content: "\e9c9";
}
.icon-tree:before {
    content: "\e9ca";
}
.icon-menu:before {
    content: "\e9cb";
}
.icon-menu2:before {
    content: "\e9cc";
}
.icon-menu3:before {
    content: "\e9cd";
}
.icon-menu4:before {
    content: "\e9ce";
}
.icon-cloud:before {
    content: "\e9cf";
}
.icon-cloud-download:before {
    content: "\e9d0";
}
.icon-cloud-upload:before {
    content: "\e9d1";
}
.icon-cloud-check:before {
    content: "\e9d2";
}
.icon-download2:before {
    content: "\e9d3";
}
.icon-upload2:before {
    content: "\e9d4";
}
.icon-download3:before {
    content: "\e9d5";
}
.icon-upload3:before {
    content: "\e9d6";
}
.icon-sphere:before {
    content: "\e9d7";
}
.icon-earth:before {
    content: "\e9d8";
}
.icon-link:before {
    content: "\e9d9";
}
.icon-flag:before {
    content: "\e9da";
}
.icon-attachment:before {
    content: "\e9db";
}
.icon-eye:before {
    content: "\e9dc";
}
.icon-eye-plus:before {
    content: "\e9dd";
}
.icon-eye-minus:before {
    content: "\e9de";
}
.icon-eye-blocked:before {
    content: "\e9df";
}
.icon-bookmark:before {
    content: "\e9e0";
}
.icon-bookmarks:before {
    content: "\e9e1";
}
.icon-sun:before {
    content: "\e9e2";
}
.icon-contrast:before {
    content: "\e9e3";
}
.icon-brightness-contrast:before {
    content: "\e9e4";
}
.icon-star-empty:before {
    content: "\e9e5";
}
.icon-star-half:before {
    content: "\e9e6";
}
.icon-star-full:before {
    content: "\e9e7";
}
.icon-heart:before {
    content: "\e9e8";
}
.icon-heart-broken:before {
    content: "\e9e9";
}
.icon-man:before {
    content: "\e9ea";
}
.icon-woman:before {
    content: "\e9eb";
}
.icon-man-woman:before {
    content: "\e9ec";
}
.icon-happy:before {
    content: "\e9ed";
}
.icon-happy2:before {
    content: "\e9ee";
}
.icon-smile:before {
    content: "\e9ef";
}
.icon-smile2:before {
    content: "\e9f0";
}
.icon-tongue:before {
    content: "\e9f1";
}
.icon-tongue2:before {
    content: "\e9f2";
}
.icon-sad:before {
    content: "\e9f3";
}
.icon-sad2:before {
    content: "\e9f4";
}
.icon-wink:before {
    content: "\e9f5";
}
.icon-wink2:before {
    content: "\e9f6";
}
.icon-grin:before {
    content: "\e9f7";
}
.icon-grin2:before {
    content: "\e9f8";
}
.icon-cool:before {
    content: "\e9f9";
}
.icon-cool2:before {
    content: "\e9fa";
}
.icon-angry:before {
    content: "\e9fb";
}
.icon-angry2:before {
    content: "\e9fc";
}
.icon-evil:before {
    content: "\e9fd";
}
.icon-evil2:before {
    content: "\e9fe";
}
.icon-shocked:before {
    content: "\e9ff";
}
.icon-shocked2:before {
    content: "\ea00";
}
.icon-baffled:before {
    content: "\ea01";
}
.icon-baffled2:before {
    content: "\ea02";
}
.icon-confused:before {
    content: "\ea03";
}
.icon-confused2:before {
    content: "\ea04";
}
.icon-neutral:before {
    content: "\ea05";
}
.icon-neutral2:before {
    content: "\ea06";
}
.icon-hipster:before {
    content: "\ea07";
}
.icon-hipster2:before {
    content: "\ea08";
}
.icon-wondering:before {
    content: "\ea09";
}
.icon-wondering2:before {
    content: "\ea0a";
}
.icon-sleepy:before {
    content: "\ea0b";
}
.icon-sleepy2:before {
    content: "\ea0c";
}
.icon-frustrated:before {
    content: "\ea0d";
}
.icon-frustrated2:before {
    content: "\ea0e";
}
.icon-crying:before {
    content: "\ea0f";
}
.icon-crying2:before {
    content: "\ea10";
}
.icon-point-up:before {
    content: "\ea11";
}
.icon-point-right:before {
    content: "\ea12";
}
.icon-point-down:before {
    content: "\ea13";
}
.icon-point-left:before {
    content: "\ea14";
}
.icon-warning:before {
    content: "\ea15";
}
.icon-notification:before {
    content: "\ea16";
}

.icon-minus:before {
    content: "\ea19";
}

.icon-cancel-circle:before {
    content: "\ea1b";
}
.icon-blocked:before {
    content: "\ea1c";
}
.icon-cross:before {
    content: "\ea1d";
}
.icon-checkmark:before {
    content: "\ea1e";
}
.icon-checkmark2:before {
    content: "\ea1f";
}
.icon-spell-check:before {
    content: "\ea20";
}
.icon-enter:before {
    content: "\ea21";
}
.icon-exit:before {
    content: "\ea22";
}
.icon-play2:before {
    content: "\ea23";
}
.icon-pause:before {
    content: "\ea24";
}
.icon-stop2:before {
    content: "\ea25";
}
.icon-previous:before {
    content: "\ea26";
}
.icon-next:before {
    content: "\ea27";
}
.icon-backward:before {
    content: "\ea28";
}
.icon-forward2:before {
    content: "\ea29";
}
.icon-play3:before {
    content: "\ea2a";
}
.icon-pause2:before {
    content: "\ea2b";
}
.icon-stop22:before {
    content: "\ea2c";
}
.icon-backward2:before {
    content: "\ea2d";
}
.icon-forward3:before {
    content: "\ea2e";
}
.icon-first:before {
    content: "\ea2f";
}
.icon-last:before {
    content: "\ea30";
}
.icon-previous2:before {
    content: "\ea31";
}
.icon-next2:before {
    content: "\ea32";
}
.icon-eject:before {
    content: "\ea33";
}
.icon-volume-high:before {
    content: "\ea34";
}
.icon-volume-medium:before {
    content: "\ea35";
}
.icon-volume-low:before {
    content: "\ea36";
}
.icon-volume-mute:before {
    content: "\ea37";
}
.icon-volume-mute2:before {
    content: "\ea38";
}
.icon-volume-increase:before {
    content: "\ea39";
}
.icon-volume-decrease:before {
    content: "\ea3a";
}
.icon-loop:before {
    content: "\ea3b";
}
.icon-loop2:before {
    content: "\ea3c";
}
.icon-infinite:before {
    content: "\ea3d";
}
.icon-shuffle:before {
    content: "\ea3e";
}
.icon-arrow-up-left:before {
    content: "\ea3f";
}
.icon-arrow-up:before {
    content: "\ea40";
}
.icon-arrow-up-right:before {
    content: "\ea41";
}
.icon-arrow-right:before {
    content: "\ea42";
}
.icon-arrow-down-right:before {
    content: "\ea43";
}
.icon-arrow-down:before {
    content: "\ea44";
}
.icon-arrow-down-left:before {
    content: "\ea45";
}
.icon-arrow-left:before {
    content: "\ea46";
}
.icon-arrow-up-left2:before {
    content: "\ea47";
}
.icon-arrow-up2:before {
    content: "\ea48";
}
.icon-arrow-up-right2:before {
    content: "\ea49";
}
.icon-arrow-right2:before {
    content: "\ea4a";
}
.icon-arrow-down-right2:before {
    content: "\ea4b";
}
.icon-arrow-down2:before {
    content: "\ea4c";
}
.icon-arrow-down-left2:before {
    content: "\ea4d";
}
.icon-arrow-left2:before {
    content: "\ea4e";
}
.icon-circle-up:before {
    content: "\ea4f";
}
.icon-circle-right:before {
    content: "\ea50";
}
.icon-circle-down:before {
    content: "\ea51";
}
.icon-circle-left:before {
    content: "\ea52";
}
.icon-tab:before {
    content: "\ea53";
}
.icon-move-up:before {
    content: "\ea54";
}
.icon-move-down:before {
    content: "\ea55";
}
.icon-sort-alpha-asc:before {
    content: "\ea56";
}
.icon-sort-alpha-desc:before {
    content: "\ea57";
}
.icon-sort-numeric-asc:before {
    content: "\ea58";
}
.icon-sort-numberic-desc:before {
    content: "\ea59";
}
.icon-sort-amount-asc:before {
    content: "\ea5a";
}
.icon-sort-amount-desc:before {
    content: "\ea5b";
}
.icon-command:before {
    content: "\ea5c";
}
.icon-shift:before {
    content: "\ea5d";
}
.icon-ctrl:before {
    content: "\ea5e";
}
.icon-opt:before {
    content: "\ea5f";
}
.icon-checkbox-checked:before {
    content: "\ea60";
}
.icon-checkbox-unchecked:before {
    content: "\ea61";
}
.icon-radio-checked:before {
    content: "\ea62";
}
.icon-radio-checked2:before {
    content: "\ea63";
}
.icon-radio-unchecked:before {
    content: "\ea64";
}
.icon-crop:before {
    content: "\ea65";
}
.icon-make-group:before {
    content: "\ea66";
}
.icon-ungroup:before {
    content: "\ea67";
}
.icon-scissors:before {
    content: "\ea68";
}
.icon-filter:before {
    content: "\ea69";
}
.icon-font:before {
    content: "\ea6a";
}
.icon-ligature:before {
    content: "\ea6b";
}
.icon-ligature2:before {
    content: "\ea6c";
}
.icon-text-height:before {
    content: "\ea6d";
}
.icon-text-width:before {
    content: "\ea6e";
}
.icon-font-size:before {
    content: "\ea6f";
}
.icon-bold:before {
    content: "\ea70";
}
.icon-underline:before {
    content: "\ea71";
}
.icon-italic:before {
    content: "\ea72";
}
.icon-strikethrough:before {
    content: "\ea73";
}
.icon-omega:before {
    content: "\ea74";
}
.icon-sigma:before {
    content: "\ea75";
}
.icon-page-break:before {
    content: "\ea76";
}
.icon-superscript:before {
    content: "\ea77";
}
.icon-subscript:before {
    content: "\ea78";
}
.icon-superscript2:before {
    content: "\ea79";
}
.icon-subscript2:before {
    content: "\ea7a";
}
.icon-text-color:before {
    content: "\ea7b";
}
.icon-pagebreak:before {
    content: "\ea7c";
}
.icon-clear-formatting:before {
    content: "\ea7d";
}
.icon-table:before {
    content: "\ea7e";
}
.icon-table2:before {
    content: "\ea7f";
}
.icon-insert-template:before {
    content: "\ea80";
}
.icon-pilcrow:before {
    content: "\ea81";
}
.icon-ltr:before {
    content: "\ea82";
}
.icon-rtl:before {
    content: "\ea83";
}
.icon-section:before {
    content: "\ea84";
}
.icon-paragraph-left:before {
    content: "\ea85";
}
.icon-paragraph-center:before {
    content: "\ea86";
}
.icon-paragraph-right:before {
    content: "\ea87";
}
.icon-paragraph-justify:before {
    content: "\ea88";
}
.icon-indent-increase:before {
    content: "\ea89";
}
.icon-indent-decrease:before {
    content: "\ea8a";
}
.icon-share:before {
    content: "\ea8b";
}
.icon-new-tab:before {
    content: "\ea8c";
}
.icon-embed:before {
    content: "\ea8d";
}
.icon-embed2:before {
    content: "\ea8e";
}
.icon-terminal:before {
    content: "\ea8f";
}
.icon-share2:before {
    content: "\ea90";
}
.icon-mail:before {
    content: "\ea91";
}

.icon-mail3:before {
    content: "\ea93";
}
.icon-mail4:before {
    content: "\ea94";
}
.icon-amazon:before {
    content: "\ea95";
}
.icon-google:before {
    content: "\ea96";
}
.icon-google2:before {
    content: "\ea97";
}
.icon-google3:before {
    content: "\ea98";
}
.icon-google-plus:before {
    content: "\ea99";
}
.icon-google-plus2:before {
    content: "\ea9a";
}
.icon-google-plus3:before {
    content: "\ea9b";
}
.icon-hangouts:before {
    content: "\ea9c";
}
.icon-google-drive:before {
    content: "\ea9d";
}
.icon-facebook:before {
    content: "\ea9e";
}
.icon-facebook2:before {
    content: "\ea9f";
}
.icon-instagram:before {
    content: "\eaa0";
}
.icon-whatsapp:before {
    content: "\eaa1";
}
.icon-spotify:before {
    content: "\eaa2";
}
.icon-telegram:before {
    content: "\eaa3";
}
.icon-twitter:before {
    content: "\eaa4";
}
.icon-vine:before {
    content: "\eaa5";
}
.icon-vk:before {
    content: "\eaa6";
}
.icon-renren:before {
    content: "\eaa7";
}
.icon-sina-weibo:before {
    content: "\eaa8";
}
.icon-rss:before {
    content: "\eaa9";
}
.icon-rss2:before {
    content: "\eaaa";
}
.icon-youtube:before {
    content: "\eaab";
}
.icon-youtube2:before {
    content: "\eaac";
}
.icon-twitch:before {
    content: "\eaad";
}
.icon-vimeo:before {
    content: "\eaae";
}
.icon-vimeo2:before {
    content: "\eaaf";
}
.icon-lanyrd:before {
    content: "\eab0";
}
.icon-flickr:before {
    content: "\eab1";
}
.icon-flickr2:before {
    content: "\eab2";
}
.icon-flickr3:before {
    content: "\eab3";
}
.icon-flickr4:before {
    content: "\eab4";
}
.icon-dribbble:before {
    content: "\eab5";
}
.icon-behance:before {
    content: "\eab6";
}
.icon-behance2:before {
    content: "\eab7";
}
.icon-deviantart:before {
    content: "\eab8";
}
.icon-500px:before {
    content: "\eab9";
}
.icon-steam:before {
    content: "\eaba";
}
.icon-steam2:before {
    content: "\eabb";
}
.icon-dropbox:before {
    content: "\eabc";
}
.icon-onedrive:before {
    content: "\eabd";
}
.icon-github:before {
    content: "\eabe";
}
.icon-npm:before {
    content: "\eabf";
}
.icon-basecamp:before {
    content: "\eac0";
}
.icon-trello:before {
    content: "\eac1";
}
.icon-wordpress:before {
    content: "\eac2";
}
.icon-joomla:before {
    content: "\eac3";
}
.icon-ello:before {
    content: "\eac4";
}
.icon-blogger:before {
    content: "\eac5";
}
.icon-blogger2:before {
    content: "\eac6";
}
.icon-tumblr:before {
    content: "\eac7";
}
.icon-tumblr2:before {
    content: "\eac8";
}
.icon-yahoo:before {
    content: "\eac9";
}
.icon-yahoo2:before {
    content: "\eaca";
}
.icon-tux:before {
    content: "\eacb";
}
.icon-appleinc:before {
    content: "\eacc";
}
.icon-finder:before {
    content: "\eacd";
}
.icon-android:before {
    content: "\eace";
}
.icon-windows:before {
    content: "\eacf";
}
.icon-windows8:before {
    content: "\ead0";
}
.icon-soundcloud:before {
    content: "\ead1";
}
.icon-soundcloud2:before {
    content: "\ead2";
}
.icon-skype:before {
    content: "\ead3";
}
.icon-reddit:before {
    content: "\ead4";
}
.icon-hackernews:before {
    content: "\ead5";
}
.icon-wikipedia:before {
    content: "\ead6";
}
.icon-linkedin:before {
    content: "\ead7";
}
.icon-linkedin2:before {
    content: "\ead8";
}
.icon-lastfm:before {
    content: "\ead9";
}
.icon-lastfm2:before {
    content: "\eada";
}
.icon-delicious:before {
    content: "\eadb";
}
.icon-stumbleupon:before {
    content: "\eadc";
}
.icon-stumbleupon2:before {
    content: "\eadd";
}
.icon-stackoverflow:before {
    content: "\eade";
}
.icon-pinterest:before {
    content: "\eadf";
}
.icon-pinterest2:before {
    content: "\eae0";
}
.icon-xing:before {
    content: "\eae1";
}
.icon-xing2:before {
    content: "\eae2";
}
.icon-flattr:before {
    content: "\eae3";
}
.icon-foursquare:before {
    content: "\eae4";
}
.icon-yelp:before {
    content: "\eae5";
}
.icon-paypal:before {
    content: "\eae6";
}
.icon-chrome:before {
    content: "\eae7";
}
.icon-firefox:before {
    content: "\eae8";
}
.icon-IE:before {
    content: "\eae9";
}
.icon-edge:before {
    content: "\eaea";
}
.icon-safari:before {
    content: "\eaeb";
}
.icon-opera:before {
    content: "\eaec";
}
.icon-file-pdf:before {
    content: "\eaed";
}
.icon-file-openoffice:before {
    content: "\eaee";
}
.icon-file-word:before {
    content: "\eaef";
}
.icon-file-excel:before {
    content: "\eaf0";
}
.icon-libreoffice:before {
    content: "\eaf1";
}
.icon-html-five:before {
    content: "\eaf2";
}
.icon-html-five2:before {
    content: "\eaf3";
}
.icon-css3:before {
    content: "\eaf4";
}
.icon-git:before {
    content: "\eaf5";
}
.icon-codepen:before {
    content: "\eaf6";
}
.icon-svg:before {
    content: "\eaf7";
}
.icon-IcoMoon:before {
    content: "\eaf8";
}
*/