@charset "UTF-8";
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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

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;
}

/*!
TYPEPLATE
URL ........... http://typeplate.com
VERSION ....... 1.1.4
Github ........ https://github.com/typeplate/bower
AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
*/
@font-face {
  font-family: "Ampersand";
  src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
  unicode-range: U+0026;
}
@font-face {
  font-family: "Ampersand";
  src: local("Georgia");
  unicode-range: U+270C;
}
body {
  word-wrap: break-word;
}

pre code {
  word-wrap: normal;
}

/**
 * Dropcap Sass @include
 * Use the following Sass @include with any selector you feel necessary.
 *
	@include dropcap($dropcap-float-position, $dropcap-font-size, $dropcap-font-family, $dropcap-txt-indent, $dropcap-margin, $dropcap-padding, $dropcap-color, $dropcap-line-height, $dropcap-bg);
 *
 * Extend this object into your custom stylesheet. Let the variables do the work.
 *
 */
html {
  font: normal 112.5%/1.65 serif;
}

body {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  color: #444;
}

small {
  font-size: 65%;
}

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  line-height: 1;
  margin-top: 0;
}

.tera {
  font-size: 117px;
  font-size: 6.5rem;
  margin-bottom: 4.56923px;
  margin-bottom: 0.25385rem;
}

.giga {
  font-size: 90px;
  font-size: 5rem;
  margin-bottom: 5.94px;
  margin-bottom: 0.33rem;
}

.mega {
  font-size: 72px;
  font-size: 4rem;
  margin-bottom: 7.425px;
  margin-bottom: 0.4125rem;
}

.alpha, h1 {
  font-size: 60px;
  font-size: 3.33333rem;
  margin-bottom: 8.91px;
  margin-bottom: 0.495rem;
}

.beta, h2 {
  font-size: 48px;
  font-size: 2.66667rem;
  margin-bottom: 11.1375px;
  margin-bottom: 0.61875rem;
}

.gamma, h3 {
  font-size: 36px;
  font-size: 2rem;
  margin-bottom: 14.85px;
  margin-bottom: 0.825rem;
}

.delta, h4 {
  font-size: 24px;
  font-size: 1.33333rem;
  margin-bottom: 22.275px;
  margin-bottom: 1.2375rem;
}

.epsilon, h5 {
  font-size: 21px;
  font-size: 1.16667rem;
  margin-bottom: 25.45714px;
  margin-bottom: 1.41429rem;
}

.zeta, h6 {
  font-size: 18px;
  font-size: 1rem;
  margin-bottom: 29.7px;
  margin-bottom: 1.65rem;
}

p {
  margin: auto auto 1.5em;
}
p + p {
  text-indent: 1.5em;
  margin-top: -1.5em;
}

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

pre code {
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

pre {
  white-space: pre;
}

code {
  white-space: pre;
  font-family: monospace;
}

/**
 * Abbreviations Markup
 *
	<abbr title="hyper text markup language">HMTL</abbr>
 *
 * Extend this object into your markup.
 *
 */
abbr {
  font-variant: small-caps;
  font-weight: 600;
  text-transform: lowercase;
  color: gray;
}
abbr[title]:hover {
  cursor: help;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
}

p + .drop-cap {
  text-indent: 0;
  margin-top: 0;
}

.drop-cap:first-letter {
  float: left;
  margin: inherit;
  padding: inherit;
  font-size: 4em;
  font-family: inherit;
  line-height: 1;
  text-indent: 0;
  background: transparent;
  color: inherit;
}

/**
 * Lining Definition Style Markup
 *
	<dl class="lining">
		<dt><b></b></dt>
		<dd></dd>
	</dl>
 *
 * Extend this object into your markup.
 *
 */
.lining dt,
.lining dd {
  display: inline;
  margin: 0;
}
.lining dt + dt:before,
.lining dd + dt:before {
  content: "\A";
  white-space: pre;
}
.lining dd + dd:before {
  content: ", ";
}
.lining dd:before {
  content: ": ";
  margin-left: -0.2rem;
}

/**
 * Dictionary Definition Style Markup
 *
	<dl class="dictionary-style">
		<dt><b></b></dt>
			<dd></dd>
	</dl>
 *
 * Extend this object into your markup.
 *
 */
.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}
.dictionary-style dt + dt:before {
  content: ", ";
  margin-left: -0.2rem;
}
.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}
.dictionary-style dd:before {
  content: counter(definitions,decimal) ". ";
}

/**
 * Blockquote Markup
 *
		<figure>
			<blockquote cite="">
				<p></p>
			</blockquote>
			<figcaption>
				<cite>
					<small><a href=""></a></small>
				</cite>
			</figcaption>
		</figure>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Pull Quotes Markup
 *
	<aside class="pull-quote">
		<blockquote>
			<p></p>
		</blockquote>
	</aside>
 *
 * Extend this object into your custom stylesheet.
 *
 */
.pull-quote {
  position: relative;
  padding: 1em;
}
.pull-quote:before, .pull-quote:after {
  height: 1em;
  opacity: 0.5;
  position: absolute;
  font-size: 4em;
  color: #dc976e;
}
.pull-quote:before {
  content: '“';
  top: 0;
  left: 0;
}
.pull-quote:after {
  content: '”';
  bottom: 0;
  right: 0;
}

/**
 * Figures Markup
 *
	<figure>
		<figcaption>
			<strong>Fig. 4.2 | </strong>Type Anatomy, an excerpt from Mark Boulton's book<cite title="http://designingfortheweb.co.uk/book/part3/part3_chapter11.php">"Designing for the Web"</cite>
		</figcaption>
	</figure>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Footnote Markup : Replace 'X' with your unique number for each footnote
 *
	<article>
		<p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
		<footer>
			<ol class="foot-notes">
				<li id="fn-itemX"><a href="#fn-returnX">↩</a></li>
			</ol>
		</footer>
	</article>
 *
 * Extend this object into your markup.
 *
 */
/* #######################################################################

	meanMenu
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #0c1923;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 33px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #383838;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-bottom: 1px solid #f1f1f1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  width: 26px;
  height: 26px;
  border: none !important;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
/*#383838*/
.hint, [data-hint] {
  position: relative;
  display: inline-block;
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
  visibility: visible;
  opacity: 1;
}

.hint:before, [data-hint]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}

.hint:after, [data-hint]:after {
  content: attr(data-hint);
  background: #383838;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

.hint--top:before {
  border-top-color: #383838;
}

.hint--bottom:before {
  border-bottom-color: #383838;
}

.hint--left:before {
  border-left-color: #383838;
}

.hint--right:before {
  border-right-color: #383838;
}

.hint--top:before {
  margin-bottom: -12px;
}

.hint--top:after {
  margin-left: -18px;
}

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--bottom:before {
  margin-top: -12px;
}

.hint--bottom:after {
  margin-left: -18px;
}

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}

.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}

.hint--warning.hint--top:before {
  border-top-color: #c09854;
}

.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #193b4d;
}

.hint--info.hint--top:before {
  border-top-color: #3986ac;
}

.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}

.hint--success.hint--top:before {
  border-top-color: #458746;
}

.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

.hint--success.hint--left:before {
  border-left-color: #458746;
}

.hint--success.hint--right:before {
  border-right-color: #458746;
}

.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

/*! normalize-opentype v0.1.2 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
/**
 * 1. Turn on kerning, standard ligatures, and proportional, oldstyle numerals
 *    Turn off all other ligatures, tabular, lining numerals, and alternates
 */
html,
body {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
  /* 1. */
}

/* Headings
========================================================================== */
/**
 * 1. Turn on discretionary ligatures for larger headings
 */
h1,
h2,
h3 {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
  /* 1. */
}

/* Text-level semantics
========================================================================== */
/**
 * 1. Change all letters to uppercase
 * 2. Turn on small caps for upper and lowercase letters
 */
abbr {
  text-transform: uppercase;
  /* 1 */
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
  /* 2 */
}

/*
 * TODO: Turn on diagonal fractions where appropriate
 */
time {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;
}

/*
 * 1. Turn off kerning and ligatures,
 *    Turn on lining, tabular numerals, slashed zero
 */
pre,
kbd,
samp,
code {
  font-feature-settings: "kern" 0, "liga" 0, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */
}

/**
 * 1. Turn on proper supercript numerals
 */
sup {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;
  /* 1. */
}

/**
 * 1. Turn on proper subscript numerals
 */
sub {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;
  /* 1. */
}

/* Grouping content
========================================================================== */
/**
 * TODO: Adds proper bullets
 */
/*
 * TODO:
 * 1. Adds counters for lists
 * 2. Use proper numerals for lists
 */
/**
 * Adds proper small caps
 */
/**
 * TODO: scmp, sc2c, pnum, case sensitive forms for postal codes
 */
/* Forms
========================================================================== */
/**
 * 1. Turns on lining, proportional numerals without clarified zeroes
 * TODO: Additional input modes https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-inputmode
 */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="week"] {
  font-feature-settings: "kern" 0, "liga" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;
  /* 1. */
}

/* Localisation
========================================================================== */
/* Tables
========================================================================== */
/**
 * 1. Turns on tabular, lining numerals and slashed zero
 *    Turns off kerning, as it could impact tabular numerals
 */
table {
  font-feature-settings: "kern" 0, "liga" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */
}

/**
 * 1. Revert to defaults for table headings
 */
table thead,
table tfoot {
  font-feature-settings: "kern" 1, "liga" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
  /* 2. */
}

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.gone {
  display: none;
}

.white {
  background-color: white;
}

.divider {
  vertical-align: middle;
  height: 0px;
  border-top: 1px dashed rgba(17, 46, 49, 0.4);
  border-bottom: 1px dotted rgba(164, 37, 46, 0.2);
  width: 100%;
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
  display: none !important;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    display: inline-block !important;
  }
}

@font-face {
  font-family: 'Ampersand';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url("calendas_plus_italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .header {
    padding: 0 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media all and (min-width: 950px) and (min-device-width: 480px) {
  .main {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
}

.math {
  font-size: 1.6em;
  width: 100%;
  display: inline-block;
}

.example_math {
  color: #112E31;
  font-size: 1rem;
  overflow: auto;
  text-align: left;
}

.example_math:before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  content: "Example";
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  font-style: italic;
  color: #ccc;
  font-weight: 400;
  position: relative;
  top: 20px;
}

.footer {
  font-size: 1.2em;
}

.anchor, a, .previous-rule, .next-rule {
  color: #a4252e;
  border-bottom: 1px dotted #a4252e;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
  -transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.anchor:hover, a:hover, .previous-rule:hover, .next-rule:hover {
  border-bottom: 1px solid #a4252e;
  -transition: .5s fade;
  -webkit-transition: .5s fade;
  transition: .5s fade;
}

a.-unstyled, a.-unstyled:hover {
  border-bottom: none;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
}

em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  color: rgba(17, 46, 49, 0.95);
  text-align: center;
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
}

.amp {
  font-family: Calendas Plus Italic, 'Ampersand', Calendas Plus, Baskerville, GoudyBookletter1911, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
}

.stylized {
  -moz-font-feature-settings: "dlig" 0, "hlig" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "sups" 0, "subs" 0, "sinf" 0, "ordn" 0, "zero" 1, "frac" 0, "c2sc" 0, "smcp" 0, "c2pc" 0, "pcap" 0, "case" 0, "cpsp" 0, "swsh" 1, "cswh" 1, "hist" 1, "titl" 1;
  -moz-font-feature-settings: "dlig=0, hlig=1, pnum=1, tnum=0, onum=1, lnum=0, sups=0, subs=0, sinf=0, ordn=0, zero=1, frac=0, c2sc=0, smcp=0, c2pc=0, pcap=0, case=0, cpsp=0, swsh=1, cswh=1, hist=1, titl=1";
  -ms-font-feature-settings: "dlig" 0, "hlig" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "sups" 0, "subs" 0, "sinf" 0, "ordn" 0, "zero" 1, "frac" 0, "c2sc" 0, "smcp" 0, "c2pc" 0, "pcap" 0, "case" 0, "cpsp" 0, "swsh" 1, "cswh" 1, "hist" 1, "titl" 1;
  -o-font-feature-settings: "dlig" 0, "hlig" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "sups" 0, "subs" 0, "sinf" 0, "ordn" 0, "zero" 1, "frac" 0, "c2sc" 0, "smcp" 0, "c2pc" 0, "pcap" 0, "case" 0, "cpsp" 0, "swsh" 1, "cswh" 1, "hist" 1, "titl" 1;
  -webkit-font-feature-settings: "dlig" 0, "hlig" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "sups" 0, "subs" 0, "sinf" 0, "ordn" 0, "zero" 1, "frac" 0, "c2sc" 0, "smcp" 0, "c2pc" 0, "pcap" 0, "case" 0, "cpsp" 0, "swsh" 1, "cswh" 1, "hist" 1, "titl" 1;
  font-feature-settings: "dlig" 0, "hlig" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "sups" 0, "subs" 0, "sinf" 0, "ordn" 0, "zero" 1, "frac" 0, "c2sc" 0, "smcp" 0, "c2pc" 0, "pcap" 0, "case" 0, "cpsp" 0, "swsh" 1, "cswh" 1, "hist" 1, "titl" 1;
  font-style: italic;
}

.sc, .category_header, button, input[type="submit"], a.button, dt {
  -moz-font-feature-settings: "smcp" 1;
  -moz-font-feature-settings: "smcp=1";
  -ms-font-feature-settings: "smcp" 1;
  -o-font-feature-settings: "smcp" 1;
  -webkit-font-feature-settings: "smcp" 1;
  font-feature-settings: "smcp" 1;
  font-weight: normal;
}

.intro_text {
  text-align: center;
  padding: 3%;
  width: 100%;
  padding-top: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  word-wrap: normal;
  margin-top: 0px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .intro_text {
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 0;
  }
}

.intro_text h1 {
  font-size: 1.8em;
  color: #112e31;
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .intro_text h1 {
    text-align: left;
  }
}

.category_header {
  margin-top: 50px;
  text-transform: lowercase;
  padding: 3%;
  font-weight: normal;
  padding-bottom: 1.5%;
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  text-align: center;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .category_header {
    text-shadow: 2px 2px 0px rgba(164, 37, 46, 0.2);
  }
}

article:first-child > .category_header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

span[data-hint]:after {
  background: white;
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  padding: 7px;
  border: 1px solid #ccc;
  font-size: .7em;
  padding-top: 8px;
  text-shadow: none;
  color: #555;
  text-transform: uppercase;
  box-shadow: 0 0 5px 3px white;
}

.hint--right[data-hint]:before {
  border-right-color: rgba(17, 46, 49, 0.4);
}

.hint--left[data-hint]:before {
  border-left-color: rgba(17, 46, 49, 0.4);
}

.navbar {
  padding: 3px 5px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", sans-serif;
  font-size: .7em;
  background-color: white;
  box-shadow: 0 1px 4px 0px #777;
}

.btn {
  border: 2px solid #a4252e;
  background-color: #a4252e;
  color: white;
  text-transform: lowercase;
  -moz-font-feature-settings: "smcp" 1;
  -moz-font-feature-settings: "smcp=1";
  -ms-font-feature-settings: "smcp" 1;
  -o-font-feature-settings: "smcp" 1;
  -webkit-font-feature-settings: "smcp" 1;
  font-feature-settings: "smcp" 1;
  font-weight: normal;
  padding: 4px 15px;
  border-radius: 2px;
  cursor: pointer;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C94E38), color-stop(1, #A4252E));
  background-image: -o-linear-gradient(bottom, #C94E38 0%, #A4252E 100%);
  background-image: -moz-linear-gradient(bottom, #C94E38 0%, #A4252E 100%);
  background-image: -webkit-linear-gradient(bottom, #C94E38 0%, #A4252E 100%);
  background-image: -ms-linear-gradient(bottom, #C94E38 0%, #A4252E 100%);
  background-image: linear-gradient(to bottom, #C94E38 0%, #A4252E 100%);
}

.btn:hover, .btn:active {
  background-image: none;
  text-decoration: none;
  background-color: #a4252e;
  box-shadow: inset 0 0 7px black;
}

dt {
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  font-weight: normal;
  color: #112e31;
  font-size: 1.2em;
  font-weight: 700;
}

dd {
  text-indent: 0;
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  margin-bottom: 15px;
}

h2 {
  line-height: 1.1;
}

sup {
  -moz-font-feature-settings: "sups" 1;
  -moz-font-feature-settings: "sups=1";
  -ms-font-feature-settings: "sups" 1;
  -o-font-feature-settings: "sups" 1;
  -webkit-font-feature-settings: "sups" 1;
  font-feature-settings: "sups" 1;
}

/* Single Rule Styles */
.single-rule .details {
  display: block !important;
}

.single-rule .math {
  position: relative;
  top: 35px;
  padding-top: 15px;
}

.single-rule .rule_card {
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 7px 3px white;
}

.single-rule .rule_card h2 {
  position: relative;
  top: 40px;
  font-size: .7em;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .single-rule .rule_card h2 {
    font-size: inherit;
  }
}

.single-rule h2, h4 {
  width: 93%;
  margin: 0 auto;
}

.single-rule h4 {
  font-style: italic;
  color: #777;
  line-height: 1.2;
  font-family: Linux Libertine O;
}

hr {
  border: none;
  border-top: medium double rgba(164, 37, 46, 0.2);
  width: 75%;
  text-align: center;
  margin: 0 auto;
}

hr:not(.plain):after {
  /*  content: "◉";*/
  content: "§";
  display: inline;
  position: relative;
  top: -.8em;
  color: #ccc;
  font-size: 1em;
  padding: 0 0.55em;
  background-image: url("../img/ricepaper2.png");
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: 400;
  src: local("Linux Libertine O"), url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/400.woff) format("woff");
}
@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: 700;
  src: local("Linux Libertine O Bold"), url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/700.woff) format("woff");
}
@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: 400;
  src: local("Linux Libertine O Italic"), url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/400i.woff) format("woff");
}
@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: 700;
  src: local("Linux Libertine O Bold Italic"), url(//brick.a.ssl.fastly.net/fonts/linuxlibertine/700i.woff) format("woff");
}
.navbar {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 200;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.navbar,
.navbar nav,
.navbar ul,
.navbar form,
.navbar li,
.navbar a {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
}

.navbar li {
  padding-left: 7px;
}

.navbar nav {
  width: 60%;
  padding-top: 5px;
}

.navbar__right {
  width: 100%;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .navbar__right {
    width: 40%;
  }
}

#toggleswitch {
  width: 130px;
  display: inline-block;
}

.search {
  display: inline-block;
  width: -webkit-calc(100% - 175px);
  width: -moz-calc(100% - 175px);
  width: calc(100% - 175px);
}

.search form {
  width: 100%;
}

.searchbox {
  border: none;
  padding: 5px;
  width: 100%;
  width: calc(100% - 70px);
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear-search {
  position: relative;
  right: 1em;
  width: 0;
  line-height: 300%;
  font-size: 1.6em;
  font-family: sans-serif;
  font-weight: bold;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .clear-search {
    font-size: 1em;
    line-height: 1.65 !important;
  }
}

.search button {
  display: inline-block;
  width: 60px;
}

.math.highlighted #MJMATHI-61 {
  fill: #a44625;
}
.math.highlighted #MJMATHI-62 {
  fill: #b83d11;
}
.math.highlighted #MJMATHI-63 {
  fill: #bf5200;
}
.math.highlighted #MJMATHI-64 {
  fill: #a47125;
}
.math.highlighted #MJMATHI-6E {
  fill: #a42543;
}
.math.highlighted #MJMATHI-6D {
  fill: #8f204d;
}

body {
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  font-size: 18px;
  line-height: 135%;
  color: #333;
  background-color: #f8f8f8;
  background-attachment: fixed;
  z-index: 0;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  body {
    font-size: 23px;
    background-image: url("../img/ricepaper2.png");
  }
}

.number_badge {
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  display: inline-block;
  color: #ccc;
  font-size: 1.6em;
  padding: 8px;
  font-weight: 700;
}

.description {
  padding: 15px;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.toggle_details {
  font-family: Linux Libertine, "Linux Libertine", Libre Baskerville, Baskerville, "Crimson Text", "Palatino Linotype", Palatino, Palladio, Baskerville, "Bookman Old Style", Garamond, serif;
  border: 3px double #a4252e;
  border-top: none;
  padding: 5px 15px;
  position: relative;
  bottom: 7px;
  background-color: rgba(0, 0, 0, 0.04);
  font-size: .97em;
  color: #a4252e;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  border-radius: 0 0 3px 3px;
  max-width: 100% !important;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.previous-rule, .next-rule {
  float: left;
  display: inline-block;
  margin-bottom: 10px;
}

.next-rule {
  float: right !important;
}

.previous-rule__disabled,
.previous-rule__disabled:hover,
.next-rule__disabled,
.next-rule__disabled:hover {
  color: #777;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: none;
  pointer: none;
}

.toggle_details:hover {
  background-color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.show_hide_arrow {
  font-size: .7em;
  opacity: 1;
  position: relative;
  bottom: 1px;
  opacity: .7;
}

.toggleswitch {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", sans-serif;
  font-weight: 600;
  padding: 2px;
  display: inline-block;
  -transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .toggleswitch {
    font-size: .89em;
  }
}

.toggleswitch:hover {
  -transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.showing {
  background-image: none;
  text-decoration: none;
  background-color: #a4252e;
  box-shadow: inset 0 0 7px black;
}

/*Molecules*/
.logo {
  padding: 20px 2% 20px 2%;
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.logo img {
  margin: 0 auto;
  max-width: 200px;
  max-height: 200px;
  width: 100%;
}

.details {
  display: block;
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 2%;
  line-height: 1.4;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  overflow: auto;
}

.mean-container, .mean-bar {
  z-index: 100 !important;
}

.rule_card {
  max-width: 100% !important;
  border: none;
  border-top: 1px dotted #ccaaaa;
  border-bottom: 1px dotted #ccaaaa;
  box-shadow: 0 0 1px 2px white inset;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
}

.rule_card:last-of-type > .divider {
  display: none;
}

.sb {
  padding: 3%;
  font-size: .9em;
  padding-top: 23px;
  text-align: center;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.header {
  min-width: 100%;
}

.footer {
  padding: 20px;
  background-color: #a4252e;
  border-top: 3px solid rgba(255, 255, 255, 0.5);
  color: #ddd;
  text-align: center;
  display: block !important;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.footer a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.footer a:hover {
  border-bottom: 1px solid #fff;
}

.footer span {
  font-size: .8em;
  line-height: 2;
  margin: 0 10px;
  display: inline-block;
  text-align: center;
}

.about {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 3%;
  font-size: 1.1em;
  line-height: 1.5;
  width: 100%;
  border-top: 3px solid rgba(164, 37, 46, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.about p {
  max-width: 950px;
  margin: 0 auto;
  /*text-align: center;*/
  word-wrap: none !important;
  -webkit-hyphens: none;
  /* Safari 5.1 thru 6, iOS 4.2 thru 6 */
  -moz-hyphens: none;
  /* Firefox 16 thru 20 */
  -ms-hyphens: none;
  /* IE10 */
  -o-hyphens: none;
  /* PRESTO...haha LOL */
  hyphens: none;
  /* W3C standard */
  word-wrap: normal;
}

.about h2 strong {
  -webkit-hyphens: auto;
  /* Safari 5.1 thru 6, iOS 4.2 thru 6 */
  -moz-hyphens: auto;
  /* Firefox 16 thru 20 */
  -ms-hyphens: auto;
  /* IE10 */
  -o-hyphens: auto;
  /* PRESTO...haha LOL */
  hyphens: auto;
  /* W3C standard */
  word-wrap: break-wordauto;
}

/*SHAME CSS (if it's !important, it goes here!)*/
a.meanmenu-reveal {
  background: none !important;
}

.dismiss {
  position: absolute;
  right: 0;
  font-family: sans-serif;
  font-weight: 900;
  border-bottom: none;
  padding: .3% .7%;
  background-color: rgba(164, 37, 46, 0.2);
}

.dismiss:hover {
  background-color: #a4252e;
  color: white;
}

.intro {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
}
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .intro {
    margin-top: 0;
  }
}

.intro p {
  padding: 2% 3%;
  max-width: 1000px;
  margin: 0 auto;
}

/*Colors*/
/*.about a:hover, .footer a:hover, .sb p a:hover, .description p a:hover, .no_results a:hover{

}*/
.header a {
  color: #112E31;
}

/* Other */
@media all and (min-width: 950px) and (min-device-width: 480px) {
  .logo {
    max-width: 300px;
    float: left;
  }

  .logo img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
  }

  .logo img:hover {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
  }

  .rule_card {
    border: 1px dotted #ccaaaa;
  }
}
@media print {
  .navbar, .toggle_details {
    display: none;
  }

  .details {
    display: block !important;
  }
}

/*# sourceMappingURL=style.min.css.map */