@charset "UTF-8";
/* Utils */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
.faux,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }
  
  
  
  @font-face {
	font-family: 'FSJoeyWebRegular';
	font-weight: normal;
	font-style: normal;
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Regular.eot"); /* IE9 */
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Regular.eot?#iefix") format("embedded-opentype"),
		 url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Regular.woff") format("woff"),
		 url('http://www.nobscot.com/new/fonts/FSJoeyWeb.ttf') format('truetype'),
		 url('http://www.nobscot.com/new/fonts/FSJoeyWeb.svg') format('svg');
}

@font-face {
	font-family: 'FSJoeyWebRegular';
	font-weight: 700;
	font-style: normal;
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.eot"); /* IE9 */
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.eot?#iefix") format("embedded-opentype"),
		 url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.woff") format("woff"); /* Modern Browsers */
}

@font-face {
	font-family: 'FSJoeyWeb-Medium';
	font-weight: bold;
	font-style: normal;
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.eot"); /* IE9 */
	src: url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.eot?#iefix") format("embedded-opentype"),
		 url("http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.woff") format("woff"),
		 url('http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.ttf') format('truetype'),
		 url('http://www.nobscot.com/new/fonts/FSJoeyWeb-Medium.svg') format('svg');
}

@font-face {
  font-family: 'fontello';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/fontello.eot?38647898');
  src: url('fonts/fontello.eot?38647898#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?38647898') format('woff'),
       url('fonts/fontello.ttf?38647898') format('truetype'),
       url('fonts/fontello.svg?38647898#fontello') format('svg');
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/slick.woff') format('woff'), 
		 url('fonts/slick.ttf') format('truetype'), 
		 url('fonts/slick.svg#slick') format('svg');
}



/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

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

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

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Vendor Dependencies */
/* Vender Modal for Bootbox */
.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px; } }

.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  cursor: grabbing, move;
  /* IE hack */ }

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  cursor: grab, move;
  /* IE hack */ }

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-sample {
  position: absolute !important;
  top: -100000px     !important;
  left: -100000px    !important;
  width: auto        !important;
  height: auto       !important; }

/*! jQuery UI - v1.12.1 - 2017-06-30
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, sortable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

/*
	Redactor II

	http://imperavi.com/redactor/

	Copyright (c) 2009-2017, Imperavi Oy.
	License: http://imperavi.com/redactor/license/
*/
@font-face {
  font-family: 'Redactor';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkUAAAC8AAAAYGNtYXAXVtKuAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZnzExC8AAAF4AAAcJGhlYWQMgV4/AAAdnAAAADZoaGVhB7gD6QAAHdQAAAAkaG10eKYBDw8AAB34AAAAsGxvY2GR7orEAAAeqAAAAFptYXhwADQApgAAHwQAAAAgbmFtZVDOJQoAAB8kAAABknBvc3QAAwAAAAAguAAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpJwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAADwAjADMAABMhMhYdARQGIyEiJj0BNDYDITIWHQEUBiMhOAExIiY9ATQ2MxMhMhYdARQGIyEiJj0BNDa7AooZIiIZ/XYZIiJnA4oZIiIZ/HYYIyIZgAKKGSIiGf12GSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAAADAAAAgAQAAwAAEAAkADUAABMhMhYdARQGIyEiJj0BNDYzESEyFh0BFAYjITgBMSImPQE0NjMRITIWHQEUBiMhIiY9ATQ2MzsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAAAAwAAAIAEAAMAAA8AIwAzAAATITIWHQEUBiMhIiY9ATQ2AyEyFh0BFAYjITgBMSImPQE0NjMTITIWHQEUBiMhIiY9ATQ2+wLKGSIiGf02GSIipwOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIgMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgAAAwEZAEcC5wMAACUALgBLAAAlPgE1NCY1NjQ1NCYnPgE3PAE1NCYnLgEjKgEjIgcRMzIWMzI2NwMyFRQjIiM1MwM6ATMyFhceARUcARUcARUUBgcOASMiJiMiJzUzAp8hJwEBSDckMAEhGyFRLQIFAjiIzwMGAzBYJMpqdx8cRgcFCQUcNBYPEhUSFjQcBAkEFiZAgBlKLAEEAQMHAz1dEBFFKwEDASY/FhgbBv1OAR8bAhZPWqb+/w4ODSgXAgUCAgQCGSwODg8BA+MAAgDAAAADQAOAACcAMwAAJSImJzEnBw4BIzgBMSoBIyImJxE+ATM6ATMhOgEzMhYXEQ4BIyoBIwERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcDERggIRf88BchAxD9mGUGBgYGZQJoAAAAAAUAQAAAA8ADgAAPABMAIQAvAD0AAAEhIgYVERQWMyEyNjURNCYDIREhBSEyFhUUBiMhIiY1NDYXITIWFRQGIyEiJjU0NhchMhYVFAYjISImNTQ2A0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJQOASzX9gDVLSzUCgDVL/QACgEAlGxslJRsbJcAlGxslJRsbJcAlGxslJRsbJQADAEAAAAPAA4AADwATAE4AAAEhIgYVERQWMyEyNjURNCYDIREhAzEHDgEjOAExKgEjIiYnNDY3MTcjMCIxIiYnNDY3MTc+ATM4ATE6ATMyFhcUBgcxBzMwMjEyFhcUBgcDQP2ANUtLNQKANUtLNf2AAoCIwAUQCQEBAQ4UAgQElOkCDhUBBATABRAJAQEBDhQCBASU6QIOFQEEBAOASzX9gDVLSzUCgDVL/QACgP6t4AYHEg4FCgStEg4FCgTgBgcSDgUKBK0SDgUKBAABAIAAPAOAAwEAbQAAASMuAS8BLgEnLgEnLgE1MDQ1PAE1NDY3PgEzOgEzHgEXHgEXNy4BIyoBByoBIyIGBw4BFRwBFRwBFRQWFx4BHwEhFSEXHgEVHAEVFAYHDgEjKgEjLgEnLgEnBx4BMzoBMzIWMzI2Nz4BNy4BJxcDgPQSKBc7FSMRCA0FBQUPDQ0jEwIEAhMkEQ8cDRocQiQHDgYBBAImRBoZHQ8NEzAdMf6dAcQECQoSDxEqGAEEARMkEREgDiEfTCkCBAMCBwMsTiAdIgEBCAfUAYASHQsbChUNBhIKCxcNAQEBAQEUIg0LDgEGBgUNCFEREwEbGBc/JQEDAQECAhw1FxgmCxdABA4hEQEBARYmDg4QAQcGBRALVxUWAR0aF0QoFCYSAgACAEAAAAPAA4AAGgA2AAABBzMyFhUUBisBIiY9ATQ2MzIWHQE3HgEXFDY/ASMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3AcDnRxMaGhOzExoaExIb5hgiBgZ650cTGhoTsxMaGhMSG+YYIgYGBgFA5hsSExoaE7MTGhoTR+cFIxcKD/rmGxITGhoTsxMaGhNH5wUjFwoPBgAAAAADAEAAQAPAA4AAFwAaAB4AAAEjFTMRIREzNSMiBhURFBYzITI2NRE0JgEHISczESMDQICA/YCAgDVLSzUCgDVLS/6LgAEAqlRUAoCA/sABQIBLNf7ANUtLNQFANUsBANog/roAAwBAAAADwAOAAAMAEwAbAAABMycHASEiBhURFBYzITI2NRE0JgMnIwcjEzMTAbiNRkcBiP2ANUtLNQKANUtL5yvIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAAAAQAPwDAA78C/wAHAAoAaACVAAAlAyMDMzczFycjNwERMDQ1NCYnLgEnLgEnLgEjKgExOAExIgYHBgcGBwYHFT4BNz4BMzoBMzIWFx4BFTAUHQEjJiIjIgYHDgEVHAEVOAEVFBYXHgEXHgEXHgEzOgEzOAExMjY3PgE3FzMnDgEHDgEHKgEjIiYnLgEnLgEnLgE1OAExNDA1NDY3PgE3PgE3PgEzOgE7ARUCQOou6XMpyCtJjEYCgAYFBA8JChcNDh4PAQIKEwoRERAQDwwNHxEQIRACBAIQHgwKC04DBwQfOBgTFwQEAwsHCBMKDBoOAQIBEiIQER8NATtCDR4RDBoOAQEBBw4GBgkEBAUCAgEDAgMIBgYOCAkUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwLEwgHDAMEBAEBAgQDBAQFOwYKBAQECwkKGg8CASEBEg8OLBoBAgIBCxUKCREHBwsEBAUIBggWDjNoDBYIBwcBAwICBgQECAUFCwUBAQcOBgYLBAUHAgMCQwAAAAcAPwBAA9EDQAAHAAoADgASABYAGgAeAAAlAyMDMzczFycjNyUzESMTFwcnNwcXNwM3JwcXJzcXAkDqLulzKcgrSYxGAcFAQCQttS2tLbUtrS21La0ttS3AAj/9wXNzwNHv/QAC8S21LbUttS390y21LbUttS0AAAEAwABAA0ADQAAqAAABISoBIyIGBw4BBw4BBw4BFRwBFRQWFx4BFx4BFx4BMzoBMxEzETMRMxEzA0D+YAIFAhgsFRMjDw4WCAYHCQcIFw4OIRMVLRgCBAFcgFxoA0AHBgYUDAwdERAiEgIFAhMkEBEdDA0VBwcI/nMCq/1VAqsAAv/xALMEBALcAAUACwAAAS0BJwkBAQ0BFwkBAZ//AAEAUf6jAV0BCQEA/wBQAV3+owEAyMZO/uz+6wHcyMZNARQBFAAGAEAAQAPAA0AAAwAcAB8AIgAyAEIAAAERIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzBzcXMTcXASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDYBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiICgP6AAYBKHBQVGxsVFBz2UFCAgAIAIhkKGSIiGQoZIv2AIhkKGSIiGQoZIgAABwBAAIADwAMAAA8AIwAzADcAUABTAFYAAAEzMhYdARQGKwEiJj0BNDYTMzIWHQEUBisBOAExIiY9ATQ2MwEhMhYdARQGIyEiJj0BNDYDESERBTAyMzIWFw4BIyoBMSoBMSImJz4BMzAyMwc3FyM3FwK7yhkiIhnKGSIiGckZIiIZyRgjIhn9wAMKGSIiGfz2GSIiIgHA/tYBARQdAQEdFAEBAQEUHQEBHRQBAVFDQANoYAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQcHBQUHPZQUICAAAAHAEAAgAPAAwAADwAmADYAOgBNAFAAUwAAEzMyFh0BFAYrASImPQE0NhMzMhYdARQwMRQGIzgBMSMiJj0BNDYzESEyFh0BFAYjISImPQE0NgERIREFMDIzMhYXDgEjIiYnPgEzOgEzBzcXJzcXe8oZIiIZyhkiIhnKGSIiGcoZIiIZAwoZIiIZ/PYZIiIBngHA/tYBARQdAQMdFRQdAwEdFAEBAVFEQARlYwMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSICAP6AAYBKHBQUGxsUFBz2T1ABgIAAAAAABAAAAAAEAAOAAAMAHAAfACIAABMRIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzAzcXNRsBAAQA/VQBAQEvQwEBQy8BAQEBAQEvQwEBQy8BAQG3m5Ho2gOA/IADgKxBLy9BQS8uQv3Ft7sEASf+1AAAAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NicHEQczFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIqLAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAACAMAAAAOAA4AAGgA1AAAlKgEjIi4CJzQ+AjMyHgIVDgMjKgEjNToBMzI+Ajc0LgIjIg4CFR4DMzoBMwIgAQMBR35eNwFhfHIREXJ8YQE3Xn5HAQMBAQIBNV5HKQFLXlUKClVeSwEpR141AQIBADVdfEdHv614eK2/R0d8XTVVKEZdNTWThV5ehZM1NV1GKAABAbMASAKMAvYAAwAAJRMjAwITeV96SAKu/VIAAQAAAYEEAAIAABMAABMhMhYdARQGIyE4ATEiJj0BNDYzOwOKGSIiGfx2GCMiGQIAIhkJGSIiGAoZIgAAAwAAAL8EAALBACwAMABhAAAlIiYnNzMeATMyFjMyNjcuASMqASMOAQcnNT4BMzI2MzIeAhcOAyMiJiMBIRUhJw4BBycVDgEVFBYXFTMeATMyNjcXFQ4BIyIGIyIuAic+AzMyFjMyFhcHIy4BJwLcKUshAj0TKxcECQRAXggHX0AECQQXLBQ7IEooBAkFNmFKLgQELkphNgUJBP6SASX+20kXLBQ6EhMTEjwTKxcYLBQ7IEooBAkFNmFKLgQELkphNgUJBChLIQI9EysXwBQSWggKAVQ+P1UBCgkBWxEUAShFXjU2XkYoAQFAgNMBCgkBKREtGRotESgICgoJAVsRFAEoRV41Nl5GKAEUEloJCQEAAAAABQAaAIAEAAMAAA8AIwAzADwAYwAAASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NgM1Iw4BDwE3FRM1Izc+ATc0NjU0JicuASMiBiM4ATEiBgcOAQcXPgEzMhUOAQ8BFQE7AooZIiIZ/XYZIiIZAooZIiIZ/XYYIyIZAooZIiIZ/XYZIiKdEA4kFAEvVVYvCg0CAQsJCxkOAgICChQICA0EGwUVDCACCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBQ0JFgsOGhAbC2kMAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIv4ewICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAGAAD/wAQAA8AAEwAnACsALwAzADcAAAEiDgIVFB4CMzI+AjU0LgIDIi4CNTQ+AjMyHgIVFA4CASEVIREhFSEbARcDNxMXAwIAaruLUFCLu2pqu4tQUIu7alCLaTw8aYtQUItpPDxpi/7wAYD+gAGA/oBASjZKSko3SwPAUIu7amq7i1BQi7tqaruLUPyAPGmLUFCLaTw8aYtQUItpPAFAQAEAQP7bAeUb/hsbAeUa/hoAAAAFAAAAgAQAAwAAEAAtAD4AWwBvAAATITIWHQEUBiMhIiY9ATQ2MwEzMjAxMhYVOAExFRQwMRQGIzgBMSMiJj0BNDYzASEyFh0BFAYjISImPQE0NjMBMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MzsBMhYdARQGKwE4ATEiJj0BNDYzOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABBAAA3MDIxMjY1OAExNTQ2MyEHDgEVFBYzMjY3MTc+ATU0Ji8BLgEjIgYVFBYfASE4ATEiDgIVOAExFTgBMRQWMzgBMegBEBhdQwEHhAYGGBAIDwXIBgYGBsgFDwgQGAYGhP74MldBJhcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEJUJXMqARFwAAAAIAQAAAA4ADgAAbADcAAAEHMzIWFRQGKwEiJj0BNDYzMhYdATceARcUNgcBNyMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3A4DnRxMaGhOzExoaExIb5hgiBgYG/MDnRxMaGhOzExoaExIb5hgiBgYGA0DmGxITGhoTsxMaGhNH5wUjFwoPBv0A5hsSExoaE7MTGhoTR+cFIxcKDwYAAAABAIAAPgN/A0AAowAAJSIjBz4BNz4BNz4BNz4BNTwBNTwBNTQmJy4BJy4BJy4BIyoBIyoBIyIGBw4BBw4BBw4BFRwBFTgBMRQWFx4BFx4BFx4BFyciKwEVMBQxFBYXHgEzOgExITUuAScuAScuAScuATU8ATE8ATU0Njc+ATc+ATc+ATMyFhceARceARceARUcARUwFBUUBgcOAQcOAQcOAQ8BIToBMTI2Nz4BNTA0MTUC9hcXLRksFBMiDw4XCAgJEA8OKBgaOiAiSSYBAgEBAgEmSSIhOxkZKA4OEAkICBcPDiITFCwXKxcWigYGBQ8IAQEBGRUmEBIdDA0VBwcICwoKGxERJxYWMhkaMRgVKBERGwkKCwgHBxQNDB4RESUVAQEZAQEJDgYFBqgFCRgPDyQUFS4YGjYcAQEBAQEBJkcgHzcXFiMMDA4ODQwkFxc3HyBHJgECAR03GhkuFBQkDw8YCQVAAQgOBQUGkQMQDAweERIpFxcyGgEBAQMBHDQYFiYPDxcICAgICAgXDw8mFhg0HAEDAQEBGjIYFikSER4MDA8EjwYFBQ4IAUAAAAACARUAFgPpAp0ACwA1AAAlJzcjBycjFwczNxcFNSM3PgE3PAE1NCYnLgEjKgEjMCIjIgYHDgEHFz4BNz4BMzIVDgEPARUCzLurXXVqXZ2rYXKAAYGPUhAVAxANECcVAgQCAQEQHQ0LEQQfBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0CAwETIQwLDQgHBhQMGwkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsANQAAJSc3IwcnIxcHMzcXATUjNz4BNzwBNTQmJy4BIyoBIyoBIyIGBw4BBxc+ATc+ATcyFQ4BDwEVAsy7q111al2dq2FygAGBj1IQFQMQDREoFgEDAQEBARAdDQsRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0CAwETIQwNDggHBhQMGwgOBQUFATMbLxSwCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALQBbAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATEUBiMiJic1Jy4BNTQ2NzE3PgEzATEXHgEVFAYHMQcOASMiJjUwNDE0NjcxNyEGJjU0NjMhJy4BNTwBMTQ2MzIWFwEQFBwIBg4CLBQcHBT91A4HBxwUCxEGYAYICAZgBhELAgBgBwcHB2AGEQsUHAgGDv3WFBwcFAIsDgcHHBQLEQYDQCYaAQEMFgoBEyYaGiYTCRYMAQEaJgoIAYAJFw0MFwqACAv+bYAJFw0MFwqACAolGwENFgkTASYaGiYTCRYMAQEaJgoIAAAABAEAAIADAQMAAAMABwALAA8AAAEnNxcXNycHAwcXNzcXBycBKSnrKcMq7CnDKespwyrsKQIAJ9km2ibaJv6mJton2SfZJwAAAgDQ/8ADEAMOADIANgAAARwBFRQWFx4BMzI2MzoBMzI2Nz4BNTwBNREjERwBFRQGBw4BIyoBIyoBIyImNTQ2NREjAzUhFQESHxseSyoFCgUCBwMsTR8cIVgUERIxGwIEAgIDAzVLAVhCAkABTAMHAylJGhgcAR0aGkgqAwYDAb/+RgEEAhsvEhEUSzUCAwIBtvy3ODgAAAABAMAAgANAAwAAMAAAJSImPQE0JiMhFx4BFRQGIyImJzEnLgE1NDY/AT4BMzIWFRQGBzEHITIeAh0BFAYjAxgQF15C/veEBgYYEAgPBcgGBgYGyAUPCBAYBgaEAQgyV0EmFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQmQVgxoBEXAAAAAAYAAACABAADAAAPACMAMwBDAGAAcAAAEyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiMzMhYdARQGKwEiJj0BNDYTMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MxEzMhYdARQGKwEiJj0BNDb7AsoZIiIZ/TYZIiIZAsoZIiIZ/TYYIyIZAsoZIiIZ/TYZIiKnChkiIhkKGSIiGQkBGSIiGQoZIiIZChkiIhkKGSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAQAAABABAADQAAXACcASABLAAABISIOAhURFB4CMyEyPgI1ETQuAhMUBiMhIiY1ETQ2MyEyFhUFMQcOASMwIjEqASMiJic1PgEzOgEzMhYXIxceARUUBgcnNycDAP4ANV1GKChGXTUCADVdRigoRl1LSzX+ADVLSzUCADVL/umaBg0IAQECARIbAgIbEgECAQgOBwGaCg0NCoAICwNAKEZdNf8ANV1GKChGXTUBADVdRij+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQdBQYAAQAAAAEAAL19wCtfDzz1AAsEAAAAAADUtozhAAAAANS2jOH/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAAAAAAAAAAAKABQAHgBmALAA+AFeAagCBAJqAwADTgOAA7IEeAS0BPQFFgV4Be4GYgacBvAHOAdGB2QH7gh2CMoJJAmmCfQKRAscC2wLvgvuDGgMjAzYDR4NqA4SAAAAAQAAACwApAAHAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal; }

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

.re-icon-aligncenter:before {
  content: "\e900"; }

.re-icon-alignment:before,
.re-icon-alignleft:before {
  content: "\e901"; }

.re-icon-alignright:before {
  content: "\e902"; }

.re-icon-bold:before {
  content: "\e903"; }

.re-icon-bookmark:before {
  content: "\e904"; }

.re-icon-clips:before {
  content: "\e905"; }

.re-icon-codesnippets:before {
  content: "\e906"; }

.re-icon-deleted:before {
  content: "\e907"; }

.re-icon-expand:before {
  content: "\e908"; }

.re-icon-file:before {
  content: "\e909"; }

.re-icon-fontcolor:before {
  content: "\e90a"; }

.re-icon-fontfamily:before {
  content: "\e90b"; }

.re-icon-fontsize:before {
  content: "\e90c"; }

.re-icon-format:before {
  content: "\e90d"; }

.re-icon-html:before {
  content: "\e90e"; }

.re-icon-imagecenter:before {
  content: "\e90f"; }

.re-icon-imageleft:before {
  content: "\e910"; }

.re-icon-imageright:before {
  content: "\e911"; }

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

.re-icon-indent:before {
  content: "\e913"; }

.re-icon-inline:before {
  content: "\e914"; }

.re-icon-italic:before {
  content: "\e915"; }

.re-icon-horizontalrule:before {
  content: "\e916"; }

.re-icon-link:before {
  content: "\e917"; }

.re-icon-ol:before,
.re-icon-ordered:before {
  content: "\e918"; }

.re-icon-outdent:before {
  content: "\e919"; }

.re-icon-properties:before {
  content: "\e91a"; }

.re-icon-readmore:before {
  content: "\e91b"; }

.re-icon-redo:before {
  content: "\e91c"; }

.re-icon-retract:before {
  content: "\e91d"; }

.re-icon-specialcharacters:before {
  content: "\e91e"; }

.re-icon-sub:before {
  content: "\e91f"; }

.re-icon-sup:before {
  content: "\e920"; }

.re-icon-table:before {
  content: "\e921"; }

.re-icon-textdirection:before {
  content: "\e922"; }

.re-icon-toggle:before {
  content: "\e923"; }

.re-icon-underline:before {
  content: "\e924"; }

.re-icon-undo:before {
  content: "\e925"; }

.re-icon-ul:before,
.re-icon-lists:before,
.re-icon-unordered:before {
  content: "\e926"; }

.re-icon-video:before {
  content: "\e927"; }

.redactor-box {
  position: relative;
  overflow: visible; }

.redactor-layer,
.redactor-box {
  background: #fff; }

.redactor-layer,
.redactor-box,
.redactor-box textarea {
  z-index: auto; }

.redactor-link-tooltip {
  z-index: 99; }

.redactor-toolbar {
  z-index: 100; }

.redactor-box-fullscreen {
  z-index: 1051; }

.redactor-air,
.redactor-dropdown {
  z-index: 1052; }

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1053; }

.redactor-body-fullscreen .redactor-link-tooltip {
  z-index: 1099; }

.redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  display: block;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal !important; }

.redactor-layer {
  position: relative;
  overflow: auto;
  margin: 0;
  padding: 24px 20px;
  padding-top: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid rgba(0, 0, 0, 0.07); }

.redactor-relative {
  position: relative; }

.redactor-in {
  cursor: text; }

.redactor-layer:focus,
.redactor-in:focus {
  outline: none; }

.redactor-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.redactor-script-tag {
  display: none; }

.redactor-layer-img-edit img {
  cursor: pointer; }

.redactor-voice-label {
  display: none; }

.redactor-voice-alert {
  position: absolute;
  left: -3000px; }

.redactor-toolbar {
  position: relative;
  padding: 0 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  .redactor-toolbar:after {
    content: "";
    display: table;
    clear: both; }

.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  white-space: nowrap;
  height: 48px; }

.redactor-toolbar li a {
  color: rgba(0, 0, 0, 0.8); }
  .redactor-toolbar li a:hover {
    outline: none;
    background-color: #3d79f2;
    color: #fff; }
  .redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act {
    outline: none;
    background-color: #eee;
    color: #444; }

.redactor-toolbar li a.redactor-button-disabled {
  opacity: 0.3; }
  .redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: none;
    background-color: transparent !important;
    cursor: default; }

.redactor-toolbar li a.redactor-button-focus {
  color: #fff;
  background: #000; }

.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none; }

.redactor-air {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  padding: 0;
  max-width: 576px;
  min-width: 200px;
  border-radius: 4px;
  border: none; }

.redactor-air li a {
  color: rgba(255, 255, 255, 0.75); }
  .redactor-air li a:hover {
    outline: none;
    background-color: #1f78d8;
    color: #fff; }
  .redactor-air li a:active, .redactor-air li a.redactor-act {
    outline: none;
    background-color: #333;
    color: rgba(255, 255, 255, 0.5); }

.redactor-air li a.redactor-button-disabled {
  opacity: .3; }
  .redactor-air li a.redactor-button-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    outline: none;
    background-color: transparent !important;
    cursor: default; }

.redactor-air li a.redactor-button-focus {
  color: #333;
  background: #eee; }

.redactor-air,
.redactor-toolbar {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  margin: 0 !important;
  list-style: none !important;
  line-height: 1 !important; }

.redactor-air li,
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important; }

.redactor-air li a,
.redactor-toolbar li a {
  box-sizing: border-box;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 16px;
  padding-top: 17px;
  padding-bottom: 15px;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  position: relative; }
  .redactor-air li a.re-button-icon,
  .redactor-toolbar li a.re-button-icon {
    padding: 16px;
    font-size: 16px; }
  .redactor-air li a .re-button-tooltip,
  .redactor-toolbar li a .re-button-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    bottom: -18px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 2px;
    padding: 3px 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace; }

.redactor-toolbar li a {
  border-right: 1px solid rgba(0, 0, 0, 0.05); }

.redactor-toolbar li:last-child a {
  border-right: none; }

.redactor-link-tooltip {
  border-radius: 3px;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  position: absolute;
  padding: 16px;
  line-height: 1;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.95);
  color: #555 !important;
  font-size: 14px; }

.redactor-link-tooltip a {
  font-size: 14px;
  color: #ccc;
  margin: 0 8px;
  text-decoration: none; }
  .redactor-link-tooltip a:hover {
    color: #fff; }

.redactor-structure h1, .redactor-structure h2, .redactor-structure h3, .redactor-structure h4, .redactor-structure h5, .redactor-structure h6, .redactor-structure div {
  position: relative; }
  .redactor-structure h1:before, .redactor-structure h2:before, .redactor-structure h3:before, .redactor-structure h4:before, .redactor-structure h5:before, .redactor-structure h6:before, .redactor-structure div:before {
    width: 24px;
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    opacity: .3;
    left: -28px;
    text-align: right; }

.redactor-structure h1:before {
  content: "h1"; }

.redactor-structure h2:before {
  content: "h2"; }

.redactor-structure h3:before {
  content: "h3"; }

.redactor-structure h4:before {
  content: "h4"; }

.redactor-structure h5:before {
  content: "h5"; }

.redactor-structure h6:before {
  content: "h6"; }

.redactor-structure div:before {
  content: "div"; }

#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 3px solid #1f78d8;
  box-shadow: 0 0 12px #1f78d8; }

#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 7px 10px;
  cursor: pointer; }

#redactor-image-resizer {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -5px;
  right: -6px;
  border: 2px solid #000;
  background-color: rgba(255, 255, 255, 0.9);
  width: 10px;
  height: 10px; }

#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 64px 24px;
  border: 3px dashed rgba(0, 0, 0, 0.1); }

#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75); }

#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5); }

#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  margin-left: 64px;
  color: rgba(0, 0, 0, 0.7); }

.redactor-image-dragover {
  outline: 2px solid #3d79f2; }

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px; }

#redactor-progress span {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-size: 40px 40px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.redactor-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes redactorSlideUp {
  to {
    padding-top: 0;
    padding-bottom: 0;
    height: 0; } }

@keyframes redactorSlideUp {
  to {
    padding-top: 0;
    padding-bottom: 0;
    height: 0; } }

.redactor-slideUp {
  overflow: hidden;
  -webkit-animation-name: redactorSlideUp;
  animation-name: redactorSlideUp; }

@-webkit-keyframes redactorSlideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes redactorSlideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

.redactor-slideDown {
  overflow: hidden;
  -webkit-animation-name: redactorSlideDown;
  animation-name: redactorSlideDown; }

@-webkit-keyframes redactorFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes redactorFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.redactor-fadeIn {
  -webkit-animation-name: redactorFadeIn;
  animation-name: redactorFadeIn; }

@-webkit-keyframes redactorFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes redactorFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.redactor-fadeOut {
  -webkit-animation-name: redactorFadeOut;
  animation-name: redactorFadeOut; }

.redactor-dropdown {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  min-width: 220px;
  max-height: 254px;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  overflow: auto;
  list-style: none; }

.redactor-dropdown li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .redactor-dropdown li:last-child {
    border-bottom: none; }
  .redactor-dropdown li:hover {
    background-color: #3d79f2; }
    .redactor-dropdown li:hover a {
      color: #fff !important;
      text-decoration: none; }
  .redactor-dropdown li.redactor-dropdown-link-inactive {
    background: none; }
    .redactor-dropdown li.redactor-dropdown-link-inactive a,
    .redactor-dropdown li.redactor-dropdown-link-inactive a:hover {
      background: none;
      cursor: default;
      color: #000 !important;
      opacity: 0.4;
      background: none; }

.redactor-dropdown a {
  display: block;
  padding: 12px 10px;
  color: #000;
  text-decoration: none; }
  .redactor-dropdown a span {
    padding: 2px 4px 1px 4px;
    display: inline-block;
    border-radius: 3px;
    line-height: 1; }
  .redactor-dropdown a:focus {
    outline: none; }
  .redactor-dropdown a.selected {
    background-color: #000;
    color: #fff; }
  .redactor-dropdown a.redactor-dropdown-link-selected {
    color: #fff;
    background: #000; }

.redactor-dropdown-box-inline .redactor-dropdown-marked span {
  background-color: #ffd61e;
  color: #000;
  text-decoration: none; }

.redactor-dropdown-box-inline .redactor-dropdown-code span {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  background: rgba(0, 0, 0, 0.05); }

.redactor-dropdown-box-inline .redactor-dropdown-sample span {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  background: #46a9fc;
  color: rgba(255, 255, 255, 0.9); }

.redactor-dropdown-box-inline .redactor-dropdown-variable span {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  color: rgba(0, 0, 0, 0.5); }

.redactor-dropdown-box-inline .redactor-dropdown-shortcut span {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  background: #000;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap; }

.redactor-dropdown-box-inline .redactor-dropdown-cite span {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic; }

.redactor-dropdown-box-inline .redactor-dropdown-sup span,
.redactor-dropdown-box-inline .redactor-dropdown-sub span {
  font-size: 12px; }

.redactor-dropdown-box-format .redactor-dropdown-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic; }

.redactor-dropdown-box-format .redactor-dropdown-pre {
  font-family: monospace, sans-serif; }

.redactor-dropdown-box-format .redactor-dropdown-h1,
.redactor-dropdown-box-format .redactor-dropdown-h2,
.redactor-dropdown-box-format .redactor-dropdown-h3,
.redactor-dropdown-box-format .redactor-dropdown-h4,
.redactor-dropdown-box-format .redactor-dropdown-h5,
.redactor-dropdown-box-format .redactor-dropdown-h6 {
  line-height: 24px;
  font-weight: bold; }

.redactor-dropdown-box-format .redactor-dropdown-h1 {
  font-size: 40px;
  line-height: 32px; }

.redactor-dropdown-box-format .redactor-dropdown-h2 {
  font-size: 32px;
  line-height: 32px; }

.redactor-dropdown-box-format .redactor-dropdown-h3 {
  font-size: 24px; }

.redactor-dropdown-box-format .redactor-dropdown-h4 {
  font-size: 21px; }

.redactor-dropdown-box-format .redactor-dropdown-h5 {
  font-size: 18px; }

.redactor-dropdown-box-format .redactor-dropdown-h6 {
  font-size: 16px; }

#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95); }

#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto; }

#redactor-modal {
  position: relative;
  margin: auto;
  margin-top: 16px;
  padding: 0;
  background: #fff;
  color: #000;
  border-radius: 5px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 14px; }
  @media (max-width: 768px) {
    #redactor-modal {
      font-size: 16px !important; } }
  #redactor-modal #redactor-modal-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  #redactor-modal #redactor-modal-close {
    position: absolute;
    top: 10px;
    right: 4px;
    width: 30px;
    height: 40px;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    font-size: 30px;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    background: none;
    outline: none; }
    #redactor-modal #redactor-modal-close:hover {
      color: #000; }
  #redactor-modal #redactor-modal-body {
    overflow: auto;
    padding: 40px 48px 24px 48px; }
    #redactor-modal #redactor-modal-body section {
      margin-bottom: 24px; }
    #redactor-modal #redactor-modal-body label {
      font-weight: normal;
      font-size: 15px;
      display: block;
      margin-bottom: 4px;
      color: rgba(0, 0, 0, 0.8); }
      #redactor-modal #redactor-modal-body label .desc {
        color: rgba(0, 0, 0, 0.5); }
      #redactor-modal #redactor-modal-body label.checkbox {
        font-size: inherit; }
    @media (max-width: 768px) {
      #redactor-modal #redactor-modal-body {
        padding: 24px; } }
  #redactor-modal select,
  #redactor-modal input[type="text"],
  #redactor-modal input[type="password"],
  #redactor-modal input[type="email"],
  #redactor-modal input[type="url"],
  #redactor-modal input[type="number"],
  #redactor-modal textarea {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 8px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: white;
    box-shadow: none;
    color: #333;
    width: 100%;
    font-size: 16px;
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif; }
    #redactor-modal select:focus,
    #redactor-modal input[type="text"]:focus,
    #redactor-modal input[type="password"]:focus,
    #redactor-modal input[type="email"]:focus,
    #redactor-modal input[type="url"]:focus,
    #redactor-modal input[type="number"]:focus,
    #redactor-modal textarea:focus {
      -moz-transition: border 0.3s ease-in;
      transition: border 0.3s ease-in;
      outline: none;
      border-color: #1f78d8; }
  #redactor-modal textarea {
    display: block;
    line-height: 1.4em; }
  #redactor-modal button {
    padding: 0 20px;
    margin: 0;
    margin-bottom: 8px;
    margin-right: 8px;
    height: 40px;
    line-height: 38px;
    outline: none;
    border: 2px solid transparent;
    border-radius: 3px;
    background-color: #eee;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none; }
    #redactor-modal button:hover {
      color: #777;
      background: none;
      background-color: #f5f5f5;
      text-decoration: none; }
    #redactor-modal button.redactor-modal-button-offset {
      margin-left: 24px; }
    #redactor-modal button#redactor-modal-button-delete {
      background: none;
      border-color: #f23d3d;
      color: #f23d3d; }
      #redactor-modal button#redactor-modal-button-delete:hover {
        color: rgba(255, 255, 255, 0.6);
        background-color: #f23d3d; }
    #redactor-modal button#redactor-modal-button-action {
      background: none;
      color: #fff;
      background-color: #1c86f2; }
      #redactor-modal button#redactor-modal-button-action:hover {
        color: rgba(255, 255, 255, 0.6);
        background-color: #4ca0f5; }
  #redactor-modal .redactor-group:after {
    content: "";
    display: table;
    clear: both; }
  #redactor-modal .redactor-modal-tab-side {
    float: left;
    width: 26%;
    margin-right: 6%; }
  #redactor-modal .redactor-modal-tab-area {
    float: left;
    width: 66%; }
  @media (max-width: 768px) {
    #redactor-modal .redactor-modal-tab-side {
      float: none;
      width: auto;
      margin-right: 0;
      margin-bottom: 24px; }
    #redactor-modal .redactor-modal-tab-area {
      float: none;
      width: auto; } }

#redactor-modal-tabber {
  margin-bottom: 40px;
  font-size: 12px; }
  #redactor-modal-tabber a {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none;
    color: #000; }
    #redactor-modal-tabber a:hover {
      background-color: #1f78d8;
      border-color: #1f78d8;
      color: #fff; }
    #redactor-modal-tabber a.active {
      cursor: default;
      background-color: rgba(0, 0, 0, 0.05);
      border-color: #ddd;
      color: rgba(0, 0, 0, 0.5); }

#redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: auto; }
  #redactor-modal-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
    #redactor-modal-list li:last-child {
      border-bottom: none; }
  #redactor-modal-list a {
    padding: 16px 4px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    display: block;
    position: relative; }
    #redactor-modal-list a:hover {
      background-color: #eee; }

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

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

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

.redactor-styles, .chapter .read_only {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333; }
  .redactor-styles[dir="rtl"], .chapter [dir="rtl"].read_only {
    direction: rtl;
    unicode-bidi: embed; }
    .redactor-styles[dir="rtl"] ul li, .chapter [dir="rtl"].read_only ul li,
    .redactor-styles[dir="rtl"] ol li, .chapter [dir="rtl"].read_only ol li {
      text-align: right; }
    .redactor-styles[dir="rtl"] ul, .chapter [dir="rtl"].read_only ul,
    .redactor-styles[dir="rtl"] ol, .chapter [dir="rtl"].read_only ol,
    .redactor-styles[dir="rtl"] ul ul, .chapter [dir="rtl"].read_only ul ul,
    .redactor-styles[dir="rtl"] ol ol, .chapter [dir="rtl"].read_only ol ol,
    .redactor-styles[dir="rtl"] ul ol, .chapter [dir="rtl"].read_only ul ol,
    .redactor-styles[dir="rtl"] ol ul, .chapter [dir="rtl"].read_only ol ul {
      margin: 0 24px 0 0; }
  @media (max-width: 768px) {
    .redactor-styles, .chapter .read_only {
      font-size: 16px; } }
  .redactor-styles a, .chapter .read_only a {
    color: #256bc9; }
    .redactor-styles a:focus, .chapter .read_only a:focus, .redactor-styles a:hover, .chapter .read_only a:hover {
      color: #e21e3b; }
  .redactor-styles h1, .chapter .read_only h1,
  .redactor-styles h2, .chapter .read_only h2,
  .redactor-styles h3, .chapter .read_only h3,
  .redactor-styles h4, .chapter .read_only h4,
  .redactor-styles h5, .chapter .read_only h5,
  .redactor-styles h6, .chapter .read_only h6 {
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    font-weight: bold;
    color: #222;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    margin-bottom: 12px; }
    .redactor-styles h1:empty, .chapter .read_only h1:empty,
    .redactor-styles h2:empty, .chapter .read_only h2:empty,
    .redactor-styles h3:empty, .chapter .read_only h3:empty,
    .redactor-styles h4:empty, .chapter .read_only h4:empty,
    .redactor-styles h5:empty, .chapter .read_only h5:empty,
    .redactor-styles h6:empty, .chapter .read_only h6:empty {
      min-height: 24px; }
  .redactor-styles h1, .chapter .read_only h1 {
    font-size: 40px;
    line-height: 44px; }
  .redactor-styles h2, .chapter .read_only h2 {
    font-size: 32px;
    line-height: 36px; }
  .redactor-styles h3, .chapter .read_only h3 {
    font-size: 24px;
    line-height: 32px; }
  .redactor-styles h4, .chapter .read_only h4 {
    font-size: 21px;
    line-height: 24px; }
  .redactor-styles h5, .chapter .read_only h5 {
    font-size: 18px;
    line-height: 24px; }
  .redactor-styles h6, .chapter .read_only h6 {
    font-size: 16px;
    line-height: 24px; }
  .redactor-styles p, .chapter .read_only p,
  .redactor-styles ul, .chapter .read_only ul,
  .redactor-styles ol, .chapter .read_only ol,
  .redactor-styles dl, .chapter .read_only dl,
  .redactor-styles blockquote, .chapter .read_only blockquote,
  .redactor-styles hr, .chapter .read_only hr,
  .redactor-styles pre, .chapter .read_only pre,
  .redactor-styles table, .chapter .read_only table,
  .redactor-styles figure, .chapter .read_only figure,
  .redactor-styles address, .chapter .read_only address {
    padding: 0;
    margin: 0; }
  .redactor-styles p:empty, .chapter .read_only p:empty,
  .redactor-styles blockquote:empty, .chapter .read_only blockquote:empty {
    min-height: 24px; }
  .redactor-styles p + h2, .chapter .read_only p + h2,
  .redactor-styles p + h3, .chapter .read_only p + h3,
  .redactor-styles p + h4, .chapter .read_only p + h4,
  .redactor-styles p + h5, .chapter .read_only p + h5,
  .redactor-styles p + h6, .chapter .read_only p + h6,
  .redactor-styles ul + h2, .chapter .read_only ul + h2,
  .redactor-styles ul + h3, .chapter .read_only ul + h3,
  .redactor-styles ul + h4, .chapter .read_only ul + h4,
  .redactor-styles ul + h5, .chapter .read_only ul + h5,
  .redactor-styles ul + h6, .chapter .read_only ul + h6,
  .redactor-styles ol + h2, .chapter .read_only ol + h2,
  .redactor-styles ol + h3, .chapter .read_only ol + h3,
  .redactor-styles ol + h4, .chapter .read_only ol + h4,
  .redactor-styles ol + h5, .chapter .read_only ol + h5,
  .redactor-styles ol + h6, .chapter .read_only ol + h6,
  .redactor-styles dl + h2, .chapter .read_only dl + h2,
  .redactor-styles dl + h3, .chapter .read_only dl + h3,
  .redactor-styles dl + h4, .chapter .read_only dl + h4,
  .redactor-styles dl + h5, .chapter .read_only dl + h5,
  .redactor-styles dl + h6, .chapter .read_only dl + h6,
  .redactor-styles blockquote + h2, .chapter .read_only blockquote + h2,
  .redactor-styles blockquote + h3, .chapter .read_only blockquote + h3,
  .redactor-styles blockquote + h4, .chapter .read_only blockquote + h4,
  .redactor-styles blockquote + h5, .chapter .read_only blockquote + h5,
  .redactor-styles blockquote + h6, .chapter .read_only blockquote + h6,
  .redactor-styles hr + h2, .chapter .read_only hr + h2,
  .redactor-styles hr + h3, .chapter .read_only hr + h3,
  .redactor-styles hr + h4, .chapter .read_only hr + h4,
  .redactor-styles hr + h5, .chapter .read_only hr + h5,
  .redactor-styles hr + h6, .chapter .read_only hr + h6,
  .redactor-styles pre + h2, .chapter .read_only pre + h2,
  .redactor-styles pre + h3, .chapter .read_only pre + h3,
  .redactor-styles pre + h4, .chapter .read_only pre + h4,
  .redactor-styles pre + h5, .chapter .read_only pre + h5,
  .redactor-styles pre + h6, .chapter .read_only pre + h6,
  .redactor-styles table + h2, .chapter .read_only table + h2,
  .redactor-styles table + h3, .chapter .read_only table + h3,
  .redactor-styles table + h4, .chapter .read_only table + h4,
  .redactor-styles table + h5, .chapter .read_only table + h5,
  .redactor-styles table + h6, .chapter .read_only table + h6,
  .redactor-styles form + h2, .chapter .read_only form + h2,
  .redactor-styles form + h3, .chapter .read_only form + h3,
  .redactor-styles form + h4, .chapter .read_only form + h4,
  .redactor-styles form + h5, .chapter .read_only form + h5,
  .redactor-styles form + h6, .chapter .read_only form + h6,
  .redactor-styles figure + h2, .chapter .read_only figure + h2,
  .redactor-styles figure + h3, .chapter .read_only figure + h3,
  .redactor-styles figure + h4, .chapter .read_only figure + h4,
  .redactor-styles figure + h5, .chapter .read_only figure + h5,
  .redactor-styles figure + h6, .chapter .read_only figure + h6 {
    margin-top: 24px; }
  .redactor-styles ul, .chapter .read_only ul,
  .redactor-styles ol, .chapter .read_only ol,
  .redactor-styles ul ul, .chapter .read_only ul ul,
  .redactor-styles ol ol, .chapter .read_only ol ol,
  .redactor-styles ul ol, .chapter .read_only ul ol,
  .redactor-styles ol ul, .chapter .read_only ol ul {
    margin: 0 0 0 24px; }
  .redactor-styles ul li, .chapter .read_only ul li,
  .redactor-styles ol li, .chapter .read_only ol li {
    text-align: left; }
  .redactor-styles ol ol li, .chapter .read_only ol ol li {
    list-style-type: lower-alpha; }
  .redactor-styles ol ol ol li, .chapter .read_only ol ol ol li {
    list-style-type: lower-roman; }
  .redactor-styles p, .chapter .read_only p,
  .redactor-styles ul, .chapter .read_only ul,
  .redactor-styles ol, .chapter .read_only ol,
  .redactor-styles dl, .chapter .read_only dl,
  .redactor-styles blockquote, .chapter .read_only blockquote,
  .redactor-styles hr, .chapter .read_only hr,
  .redactor-styles pre, .chapter .read_only pre,
  .redactor-styles table, .chapter .read_only table,
  .redactor-styles figure, .chapter .read_only figure,
  .redactor-styles address, .chapter .read_only address {
    margin-bottom: 16px; }
  .redactor-styles blockquote, .chapter .read_only blockquote {
    position: relative;
    font-style: italic;
    color: rgba(0, 0, 0, 0.6); }
    .redactor-styles blockquote cite, .chapter .read_only blockquote cite {
      font-size: 80%; }
  @media (min-width: 768px) {
    .redactor-styles blockquote, .chapter .read_only blockquote {
      padding-left: 24px;
      border-left: 1px solid rgba(0, 0, 0, 0.1); } }
  .redactor-styles address, .chapter .read_only address {
    font-style: normal; }
  .redactor-styles dl dt, .chapter .read_only dl dt {
    font-weight: bold; }
  .redactor-styles dd, .chapter .read_only dd {
    margin-left: 24px; }
  .redactor-styles cite, .chapter .read_only cite {
    color: rgba(0, 0, 0, 0.5);
    font-style: italic; }
  .redactor-styles s, .chapter .read_only s,
  .redactor-styles del, .chapter .read_only del {
    text-decoration: line-through; }
  .redactor-styles abbr[title], .chapter .read_only abbr[title],
  .redactor-styles dfn[title], .chapter .read_only dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help; }
  .redactor-styles strong, .chapter .read_only strong,
  .redactor-styles b, .chapter .read_only b {
    font-weight: bold; }
  .redactor-styles em, .chapter .read_only em,
  .redactor-styles i, .chapter .read_only i {
    font-style: italic; }
  .redactor-styles sub, .chapter .read_only sub,
  .redactor-styles sup, .chapter .read_only sup {
    font-size: 10px;
    line-height: 0;
    position: relative;
    margin-left: .2rem; }
  .redactor-styles sup, .chapter .read_only sup {
    top: -.4rem; }
  .redactor-styles sub, .chapter .read_only sub {
    bottom: -.2rem; }
  .redactor-styles strong:empty, .chapter .read_only strong:empty, .redactor-styles b:empty, .chapter .read_only b:empty, .redactor-styles em:empty, .chapter .read_only em:empty, .redactor-styles i:empty, .chapter .read_only i:empty, .redactor-styles sup:empty, .chapter .read_only sup:empty, .redactor-styles sub:empty, .chapter .read_only sub:empty, .redactor-styles u:empty, .chapter .read_only u:empty, .redactor-styles ins:empty, .chapter .read_only ins:empty {
    display: inline-block;
    min-width: 1px;
    min-height: 1rem; }
  .redactor-styles figcaption, .chapter .read_only figcaption {
    margin: 4px 0;
    font-size: 12px;
    font-style: italic;
    text-align: left; }
  .redactor-styles ins, .chapter .read_only ins,
  .redactor-styles u, .chapter .read_only u {
    text-decoration: underline; }
  .redactor-styles mark, .chapter .read_only mark {
    background-color: #ffd61e;
    color: #000;
    text-decoration: none; }
  .redactor-styles pre, .chapter .read_only pre,
  .redactor-styles code, .chapter .read_only code,
  .redactor-styles kbd, .chapter .read_only kbd,
  .redactor-styles samp, .chapter .read_only samp,
  .redactor-styles var, .chapter .read_only var,
  .redactor-styles output, .chapter .read_only output {
    font-size: 90%;
    font-style: normal;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace; }
  .redactor-styles pre, .chapter .read_only pre {
    margin-top: 16px;
    font-size: 90%;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.75);
    overflow: auto;
    background: rgba(0, 0, 0, 0.03);
    padding: 16px 20px;
    word-wrap: normal; }
  .redactor-styles mark, .chapter .read_only mark,
  .redactor-styles code, .chapter .read_only code,
  .redactor-styles samp, .chapter .read_only samp,
  .redactor-styles kbd, .chapter .read_only kbd {
    padding: 2px 4px 1px 4px;
    display: inline-block;
    line-height: 1;
    border-radius: 3px; }
  .redactor-styles code, .chapter .read_only code {
    background: rgba(0, 0, 0, 0.05); }
  .redactor-styles pre code, .chapter .read_only pre code {
    font-size: 100%;
    border: none;
    padding: 0;
    background: none;
    line-height: 24px; }
  .redactor-styles var, .chapter .read_only var {
    color: rgba(0, 0, 0, 0.5); }
  .redactor-styles samp, .chapter .read_only samp {
    background: #46a9fc;
    color: rgba(255, 255, 255, 0.9); }
  .redactor-styles kbd, .chapter .read_only kbd {
    background: #000;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap; }
  .redactor-styles hr, .chapter .read_only hr {
    display: block;
    box-sizing: content-box;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .redactor-styles img, .chapter .read_only img,
  .redactor-styles video, .chapter .read_only video,
  .redactor-styles audio, .chapter .read_only audio,
  .redactor-styles embed, .chapter .read_only embed,
  .redactor-styles object, .chapter .read_only object {
    max-width: 100%; }
  .redactor-styles img, .chapter .read_only img,
  .redactor-styles video, .chapter .read_only video,
  .redactor-styles embed, .chapter .read_only embed,
  .redactor-styles object, .chapter .read_only object {
    height: auto; }
  .redactor-styles embed, .chapter .read_only embed,
  .redactor-styles object, .chapter .read_only object {
    height: 100%; }
  .redactor-styles img, .chapter .read_only img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic; }
  .redactor-styles table, .chapter .read_only table {
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    empty-cells: show; }
    .redactor-styles table caption, .chapter .read_only table caption {
      text-transform: uppercase;
      padding: 0;
      color: rgba(0, 0, 0, 0.5);
      font-size: 11px; }
    .redactor-styles table th, .chapter .read_only table th,
    .redactor-styles table td, .chapter .read_only table td {
      border: 1px solid #eee;
      padding: 16px;
      padding-bottom: 15px; }
    .redactor-styles table tfoot th, .chapter .read_only table tfoot th,
    .redactor-styles table tfoot td, .chapter .read_only table tfoot td {
      color: rgba(0, 0, 0, 0.5); }
  .redactor-styles .video-container, .chapter .read_only .video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 16px; }
    .redactor-styles .video-container iframe, .chapter .read_only .video-container iframe,
    .redactor-styles .video-container object, .chapter .read_only .video-container object,
    .redactor-styles .video-container embed, .chapter .read_only .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

/* Mixins */
/* Common, Non-specific Mixins */
/* Grid Mixins */
/* Responsive: Add to specific elements 
  Usage: 
  .class/#id {
    @include breakpoint-down(450px){css properties: values;}
  }
*/
/* Flex Grid Prefixes and Settings 
  display: flex < defines flex container (parent element) >
  
  flex-flow ** By default elements will flow in a row from left to right and wrap within the container into multiple lines. 
  To change the default values pass valid flex values for flex-flow.
  flex-flow: < flex direction flow > < flex wrap >
  
  justify-content ** By default items will justify center. To change the default pass valid flex values for justify-content. 

  align-content ** By default when there is extra space in the container is to have the multiple lines packed to the center of the container. Works only on multiple lines of flex items.

  align-items ** By default aligns the items along the 
  // display: -moz-box;
  // display: -webkit-box;
  // display: -moz-flex;

*/
/* Old */
/* For flexbox grid mixin for containers */
/* Custom Overflow scroll - webkit browsers */
/* For Background Images 
    URL is required
---- Defaults ---- 
    size: cover
    position: center
    repeat: no-repeat (not a variable)
*/
/* Button Mixins */
/* Icon Mixins */
/* Prefix for transform book icon */
/* Form Input checks and selects mixins */
/* Base */
/* Colors */
/*Basic typography for Jambios React*/
body {
  font-family: "Proba", sans-serif;
  font-size: 16px;
  color: #262626;
  background-color: #f5f4f0; }

h1 {
  letter-spacing: 1.5px;
  font-size: 2em; }

/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com 
Font file names have been obfuscated to protect the font software. 
*/
@font-face {
  font-family: "Calluna";
  src: url("../images/fonts/942319/bbb8bf0c-7cf7-43e6-ba9b-468044f3f6dc.eot?#iefix");
  src: url("../images/fonts/942319/bbb8bf0c-7cf7-43e6-ba9b-468044f3f6dc.eot?#iefix") format("eot"), url("../images/fonts/942319/ec589ae8-c434-4ce6-a7e7-d7a4a77535d0.ttf") format("truetype"); }

@font-face {
  font-family: "Proba";
  src: url("../images/fonts/1372135/ca56d6a6-ea85-41be-9dcf-c6a2d419e03a.eot?#iefix");
  src: url("../images/fonts/1372135/ca56d6a6-ea85-41be-9dcf-c6a2d419e03a.eot?#iefix") format("eot"), url("../images/fonts/1372135/fed2d287-5d32-4e18-9d77-dea82f232e57.ttf") format("truetype"); }

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

.toc_title {
  margin-top: 37px;
  font-family: "Calluna", serif;
  text-align: center; }

.small_text {
  font-size: 11px; }

.bluetext {
  color: #2cc3ce; }

.callout-font {
  font-size: 2.5em;
  font-family: "Calluna", serif;
  color: #2cc3ce; }

.teal {
  background-color: #62A4B8;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .teal .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .teal h4.icon_title, .teal h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #62A4B8;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.teal-text {
  color: #62A4B8; }

.jambios_blue {
  color: #2cc3ce; }

/* Globals Standards */
ul li {
  display: inline-block;
  list-style: none; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #262626; }
  header a, .faux a {
    color: #fff; }

h1 {
  margin: 0;
  padding: 0; }

blockquote:before {
  content: '“';
  padding-right: 0.1em; }

blockquote:after {
  content: '”';
  padding-left: 0.1em; }

p {
  line-height: 1.5;
  word-wrap: break-word; }

.pseudo_link:hover {
  text-decoration: underline;
  cursor: pointer; }

.hover_underline_link:hover {
  border-bottom: 1px solid black; }

.underline-cta {
  color: #2cc3ce;
  text-decoration: underline; }

/* 
  Z-Index Levels 
  For now, 100 is used for redactor editor bar (hovers over main section content)).
  200: contributions (so they don't slide under redactor editor bar)
  300: chapter bar (so it always remains in view, above contributions and 
  redactor editor bar)
  400: Modals
*/
/* Book Cover options  - used in myJambio/index.cfm, myJambio/edit_book.cfm */
/* Create ColorList */
/* Loop through color list */
/* Set background-color for book: Hero area and Book Icon*/
.color_1 {
  background-color: #73d8df;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_1 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_1 h4.icon_title, .color_1 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #2cb6c0;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_1-text {
  color: #73d8df; }

/* Drop case letter */
.color_1-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #73d8df; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_2 {
  background-color: #90b8cc;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_2 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_2 h4.icon_title, .color_2 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #4d8aa9;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_2-text {
  color: #90b8cc; }

/* Drop case letter */
.color_2-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #90b8cc; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_3 {
  background-color: #3d7799;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_3 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_3 h4.icon_title, .color_3 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #74a9c8;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_3-text {
  color: #3d7799; }

/* Drop case letter */
.color_3-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #3d7799; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_4 {
  background-color: #ffc000;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_4 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_4 h4.icon_title, .color_4 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #ffd966;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_4-text {
  color: #ffc000; }

/* Drop case letter */
.color_4-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #ffc000; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_5 {
  background-color: #e30f20;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_5 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_5 h4.icon_title, .color_5 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #f5636f;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_5-text {
  color: #e30f20; }

/* Drop case letter */
.color_5-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #e30f20; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_6 {
  background-color: #e9405f;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_6 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_6 h4.icon_title, .color_6 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #af1431;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_6-text {
  color: #e9405f; }

/* Drop case letter */
.color_6-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #e9405f; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_7 {
  background-color: #018e75;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_7 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_7 h4.icon_title, .color_7 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #02f3c8;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_7-text {
  color: #018e75; }

/* Drop case letter */
.color_7-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #018e75; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_8 {
  background-color: #635757;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_8 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_8 h4.icon_title, .color_8 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #978989;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_8-text {
  color: #635757; }

/* Drop case letter */
.color_8-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #635757; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_9 {
  background-color: #fb4d2b;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_9 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_9 h4.icon_title, .color_9 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #bc2204;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_9-text {
  color: #fb4d2b; }

/* Drop case letter */
.color_9-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #fb4d2b; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_10 {
  background-color: #4b616f;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_10 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_10 h4.icon_title, .color_10 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #7b95a5;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_10-text {
  color: #4b616f; }

/* Drop case letter */
.color_10-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #4b616f; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_11 {
  background-color: #18c2cf;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_11 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_11 h4.icon_title, .color_11 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #60e3ed;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_11-text {
  color: #18c2cf; }

/* Drop case letter */
.color_11-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #18c2cf; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_12 {
  background-color: #5da4ba;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_12 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_12 h4.icon_title, .color_12 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #356b7c;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_12-text {
  color: #5da4ba; }

/* Drop case letter */
.color_12-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #5da4ba; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_13 {
  background-color: #01b0ab;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_13 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_13 h4.icon_title, .color_13 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #19fef7;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_13-text {
  color: #01b0ab; }

/* Drop case letter */
.color_13-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #01b0ab; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_14 {
  background-color: #fe802c;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_14 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_14 h4.icon_title, .color_14 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #c34f01;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_14-text {
  color: #fe802c; }

/* Drop case letter */
.color_14-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #fe802c; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_15 {
  background-color: #5129a6;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_15 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_15 h4.icon_title, .color_15 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #855ed7;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_15-text {
  color: #5129a6; }

/* Drop case letter */
.color_15-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #5129a6; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_16 {
  background-color: #a6bd49;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_16 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_16 h4.icon_title, .color_16 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #67752b;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_16-text {
  color: #a6bd49; }

/* Drop case letter */
.color_16-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #a6bd49; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_17 {
  border: 1px solid #e8e7e3;
  background-color: #ffffff;
  font-family: "Calluna", serif;
  color: #1e1c34;
  text-align: center; }
  .color_17 .icon_title {
    font-family: "Calluna", serif;
    color: #1e1c34;
    text-align: center; }
  .color_17 h4.icon_title, .color_17 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #cccccc;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_17-text {
  color: #1e1c34; }

/* Drop case letter */
.color_17-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #1e1c34; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_18 {
  background-color: #0b2059;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_18 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_18 h4.icon_title, .color_18 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #1641b4;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_18-text {
  color: #0b2059; }

/* Drop case letter */
.color_18-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #0b2059; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_19 {
  background-color: #a3a8ae;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_19 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_19 h4.icon_title, .color_19 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #6e757d;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_19-text {
  color: #a3a8ae; }

/* Drop case letter */
.color_19-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #a3a8ae; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_20 {
  background-color: #1c1c1c;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_20 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_20 h4.icon_title, .color_20 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #4f4f4f;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_20-text {
  color: #1c1c1c; }

/* Drop case letter */
.color_20-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #1c1c1c; }

/* Print preview */
/* Contribution title backgrounds */
/* Set background-color for book: Hero area and Book Icon*/
.color_21 {
  background-color: #f3e1d3;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .color_21 .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .color_21 h4.icon_title, .color_21 h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #ddaa83;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

/* Section-Contribution Titles */
.color_21-text {
  color: #f3e1d3; }

/* Drop case letter */
.color_21-content .section_content > .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  color: #f3e1d3; }

/* Print preview */
/* Contribution title backgrounds */
/* Old Pattern
  .color_1{
    @include setIcon(#73d8df);
    @include bookIconTitle(#73d8df);
  }

  .color_2{
    @include setIcon(#90b8cc);
    @include bookIconTitle(#90b8cc);
  }

  .color_3{
    @include setIcon(#3d7799);
    @include bookIconTitle(#3d7799);
  }

  .color_4{
    @include setIcon(#ffc000);
    @include bookIconTitle(#ffc000);
  }

  .color_5{
    @include setIcon(#e30f20);
    @include bookIconTitle(#e30f20);
  }

  .color_6{
    @include setIcon(#e9405f);
    @include bookIconTitle(#e9405f);
  }

  .color_7{
    @include setIcon(#018e75);
    @include bookIconTitle(#018e75);
  }

  .color_8{
    @include setIcon(#635757);
    @include bookIconTitle(#635757);
  }

  .color_9{
    @include setIcon(#fb4d2b);
    @include bookIconTitle(#fb4d2b);
  }

  .color_10{
    @include setIcon(#6b4e97);
    @include bookIconTitle(#6b4e97);
  }

  .color_11{
    @include setIcon(#bfd835);
    @include bookIconTitle(#bfd835);
  }

  .color_12{
    @include setIcon(#616a70);
    @include bookIconTitle(#616a70);
  }

  .color_1-text{
    color: #73d8df;
  }

  .color_2-text{
    color: #90b8cc;
  }

  .color_3-text{
    color: #3d7799;
  }

  .color_4-text{
    color: #ffc000;
  }

  .color_5-text{
    color: #e30f20;
  }

  .color_6-text{
    color: #e9405f;
  }

  .color_7-text{
    color: #018e75;
  }

  .color_8-text{
    color: #635757;
  }

  .color_9-text{
    color: #fb4d2b;
  }

  .color_10-text{
    color: #6b4e97;
  }

  .color_11-text{
    color: #bfd835;
  }

  .color_12-text{
    color: #616a70;
  }
*/
/* Icon options */
.wedding_shower {
  background-image: url("./../images/topic_icons/svg/wedding_shower.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.bonsai {
  background-image: url("./../images/topic_icons/svg/bonsai.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.music {
  background-image: url("./../images/topic_icons/svg/music.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.campfire {
  background-image: url("./../images/topic_icons/svg/campfire.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mountain_side {
  background-image: url("./../images/topic_icons/svg/mountain_side.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.cupcake {
  background-image: url("./../images/topic_icons/svg/regrets.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.heart {
  background-image: url("./../images/topic_icons/svg/heart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.cocktail {
  background-image: url("./../images/topic_icons/svg/cocktail.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.notebook {
  background-image: url("./../images/topic_icons/svg/notebook.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.balloons {
  background-image: url("./../images/topic_icons/svg/balloons.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.office_desk {
  background-image: url("./../images/topic_icons/svg/office_desk.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.luggage {
  background-image: url("./../images/topic_icons/svg/luggage.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.heart {
  background-image: url("./../images/topic_icons/svg/heart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.no_book {
  background-image: url("./../images/monty/icon_edu.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.hero.wedding_shower, .hero.bonsai, .hero.music, .hero.campfire, .hero.mountain_side, .hero.cupcake, .hero.heart, .hero.cocktail, .hero.notebook, .hero.luggage, .hero.balloons, .hero.office_desk, .hero#icon-cover-art {
  background-size: 200px;
  background-position: center 40px; }
  .hero.wedding_shower .hero_cover, .hero.bonsai .hero_cover, .hero.music .hero_cover, .hero.campfire .hero_cover, .hero.mountain_side .hero_cover, .hero.cupcake .hero_cover, .hero.heart .hero_cover, .hero.cocktail .hero_cover, .hero.notebook .hero_cover, .hero.luggage .hero_cover, .hero.balloons .hero_cover, .hero.office_desk .hero_cover, .hero#icon-cover-art .hero_cover {
    margin-top: 200px; }

.chapter_details.wedding_shower, .chapter_details.bonsai, .chapter_details.music, .chapter_details.campfire, .chapter_details.mountain_side, .chapter_details.cupcake, .chapter_details.heart, .chapter_details.cocktail, .chapter_details.notebook, .chapter_details.luggage, .chapter_details.balloons, .chapter_details.office_desk {
  background-size: 0px; }

.final_covers-01 {
  background-image: url("./../images/covers/final_covers-01.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.final_covers-02 {
  background-image: url("./../images/covers/final_covers-02.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.boats {
  background-image: url("./../images/covers/boats.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.final_covers-03 {
  background-image: url("./../images/covers/final_covers-03.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.final_covers-04 {
  background-image: url("./../images/covers/final_covers-04.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.final_covers-05 {
  background-image: url("./../images/covers/final_covers-05.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.final_covers-06 {
  background-image: url("./../images/covers/final_covers-06.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.koipond {
  background-image: url("./../images/covers/koipond.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.flower {
  background-image: url("./../images/covers/flower.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

/* Older colors */
.purple {
  background-color: #5321A1;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .purple .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .purple h4.icon_title, .purple h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #5321A1;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.blue {
  background-color: #111e57;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .blue .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .blue h4.icon_title, .blue h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #111e57;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.grey {
  background-color: #b6b6b6;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .grey .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .grey h4.icon_title, .grey h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #b6b6b6;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.gold {
  background-color: #f1ca41;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .gold .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .gold h4.icon_title, .gold h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #f1ca41;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.magenta {
  background-color: #b37;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .magenta .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .magenta h4.icon_title, .magenta h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #b37;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.light_green {
  background-color: #c3c66b;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .light_green .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .light_green h4.icon_title, .light_green h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #c3c66b;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.orange {
  background-color: #f1573b;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .orange .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .orange h4.icon_title, .orange h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #f1573b;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.rose {
  background-color: #c91d19;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .rose .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .rose h4.icon_title, .rose h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #c91d19;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.light_brown {
  background-color: #9b7b64;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .light_brown .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .light_brown h4.icon_title, .light_brown h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #9b7b64;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.cream {
  background-color: #D1C7BB;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .cream .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .cream h4.icon_title, .cream h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #D1C7BB;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.charcoal {
  background-color: #626A70;
  font-family: "Calluna", serif;
  color: #fff;
  text-align: center; }
  .charcoal .icon_title {
    font-family: "Calluna", serif;
    color: #fff;
    text-align: center; }
  .charcoal h4.icon_title, .charcoal h1.book-title {
    margin-bottom: 0;
    margin-top: 0;
    background-color: #626A70;
    padding: 10px 15px;
    text-shadow: 1px 1px 3px #000;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }

.purple-text {
  color: #5321A1; }

.blue-text {
  color: #111e57; }

.grey-text {
  color: #b6b6b6; }

.gold-text {
  color: #f1ca41; }

.magenta-text {
  color: #b37; }

.light_green-text {
  color: #c3c66b; }

.orange-text {
  color: #f1573b; }

.rose-text {
  color: #c91d19; }

.light_brown-text {
  color: #9b7b64; }

.cream-text {
  color: #D1C7BB; }

.charcoal-text {
  color: #626A70; }

/* Button Sets */
/* Button sizes */
.small {
  width: 20%; }

.medium {
  width: 50%;
  padding: 20px 0; }

.large {
  width: 100%;
  margin: 40px auto 50px;
  padding: 20px 0; }

/* Rounded Buttons */
button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 7px 20px;
  font-size: 0.9em;
  background-color: #f9f8f6;
  border: 1px #d0d0ce solid;
  cursor: pointer;
  color: #262626; }
  button:hover {
    background-color: #edece8;
    color: #262626;
    transition: all 300ms ease; }

/* Square Buttons */
.square {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

/* MainNav buttons 
  black background white font
*/
.rvs {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 5px 12px;
  font-size: 0.9em;
  background-color: #1c1c1c;
  border: 1px white solid;
  cursor: pointer;
  color: white; }
  .rvs:hover {
    background-color: #f9f8f6;
    color: #262626;
    transition: all 300ms ease; }

.btn {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border: 1px #d0d0ce solid; }

/* Panel Nav - Close button */
.panel_nav .close {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 7px 20px;
  font-size: 0.9em;
  background-color: #2cc3ce;
  border: 1px #f5f4f0 solid;
  cursor: pointer;
  color: #f5f4f0; }
  .panel_nav .close:hover {
    background-color: #2cc3ce;
    color: #262626;
    transition: all 300ms ease; }
  .panel_nav .close:hover {
    border: 1px solid #262626; }

/* Toggle Nav */
.toggled_nav button {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding: 10px 20px; }

.chapter_bar .btn, .chapter_bar .tabs li {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 7px 20px;
  font-size: 0.9em;
  background-color: white;
  border: 1px #d0d0ce solid;
  cursor: pointer; }
  .chapter_bar .btn:hover, .chapter_bar .tabs li:hover {
    background-color: #f9f8f6;
    color: #262626;
    transition: all 300ms ease; }

.login button {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 10px 60px;
  font-size: 0.9em;
  background-color: #2cc3ce;
  border: 1px #2cc3ce solid;
  cursor: pointer;
  color: white;
  margin-top: 20px; }
  .login button:hover {
    background-color: #279faa;
    color: #262626;
    transition: all 300ms ease; }

/* Social Media Buttons */
.follow {
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 12px; }

.twitter {
  background-image: url("../images/icons/twitterIcon.png");
  background-size: 25px; }

.facebook {
  background-image: url("../images/icons/fb-logo.png");
  background-size: 25px; }

.instagram {
  background-image: url("../images/icons/instagram.png");
  background-size: 25px; }

.facebook, .twitter, .instagram {
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 10px; }

/* Public pages Common CTA */
.register-public button {
  width: 35%;
  padding: 15px; }

.register-public button, .cta-button {
  font-size: 1.2em; }

.register-public button, .cta-button, .nav-login button {
  background-color: #2cc3ce;
  color: white;
  border: 1px solid #2cc3ce; }

.cta-button {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 15px 50px;
  display: inline-block;
  font-size: 1.2em; }

/* Chapter Topics - Button Overlay*/
.overlay {
  z-index: 300;
  text-align: center;
  background-color: #f5f4f0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }
  .overlay > button {
    width: 700px; }
    @media only screen and (max-width: 700px) {
      .overlay > button {
        width: 300px; } }

.learn-button {
  display: inline-block;
  color: #616a70;
  font-size: 1.75em;
  border: 2px solid #616a70;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 10px 100px; }

/* Grids */
/* Basic style for triangles */
.arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }
  .arrow.up_arr {
    border-top: 5px solid transparent;
    border-bottom: 10px solid #2cc3ce; }
  .arrow.down_arr {
    border-top: 10px solid #2cc3ce; }
  .arrow.left_arr {
    border-right: 10px solid #2cc3ce; }
  .arrow.right_arr {
    border-left: 10px solid #2cc3ce; }

/* Grid Variables */
/* Breakpoints */
/* By Device */
/* Portrait and Landscape */
/* 
https://css-tricks.com/approaches-media-queries-sass/ 
http://sass-guidelin.es/#responsive-web-design-and-breakpoints
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/* Possible alternative: http://csswizardry.com/csswizardry-grids/ */
.grid {
  margin-top: 120px; }

.admin .grid {
  margin-top: 0; }
  .admin .grid .grid-sizer, .admin .grid .grid-item {
    width: 47.333%; }

.grid-sizer,
.grid-item {
  float: left;
  width: 30%;
  margin: 0.5em; }

.grid-item--width2 {
  width: 61%; }

.grid-item--width1 {
  width: 45%; }

/* Flex grid */
.column-container {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }

.row-container {
  display: flex;
  flex-flow: column nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: column nowrap; }

/* Display items inline - used for items nested in lists */
.inline-column-container {
  display: inline-flex;
  display: -webkit-inline-flex;
  flex-direction: row; }

/* For equal flex items use column or rows*/
.row-container > .row, .column-container > .column, .column-container-wrap > .column, .inline-column-container > .column {
  min-width: 0px;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px; }

/* grid column sizes */
.row-container > .one-row,
.column-container > .one-column,
.column-container-wrap > .one-column,
.inline-column-container > .one-column {
  min-width: 0px;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px; }

.row-container > .two-row,
.column-container > .two-column,
.column-container-wrap > .two-column,
.inline-column-container > .two-column {
  min-width: 0px;
  flex: 2 2 0px;
  -webkit-flex: 2 2 0px; }

.row-container > .three-row,
.column-container > .three-column,
.column-container-wrap > .three-column,
.inline-column-container > .three-column {
  min-width: 0px;
  flex: 3 3 0px;
  -webkit-flex: 3 3 0px; }

.row-container > .four-row,
.column-container > .four-column,
.column-container-wrap > .four-column,
.inline-column-container > .four-column {
  min-width: 0px;
  flex: 4 4 0px;
  -webkit-flex: 4 4 0px; }

.row-container > .five-row,
.column-container > .five-column,
.column-container-wrap > .five-column,
.inline-column-container > .five-column {
  min-width: 0px;
  flex: 5 5 0px;
  -webkit-flex: 5 5 0px; }

.row-container > .six-row,
.column-container > .six-column,
.column-container-wrap > .six-column,
.inline-column-container > .six-column {
  min-width: 0px;
  flex: 6 6 0px;
  -webkit-flex: 6 6 0px; }

.row-container > .seven-row,
.column-container > .seven-column,
.column-container-wrap > .seven-column,
.inline-column-container > .seven-column {
  min-width: 0px;
  flex: 7 7 0px;
  -webkit-flex: 7 7 0px; }

.row-container > .eight-row,
.column-container > .eight-column,
.column-container-wrap > .eight-column,
.inline-column-container > .eight-column {
  min-width: 0px;
  flex: 8 8 0px;
  -webkit-flex: 8 8 0px; }

.row-container > .nine-row,
.column-container > .nine-column,
.column-container-wrap > .nine-column,
.inline-column-container > .nine-column {
  min-width: 0px;
  flex: 9 9 0px;
  -webkit-flex: 9 9 0px; }

.row-container > .ten-row,
.column-container > .ten-column,
.column-container-wrap > .ten-column,
.inline-column-container > .ten-column {
  min-width: 0px;
  flex: 10 10 0px;
  -webkit-flex: 10 10 0px; }

.row-container > .eleven-row,
.column-container > .eleven-column,
.column-container-wrap > .eleven-column,
.inline-column-container > .eleven-column {
  min-width: 0px;
  flex: 11 11 0px;
  -webkit-flex: 11 11 0px; }

.row-container > .twelve-row,
.column-container > .twelve-column,
.column-container-wrap > .twelve-column,
.inline-column-container > .twelve-column {
  min-width: 0px;
  flex: 12 12 0px;
  -webkit-flex: 12 12 0px; }

/* Will size itself to the size of its content. */
.grid-page .row-container > .auto-row, .grid-page .column-container > .auto-column, .column-container > .auto-column {
  flex: 0 0 auto; }

/* Two column grid - public splash page*/
/* Info Sheet */
.info_sheet {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  margin: 50px 0; }
  .info_sheet > div:first-child, .info_sheet > div:last-child {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    background-color: #1c1c1c;
    padding: 15px; }
  .info_sheet .card {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%; }
    @media only screen and (min-width: 710px) {
      .info_sheet .card {
        flex: 1 1 50%;
        -webkit-flex: 1 1 50%; } }

/* Chapter Topic Container */
/* Style sheet for grids 
https://webdesign.tutsplus.com/tutorials/a-simple-responsive-grid-made-even-better-with-sass--cms-21540
Breakpoints: http://callmenick.com/post/maintainable-responsive-web-design-with-sass

*/
html, body {
  height: 100%; }

main {
  min-height: calc(100% - 38px); }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: auto;
  max-width: 100%;
  height: auto; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  margin: 0 auto;
  display: block; }

.container {
  width: 100%;
  max-width: 780px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none; }

.wrapper, .blue-error .column-container, .row {
  padding: 0 10px; }
  .wrapper:before, .blue-error .column-container:before, .wrapper:after, .blue-error .column-container:after, .row:before, .row:after {
    content: '';
    display: table; }
  .wrapper:after, .blue-error .column-container:after, .row:after {
    clear: both; }

[class*='col-'] {
  float: left;
  padding: 1em;
  width: 100%;
  min-height: 1px; }

@media only screen and (min-width: 737px) {
  .wrapper, .blue-error .column-container {
    width: 90%;
    max-width: 60em;
    margin: auto; }
  .col-1 {
    width: 8.33333%; }
  .col-2 {
    width: 16.66667%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.33333%; }
  .col-5 {
    width: 41.66667%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.33333%; }
  .col-8 {
    width: 66.66667%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.33333%; }
  .col-11 {
    width: 91.66667%; }
  .col-12 {
    width: 100%; } }

/* Hidden Classes */
.hidden {
  display: none; }

@media only screen and (max-width: 736px) {
  .sm-hide {
    display: none; } }

@media only screen and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
  .mobile-hide {
    display: none; } }

@media only screen and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .mobile-hide {
    display: none; } }

@media only screen and (min-width: 737px) {
  .med-hide {
    display: none; } }

@media only screen and (min-width: 996px) {
  .lrg-hide {
    display: none; } }

.visible-none {
  visibility: hidden; }

/* Old Layouts - Will be refactored */
/* Contributor Editor */
.c_editor {
  padding: 20px 0 0;
  background-color: white; }

.original {
  padding-top: 50px;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .original h1, .original h3 {
    text-align: center;
    margin-bottom: 10px; }
  .original p {
    margin-top: 30px; }

/* Need to move or remove */
.panel h3 {
  margin: 20px 0; }

.details, .add_chapters, .current_chapters {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .details h4, .add_chapters h4, .current_chapters h4 {
    margin-bottom: 10px; }
  .details p, .add_chapters p, .current_chapters p {
    padding-left: 5px;
    margin-bottom: 20px; }

.current_chapters {
  margin-top: 60px; }

/* 

For registration flow.
Includes first topics sass

*/
/* Login */
.login {
  background: url("../images/covers/login_background.png") no-repeat top center;
  background-size: cover;
  height: 100vh;
  background-position: 30% top;
  padding-top: 10%;
  padding-bottom: 5%;
  text-align: center; }
  .login .wrapper, .login .blue-error .column-container, .blue-error .login .column-container {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    padding: 0 25px; }
  .login .logo {
    max-width: 500px;
    margin: auto; }
  .login h2 {
    margin-top: -20px;
    margin-bottom: 40px;
    color: white; }

.design .login {
  height: 85px;
  padding-top: 10px; }

/* Invite Panel */
.privacy:before, .privacy:after, .current_chapters:before, .current_chapters:after {
  content: '';
  display: table; }

.privacy:after, .current_chapters:after {
  clear: both; }

.privacy h1, .current_chapters h1 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.875em; }
  .privacy h1 .prefix, .current_chapters h1 .prefix {
    color: #2cc3ce; }

.register .privacy > .invite_panel {
  margin: 0 !important; }

.panel-wrapper form, .panel-wrapper, .invite-url .url-wrapper {
  width: 100%;
  max-width: 679px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.invite-url .url-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .invite-url .url-wrapper .url-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 80%; }
  .invite-url .url-wrapper p {
    width: 75%; }

.preview textarea {
  display: block;
  width: 95%;
  margin-bottom: 50px;
  padding: 10px 20px 0; }

.preview h3 {
  text-align: left;
  margin-bottom: 20px; }

.preview .invitation {
  background-color: white;
  padding: 20px 40px; }
  .preview .invitation .invite_button {
    background-color: #2cc4cf;
    border-radius: 25px;
    border: 1px solid #2cc4cf;
    color: #fff;
    padding: 10px 30px; }

.current_panel {
  display: none; }
  .current_panel .list ul {
    height: 250px; }

.skip {
  margin: 10px 5px 20px; }
  .skip a {
    color: #2cc3ce; }
    .skip a:hover {
      color: #2cc3ce; }

.message {
  margin-top: 30px;
  text-align: center; }

.invite_panel .button-container, .current_panel .button-container {
  margin: 40px 0; }
  .invite_panel .button-container.add_button button, .current_panel .button-container.add_button button {
    background-color: #2cc3ce; }
  .invite_panel .button-container.remove_button button, .current_panel .button-container.remove_button button {
    background-color: #e30f20; }
  .invite_panel .button-container button, .current_panel .button-container button {
    width: 100%;
    padding: 15px 0;
    color: white;
    font-size: 1.2em;
    text-transform: uppercase; }

.invite_panel {
  padding-bottom: 200px; }

.invite-url {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #ccc;
  color: #616a70; }
  .invite-url h2 {
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .invite-url .copy-btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #2cc3ce;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.1em; }
  .invite-url #url_input {
    width: 85%;
    border: 1px solid #d7d7d7;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .invite-url p {
    margin-top: 10px;
    font-size: 0.9em; }

/* Admin Panel - single */
.title {
  width: 100%;
  padding: 0 15px; }

.question_container .box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 25px 25px 0; }
  .question_container .box .meta {
    display: block;
    width: 100%;
    padding: 0 25px 0 15px;
    margin: 10px 0; }
    .question_container .box .meta:before, .question_container .box .meta:after {
      content: '';
      display: table; }
    .question_container .box .meta:after {
      clear: both; }
    .question_container .box .meta h3 {
      display: inline-block;
      color: #2cc3ce; }
  .question_container .box h2 {
    margin: 15px 0 20px;
    padding-left: 15px; }

.edit_status {
  color: #2cc3ce;
  margin-left: 10px; }

.controls .status {
  font-style: italic;
  margin-left: 5px; }

.full {
  width: 100%; }

.box, .controls, .category_options, .fi_options, .pi_options {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #e8e7e3;
  margin-bottom: 15px; }
  .box:before, .box:after, .controls:before, .controls:after, .category_options:before, .category_options:after, .fi_options:before, .fi_options:after, .pi_options:before, .pi_options:after {
    content: '';
    display: table; }
  .box:after, .controls:after, .category_options:after, .fi_options:after, .pi_options:after {
    clear: both; }
  .box h4, .controls h4, .category_options h4, .fi_options h4, .pi_options h4 {
    margin-bottom: 15px;
    font-weight: 300; }

.controls p {
  margin: 10px 0;
  font-size: .85em; }

.controls button {
  margin-top: 5px; }

.trash {
  padding-top: 10px;
  font-size: .75em;
  color: #e30f20; }
  .trash:hover {
    text-decoration: underline; }

.fi_options img, .pi_options img, .response_container img {
  width: 100%;
  margin-bottom: 10px; }

.responses {
  margin-top: 0; }
  .responses h4 {
    background-color: #e8e7e3;
    padding: 15px;
    color: #b5b5b5; }

.response_container {
  height: 600px;
  overflow-y: scroll; }
  .response_container:before, .response_container:after {
    content: '';
    display: table; }
  .response_container:after {
    clear: both; }
  .response_container .box {
    padding: 30px 20px 20px; }
    .response_container .box h5 {
      font-size: .95em;
      color: #2cc3ce;
      margin-bottom: 5px; }
    .response_container .box .date {
      margin-left: 10px; }
    .response_container .box .meta p {
      font-size: .85em; }
    .response_container .box p {
      margin-bottom: 10px; }

.categories {
  height: 100px;
  overflow-y: scroll;
  background-color: white;
  padding-top: 10px; }
  .categories ul {
    padding-left: 10px; }
    .categories ul li {
      display: block;
      font-size: .75em;
      margin: 5px 0; }
      .categories ul li input[type='radio'] {
        display: inline-block;
        height: 10px;
        margin-right: 5px; }

.image-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .image-upload + label {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #e8e7e3;
    background-color: white;
    text-align: center; }
    .image-upload + label:hover {
      background-color: #aaa; }

/* Chapter layouts */
.chapter {
  padding-bottom: 95px; }
  @media only screen and (min-width: 708px) {
    .chapter {
      padding-bottom: 200px; } }

#chapter_content {
  font-family: "Proba", sans-serif; }
  @media only screen and (min-width: 900px) {
    #chapter_content {
      margin-right: 20px; } }

#draggable_grid {
  margin-top: 25px; }
  #draggable_grid.no_contributions {
    margin: 25px auto 0; }
    #draggable_grid.no_contributions #chapter_content {
      width: 100%; }

/* Forms */
/* Styles for all common form input */
.halve {
  width: 50%; }

input {
  -webkit-appreance: none; }

form input[type='radio'] {
  display: inline-block;
  width: 50px;
  float: left;
  height: 14px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 10px; }

textarea {
  width: 100%;
  height: 150px;
  resize: none;
  -webkit-appreance: none;
  border-radius: 0; }

/* Billing */
.profile input, .billing input {
  width: 100%;
  margin-bottom: 15px;
  padding-left: 10px;
  border: 1px solid #f5f4f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.custom select, #billing_state {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px white solid; }

.new_topic {
  max-width: 600px;
  margin: 50px auto; }
  .new_topic input[type='text'] {
    width: 100%;
    margin: 5px 0 20px; }

/* Topics container - layout */
#topics_container {
  padding-bottom: 50px; }

input:not([type='radio']):not([type='file']):not([type='checkbox']) {
  padding: 15px;
  border: 1px white solid; }
  .login input:not([type='radio']):not([type='file']):not([type='checkbox']) {
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
    .login input:not([type='radio']):not([type='file']):not([type='checkbox'])::-webkit-input-placeholder {
      color: #262626; }
    .login input:not([type='radio']):not([type='file']):not([type='checkbox'])::-moz-placeholder {
      color: #262626; }
    .login input:not([type='radio']):not([type='file']):not([type='checkbox']):-moz-placeholder {
      color: #262626; }
    .login input:not([type='radio']):not([type='file']):not([type='checkbox']):-ms-input-placeholder {
      color: #262626; }
  .register input:not([type='radio']):not([type='file']):not([type='checkbox']) {
    width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 0.9em;
    border: 1px solid #ebebeb;
    background-color: #f9f8f6; }
    .register input:not([type='radio']):not([type='file']):not([type='checkbox'])::-webkit-input-placeholder {
      color: #616a70; }
    .register input:not([type='radio']):not([type='file']):not([type='checkbox'])::-moz-placeholder {
      color: #616a70; }
    .register input:not([type='radio']):not([type='file']):not([type='checkbox']):-moz-placeholder {
      color: #616a70; }
    .register input:not([type='radio']):not([type='file']):not([type='checkbox']):-ms-input-placeholder {
      color: #616a70; }
  .details input:not([type='radio']):not([type='file']):not([type='checkbox']) {
    width: 100%;
    padding-left: 20px;
    margin-bottom: 25px;
    border-radius: 4px; }

/* Large Custom Drop down */
.draft_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #b5b5b5;
  padding: 0 10px;
  height: 80px;
  background-color: white; }
  .draft_wrapper.only {
    margin-top: 30px; }
  .draft_wrapper img {
    margin: 0 10px;
    height: 32px;
    width: 32px; }
  .draft_wrapper .draft_heading {
    line-height: 80px;
    color: #616a70;
    text-align: center;
    font-size: 16pt;
    font-family: "Proba", sans-serif;
    font-weight: bold; }

/* Invite Panel - Dynamic inputs for invited friends */
.add_friends {
  margin: 50px 0; }
  .add_friends h3 {
    display: inline-block;
    text-align: left;
    margin-bottom: 30px; }
  .add_friends input {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .add_friends > button {
    float: right;
    margin: 0; }
    @media only screen and (min-width: 900px) {
      .add_friends > button {
        width: 20%; } }
  .add_friends .invite_input {
    margin-bottom: 10px; }

.invite_input:before, .invite_input:after {
  content: '';
  display: table; }

.invite_input:after {
  clear: both; }

.invite_input .input_wrapper {
  width: 94%; }

.is_checked {
  color: #b5b5b5;
  background-color: #e8e7e3 !important;
  border: 1px solid #e8e7e3 !important; }

.contain-input {
  position: relative; }
  .contain-input .show-limit {
    position: absolute;
    z-index: 300;
    top: 15px;
    right: 10px;
    color: #616a70; }

/*
  Editor Styles (overwrite Redactor Styles)

 */
.redactor-styles, .chapter .read_only {
  background-color: #f5f4f0;
  padding: 10px;
  min-height: 12.5em;
  border: none;
  font-size: inherit;
  font-family: inherit !important; }
  .redactor-styles ul li, .chapter .read_only ul li {
    list-style: outside;
    display: list-item; }
  .redactor-styles figcaption, .chapter .read_only figcaption {
    text-align: inherit; }
  .redactor-styles a, .chapter .read_only a {
    text-decoration: underline;
    color: #2cc3ce; }

.redactor-dropdown li {
  display: block; }

.redactor-toolbar {
  -webkit-box-shadow: 0px 2px 2px -2px #aaa;
  -moz-box-shadow: 0px 2px 2px -2px #aaa;
  box-shadow: 0px 2px 2px -2px #aaa;
  padding: 15px 0 !important;
  background-color: #f5f4f0;
  z-index: 100; }
  .redactor-toolbar li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid 1px #d0d0ce;
    background-color: #f9f8f6;
    height: auto; }
    .redactor-toolbar li a > .re-icon-image::before {
      content: url("../images/icons/photo.png"); }
    .redactor-toolbar li a.re-button-icon {
      margin: 0 2px;
      padding: 9px 10px; }
    .redactor-toolbar li a:hover {
      background-color: #2cc3ce; }
  .redactor-toolbar li:first-child > a {
    margin-left: 0; }
  .redactor-toolbar li:last-child > a {
    margin-right: 0; }

.redactor-dropdown {
  font-family: inherit !important; }
  .redactor-dropdown a:hover {
    background-color: #2cc3ce; }

.redactor-toolbar-tooltip {
  font-family: inherit !important; }

.redactor-editor, .redactor-box {
  background: inherit; }

.redactor-box {
  margin-bottom: 10px; }

#redactor-modal {
  width: 600px;
  font-family: inherit !important; }
  #redactor-modal textarea {
    font-family: inherit !important; }
  #redactor-modal #redactor-modal-header {
    background-color: #2cc3ce;
    padding-top: 25px;
    color: white; }
  #redactor-modal #redactor-modal-close {
    color: white;
    top: 17px; }
    #redactor-modal #redactor-modal-close:hover {
      color: #000; }

/*
  Section Styles 1
  For now, we are just implementing one main layout/font style. Later we'll enable style/font swapping.
 */
.section_title {
  padding: 1em;
  margin-bottom: 10px;
  font-family: "Calluna", serif; }
  .section_title.edit_mode {
    background-color: white; }

.section_content .read_only, .contribution-panel-content .read_only {
  margin: 15px;
  min-height: 60px; }

.section_content .read_only, .contribution-panel-content .read_only, .contribution_section_content {
  font-family: "Calluna", serif; }
  .section_content .read_only figcaption, .contribution-panel-content .read_only figcaption, .contribution_section_content figcaption {
    font-size: 12px;
    font-style: italic;
    text-align: inherit; }
  .section_content .read_only p, .section_content .read_only hr, .section_content .read_only blockquote, .section_content .read_only figure, .section_content .read_only pre, .section_content .read_only ol, .section_content .read_only ul, .section_content .read_only dl, .contribution-panel-content .read_only p, .contribution-panel-content .read_only hr, .contribution-panel-content .read_only blockquote, .contribution-panel-content .read_only figure, .contribution-panel-content .read_only pre, .contribution-panel-content .read_only ol, .contribution-panel-content .read_only ul, .contribution-panel-content .read_only dl, .contribution_section_content p, .contribution_section_content hr, .contribution_section_content blockquote, .contribution_section_content figure, .contribution_section_content pre, .contribution_section_content ol, .contribution_section_content ul, .contribution_section_content dl {
    margin-bottom: 16px; }
  .section_content .read_only hr, .contribution-panel-content .read_only hr, .contribution_section_content hr {
    display: block;
    box-sizing: content-box;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .section_content .read_only blockquote, .contribution-panel-content .read_only blockquote, .contribution_section_content blockquote {
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    position: relative;
    font-style: italic;
    color: rgba(0, 0, 0, 0.6); }
    @media only screen and (min-width: 768px) {
      .section_content .read_only blockquote, .contribution-panel-content .read_only blockquote, .contribution_section_content blockquote {
        padding-left: 24px;
        border-left: 1px solid rgba(0, 0, 0, 0.1); } }

.section_content .read_only p:first-child:not(.text-right):not(.text-center):first-letter {
  float: left;
  font-family: "Calluna", serif;
  font-size: 75px;
  line-height: 60px;
  padding: 4px 14px 0 3px; }

#chapter_content .section_content .redactor-styles img, #chapter_content .section_content .chapter .read_only img, .chapter #chapter_content .section_content .read_only img, #chapter_content .section_content .read_only img {
  border: 45px solid transparent;
  border-image: url("../images/editor/tape_v2.png") 55 stretch;
  -webkit-border-image: url("../images/editor/tape_v2.png") 55 stretch;
  /* Safari 3.1-5 */
  -o-border-image: url("../images/editor/tape_v2.png") 55 stretch;
  /* Opera 11-12.1 */ }

.content-wrapper {
  position: relative; }
  .content-wrapper .redactor-styles, .content-wrapper .chapter .read_only, .chapter .content-wrapper .read_only {
    background-color: #fafaf8;
    border-top: 1px solid #d0d0ce;
    border-left: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce; }
  .content-wrapper .redactor-box {
    margin-bottom: 0; }
  .content-wrapper .empty-section-editor {
    background-color: #fafaf8;
    border-left: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce; }
    .content-wrapper .empty-section-editor img {
      position: relative;
      z-index: 10;
      top: -20px;
      left: 15px;
      margin-bottom: -23px; }

.redactor-toolbar li a.re-mobile-preview {
  border-radius: 17px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 0.6em; }
  @media only screen and (min-width: 708px) {
    .redactor-toolbar li a.re-mobile-preview {
      display: none; } }

/* Select Section image bar */
div.section_image_controls_div, div.toc_image_controls_div {
  /* Ticket 87 */
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #f5f4f0;
  height: 50px; }

.section_image_controls_div, .toc_image_controls_div {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between; }

.toc_image_controls_div {
  display: flex;
  flex-flow: row-reverse nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row-reverse nowrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start; }

#image-cover-art {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: center; }
  #image-cover-art.hero {
    padding: 0;
    overflow: hidden;
    min-height: 300px; }
  #image-cover-art > .editor-image-area, #image-cover-art .read-image-area {
    min-width: 1920px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  #image-cover-art .hero_cover {
    flex: 0 1 700px;
    -webkit-flex: 0 1 700px;
    z-index: 100;
    text-align: center;
    margin: 30px 10px 20px;
    padding: 0 10px; }
    @media only screen and (max-width: 768px) {
      #image-cover-art .hero_cover.text-area {
        background-color: rgba(0, 0, 0, 0.3); } }

#icon-cover-art {
  background-repeat: no-repeat;
  background-position: center;
  padding: 90px 10px 50px 10px; }

#no-cover-art {
  padding: 90px 10px 50px 10px; }

.image-form-container {
  border-left: 1.5px solid #d0d0ce; }

.input_image {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: 299; }
  .input_image + label {
    display: inline-block;
    padding: 16px 45px 14px 30px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Proba", sans-serif; }
    @media only screen and (max-width: 499px) {
      .input_image + label {
        padding: 15px 12px; } }
  .input_image:focus + label, .input_image + label:hover {
    background-color: #e8e7e3; }
  .input_image:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px; }
  .input_image + label * {
    /* deals with possible touch issues */
    pointer-events: none; }

.section_image_controls_div .edit_image-left, .toc_image_controls_div .edit_image-left {
  border-right: 1.5px solid #d0d0ce;
  border-left: 0 solid white; }

.toc_image_controls_div .edit_image-left {
  border-left: 1.5px solid #d0d0ce;
  border-right: 1.5px solid #d0d0ce; }

.edit_image-right {
  border-right: 0 solid white;
  border-width: 0;
  width: 100%; }

.edit_image-left, .edit_image-right {
  padding: 15px 16px;
  border-bottom: 0 solid white;
  border-top: 0 solid white;
  background-color: white;
  text-transform: uppercase;
  font-family: "Proba", sans-serif; }
  @media only screen and (min-width: 571px) {
    .edit_image-left, .edit_image-right {
      padding: 16px 45px 14px 30px; } }
  @media only screen and (max-width: 499px) {
    .edit_image-left, .edit_image-right {
      padding: 15px 0; } }

@media only screen and (max-width: 499px) {
  .edit_image-left, .image-form-container {
    flex: 1 1 0px;
    font-size: 12px; } }

.edit_image-left:hover, .image-form-container:hover {
  background-color: #e8e7e3;
  transition: all 300ms ease; }

#section_image_form, #remove_section_image {
  text-align: center; }

#remove_section_image {
  padding: 0; }

/* Book Cover Image Select Icon */
.custom-cover-icon {
  text-align: right; }
  .custom-cover-icon > input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 299; }
    .custom-cover-icon > input[disabled] + label {
      opacity: 0.5;
      cursor: default; }
    .custom-cover-icon > input + label {
      height: 42px;
      font-size: 14px;
      padding: 8px 30px 5px 0;
      display: block;
      cursor: pointer;
      font-family: "Proba", sans-serif;
      background-image: url("../images/icons/photo.png");
      background-repeat: no-repeat;
      background-position: right 10px; }
      @media only screen and (max-width: 819px) {
        .custom-cover-icon > input + label {
          font-size: 0.9em; } }
      @media only screen and (min-width: 820px) and (max-width: 1110px) {
        .custom-cover-icon > input + label {
          font-size: 0.7em; } }
    .custom-cover-icon > input:focus + label {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px; }
    .custom-cover-icon > input + label * {
      /* deals with possible touch issues */
      pointer-events: none; }

/* Book Cover Previewer */
.wide-select-layout {
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  align-items: flex-start; }
  @media only screen and (max-width: 1080px) {
    .wide-select-layout {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; } }

.preview-container {
  padding-right: 10%;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto; }
  @media only screen and (min-width: 1080px) and (max-width: 1100px) {
    .preview-container {
      padding-right: 3%;
      padding-left: 10px; } }
  @media only screen and (max-width: 1080px) {
    .preview-container {
      padding-right: 0;
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      order: 2; } }
  .preview-container .book-area {
    padding: 0; }
    @media only screen and (max-width: 1080px) {
      .preview-container .book-area {
        padding-top: 30px; } }
    @media only screen and (max-width: 346px) {
      .preview-container .book-area .book_cover-lrg, .preview-container .book-area .lrg-book-container .book_cover-lrg-icon, .lrg-book-container .preview-container .book-area .book_cover-lrg-icon {
        width: 90%;
        height: 430px; } }
  .preview-container .preview-controls {
    background-color: white;
    margin-top: 18px; }

.cover-details {
  flex: 1 1 0;
  -webkit-flex: 1 1 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #d0d0d0; }
  @media only screen and (max-width: 1080px) {
    .cover-details {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      order: 1; } }
  .cover-details .cover-label {
    border-top: 2px solid #d0d0d0;
    padding-top: 15px; }
    @media only screen and (max-width: 399px) {
      .cover-details .cover-label {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .cover-details .cover-label h4, .cover-details .cover-label > div {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%;
          margin-bottom: 5px; } }

.subnav-read {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center; }
  .subnav-read .back-to-toc {
    margin-bottom: 7px; }

.back-to-toc {
  display: inline-block;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  margin-top: 7px;
  font-family: "Proba", sans-serif; }
  @media only screen and (max-width: 499px) {
    .back-to-toc {
      margin-top: 9px;
      text-align: center;
      font-size: 0.8em; }
      .back-to-toc button {
        padding: 7px 5px; } }

.preview-controls > .image-controls {
  height: 50px; }

.read-image-area > .guillotine-window, .editor-image-area.disable-cursor > .guillotine-window {
  cursor: default; }

.edit-cta > .image-controls > div, .visible-none > .image-controls > div {
  display: none; }

.image-crop-controls {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch; }
  .toc_image_controls_div .image-crop-controls {
    justify-content: flex-end; }
  @media only screen and (max-width: 499px) {
    .image-crop-controls.edit-cta, .image-crop-controls.visible-none {
      display: none; } }
  @media only screen and (max-width: 499px) {
    .image-crop-controls {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto; } }

.image-controls {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch; }
  .preview-controls > .image-controls {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center; }
    .preview-controls > .image-controls > div:first-child {
      border-left: 1px solid #e8e7e3 !important; }
  .image-controls > div {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    flex: 1 1 30px;
    -webkit-flex: 1 1 30px;
    border-right: 1px solid #e8e7e3 !important; }
    @media only screen and (min-width: 499px) {
      .image-controls > div {
        flex: 0 1 50px;
        -webkit-flex: 0 1 50px; } }
    .image-controls > div > .control-tag {
      display: none; }
    .image-controls > div:hover > .control-tag {
      display: inline-block;
      background-color: #000;
      color: #f5f4f0;
      text-align: center;
      position: absolute;
      bottom: 44px;
      right: -15px;
      left: -15px;
      padding: 5px;
      font-size: 10px; }
      @media only screen and (max-width: 388px) {
        .image-controls > div:hover > .control-tag {
          bottom: 57px; } }
      @media only screen and (min-width: 499px) {
        .image-controls > div:hover > .control-tag {
          bottom: 49px; } }
  .image-controls #rotate-left-button {
    height: 50px;
    width: 50px;
    background-color: white;
    background-image: url("../images/icons/rotateLeft_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid white; }
    .image-controls #rotate-left-button:hover {
      height: 50px;
      width: 50px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/rotateLeft_w_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  .image-controls #rotate-right-button {
    height: 50px;
    width: 50px;
    background-color: white;
    background-image: url("../images/icons/rotateRight_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid white; }
    .image-controls #rotate-right-button:hover {
      height: 50px;
      width: 50px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/rotateRight_w_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  .image-controls #zoom-in-button {
    height: 50px;
    width: 50px;
    background-color: white;
    background-image: url("../images/icons/zoomIn_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid white; }
    .image-controls #zoom-in-button:hover {
      height: 50px;
      width: 50px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/zoomIn_w_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  .image-controls #zoom-out-button {
    height: 50px;
    width: 50px;
    background-color: white;
    background-image: url("../images/icons/zoomOut_icon.jpg");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid white; }
    .image-controls #zoom-out-button:hover {
      height: 50px;
      width: 50px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/zoomOut_w_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  .image-controls #fit-button {
    height: 50px;
    width: 50px;
    background-color: white;
    background-image: url("../images/icons/fit_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid white; }
    .image-controls #fit-button:hover {
      height: 50px;
      width: 50px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/fit_w_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  @media only screen and (max-width: 499px) {
    .image-controls #rotate-left-button, .image-controls #rotate-right-button, .image-controls #zoom-in-button, .image-controls #zoom-out-button, .image-controls #fit-button {
      width: 30px;
      height: inherit; }
      .image-controls #rotate-left-button:hover, .image-controls #rotate-right-button:hover, .image-controls #zoom-in-button:hover, .image-controls #zoom-out-button:hover, .image-controls #fit-button:hover {
        width: 30px;
        height: inherit; } }

.single-showcase-container {
  width: 90%;
  margin: 90px auto 50px;
  max-width: 1024px; }
  .single-showcase-container .social_media_bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    height: 1.75em;
    background-color: white; }
    .single-showcase-container .social_media_bar .likes_wrapper {
      display: flex;
      flex-direction: row;
      width: 5%;
      height: 100%;
      margin-right: 1em;
      float: right; }
      .single-showcase-container .social_media_bar .likes_wrapper .likes_count {
        width: 65%;
        color: #2cc3ce;
        padding: 0.25em;
        padding-right: 0.5em; }
      .single-showcase-container .social_media_bar .likes_wrapper .likes_icon {
        height: 100%;
        width: 35%;
        background-position: 50% 40%;
        background-image: url("../images/icons/thumbsUp.png");
        background-size: contain;
        background-repeat: no-repeat; }
        .single-showcase-container .social_media_bar .likes_wrapper .likes_icon:hover {
          background-image: url("../images/icons/thumbsUp_hover.png"); }

.read-likes {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 10em;
  padding-right: 1em; }
  .read-likes .likes_wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 4em;
    height: 1.75em; }
    .read-likes .likes_wrapper .likes_label {
      width: 2em;
      padding: 0.25em;
      padding-right: 2em; }
    .read-likes .likes_wrapper .likes_icon {
      padding: .5em;
      width: 50%;
      background-position: 50% 50%;
      background-image: url("../images/icons/thumbsUp.png");
      background-size: contain;
      background-repeat: no-repeat; }
    .read-likes .likes_wrapper .likes_count {
      position: relative;
      height: 1.5em;
      color: #2cc3ce;
      padding: 0.25em 0.5em; }

.likelist_wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: middle;
  justify-content: middle;
  z-index: 500; }
  .likelist_wrapper .likes_list {
    position: relative;
    z-index: 2001;
    color: white;
    font-size: 1em;
    background-color: #616a70;
    padding: 0.5em 0.25em;
    white-space: nowrap; }
    .likelist_wrapper .likes_list .likes_list_member {
      padding: 0.15em 0.5em; }
  .likelist_wrapper.hide, .likelist_wrapper.hidden {
    display: none; }
  .likelist_wrapper.show {
    display: block; }
  .likelist_wrapper .likes_tail {
    position: relative;
    z-index: 400;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    top: -10px;
    background-color: white;
    transform: rotate(45deg);
    background-color: #616a70; }

/* List selections with checkboxes | Icon picker */
/* ui-buttons */
.ui-buttons {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  text-align: center;
  align-content: center; }
  .ui-buttons > .toggle-icon, .ui-buttons > .auto-column {
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px; }
  .ui-buttons > div {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px; }
  .ui-buttons > div:nth-child(2) {
    margin: 0 5px; }
    @media only screen and (min-width: 600px) {
      .ui-buttons > div:nth-child(2) {
        margin: 0 10px; } }
  .ui-buttons > .custom-one-column {
    flex: 0 0 160px;
    -webkit-flex: 0 0 160px; }
  .ui-buttons > .custom-two-column {
    flex: 2 2 0px;
    -webkit-flex: 2 2 0px;
    text-align: left; }
    .ui-buttons > .custom-two-column > .revise {
      width: 250px;
      text-align: center;
      display: inline-block; }
  .ui-buttons input[type=checkbox] {
    display: inline-block;
    cursor: pointer;
    display: none; }
    .ui-buttons input[type=checkbox] + label {
      transition: all 200ms ease; }
  .ui-buttons input[type=radio] {
    display: inline-block;
    cursor: pointer;
    display: none; }

.chapter-li {
  /* Show on Hover */ }
  .chapter-li .sort-icon, .chapter-li .delete-icon, .chapter-li .add-icon {
    visibility: hidden; }

.section-li:hover .sort-icon, .section-li:hover .delete-icon, .section-li:hover .add-icon, .chapter-li:hover .sort-icon, .chapter-li:hover .delete-icon, .chapter-li:hover .add-icon {
  visibility: visible; }

@keyframes enableClick {
  from {
    pointer-events: none; }
  to {
    pointer-events: auto; } }

.chapter-li:hover a, .chapter-li:hover .delete-icon, .chapter-li:hover .add-icon, .section-li:hover a, .section-li:hover .delete-icon, .section-li:hover .add-icon {
  animation: enableClick 100ms steps(1); }

@-webkit-keyframes enableClick {
  from {
    pointer-events: none; }
  to {
    pointer-events: auto; } }

.chapter-li:hover a, .chapter-li:hover .delete-icon, .chapter-li:hover .add-icon, .section-li:hover a, .section-li:hover .delete-icon, .section-li:hover .add-icon {
  webkit-animation: enableClick 100ms steps(1); }

.add-icon input[type=checkbox] + label {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  width: 55px;
  background-color: #E8E7E3;
  background-image: url("../images/icons/plus_white.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #E8E7E3;
  background-size: 20px; }
  @media only screen and (max-width: 491px) {
    .add-icon input[type=checkbox] + label {
      height: 30px;
      width: 30px;
      background-color: #E8E7E3;
      background-image: url("../images/icons/plus_white.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #E8E7E3; } }

.add-icon input[type=checkbox]:checked + label {
  height: 55px;
  width: 55px;
  background-color: #bfd835;
  background-image: url("../images/icons/lrg_check.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #bfd835;
  background-color: #bfd835; }

.sort-icon input[type=checkbox] + label {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: move;
  display: inline-block;
  background-size: 80%;
  height: 30px;
  width: 30px;
  background-color: #E8E7E3;
  background-image: url("../images/icons/sortIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #E8E7E3; }
  @media only screen and (min-width: 491px) {
    .sort-icon input[type=checkbox] + label {
      height: 55px;
      width: 55px;
      background-color: #E8E7E3;
      background-image: url("../images/icons/sortIcon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #E8E7E3;
      background-size: 35px; } }

.sort-icon_v1 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: move;
  background-size: 80%;
  height: 30px;
  width: 30px;
  background-color: #E8E7E3;
  background-image: url("../images/icons/sortIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #E8E7E3; }
  @media only screen and (min-width: 491px) {
    .sort-icon_v1 {
      height: 55px;
      width: 55px;
      background-color: #E8E7E3;
      background-image: url("../images/icons/sortIcon.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #E8E7E3;
      background-size: 35px; } }

.toggle-icon input[type=checkbox] + label {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/up-chevron_dark.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0);
  background-size: 15px; }

.toggle-icon input[type=checkbox]:checked + label {
  height: 30px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/down-chevron_dark.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0); }

.delete-icon input[type=checkbox] + label {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  width: 55px;
  background-color: #E8E7E3;
  background-image: url("../images/icons/white_cancel.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #E8E7E3;
  background-size: 20px; }
  @media only screen and (max-width: 491px) {
    .delete-icon input[type=checkbox] + label {
      height: 30px;
      width: 30px;
      background-color: #E8E7E3;
      background-image: url("../images/icons/white_cancel.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #E8E7E3;
      background-size: 15px; } }

.delete-icon input[type=checkbox]:checked + label {
  background-color: red; }

/* Contribution Panel */
.accept input[type=checkbox] + label, .deny input[type=checkbox] + label, .revise input[type=checkbox] + label {
  background-color: #f8f7f5;
  display: inline-block;
  border: 1px solid #cfcfcd;
  border-radius: 10px;
  padding: 7px 12px;
  cursor: pointer;
  width: 100%; }

.accept input[type=checkbox] + label:hover, .accept input[type=checkbox]:checked + label, .deny input[type=checkbox] + label:hover, .deny input[type=checkbox]:checked + label, .revise input[type=checkbox] + label:hover, .revise input[type=checkbox]:checked + label {
  color: white; }
  .accept input[type=checkbox] + label:hover > a, .accept input[type=checkbox]:checked + label > a, .deny input[type=checkbox] + label:hover > a, .deny input[type=checkbox]:checked + label > a, .revise input[type=checkbox] + label:hover > a, .revise input[type=checkbox]:checked + label > a {
    color: white; }

.deny input[type=checkbox] + label:hover {
  background-color: #e30f20; }

.deny input[type=checkbox]:checked + label {
  background-color: #b5b5b5; }

.accept input[type=checkbox] + label:hover {
  background-color: #7dc24c; }

.accept input[type=checkbox]:checked + label {
  background-color: #b5b5b5; }

.revise input[type=checkbox] + label:hover {
  background-color: #616a70; }

.revise input[type=checkbox]:checked + label {
  background-color: #b5b5b5; }

/* Icon Picker */
.picker {
  text-align: center;
  height: 64px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  .picker input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .picker input[type=checkbox] + label {
      cursor: pointer;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 25px 0 0; }
      .picker input[type=checkbox] + label > h5 {
        margin: 10px 0 15px;
        font-size: 1.125em;
        color: #616a70; }
      .picker input[type=checkbox] + label > h3 {
        font-size: 0.8em;
        margin-top: 14px;
        color: #616a70; }
      .picker input[type=checkbox] + label .check-success {
        display: none; }
      .picker input[type=checkbox] + label img {
        width: 100%;
        height: 64px;
        marign-bottom: 15px; }
    .picker input[type=checkbox]:focus {
      border-color: white; }
  .picker img {
    opacity: 0.5; }
  .picker input[type=checkbox]:checked + label img {
    opacity: 1; }

/* Adding custom scroll bar */
#icon_container, #color_container, #byb_icon_container {
  height: 125px;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  #icon_container::-webkit-scrollbar, #color_container::-webkit-scrollbar, #byb_icon_container::-webkit-scrollbar {
    -webkit-appearance: none; }
  #icon_container::-webkit-scrollbar:vertical, #icon_container::-webkit-scrollbar:horizontal, #color_container::-webkit-scrollbar:vertical, #color_container::-webkit-scrollbar:horizontal, #byb_icon_container::-webkit-scrollbar:vertical, #byb_icon_container::-webkit-scrollbar:horizontal {
    width: 11px; }
  #icon_container::-webkit-scrollbar-thumb, #color_container::-webkit-scrollbar-thumb, #byb_icon_container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  #icon_container ::-webkit-scrollbar-track, #color_container ::-webkit-scrollbar-track, #byb_icon_container ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

#icon_container, #color_container {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }

#icon_container {
  border-top: 1px solid #d0d0d0; }
  #icon_container .art-container {
    flex: 0 0 92px;
    -webkit-flex: 0 0 92px;
    margin: 8px 7px; }

#color_container .art-container {
  flex: 0 0 70px;
  -webkit-flex: 0 0 70px;
  margin: 6px 7px; }

/* Color Picker */
.color_picker {
  height: 52px;
  padding-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  .color_picker input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .color_picker input[type=checkbox] + label {
      cursor: pointer;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 25px 0 0; }
      .color_picker input[type=checkbox] + label > h5 {
        margin: 10px 0 15px;
        font-size: 1.125em;
        color: #616a70; }
      .color_picker input[type=checkbox] + label > h3 {
        font-size: 0.8em;
        margin-top: 14px;
        color: #616a70; }
      .color_picker input[type=checkbox] + label .check-success {
        display: none; }
      .color_picker input[type=checkbox] + label img {
        width: 100%;
        height: 52px;
        marign-bottom: 15px; }
    .color_picker input[type=checkbox]:focus {
      border-color: white; }
  .color_picker input[type=checkbox]:checked + label {
    height: 30px;
    width: 100%;
    background-color: transparent;
    background-image: url("../images/icons/lrg_check.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid transparent;
    background-size: 25px; }

/* Invite Panel, friends list selection */
.list .writer:hover {
  cursor: pointer; }
  .list .writer:hover + input + label {
    border: 1px solid #2cc3ce;
    height: 40px;
    width: 40px;
    background-color: #2cc3ce;
    background-image: url("../images/icons/plus_white.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #2cc3ce; }

.list input[type=checkbox] {
  display: inline-block;
  cursor: pointer;
  display: none; }
  .list input[type=checkbox] + label {
    margin-bottom: -12px;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    width: 40px;
    background-color: #e8e7e3;
    background-image: url("../images/icons/plus_charcoal.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e8e7e3;
    background-size: 10px;
    border: 1px solid #d2d2cf; }
    .list input[type=checkbox] + label:hover {
      border: 1px solid #2cc3ce;
      height: 40px;
      width: 40px;
      background-color: #2cc3ce;
      background-image: url("../images/icons/plus_white.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #2cc3ce; }
  .list input[type=checkbox]:checked + label {
    background-size: 15px;
    height: 40px;
    width: 40px;
    background-color: #7dc24c;
    background-image: url("../images/icons/lrg_check.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #7dc24c; }
    .list input[type=checkbox]:checked + label:hover {
      background-color: #7dc24c; }

.list {
  margin-bottom: 50px; }
  .list ul {
    max-height: 425px;
    overflow-y: auto; }
    .list ul::-webkit-scrollbar {
      -webkit-appearance: none; }
    .list ul::-webkit-scrollbar:vertical, .list ul::-webkit-scrollbar:horizontal {
      width: 11px; }
    .list ul::-webkit-scrollbar-thumb {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border: 2px solid white;
      background-color: rgba(0, 0, 0, 0.5); }
    .list ul ::-webkit-scrollbar-track {
      background-color: white;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px; }
    .list ul li {
      display: block;
      display: flex;
      flex-flow: row nowrap;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; }
      .list ul li .writer {
        height: 40px;
        margin-bottom: 5px;
        margin-right: 6px;
        display: inline-block;
        background-color: white;
        padding: 10px;
        flex: 1 1 92%;
        -webkit-flex: 1 1 92%;
        border: 1px solid white;
        border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px; }
      .list ul li button {
        height: 40px;
        width: 30px;
        border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        border: 1px solid #f9f8f6; }

.current_panel .writer:hover, .current_chapters .writer:hover {
  cursor: pointer; }
  .current_panel .writer:hover + input + label, .current_chapters .writer:hover + input + label {
    border: 1px solid #e30f20;
    background-color: #e30f20;
    height: 40px;
    width: 40px;
    background-color: #e30f20;
    background-image: url("../images/icons/x_white.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e30f20; }

.current_panel input[type=checkbox], .current_chapters input[type=checkbox] {
  display: inline-block;
  cursor: pointer;
  display: none; }
  .current_panel input[type=checkbox] + label, .current_chapters input[type=checkbox] + label {
    margin-bottom: -12px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    background-size: 10px;
    height: 40px;
    width: 40px;
    background-color: #e8e7e3;
    background-image: url("../images/icons/x_charcoal.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e8e7e3; }
    .current_panel input[type=checkbox] + label:hover, .current_chapters input[type=checkbox] + label:hover {
      background-color: #e30f20;
      height: 40px;
      width: 40px;
      background-color: #e30f20;
      background-image: url("../images/icons/x_white.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #e30f20; }
  .current_panel input[type=checkbox]:checked + label, .current_chapters input[type=checkbox]:checked + label {
    background-size: 10px;
    height: 40px;
    width: 40px;
    background-color: #e30f20;
    background-image: url("../images/icons/x_white.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e30f20; }
    .current_panel input[type=checkbox]:checked + label:hover, .current_chapters input[type=checkbox]:checked + label:hover {
      background-color: #e30f20; }

/* Our Jambios Members Panel */
.members .list .writer {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: space-between;
  padding-right: 20px; }
  .members .list .writer.accepted > .status {
    color: #7dc24c; }
  .members .list .writer.waiting a {
    color: #616a70;
    font-style: italic; }
  .members .list .writer a {
    display: inline-block;
    flex: 1 1 50%;
    -webkit-flex: 1 1 50%; }
  .members .list .writer .invite-status {
    font-size: 0.8em;
    color: #616a70;
    font-style: italic;
    padding-right: 30px;
    margin-right: 10px;
    background-image: url("../images/icons/reminder.png");
    background-size: 20px;
    background-position: right;
    background-repeat: no-repeat; }
    .members .list .writer .invite-status:hover {
      background-image: url("../images/icons/reminderHover.png"); }

/* Custom Styled Select/Dropdown */
[class^='custom-select'] {
  border: #d0d0ce solid 1px;
  box-shadow: none;
  background: #f5f4f0;
  background-image: url("../images/icons/select-down.png");
  background-size: 25px;
  background-position: right 1px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  padding: 3px 5px 0;
  width: 80px; }
  @media only screen and (min-width: 526px) {
    [class^='custom-select'] {
      width: 120px; } }
  [class^='custom-select']:focus {
    outline: none; }

.custom-filter {
  flex: 2 2 0;
  -webkit-flex: 2 2 0;
  align-items: baseline;
  -webkit-align-items: baseline;
  -ms-align-items: baseline; }
  .custom-filter > span {
    margin-right: 10px;
    font-size: 12px; }
    @media only screen and (min-width: 618px) {
      .custom-filter > span {
        font-size: 14px; } }

.showcase-filter {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end; }

/* Magic Link Login */
.magic-link-login {
  background-color: #2cc3ce;
  padding: 10px 0; }
  .magic-link-login .column-container:first-of-type {
    color: white;
    padding-bottom: 10px; }
    .magic-link-login .column-container:first-of-type h2 {
      font-family: "Calluna", serif;
      font-size: 1.2em; }
    @media only screen and (max-width: 540px) {
      .magic-link-login .column-container:first-of-type {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .magic-link-login .column-container:first-of-type > h2 {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; }
        .magic-link-login .column-container:first-of-type > p {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  .magic-link-login + div {
    padding-top: 80px; }
  .magic-link-login form {
    display: flex;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap; }
    @media only screen and (max-width: 540px) {
      .magic-link-login form {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; } }
    .magic-link-login form > input {
      flex: 2 2 0px;
      -webkit-flex: 2 2 0px;
      margin-right: 20px; }
    .magic-link-login form > button {
      flex: 1 1 0px;
      -webkit-flex: 1 1 0px;
      background-color: #2cc3ce;
      color: white;
      border: 3px solid white;
      font-size: 1.3em;
      font-weight: 700;
      text-transform: uppercase; }
    @media only screen and (max-width: 540px) {
      .magic-link-login form > input {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-bottom: 10px; }
      .magic-link-login form > button {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }
    .magic-link-login form input {
      padding: 10px !important;
      border: 1px solid #f5f4f0;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; }

/* Mini Invite */
.invite_input .preview {
  margin-bottom: 20px; }
  .invite_input .preview > .preview_more:hover {
    cursor: pointer; }
  .invite_input .preview > .preview_more {
    background-image: url("../images/icons/greyPlus.png");
    background-repeat: no-repeat;
    background-position: 350px;
    background-size: 10px; }
    @media only screen and (max-width: 1204px) {
      .invite_input .preview > .preview_more {
        background-position: 225px; } }

.mini_invite {
  margin-top: 2.5em;
  padding: 20px 30px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 707px) {
    .mini_invite {
      display: none; } }
  .mini_invite .special_title {
    margin: 20px auto 0;
    color: #b5b5b5;
    font-style: italic;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .mini_invite .special_title {
        width: 60%; } }
  .mini_invite > p {
    margin-bottom: 25px; }
  .mini_invite .invitation {
    text-align: left;
    margin: 20px 0; }
    @media only screen and (max-width: 500px) {
      .mini_invite .invitation {
        height: 150px;
        overflow-y: scroll;
        padding: 10px; }
        .mini_invite .invitation::-webkit-scrollbar {
          -webkit-appearance: none; }
        .mini_invite .invitation::-webkit-scrollbar:vertical, .mini_invite .invitation::-webkit-scrollbar:horizontal {
          width: 11px; }
        .mini_invite .invitation::-webkit-scrollbar-thumb {
          border-radius: 8px;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border: 2px solid white;
          background-color: rgba(0, 0, 0, 0.2); }
        .mini_invite .invitation ::-webkit-scrollbar-track {
          background-color: white;
          border-radius: 8px;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px; } }
    .mini_invite .invitation textarea {
      margin-bottom: 5px; }
  .mini_invite .mobile-invite-form .invite_input {
    padding: 0 0 10px; }
  @media only screen and (min-width: 1024px) {
    .mini_invite .mobile-invite {
      display: none; } }
  .mini_invite .add_friends {
    margin: 0 auto;
    width: 60%; }
    @media only screen and (max-width: 1024px) {
      .mini_invite .add_friends {
        display: none; } }
    .mini_invite .add_friends input {
      margin-bottom: 20px; }

@media only screen and (max-width: 1024px) {
  .mobile-invite-form .modal-flex-container {
    flex: 0 1 80%;
    -webkit-flex: 0 1 80%; } }

.mobile-invite-form .modal-flex-container .modal-flex-content .close-icon {
  background-size: 10px; }

/* Contribution notes */
.note, .my_edit {
  width: 100%;
  margin-top: 10px;
  display: none; }
  .note:before, .note:after, .my_edit:before, .my_edit:after {
    content: '';
    display: table; }
  .note:after, .my_edit:after {
    clear: both; }
  .note textarea, .my_edit textarea {
    width: 100%;
    padding: 10px; }

.my_edit input {
  width: 100%; }

.my_edit textarea {
  height: 100px; }

/* Registration forms */
.nav-login {
  padding: 10px 15px;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }
  @media only screen and (min-width: 637px) {
    .nav-login {
      justify-content: flex-end;
      -webkit-justify-content: flex-end;
      -ms-justify-content: flex-end;
      align-items: baseline;
      -webkit-align-items: baseline;
      -ms-align-items: baseline; } }
  .nav-login .error {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start; }
    .nav-login .error .remember_label {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-content: center; }
      .nav-login .error .remember_label input {
        align-self: center;
        margin-left: 5px;
        cursor: pointer; }
  .nav-login form {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start; }
    .nav-login form .column-container {
      flex: 2 2 0px;
      -webkit-flex: 2 2 0px;
      align-items: flex-end;
      -ms-align-items: flex-end;
      -webkit-align-items: flex-end;
      margin-bottom: 10px; }
      .nav-login form .column-container > input {
        flex: 1 1 0px;
        -webkit-flex: 1 1 0px; }
      @media only screen and (max-width: 399px) {
        .nav-login form .column-container {
          display: flex;
          flex-flow: row wrap;
          display: -ms-flexbox;
          display: -webkit-flex;
          -webkit-flex-flow: row wrap; } }
    .nav-login form input {
      color: #616a70;
      padding: 5px !important;
      margin-left: 5px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; }
      @media only screen and (max-width: 415px) {
        .nav-login form input {
          margin-bottom: 10px;
          width: 49%; } }
    .nav-login form .login-button {
      margin-left: 10px; }
    .nav-login form input:last-of-type {
      margin-left: 5px; }

/* Public Register Page input */
.register-public {
  text-align: center; }
  .register-public input {
    display: block;
    width: 95%;
    margin: 0 auto 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.5); }

.learn-more-articles input {
  border: 1px solid #616a70;
  background-color: #f5f4f0;
  width: 45%; }

/* Public Email List */
.text_callout form {
  text-align: center; }
  .text_callout form input {
    margin-right: 10px;
    background-color: #f5f4f0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
    @media only screen and (min-width: 668px) {
      .text_callout form input {
        width: 50%; } }

/* Modal - registration/limited.cfm*/
#inline_terms:before, #inline_terms:after {
  content: '';
  display: table; }

#inline_terms:after {
  clear: both; }

#inline_terms h2 {
  font-family: "Proba", sans-serif;
  font-size: 1.2em;
  color: #616a70;
  line-height: 1.5;
  padding: 5px 25px; }

#inline_terms > div.statement {
  height: 200px;
  overflow-x: scroll;
  background-color: white;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; }
  #inline_terms > div.statement::-webkit-scrollbar {
    -webkit-appearance: none; }
  #inline_terms > div.statement::-webkit-scrollbar:vertical, #inline_terms > div.statement::-webkit-scrollbar:horizontal {
    width: 11px; }
  #inline_terms > div.statement::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.3); }
  #inline_terms > div.statement ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

#inline_terms .hide {
  float: right; }
  #inline_terms .hide:hover {
    color: #b5b5b5;
    cursor: pointer; }

.c_modal .logo {
  width: 400px;
  margin: 100px auto 20px; }

.c_modal h2 {
  margin-top: -20px;
  margin-bottom: 40px; }

.c_modal .register {
  padding: 10px; }

.modal_invite, .modal_login {
  width: 50%;
  margin: auto;
  text-align: center; }
  .modal_invite input, .modal_login input {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 10px; }
    .modal_invite input::-webkit-input-placeholder, .modal_login input::-webkit-input-placeholder {
      color: #262626; }
    .modal_invite input::-moz-placeholder, .modal_login input::-moz-placeholder {
      color: #262626; }
    .modal_invite input:-moz-placeholder, .modal_login input:-moz-placeholder {
      color: #262626; }
    .modal_invite input:-ms-input-placeholder, .modal_login input:-ms-input-placeholder {
      color: #262626; }

/* Registration */
.register {
  padding-top: 20px;
  background-color: white;
  position: relative; }
  .register .register-width, .register .reg-privacy {
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 30px; }
    .register .register-width .monty-intro, .register .reg-privacy .monty-intro, .register .register-width .user-form, .register .reg-privacy .user-form, .register .register-width .privacy-intro, .register .reg-privacy .privacy-intro, .register .register-width .register-chapters, .register .reg-privacy .register-chapters {
      padding-left: 20px;
      padding-right: 20px; }
    .register .register-width .cover-details, .register .reg-privacy .cover-details {
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (min-width: 400px) {
        .register .register-width .cover-details, .register .reg-privacy .cover-details {
          padding-right: 70px; } }
    @media only screen and (max-width: 1024px) {
      .register .register-width, .register .reg-privacy {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .register .register-width .monty-intro, .register .reg-privacy .monty-intro, .register .register-width .user-form, .register .reg-privacy .user-form {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  .register h1 {
    color: #616a70;
    margin-bottom: 20px; }
  .register h4 {
    margin-bottom: 20px; }
  .register h2 {
    font-weight: 300;
    padding-left: 20px; }
  .register .country_reg, .register .country_limreg {
    margin-bottom: 15px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 100%;
    padding: 10px;
    color: #616a70;
    font-size: 0.9em;
    background-color: #f9f8f6; }
    .register .country_reg option, .register .country_limreg option {
      color: black; }
      .register .country_reg option:first-child, .register .country_limreg option:first-child {
        background-color: #b5b5b5; }
  .register .intro {
    padding: 0 1em; }
    @media only screen and (min-width: 500px) {
      .register .intro {
        padding-top: 30px;
        padding-left: 20px; } }
    .register .intro h1 {
      font-size: 1.6em; }
    .register .intro p {
      padding-bottom: 10px;
      font-size: 0.9em; }
  .register .four-column > img {
    width: 170px; }
    @media only screen and (min-width: 680px) {
      .register .four-column > img {
        margin-left: 50px;
        margin-top: 30px; } }

.register .country_limreg {
  background-color: #f5f4f0; }

.green {
  color: #7dc24c;
  font-family: "Proba", sans-serif;
  font-style: bold; }

.terms {
  margin: 0 auto 20px; }
  .terms p {
    margin-bottom: 30px; }

.monty-intro {
  color: #616a70;
  padding-right: 50px;
  padding-top: 0;
  padding-left: 0; }
  .monty-intro h1 {
    padding-left: 0;
    font-family: "Calluna", serif; }
    @media only screen and (max-width: 720px) {
      .monty-intro h1 {
        margin-right: 37%; } }
  .monty-intro p {
    font-size: 1.2em;
    color: #616a70; }
  .monty-intro img {
    float: right;
    margin-top: -55px;
    margin-left: 5px;
    width: 35%; }

.block-list {
  font-size: 1.0em;
  font-family: "Open Sans", serif;
  padding-top: 10px; }
  .block-list li {
    display: block;
	font-size: 1.0em;
	  font-family: "Open Sans", serif;
    list-style: none;
    margin-bottom: 15px;
    padding-left: 20px; }
    .block-list li:before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 10px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #616a70; }

.privacy > .row, .gender > .row {
  padding: 1em; }

.register .radio-buttons {
  margin-top: 20px; }
  @media only screen and (max-width: 480px) {
    .register .radio-buttons.column-container {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .register .radio-buttons.column-container > div {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }
  .register .radio-buttons .radio-button-container {
    margin-bottom: 20px; }

/* Privacy */
.register.row-container {
  justify-content: center; }
  @media only screen and (max-width: 1024px) {
    .register.row-container > div:first-child .user-form {
      padding-top: 40px; } }

.register .reg-privacy {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.privacy-intro {
  border-bottom: #d7d7d7 1px solid;
  margin-bottom: 15px;
  padding-bottom: 30px; }

.gender p {
  font-weight: 700;
  padding: 30px 0 30px;
  font-size: 1.1em; }

/* Register button */
.submit-button-container {
  background-color: #edece8;
  width: 100%; }
  .submit-button-container > .column-container {
    max-width: 780px;
    margin: 0 auto;
    padding: 30px; }
    @media only screen and (max-width: 450px) {
      .submit-button-container > .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap;
        padding: 15px; } }
    .submit-button-container > .column-container > button {
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      padding: 15px 0;
      font-size: 0.9em;
      background-color: #2cc3ce;
      border: 1px #2cc3ce solid;
      cursor: pointer;
      color: white;
      font-size: 1.7em;
      font-weight: 700; }
      .submit-button-container > .column-container > button:hover {
        background-color: #279faa;
        color: white;
        transition: all 300ms ease; }
      @media only screen and (max-width: 450px) {
        .submit-button-container > .column-container > button {
          font-size: 1em;
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; }
          .submit-button-container > .column-container > button:first-child {
            margin-bottom: 20px; } }

.sticky-button {
  position: absolute;
  bottom: 0;
  left: 0; }

/* Register Topics OJB */
.select-theme h2 {
  border-top: 1px solid #d7d7d7;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.select-theme p:first-of-type {
  padding-bottom: 20px; }

.select-theme .theme-container {
  border-top: 1px solid #d7d7d7;
  padding: 20px 0 10px;
  margin-bottom: 25px;
  background-color: #f5f4f0; }
  .select-theme .theme-container p {
    padding-bottom: 10px; }

.register-chapters {
  justify-content: center;
  margin: 0 auto;
  padding: 0 15px 15px; }
  @media only screen and (max-width: 1210px) {
    .register-chapters {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; } }
  .register-chapters .user-form form {
    padding: 0 1em; }
  .register-chapters .intro:first-of-type {
    padding-top: 0; }
  .register-chapters > .column {
    flex: 0 0 550px;
    -webkit-flex: 0 0 550px; }
    @media only screen and (min-width: 1210px) {
      .register-chapters > .column:first-child {
        margin-right: 55px; }
      .register-chapters > .column:last-child {
        margin-left: 55px; } }
    @media only screen and (max-width: 560px) {
      .register-chapters > .column {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }
  .register-chapters .select-theme .theme-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center; }
    .register-chapters .select-theme .theme-container > .column {
      flex: 0 0 100px;
      -webkit-flex: 0 0 100px;
      margin: 0.5em; }
  @media only screen and (min-width: 540px) {
    .register-chapters .select-topics {
      padding: 0 30px; } }
  .register-chapters .select-topics h2 {
    padding-bottom: 15px; }
  @media only screen and (max-width: 1210px) {
    .register-chapters form {
      border-top: 1px solid #d7d7d7; } }
  .register-chapters form .terms {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 30px; }
  .register-chapters form button {
    padding: 20px; }

/* Registration overlay */
.jb_modal.modal-flex-class {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  overflow-x: scroll; }
  .jb_modal.modal-flex-class::-webkit-scrollbar {
    -webkit-appearance: none; }
  .jb_modal.modal-flex-class::-webkit-scrollbar:vertical, .jb_modal.modal-flex-class::-webkit-scrollbar:horizontal {
    width: 11px; }
  .jb_modal.modal-flex-class::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .jb_modal.modal-flex-class ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }
  .jb_modal.modal-flex-class .modal-flex-container {
    background-color: white;
    margin-top: 50px;
    overflow: unset; }
    @media only screen and (min-width: 900px) {
      .jb_modal.modal-flex-class .modal-flex-container {
        flex: 0 1 573px;
        -webkit-flex: 0 1 573px; } }
    .jb_modal.modal-flex-class .modal-flex-container .modal-flex-content {
      position: relative; }
      .jb_modal.modal-flex-class .modal-flex-container .modal-flex-content .close-button {
        position: absolute;
        top: 0px;
        right: -35px;
        height: 30px;
        width: 30px;
        background-color: transparent;
        background-image: url("../images/icons/white_cancel.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px;
        cursor: pointer; }
    .jb_modal.modal-flex-class .modal-flex-container .register {
      max-width: 100%;
      padding: 65px 108px 0; }
      .jb_modal.modal-flex-class .modal-flex-container .register .column-container {
        align-items: center; }
      @media only screen and (max-width: 720px) {
        .jb_modal.modal-flex-class .modal-flex-container .register {
          padding: 65px 20px 0; } }
      .jb_modal.modal-flex-class .modal-flex-container .register .intro {
        color: #616a70;
        padding-top: 0;
        padding-left: 0; }
        .jb_modal.modal-flex-class .modal-flex-container .register .intro h1 {
          padding-left: 0;
          font-family: "Calluna", serif;
          font-size: 22px; }
          @media only screen and (max-width: 720px) {
            .jb_modal.modal-flex-class .modal-flex-container .register .intro h1 {
              margin-right: 37%; } }
        .jb_modal.modal-flex-class .modal-flex-container .register .intro p {
          font-size: 0.8em;
          color: #616a70; }
        .jb_modal.modal-flex-class .modal-flex-container .register .intro .block-list {
          font-size: 0.8em;
          padding-top: 10px; }
          .jb_modal.modal-flex-class .modal-flex-container .register .intro .block-list li {
            display: block;
            list-style: none;
            margin-bottom: 15px;
            padding-left: 20px; }
            .jb_modal.modal-flex-class .modal-flex-container .register .intro .block-list li:before {
              content: '';
              display: inline-block;
              width: 8px;
              height: 8px;
              margin-right: 10px;
              margin-left: -20px;
              border-radius: 50%;
              background-color: #616a70; }
      .jb_modal.modal-flex-class .modal-flex-container .register img {
        float: right;
        margin-top: -55px;
        margin-left: 5px;
        width: 37%; }
      .jb_modal.modal-flex-class .modal-flex-container .register form {
        padding: 30px 0 0; }
        .jb_modal.modal-flex-class .modal-flex-container .register form input {
          margin-bottom: 15px;
          border: 1px solid #e8e7e3;
          background-color: #f5f4f0;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; }
        .jb_modal.modal-flex-class .modal-flex-container .register form .required:first-of-type {
          margin-top: 15px; }
        .jb_modal.modal-flex-class .modal-flex-container .register form button {
          margin: 0 auto;
          background-color: #2cc3ce;
          color: white;
          transition: all 200ms ease; }
          .jb_modal.modal-flex-class .modal-flex-container .register form button:hover {
            background-color: #279faa; }

.missing {
  width: 100%;
  border: solid #e30f20 1px;
  color: white;
  background-color: #e30f20;
  padding: 10px 5px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold; }

/* Search style */
.search input {
  width: 95%;
  margin-left: 25px;
  padding: 5px 15px;
  margin-top: 10px;
  background-color: #f5f4f0;
  border: 1px solid #d0d0ce;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }
  .search input:focus {
    outline: 0; }

.admin .search {
  background-image: url("../images/icons/grey_search.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px; }
  .admin .search:before, .admin .search:after {
    content: '';
    display: table; }
  .admin .search:after {
    clear: both; }
  .admin .search input {
    width: 200px;
    margin: 0;
    padding: 15px;
    background-color: white;
    position: relative;
    right: 30px; }
    .admin .search input:focus {
      outline: 0; }

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

/* The switch - the box around the slider */
.toggle_switch {
  position: relative;
  display: inline-block;
  min-width: 48px;
  width: 48px;
  height: 27px;
  margin: 0 10px;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .toggle_switch input {
    display: none; }
  .toggle_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .toggle_switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .toggle_switch .cb.on + .slider {
    background-color: #2cc3ce; }
  .toggle_switch .cb.on:focus + .slider {
    box-shadow: 0 0 1px #2cc3ce; }
  .toggle_switch .cb.on + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px); }
  .toggle_switch .slider.round {
    border-radius: 34px; }
  .toggle_switch .slider.round:before {
    border-radius: 50%; }

/* Selecting chapter topics */
.topic_select {
  margin-bottom: 20px; }

#topics_container {
  position: relative;
  padding-bottom: 100px;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  align-items: stretch;
  justify-content: center; }
  #topics_container > div {
    margin: 0.5em; }

.register #topics_container {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  padding-top: 15px;
  background-color: #f5f4f0; }
  @media only screen and (min-width: 1025px) {
    .register #topics_container {
      overflow-y: scroll;
      height: 600px; }
      .register #topics_container::-webkit-scrollbar {
        -webkit-appearance: none; }
      .register #topics_container::-webkit-scrollbar:vertical, .register #topics_container::-webkit-scrollbar:horizontal {
        width: 11px; }
      .register #topics_container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, 0.1); }
      .register #topics_container ::-webkit-scrollbar-track {
        background-color: white;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px; } }
  .register #topics_container > div {
    flex: 0 0 95px;
    -webkit-flex: 0 0 95px; }

.register .topics {
  border-radius: 5px 29px 5px 5px;
  -webkit-border-radius: 5px 29px 5px 5px;
  -moz-border-radius: 5px 29px 5px 5px;
  background: url("./../images/icons/corner2.png") no-repeat top right;
  background-color: white;
  border: 1px solid white;
  height: 130px;
  text-align: center; }
  .register .topics img {
    opacity: 0.5; }
  .register .topics:hover img {
    opacity: 1; }
  .register .topics input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .register .topics input[type=checkbox] + label {
      cursor: pointer;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 25px 0 0; }
      .register .topics input[type=checkbox] + label > h5 {
        margin: 10px 0 15px;
        font-size: 1.125em;
        color: #616a70; }
      .register .topics input[type=checkbox] + label > h3 {
        font-size: 0.8em;
        margin-top: 14px;
        color: #616a70; }
      .register .topics input[type=checkbox] + label .check-success {
        display: none; }
      .register .topics input[type=checkbox] + label img {
        width: 100%;
        height: 45px;
        marign-bottom: 15px; }
    .register .topics input[type=checkbox]:focus {
      border-color: white; }
  .register .topics input[type=checkbox]:checked + label {
    opacity: 1; }
    .register .topics input[type=checkbox]:checked + label .check-success {
      margin: 0 auto 14px;
      display: block;
      background-image: url("./../images/icons/lrg_check.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px;
      height: 45px;
      width: 45px;
      background-color: #7dc24c;
      border-radius: 50px;
      padding-top: 20px; }
    .register .topics input[type=checkbox]:checked + label img {
      display: none; }

.theme-container .topics {
  border-radius: 5px 29px 5px 5px;
  -webkit-border-radius: 5px 29px 5px 5px;
  -moz-border-radius: 5px 29px 5px 5px;
  background: url("./../images/icons/corner2.png") no-repeat top right;
  background-color: white;
  border: 1px solid white;
  height: 140px;
  text-align: center; }
  .theme-container .topics img {
    opacity: 0.5; }
  .theme-container .topics:hover img {
    opacity: 1; }
  .theme-container .topics input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .theme-container .topics input[type=checkbox] + label {
      cursor: pointer;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 25px 0 0; }
      .theme-container .topics input[type=checkbox] + label > h5 {
        margin: 10px 0 15px;
        font-size: 1.125em;
        color: #616a70; }
      .theme-container .topics input[type=checkbox] + label > h3 {
        font-size: 0.8em;
        margin-top: 14px;
        color: #616a70; }
      .theme-container .topics input[type=checkbox] + label .check-success {
        display: none; }
      .theme-container .topics input[type=checkbox] + label img {
        width: 100%;
        height: 60px;
        marign-bottom: 15px; }
    .theme-container .topics input[type=checkbox]:focus {
      border-color: white; }
  .theme-container .topics input[type=checkbox]:checked + label {
    opacity: 1; }
    .theme-container .topics input[type=checkbox]:checked + label .check-success {
      margin: 0 auto 14px;
      display: block;
      background-image: url("./../images/icons/lrg_check.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25px;
      height: 60px;
      width: 60px;
      background-color: #7dc24c;
      border-radius: 50px;
      padding-top: 20px; }
    .theme-container .topics input[type=checkbox]:checked + label img {
      display: none; }

.chapter-topic #topics_container > div {
  flex: 0 0 140px;
  -webkit-flex: 0 0 140px; }

.chapter-topic .topics {
  border-radius: 5px 29px 5px 5px;
  -webkit-border-radius: 5px 29px 5px 5px;
  -moz-border-radius: 5px 29px 5px 5px;
  background: url("./../images/icons/corner2.png") no-repeat top right;
  background-color: white;
  border: 1px solid white;
  height: 180px;
  text-align: center; }
  .chapter-topic .topics img {
    opacity: 0.5; }
  .chapter-topic .topics:hover img {
    opacity: 1; }
  .chapter-topic .topics input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .chapter-topic .topics input[type=checkbox] + label {
      cursor: pointer;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      color: white;
      display: inline-block;
      padding: 25px 0 0; }
      .chapter-topic .topics input[type=checkbox] + label > h5 {
        margin: 10px 0 15px;
        font-size: 1.125em;
        color: #616a70; }
      .chapter-topic .topics input[type=checkbox] + label > h3 {
        font-size: 0.8em;
        margin-top: 14px;
        color: #616a70; }
      .chapter-topic .topics input[type=checkbox] + label .check-success {
        display: none; }
      .chapter-topic .topics input[type=checkbox] + label img {
        width: 100%;
        height: 75px;
        marign-bottom: 15px; }
    .chapter-topic .topics input[type=checkbox]:focus {
      border-color: white; }
  .chapter-topic .topics input[type=checkbox]:checked + label {
    opacity: 1; }
    .chapter-topic .topics input[type=checkbox]:checked + label .check-success {
      margin: 0 auto 14px;
      display: block;
      background-image: url("./../images/icons/lrg_check.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 35px;
      height: 75px;
      width: 75px;
      background-color: #7dc24c;
      border-radius: 50px;
      padding-top: 20px; }
    .chapter-topic .topics input[type=checkbox]:checked + label img {
      display: none; }

.chapter_topic .reminisce-icons {
  height: 180px; }

.topics {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 auto;
  text-align: center; }
  .topics.animate, .topics.animate--fadeIn, .topics.animate--fadeInLeft, .topics.animate--fadeInUp, .topics.animate--fadeInDown, .topics.animate--fadeInImage, .topics.animate--lookDown {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards; }

/* Book Details */
/* cover controls - edit book details */
.cover-controls {
  padding: 5px 0 0 0;
  border-top: 1px solid #d0d0d0;
  background-color: white;
  position: relative; }
  .cover-controls > div.tab-filter {
    flex: 0 0 240px;
    -webkit-flex: 0 0 240px; }
  .cover-controls > div.custom-cover-icon, .cover-controls > div#no_photo_div, .cover-controls > div.check-select {
    flex: 1 1 0;
    -webkit-flex: 1 1 0; }
  @media only screen and (max-width: 499px) {
    .cover-controls > div.tab-filter {
      flex: 0 0 160px;
      -webkit-flex: 0 0 160px; } }

.color-wrapper {
  position: relative; }
  .color-wrapper h4 {
    margin-top: 25px;
    border-top: 2px solid #d0d0d0;
    padding-top: 15px; }

.toggle-container {
  position: absolute;
  right: -50px;
  top: 90px; }
  @media only screen and (max-width: 400px) {
    .toggle-container {
      display: none; } }
  .toggle-container .toggle-type2 input[type=checkbox] {
    display: inline-block;
    cursor: pointer;
    display: none; }
    .toggle-container .toggle-type2 input[type=checkbox] + label {
      transition: all 200ms ease;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      height: 15px;
      width: 15px;
      background-color: white;
      background-image: url("../images/icons/minus.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid white;
      background-size: 15px; }
    .toggle-container .toggle-type2 input[type=checkbox]:checked + label {
      height: 15px;
      width: 15px;
      background-color: white;
      background-image: url("../images/icons/plus-grey.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid white; }

.cover-label {
  margin-top: 40px;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between; }
  .cover-label > div {
    font-size: 14px; }
  @media only screen and (max-width: 479px) {
    .cover-label {
      margin-bottom: 15px; } }

#no_photo_div, .check-select {
  text-align: right;
  padding-top: 5px; }
  #no_photo_div > span, .check-select > span {
    font-size: 14px;
    width: 68%;
    display: inline-block; }
    @media only screen and (min-width: 820px) and (max-width: 1110px) {
      #no_photo_div > span, .check-select > span {
        width: 65%;
        font-size: 0.7em; } }
    @media only screen and (max-width: 819px) {
      #no_photo_div > span, .check-select > span {
        font-size: 12px;
        margin-right: 5px; } }
  #no_photo_div input[type=checkbox], .check-select input[type=checkbox] {
    cursor: pointer;
    display: none; }
    #no_photo_div input[type=checkbox] + label, .check-select input[type=checkbox] + label {
      cursor: pointer;
      display: inline-block;
      margin-top: 5px;
      margin-bottom: -5px;
      margin-left: 8px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      height: 20px;
      width: 21px;
      background-color: #e8e7e3; }
      @media only screen and (max-width: 479px) {
        #no_photo_div input[type=checkbox] + label, .check-select input[type=checkbox] + label {
          height: 20px;
          width: 20px;
          background-color: #e8e7e3;
          margin-left: 0;
          margin-top: 0;
          margin-right: -8px; } }
      @media only screen and (max-width: 579px) {
        #no_photo_div input[type=checkbox] + label, .check-select input[type=checkbox] + label {
          margin-bottom: 5px; } }
      #no_photo_div input[type=checkbox] + label:hover, .check-select input[type=checkbox] + label:hover {
        background-color: #edece8; }
    #no_photo_div input[type=checkbox]:checked + label, .check-select input[type=checkbox]:checked + label {
      height: 20px;
      width: 21px;
      background-color: #7dc24c;
      background-image: url("../images/icons/sml_check.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #7dc24c;
      background-size: 10px; }
      @media only screen and (max-width: 479px) {
        #no_photo_div input[type=checkbox]:checked + label, .check-select input[type=checkbox]:checked + label {
          height: 20px;
          width: 20px;
          background-color: #7dc24c;
          background-image: url("../images/icons/sml_check.png");
          background-repeat: no-repeat;
          background-position: center;
          border: 1px solid #7dc24c; } }
  @media only screen and (max-width: 454px) {
    #no_photo_div, .check-select {
      display: flex;
      flex-flow: row nowrap;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; } }

/* General Check Select */
.check-select {
  text-align: left; }
  .check-select span {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.2em;
    width: 82%; }
    @media only screen and (max-width: 479px) {
      .check-select span {
        font-size: 1em; } }

/* Chapter Monty */
.select-monty {
  margin-top: 60px; }
  .select-monty input[type=checkbox] {
    display: inline-block;
    cursor: pointer;
    display: none; }
    .select-monty input[type=checkbox] + label {
      cursor: pointer;
      display: inline-block;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      height: 25px;
      width: 40px;
      background-color: #e8e7e3; }
      .select-monty input[type=checkbox] + label:hover {
        background-color: #edece8; }
    .select-monty input[type=checkbox]:checked + label {
      height: 25px;
      width: 40px;
      background-color: #7dc24c;
      background-image: url("../images/icons/sml_check.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #7dc24c; }
      .select-monty input[type=checkbox]:checked + label:hover {
        background-color: #7dc24c; }
  .select-monty h4 {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-left: 4px; }

/* Components */
.basic {
  padding: 25px 0 0; }

.intro-wrapper {
  background-color: white; }

.promo-graphic-wrapper {
  background-color: #eef0f1; }

.second-line {
  font-family: "Calluna", serif; }

/* Layout */
@media only screen and (min-width: 999px) {
  .promo-container {
    position: relative; }
    .promo-container .promo-intro {
      width: 100%;
      max-width: 45%;
      margin: 0 0 0 10%;
      padding-right: 25px;
      padding-left: 50px; } }
    @media only screen and (min-width: 999px) and (min-width: 1200px) and (max-width: 1450px) {
      .promo-container .promo-intro {
        max-width: 50%; } }
    @media only screen and (min-width: 999px) and (min-width: 999px) and (max-width: 1450px) {
      .promo-container .promo-intro {
        margin: 0 0 0 2%; } }

@media only screen and (min-width: 999px) {
    .promo-container .promo-graphic .video-area {
      position: relative;
      z-index: 100;
      width: 100%;
      max-width: 45%;
      margin: 0 0 0 10%; } }
    @media only screen and (min-width: 999px) and (min-width: 999px) and (max-width: 1450px) {
      .promo-container .promo-graphic .video-area {
        margin: 0 0 0 2%; } }

@media only screen and (min-width: 999px) {
    .promo-container .promo-form {
      position: absolute;
      top: 0;
      right: 10%;
      max-width: 460px;
      width: 100%; } }
    @media only screen and (min-width: 999px) and (min-width: 1400px) {
      .promo-container .promo-form {
        right: 15%; } }
    @media only screen and (min-width: 999px) and (min-width: 999px) and (max-width: 1400px) {
      .promo-container .promo-form {
        right: 5%; } }

@media only screen and (max-width: 999px) {
  .promo-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center; }
    .promo-container .intro-wrapper, .promo-container .promo-graphic-wrapper, .promo-container .promo-footer {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%; }
    .promo-container .promo-form {
      flex: 0 0 90%;
      -webkit-flex: 0 0 90%; }
    .promo-container .intro-wrapper, .promo-container .promo-graphic-wrapper {
      padding: 0 25px; }
    .promo-container .promo-intro {
      max-width: 90%;
      margin: 0 auto;
      padding-right: 0;
      padding-left: 0; } }

.promo-container .promo-intro {
  color: #616a70;
  padding-bottom: 30px; }
  .promo-container .promo-intro h1 {
    color: #616a70;
    font-family: "Calluna", serif;
    font-size: 2.3em; }
  .promo-container .promo-intro p {
    padding-bottom: 15px; }
  .promo-container .promo-intro .block-list {
    font-family: "Calluna", serif;
    font-size: 0.9em;
    padding-top: 0px;
    padding-bottom: 5px; }
    .promo-container .promo-intro .block-list li {
      margin-bottom: 5px; }
      .promo-container .promo-intro .block-list li:before {
        background-color: #2cc3ce; }

.promo-container .promo-graphic .video-area {
  padding-top: 40px;
  position: relative;
  z-index: 100; }
  .promo-container .promo-graphic .video-area .laptop-border {
    border-image: url("laptop-border.png") 55 43 49 43 stretch;
    -webkit-border-image: url("laptop-border.png") 55 43 49 43 stretch;
    -moz-border-image: url("laptop-border.png") 55 43 49 43 stretch; }
  .promo-container .promo-graphic .video-area .laptop-bottom {
    background-image: url("laptop_base.png");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat; }

.promo-container .promo-form {
  margin-bottom: 50px; }
  .promo-container .promo-form .intro-title {
    background-color: #68ed4d;
    padding: 1em 3em;
    color: white;
    position: relative;
    font-weight: 700;
    font-size: 1.1em; }
    @media only screen and (max-width: 500px) {
      .promo-container .promo-form .intro-title {
        padding: 1em;
        text-align: center; } }
    .promo-container .promo-form .intro-title .triangle-down {
      position: absolute;
      bottom: -15px;
      left: 50%;
      margin-left: -10px;
      z-index: 150;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #68ed4d; }
  .promo-container .promo-form .user-form {
    position: relative;
    background-color: #182c47;
    padding: 1.5em;
    z-index: 100; }
    .promo-container .promo-form .user-form #inline_terms {
      color: #182c47; }
      .promo-container .promo-form .user-form #inline_terms h2 {
        color: white;
        font-size: 1.2em;
        padding-bottom: 5px; }
      .promo-container .promo-form .user-form #inline_terms > div.statement {
        max-height: 100px; }
    .promo-container .promo-form .user-form .radio-buttons {
      color: #f8f7f5; }
      .promo-container .promo-form .user-form .radio-buttons .check-select span {
        font-size: 0.9em; }
        @media only screen and (min-width: 999px) {
          .promo-container .promo-form .user-form .radio-buttons .check-select span {
            padding-top: 5px; } }
    .promo-container .promo-form .user-form .submit_button {
      width: 100%;
      padding: 15px 10px;
      margin-top: 15px;
      color: #f8f7f5;
      background-color: #616a70;
      border: 3px solid #f8f7f5;
      font-size: 1.2em; }

.promo-footer {
  position: relative;
  width: 100%;
  height: 100px;
  margin-top: -40px; }
  @media only screen and (max-width: 500px) {
    .promo-footer {
      margin-top: -50px; } }
  .promo-footer .promo-footer-table {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("tableTopasset.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.promo-login {
  margin-top: 15px;
  text-align: center;
  display: block;
  color: white;
  font-size: 1.2em;
  text-decoration: underline; }

/* Article Layouts */
/* Public splash Articles */
.meta_date {
  font-style: italic;
  border-bottom: 1px solid #8e8e8e;
  font-size: 12px;
  display: inline-block; }

.news-article h1 {
  color: #616a70;
  display: inline-block;
  width: 89%; }

.news-article img {
  margin-bottom: 30px; }

.news-article:not(:first-child) img {
  margin-top: 50px; }

.article-container h1 {
  text-decoration: underline; }

.article-container .article-content {
  max-height: 12.5em;
  overflow: hidden; }
  .article-container .article-content p {
    margin-bottom: 20px; }
  .article-container .article-content ul {
    margin: 20px; }
  .article-container .article-content li {
    display: list-item;
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 15px; }
  .article-container .article-content p {
    line-height: 1.5; }

/* News See More */
.see-more-controls {
  margin-top: 20px; }
  .see-more-controls .see_more, .see-more-controls .hide {
    cursor: pointer;
    color: #2cc3ce;
    text-decoration: underline; }

.news-article h1, .public-tour-jambios .learn-more-articles h1, .learn-contribute .learn-more-articles h1 {
  margin: 10px 0 30px; }

.news-article:first-child, .learn-more-articles:first-child {
  margin-top: 80px; }

/* Learn More Articles */
.organize .learn-more-articles:not(:last-child), .news-article:not(:last-child), .learn-more-jambooks .learn-more-articles:not(:last-child) {
  border-bottom: 1px solid #aaa; }

@media only screen and (min-width: 768px) {
  .organize .learn-more-articles {
    margin: 15px 0 40px; } }

.learn-more-articles, .news-article {
  margin: 40px 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .learn-more-articles, .news-article {
      padding-left: 60px;
      padding-right: 60px; } }
  .learn-more-articles p, .news-article p {
    color: #616a70; }
  .learn-more-articles h1, .news-article h1 {
    color: #616a70;
    font-family: "Calluna", serif; }

.learn-more-articles p {
  font-size: 1.5em; }

.learn-more-articles h2 {
  color: #616a70;
  font-family: "Calluna", serif; }

.learn-more-articles h1 {
  margin: 10px 0 0;
  font-size: 4em; }
  @media only screen and (max-width: 768px) {
    .learn-more-articles h1 {
      font-size: 3.5em; } }

.learn-more-articles h2 {
  font-size: 2em;
  margin: 10px 0 40px;
  font-weight: 300; }
  @media only screen and (max-width: 768px) {
    .learn-more-articles h2 {
      font-size: 1.5em; } }

.organize .learn-more-articles .two-up {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }
  @media only screen and (min-width: 908px) {
    .organize .learn-more-articles .two-up {
      display: flex;
      flex-flow: row nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; } }
  .organize .learn-more-articles .two-up .column {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%; }
    @media only screen and (min-width: 908px) {
      .organize .learn-more-articles .two-up .column {
        flex: 1 1 0px;
        -webkit-flex: 1 1 0px; } }
  .organize .learn-more-articles .two-up .two-column {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%; }
    @media only screen and (min-width: 908px) {
      .organize .learn-more-articles .two-up .two-column {
        flex: 2 2 0px;
        -webkit-flex: 2 2 0px; } }

@media only screen and (max-width: 907px) {
  .organize .learn-more-articles .book-image-container {
    margin: 10px 0;
    order: 1;
    -webkit-order: 1;
    -ms-order: 1; } }

@media only screen and (max-width: 907px) {
  .organize .learn-more-articles ul {
    margin: 20px 0;
    order: 2;
    -webkit-order: 2;
    -ms-order: 2; } }

.organize .learn-more-articles ul li {
  font-size: 1.2em;
  color: #616a70;
  font-weight: 600; }
  @media only screen and (max-width: 601px) {
    .organize .learn-more-articles ul li {
      font-size: 1em;
      width: 49%;
      padding: 0; } }
  @media only screen and (min-width: 601px) and (max-width: 908px) {
    .organize .learn-more-articles ul li {
      padding: 5px 15px; } }
  @media only screen and (min-width: 908px) {
    .organize .learn-more-articles ul li {
      font-size: 1.5em;
      display: block; } }

.organize .learn-more-articles:first-child .two-up {
  margin-bottom: 30px; }

.organize .learn-more-articles:nth-child(2) .column:first-child {
  text-align: center;
  margin-bottom: 20px; }

@media only screen and (min-width: 908px) {
  .organize .learn-more-articles:nth-child(2) p {
    padding-left: 80px; } }

.organize .learn-more-articles:nth-child(3) img {
  margin-bottom: 40px; }

.public-tour-jambios img {
  margin-bottom: 50px; }
  .public-tour-jambios img:last-child {
    margin-bottom: 80px; }

@media only screen and (max-width: 355px) {
  .learn-contribute .learn-more-articles h1 {
    font-size: 3em; } }

/* Showcase */
.showcase-callout {
  background-color: white; }
  @media only screen and (min-width: 900px) and (max-width: 1230px) {
    .showcase-callout p {
      width: 50%;
      margin: 0 auto; } }
  @media only screen and (min-width: 1230px) and (max-width: 1540px) {
    .showcase-callout p {
      width: 70%;
      margin: 0 auto; } }
  @media only screen and (min-width: 900px) {
    .showcase-callout {
      background-repeat: no-repeat, no-repeat;
      background-position: bottom left, bottom right; } }

.showcase-container {
  margin: 50px auto;
  width: 90%;
  max-width: 70em; }
  .showcase-container > .single-showcase:nth-child(4n+1) {
    border: 20px solid transparent;
    border-image: url("../images/public/frameGray.png") 20 stretch;
    -webkit-border-image: url("../images/public/frameGray.png") 20 stretch;
    -o-border-image: url("../images/public/frameGray.png") 20 stretch;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.4); }
  .showcase-container > .single-showcase:nth-child(2n+2) {
    border: 20px solid transparent;
    border-image: url("../images/public/frameTan.png") 20 stretch;
    -webkit-border-image: url("../images/public/frameTan.png") 20 stretch;
    -o-border-image: url("../images/public/frameTan.png") 20 stretch;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.4); }
  .showcase-container > .single-showcase:nth-child(3n+3) {
    border: 20px solid transparent;
    border-image: url("../images/public/frameWhite.png") 20 stretch;
    -webkit-border-image: url("../images/public/frameWhite.png") 20 stretch;
    -o-border-image: url("../images/public/frameWhite.png") 20 stretch;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.4); }
  .showcase-container > .single-showcase, .showcase-container > .single-showcase:nth-child(4) {
    border: 20px solid transparent;
    border-image: url("../images/public/frameBlue.png") 21 23 26 22 stretch;
    -webkit-border-image: url("../images/public/frameBlue.png") 21 23 26 22 stretch;
    -o-border-image: url("../images/public/frameBlue.png") 21 23 26 22 stretch;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.4); }
  @media only screen and (min-width: 650px) {
    .showcase-container > .single-showcase:nth-child(-n+3) .section-content {
      width: 245px; }
    .showcase-container > .single-showcase:nth-child(4) {
      flex: 1 1 900px;
      -webkit-flex: 1 1 900px; }
    .showcase-container > .single-showcase:nth-child(5) {
      flex: 1 1 600px;
      -webkit-flex: 1 1 600px; } }

.like_count {
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 25px;
  background-image: url("../images/icons/thumbsUp.png");
  background-position: 18px 2px;
  background-size: 18px;
  background-repeat: no-repeat; }
  .like_count:hover {
    background-image: url("../images/icons/thumbsUp_hover.png"); }

.showcase-container, .contain-group {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }

.story-title {
  text-align: center;
  color: #2cc3ce;
  text-decoration: underline; }

.single-showcase {
  flex: 1 1 300px;
  -webkit-flex: 1 1 300px;
  margin: 2.5em 1em 0;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  .single-showcase > .expand {
    cursor: pointer; }
    .single-showcase > .expand > .story {
      border: 0.2px solid #b5b5b5; }
  .single-showcase .section-content {
    overflow: hidden;
    max-height: 7.48em;
    max-width: 600px;
    margin: 0 auto; }
  .single-showcase h4, .single-showcase > a > .column-container {
    margin: 10px;
    text-align: center; }

.story {
  font-family: "Calluna", serif;
  background-color: #f5f4f0;
  text-align: center; }
  .story h2 {
    font-size: 1.5em;
    font-weight: 300; }
  .story .section-content {
    text-align: left;
    padding: 0 25px;
    font-size: 14px; }
  .single-showcase .story > .section-content > p:first-of-type:first-letter {
    float: left;
    font-family: "Calluna", serif;
    font-size: 75px;
    line-height: 55px;
    padding: 4px 14px 0 3px; }
  .story > h3 {
    padding: 15px;
    font-weight: 300; }
  .story .dedication {
    padding: 10px 0;
    font-size: 12px; }
  .story .story-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 150px;
    padding: 1em;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
    display: flex;
    flex-flow: column nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center; }
    .story .story-hero h2, .story .story-hero h5 {
      margin-bottom: 5px; }
  .story .award {
    margin: 20px 0; }
  .story .see-more {
    color: #2cc3ce;
    padding: 10px 0 15px;
    text-decoration: underline;
    text-transform: capitalize; }

.bottom-details {
  flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #616a70; }
  .bottom-details .category-title {
    text-transform: uppercase;
    margin-right: 5px; }
  .bottom-details > div:first-child {
    flex: 3 3 0px;
    -webkit-flex: 3 3 0px; }
  .bottom-details > div:nth-child(2) {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    color: #2cc3ce; }
    .bottom-details > div:nth-child(2) .likes_wrapper {
      width: 4em;
      height: 1.25em;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      float: right; }
      .bottom-details > div:nth-child(2) .likes_wrapper .likes_count {
        text-align: right;
        width: 2.5em;
        color: #2cc3ce;
        padding: 0.25em;
        padding-right: 0.5em; }
      .bottom-details > div:nth-child(2) .likes_wrapper .likes_icon {
        cursor: pointer;
        height: 100%;
        width: 1.5em;
        background-position: 50% 40%;
        background-image: url("../images/icons/thumbsUp.png");
        background-size: contain;
        background-repeat: no-repeat; }
        .bottom-details > div:nth-child(2) .likes_wrapper .likes_icon:hover {
          background-image: url("../images/icons/thumbsUp_hover.png"); }

.commentary {
  flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
  margin-top: 20px;
  margin-bottom: 25px; }
  .commentary > .avatar {
    margin-right: 10px;
    border: 1px solid white;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    height: 48px;
    width: 50px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }

.pagination {
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  margin-top: 50px;
  padding: 30px 0;
  max-width: 300px;
  align-items: center; }
  .pagination .page-count {
    justify-content: center; }
    .pagination .page-count .current-page {
      margin-right: 5px; }
    .pagination .page-count .pages {
      margin-left: 5px; }
  .pagination > button {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px; }
  .pagination > div {
    flex: 3 3 0px;
    -webkit-flex: 3 3 0px; }

/* Single Gallery Pages */
.to-gallery {
  margin: 0 auto;
  text-align: center; }
  .to-gallery a {
    font-size: 1.2em;
    font-weight: bold;
    color: #616a70;
    width: 230px;
    height: 45px;
    border: 3px solid #616a70;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    padding: 6.5px 20px;
    display: inline-block; }

.full-showcase {
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
  border: 20px solid transparent;
  border-image: url("../images/public/frameGray.png") 20 stretch;
  -webkit-border-image: url("../images/public/frameGray.png") 24 stretch;
  -o-border-image: url("../images/public/frameGray.png") 20 stretch;
  box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); }
  .full-showcase [class^='inset-shadow'] {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 100%;
    top: 0; }
  .full-showcase .inset-shadow_left {
    left: -6px;
    box-shadow: 5px 0 10px #616a70; }
  .full-showcase .inset-shadow_right {
    right: -10px;
    box-shadow: -5px 0 10px #616a70; }
  .full-showcase .story-hero:not(.specialty) {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 150px;
    padding: 1em;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
    display: flex;
    flex-flow: column nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center; }
  .full-showcase h2 {
    text-align: center;
    padding: 20px 0 30px;
    color: #616a70;
    font-family: "Calluna", serif; }
  .full-showcase .section_content {
    width: 70%;
    margin: 20px auto; }
  .full-showcase .dedication {
    padding: 10px 0; }

.single-showcase-footer {
  background-color: #e8e7e3 !important; }
  .single-showcase-footer .section_nav {
    margin-bottom: 0 !important; }

.single-showcase-btn {
  background-color: #f5f4f0 !important; }

.missing_gallery {
  margin-top: 2em;
  color: #616a70;
  text-align: center;
  margin-bottom: 10px; }

/* Audio Controls: 
.control-audio | .sound-icon .three-column .one-column/.toggle-control/#audio-toggle + label

.audio-player | .play-audio .audio-progress/.progress-bar  .pause-audio  .sound-clip*/
.control-audio {
  background-color: white;
  margin-top: 5px;
  padding: 1em;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center; }
  .control-audio > div {
    text-align: center; }

.sound-icon.sound-on {
  height: 30px;
  width: 37px;
  background-color: white;
  background-image: url("../images/icons/audioOn_Icon.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid white; }

.sound-icon.sound-off {
  height: 30px;
  width: 37px;
  background-color: white;
  background-image: url("../images/icons/audioOff_Icon.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid white;
  background-position: 46px center; }

.toggle-control {
  border: white 1px solid;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 40px;
  height: 25px;
  margin: 0 auto;
  padding: 0 2px;
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  transition: all 200ms ease; }
  .toggle-control > input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .toggle-control > input[type=checkbox] + label {
      flex: 0 1 20px;
      -webkit-flex: 0 1 20px;
      align-self: center;
      background-color: white;
      height: 20px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%; }

.toggle-on {
  justify-content: flex-end;
  background-color: #2cc3ce; }

.toggle-off {
  background-color: #616a70;
  justify-content: flex-start; }

/* Audio Controls */
.pause-audio {
  height: 20px;
  width: 7px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/pause_BTN.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 0 15px;
  cursor: pointer; }

.play-audio {
  height: 20px;
  width: 16px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/play_BTN.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 0 15px;
  cursor: pointer; }

.audio-player {
  margin: 30px 30px 0; }
  .audio-player > .column-container {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center; }

.audio-progress {
  height: 4px;
  background-color: #616a70;
  border: 1px solid #616a70;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden; }
  .audio-progress .progress-bar {
    transition: width 40ms ease-in;
    background-color: #2cc3ce;
    height: 2px;
    width: 0px; }

.bookclub .bookclub_headnote {
  width: 90%;
  margin: 0 auto 30px;
  padding: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #F9F8F6; }
  .bookclub .bookclub_headnote .text {
    margin: 40px 35px 40px 11.5px;
    width: 70%;
    font-family: "Calluna", serif;
    font-size: 1.25em;
    line-height: 1.75em;
    margin-right: 11.5px; }
  .bookclub .bookclub_headnote .avatar {
    width: 158px;
    height: 158px; }
    .bookclub .bookclub_headnote .avatar image {
      width: 100%; }
  @media only screen and (max-width: 450px) {
    .bookclub .bookclub_headnote {
      flex-direction: column-reverse;
      padding: 10px; }
      .bookclub .bookclub_headnote .text {
        margin: 20px; } }

.bookclub .current_panel .list ul {
  max-height: none;
  height: auto;
  overflow-y: visible; }
  .bookclub .current_panel .list ul li {
    display: flex;
    flex-direction: column; }
    .bookclub .current_panel .list ul li .person {
      display: flex;
      flex-direction: row; }

.bookclub .invite_panel, .bookclub .current_panel {
  display: none; }
  .bookclub .invite_panel.active_panel, .bookclub .current_panel.active_panel {
    display: flex;
    border-bottom: none !important; }
  .bookclub .invite_panel .remove_button .update_readers, .bookclub .current_panel .remove_button .update_readers {
    background-color: #2cc3ce; }

.bookclub .writer:hover {
  background-color: #e8e7e3; }

.bookclub .delete_button {
  margin-right: 6px; }

.bookclub .input_wrapper .friends {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end; }
  .bookclub .input_wrapper .friends.hide {
    display: none; }
  .bookclub .input_wrapper .friends .switch_input {
    margin-bottom: 10px;
    color: #2cc3ce;
    text-decoration: underline;
    cursor: pointer; }

.bookclub .input_wrapper .friends_list {
  width: 100%;
  padding: 15px;
  border: 1px white solid;
  margin-bottom: 5px;
  border-radius: 5px; }

.permission_container .error_message {
  margin: 1em 0 1em 3em;
  color: red; }

.permissions_wrapper {
  display: none; }

.permissions_controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin: 10px 0 20px; }

.current_panel .permissions_settings h1 {
  text-align: center;
  margin-top: 0; }

.permissions_settings {
  display: none;
  color: #1C1C1C; }
  .permissions_settings h1 {
    margin: 40px 0;
    font-size: 1.5em;
    line-height: 3.5em;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7; }

.book_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 450px) {
    .book_wrapper {
      flex-direction: column;
      align-items: center; }
      .book_wrapper .sml-book-container, .book_wrapper .lrg-book-container {
        margin: 0;
        margin-bottom: 40px;
        align-self: center; }
      .book_wrapper .chapter_list {
        width: 100%; }
        .book_wrapper .chapter_list ol {
          margin: 0 -3em; } }
  .book_wrapper .sml-book-container {
    width: 30%; }
  .book_wrapper .chapter_list {
    margin-top: -20px;
    padding-top: 0;
    width: 60%; }
    .book_wrapper .chapter_list .inline-column-container {
      display: flex;
      flex-direction: row;
      align-items: space-between;
      font-family: "Calluna", serif; }
      .book_wrapper .chapter_list .inline-column-container h3 {
        width: 85%;
        font-size: 1.125em;
        font-weight: normal;
        margin-bottom: 0; }
      .book_wrapper .chapter_list .inline-column-container .section_li {
        font-size: 0.825em; }
  .book_wrapper ol.chapters {
    list-style: none;
    counter-reset: item;
    font-weight: normal; }
    .book_wrapper ol.chapters li.chapter_li {
      counter-increment: item;
      margin-top: 20px;
      text-indent: -1.5em;
      margin-left: 2.5em; }
    .book_wrapper ol.chapters li.chapter_li .contain-title:before {
      display: inline-block;
      content: counter(item, decimal) ".";
      position: relative;
      width: 1.5em; }
  .book_wrapper ol.sections {
    list-style: none;
    counter-reset: item;
    margin-left: 3.4em; }
    .book_wrapper ol.sections li.section_li {
      counter-increment: item;
      margin-top: 10px; }
    .book_wrapper ol.sections li.section_li .contain-title:before {
      position: relative;
      content: counter(item, lower-latin) ".  ";
      display: inline-block;
      width: .25em; }

.switch_wrapper.bookclub, .switch_wrapper.manage_bookclub {
  margin-right: 6%; }

.switch_wrapper.bookclub, .switch_wrapper.manage_bookclub, .switch_wrapper.bc_chap, .switch_wrapper.manage_bc_chap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px; }
  .switch_wrapper.bookclub .toggle_switch, .switch_wrapper.manage_bookclub .toggle_switch, .switch_wrapper.bc_chap .toggle_switch, .switch_wrapper.manage_bc_chap .toggle_switch {
    min-width: 36px;
    width: 36px;
    height: 18px; }
  .switch_wrapper.bookclub .slider:before, .switch_wrapper.manage_bookclub .slider:before, .switch_wrapper.bc_chap .slider:before, .switch_wrapper.manage_bc_chap .slider:before {
    height: 17px;
    width: 17px;
    left: 2px;
    bottom: .75px; }
  .switch_wrapper.bookclub .cb.on + .slider:before, .switch_wrapper.manage_bookclub .cb.on + .slider:before, .switch_wrapper.bc_chap .cb.on + .slider:before, .switch_wrapper.manage_bc_chap .cb.on + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(16px); }

.switch_wrapper_b.bookclub, .switch_wrapper_b.manage_bookclub {
  margin-right: 6%; }

.switch_wrapper_b.bookclub, .switch_wrapper_b.manage_bookclub, .switch_wrapper_b.bc_chap, .switch_wrapper_b.manage_bc_chap, .switch_wrapper_b.card_toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px; }
  .switch_wrapper_b.bookclub .toggle_switch_b, .switch_wrapper_b.manage_bookclub .toggle_switch_b, .switch_wrapper_b.bc_chap .toggle_switch_b, .switch_wrapper_b.manage_bc_chap .toggle_switch_b, .switch_wrapper_b.card_toggle .toggle_switch_b {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    width: 36px;
    min-width: 36px;
    background-color: #aaa;
    border-radius: 50px;
    margin: 0 10px; }
    .switch_wrapper_b.bookclub .toggle_switch_b.two_options, .switch_wrapper_b.manage_bookclub .toggle_switch_b.two_options, .switch_wrapper_b.bc_chap .toggle_switch_b.two_options, .switch_wrapper_b.manage_bc_chap .toggle_switch_b.two_options, .switch_wrapper_b.card_toggle .toggle_switch_b.two_options {
      background-color: #2cc3ce; }
    .switch_wrapper_b.bookclub .toggle_switch_b .cb_b, .switch_wrapper_b.manage_bookclub .toggle_switch_b .cb_b, .switch_wrapper_b.bc_chap .toggle_switch_b .cb_b, .switch_wrapper_b.manage_bc_chap .toggle_switch_b .cb_b, .switch_wrapper_b.card_toggle .toggle_switch_b .cb_b {
      height: 18px;
      width: 18px;
      background-color: white;
      border-radius: 50px;
      margin: 1px; }
    .switch_wrapper_b.bookclub .toggle_switch_b.on, .switch_wrapper_b.manage_bookclub .toggle_switch_b.on, .switch_wrapper_b.bc_chap .toggle_switch_b.on, .switch_wrapper_b.manage_bc_chap .toggle_switch_b.on, .switch_wrapper_b.card_toggle .toggle_switch_b.on {
      background-color: #2cc3ce;
      justify-content: flex-end; }

/* new bookshelf */
.bookshelf-css {
  position: relative;
  margin-bottom: 100px; }
  .bookshelf-css .shelf-top {
    position: absolute;
    z-index: -200;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    background: linear-gradient(to bottom, #f5f4f0 0%, #f5f4f0 40%, #d2d2d2 40%, white 100%); }
  .bookshelf-css .shelf {
    position: relative;
    left: 0;
    right: 0;
    bottom: -15px;
    box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.5);
    height: 30px;
    flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    margin-bottom: -15px;
    background: linear-gradient(to bottom, white 0%, white 8%, rgba(196, 194, 195, 0.7) 8%, rgba(196, 194, 195, 0.7) 90%, #999 90%, rgba(0, 0, 0, 0.1) 100%); }

.bookshelf-container .book-container {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }
  .bookshelf-container .book-container .single-book {
    flex: 1 0 230px;
    -webkit-flex: 1 0 230px; }

.search_bar form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px; }
  .search_bar form .search_term, .search_bar form .submit_search, .search_bar form .clear_search {
    height: 35px; }
  .search_bar form .search_term {
    min-width: 200px;
    max-width: 600px;
    padding: 5px 10px; }
    @media only screen and (max-width: 325px) {
      .search_bar form .search_term {
        font-size: 1em;
        padding: 6px 5px;
        min-width: 180px; } }
  .search_bar form .submit_search {
    width: 95px;
    border-radius: 0;
    margin-left: 5px; }
    @media only screen and (max-width: 350px) {
      .search_bar form .submit_search {
        width: 70px;
        padding: 3px; } }
  .search_bar form .clear_search {
    width: 95px;
    border-radius: 0;
    margin-left: 5px; }
    @media only screen and (max-width: 350px) {
      .search_bar form .clear_search {
        width: 70px;
        padding: 3px; } }

.results_msg {
  text-align: center;
  font-family: "Proba", sans-serif;
  font-size: 16px;
  font-weight: 550;
  margin-top: 35px; }
  .results_msg .term {
    color: red; }

.bookshelf h5 {
  text-align: center; }

.bookshelf-hero img {
  display: block; }

.bookshelf-nav .bookshelf-chat.discussion-wrapper {
  top: 622px;
  left: 3px; }
  .bookshelf-nav .bookshelf-chat.discussion-wrapper .toggle-bar {
    height: 75px; }

body.card_modal_on {
  overflow: hidden; }

.card_modal.hide {
  display: none; }

.card_modal.show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8); }
  .card_modal.show .close_x {
    position: relative;
    top: -20px;
    color: white;
    font-size: 2.5em;
    margin-left: 10px;
    cursor: pointer; }
  .card_modal.show select:invalid {
    color: gray; }
  .card_modal.show select:disabled {
    background-color: #ebebe4; }
  .card_modal.show .error_msg {
    color: red; }
  .card_modal.show .card_input {
    border-color: #D7D7D7 !important;
    border-radius: 3px;
    height: 29px;
    width: 350px;
    padding-left: 10px;
    margin-bottom: 10px; }
    .card_modal.show .card_input.first {
      margin-top: 5px; }

.card_modal .wrapper, .card_modal .blue-error .column-container, .blue-error .card_modal .column-container {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .card_modal .wrapper .card_image img, .card_modal .blue-error .column-container .card_image img, .blue-error .card_modal .column-container .card_image img {
    height: 100%; }
  .card_modal .wrapper .card_select, .card_modal .blue-error .column-container .card_select, .blue-error .card_modal .column-container .card_select {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .card_modal .wrapper .card_cb, .card_modal .blue-error .column-container .card_cb, .blue-error .card_modal .column-container .card_cb {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .card_modal .wrapper .card_cb .opt_label, .card_modal .blue-error .column-container .card_cb .opt_label, .blue-error .card_modal .column-container .card_cb .opt_label {
      margin-left: 0;
      vertical-align: top;
      width: auto; }
    .card_modal .wrapper .card_cb .check_select_label, .card_modal .blue-error .column-container .card_cb .check_select_label, .blue-error .card_modal .column-container .card_cb .check_select_label {
      margin-left: 0;
      margin-top: 2px;
      margin-right: 10px; }
  .card_modal .wrapper .card_options, .card_modal .blue-error .column-container .card_options, .blue-error .card_modal .column-container .card_options {
    background-color: white;
    padding: 50px; }
    .card_modal .wrapper .card_options .card_hd, .card_modal .blue-error .column-container .card_options .card_hd, .blue-error .card_modal .column-container .card_options .card_hd {
      font-family: "Calluna", serif;
      font-size: 1.25em;
      color: #616a70;
      font-weight: 500; }
    .card_modal .wrapper .card_options .opt_label, .card_modal .blue-error .column-container .card_options .opt_label, .blue-error .card_modal .column-container .card_options .opt_label {
      font-size: 1.25em;
      margin-right: 5px; }
    .card_modal .wrapper .card_options .nota_bene, .card_modal .blue-error .column-container .card_options .nota_bene, .blue-error .card_modal .column-container .card_options .nota_bene {
      font-size: 0.75em;
      color: #7dc24c;
      margin-bottom: 10px; }
    .card_modal .wrapper .card_options .design_choices, .card_modal .blue-error .column-container .card_options .design_choices, .blue-error .card_modal .column-container .card_options .design_choices {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center;
      margin-top: 5px; }
  .card_modal .wrapper .card_email, .card_modal .blue-error .column-container .card_email, .blue-error .card_modal .column-container .card_email {
    margin-top: 15px; }
  .card_modal .wrapper .card_postal, .card_modal .blue-error .column-container .card_postal, .blue-error .card_modal .column-container .card_postal {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-content: flex-start; }
  .card_modal .wrapper .card_button, .card_modal .blue-error .column-container .card_button, .blue-error .card_modal .column-container .card_button, .card_modal .wrapper .cancel_button, .card_modal .blue-error .column-container .cancel_button, .blue-error .card_modal .column-container .cancel_button {
    margin-top: 15px;
    width: 100%;
    border: solid 4px #616a70;
    border-radius: 25px;
    font-size: 20px;
    color: #616a70;
    font-weight: 500; }

/* Chapter Monty */
.chapter_monty {
  background-image: url("../images/monty/monty-welcome-01.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: white;
  height: 240px; }
  .chapter_monty h3, .chapter_monty .select-monty h4 {
    font-style: italic; }
  .chapter_monty h3 {
    margin-top: 20px; }

.chapter_monty_msg {
  background-color: white; }
  .chapter_monty_msg:before, .chapter_monty_msg:after {
    content: '';
    display: table; }
  .chapter_monty_msg:after {
    clear: both; }
  .chapter_monty_msg h3 {
    font-style: italic;
    line-height: 1.5;
    padding-top: 40px;
    padding-left: 25px; }

.monty-questions {
  margin-top: 40px;
  text-align: center;
  width: 100%;
  display: none; }
  .monty-questions h3:first-child {
    color: #2cc3ce;
    margin-bottom: 10px; }
    .monty-questions h3:first-child .prev, .monty-questions h3:first-child .next {
      padding: 0 20px;
      cursor: pointer; }
  .monty-questions .question-title {
    font-weight: 300; }
  .monty-questions:first-child {
    display: inline-block; }

#monty-answer {
  margin-top: 20px;
  margin-bottom: 10px; }

/* Buttons */
.cancel_monty {
  margin-right: -3px; }
  .cancel_monty:hover {
    background-color: #e30f20;
    color: white; }

.answer {
  width: 100%; }
  .answer:hover {
    background-color: #2cc3ce;
    color: white; }

.tip_save_wrapper.hid, .tip_post_wrapper.hid {
  display: none; }

.tip_save_wrapper.show, .tip_post_wrapper.show {
  display: block;
  align-items: center;
  position: absolute; }

.tip_save, .tip_post {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 13.5em;
  z-index: 2002; }
  .tip_save .montytip_avatar, .tip_post .montytip_avatar {
    position: relative;
    top: 1em;
    width: 50%;
    height: 50%; }
  .tip_save .tip_text, .tip_post .tip_text {
    background-color: white;
    height: 5em;
    border: 0.5px solid #616a70; }
    .tip_save .tip_text .savetip_text, .tip_save .tip_text .posttip_text, .tip_post .tip_text .savetip_text, .tip_post .tip_text .posttip_text {
      padding: 20px;
      font-size: .85em; }
    .tip_save .tip_text .tip_save_close, .tip_save .tip_text .tip_post_close, .tip_post .tip_text .tip_save_close, .tip_post .tip_text .tip_post_close {
      position: relative;
      left: 12em;
      width: 5px;
      height: 5px; }
      .tip_save .tip_text .tip_save_close:hover, .tip_save .tip_text .tip_post_close:hover, .tip_post .tip_text .tip_save_close:hover, .tip_post .tip_text .tip_post_close:hover {
        cursor: pointer; }
  .tip_save .tip_save_direction, .tip_save .tip_post_direction, .tip_post .tip_save_direction, .tip_post .tip_post_direction {
    position: relative;
    z-index: 2001;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    top: -10px;
    background-color: white;
    transform: rotate(45deg);
    border-right: 0.5px solid #616a70;
    border-bottom: 0.5px solid #616a70; }

.tip_save .tip_text {
  height: 5em; }

.tip_post .tip_text {
  height: 6em; }

.tip_container.show {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute; }

.tip_monty_qa {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 425px;
  height: 115px;
  background-color: white;
  z-index: 2002; }
  .tip_monty_qa .montyt_avatar {
    width: 75px;
    height: 75px; }
  .tip_monty_qa .qatip_text {
    padding: 20px;
    width: 300px;
    height: 115px; }
    .tip_monty_qa .qatip_text .qatip_topic {
      font-weight: bold; }

.tip_direction {
  position: relative;
  z-index: 2001;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: white;
  transform: rotate(45deg); }

.monty_modal {
  display: none;
  position: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */ }
  .monty_modal .dialog_direction {
    position: relative;
    z-index: 2001 !important;
    width: 30px;
    height: 30px;
    margin-bottom: -15px;
    margin-right: 600px;
    background-color: white;
    transform: rotate(45deg); }
  .monty_modal .montym-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    width: 688px;
    min-height: 440px; }
    .monty_modal .montym-container .montym_answer {
      margin: 0 26px; }
    .monty_modal .montym-container .montym_footer {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin: 18px 26px; }
      .monty_modal .montym-container .montym_footer .end_qa {
        z-index: 2002 !important;
        margin-right: 8px; }
      .monty_modal .montym-container .montym_footer .add_answer {
        z-index: 2002 !important; }

.montym_question {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #deddda;
  margin: 0 26px; }
  .montym_question .montym_avatar {
    margin: 12px 26px 18px 0;
    width: 105px;
    height: 105px; }
  .montym_question .mm-question-title {
    align-self: center;
    font-family: "Calluna", serif;
    font-size: 25pt;
    font-color: #000;
    font-weight: bold; }

.mm-question-nav {
  z-index: 2002 !important;
  padding: 15px 0;
  font-family: "Proba", sans-serif;
  font-weight: bold;
  font-size: bold;
  text-align: center;
  height: 45px; }
  .mm-question-nav:hover {
    cursor: pointer; }

textarea#answer_text {
  padding: 15px;
  margin: 0;
  font-size: 12pt;
  color: #616a70;
  font-family: "Proba", sans-serif;
  height: 160px;
  width: 636px; }

@media only screen and (max-width: 700px) {
  .tip_container {
    display: none; }
  .monty_modal .dialog_direction {
    z-index: 2001 !important;
    width: 30px;
    height: 30px;
    margin-bottom: -15px;
    margin-right: 20%; }
  .monty_modal .montym-container {
    width: 90%; }
  .monty_modal textarea#answer_text {
    width: 100%; }
  .monty_modal .montym_question .montym_avatar {
    width: 75px;
    height: 75px; }
  .monty_modal .montym_question .mm-question-title {
    font-size: 16pt; } }

.audio-player {
  margin: 0 26px;
  height: 50px; }

.chapter-icon > div {
  padding: 1em; }

/* Lists of Contents used for: myjambio/index.cfm, myjambio/read.cfm, mycollection/contents */
.toc {
  min-height: 500px; }
  .toc:before, .toc:after {
    content: '';
    display: table; }
  .toc:after {
    clear: both; }

/* Styles for Sorting: Placeholder */
.placeholder {
  background-color: #edece8; }

.placeholder:before {
  color: #b5b5b5; }

.button-container.add_new {
  border-top: 1px solid #D7D7D7;
  padding-top: 15px;
  text-align: center;
  margin-bottom: 20px; }
  @media only screen and (min-width: 420px) {
    .button-container.add_new {
      display: none; } }
  .button-container.add_new .add_new_button {
    font-family: "Proba", sans-serif;
    font-size: 1.2em;
    color: #616a70;
    line-height: 1.5;
    border: 2px solid #616a70;
    width: 100%; }

.toc {
  padding: 35px 0 85px; }
  .toc .add_new {
    padding: 10px; }
  @media only screen and (max-width: 420px) {
    .toc li.add_new {
      display: none; } }
  .toc .add_new, .toc .add_new a {
    color: #b5b5b5; }
  .toc .add_new:hover {
    color: #262626; }
    .toc .add_new:hover a {
      color: #262626; }
  .toc .read_only .chapter_panel {
    cursor: pointer; }
  .toc .chapter_panel .inline-column-container {
    width: 100%; }
  .toc .chapter_panel .toggle_state {
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .toc .chapter_panel .toggle_state.open {
      background-image: url("../images/icons/up-chevron_dark.png");
      background-repeat: no-repeat;
      background-size: 10px;
      background-position: center; }
    .toc .chapter_panel .toggle_state.close {
      background-image: url("../images/icons/down-chevron_dark.png");
      background-repeat: no-repeat;
      background-size: 10px;
      background-position: center; }
  .toc .show-author {
    font-size: 0.8em;
    padding-right: 10px;
    color: #b5b5b5;
    white-space: nowrap; }
  .toc .chapter_panel {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0; }
  .toc .chapter_list {
    font-family: "Calluna", serif; }
    .toc .chapter_list ol .sections {
      list-style-position: inside;
      list-style-type: lower-alpha;
      margin-left: 15px; }
    .toc .chapter_list ol .chapter_li {
      list-style-position: inside; }
      .toc .chapter_list ol .chapter_li > .chapter_panel {
        display: inline-block;
        width: 96%; }
        @media only screen and (max-width: 420px) {
          .toc .chapter_list ol .chapter_li > .chapter_panel {
            width: 93%; } }
    .toc .chapter_list ol li {
      padding: 4px 4px 4px 10px;
      margin: 0 0 10px 0;
      border: 2px solid transparent; }
      .toc .chapter_list ol li:hover {
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: 97% 50%; }
      .toc .chapter_list ol li > a {
        padding: 10px 0 10px 10px;
        font-weight: bold; }
    .toc .chapter_list ol .inline-column-container {
      align-items: center;
      min-height: 34px; }
      .toc .chapter_list ol .inline-column-container > a {
        flex: 1 1 55%;
        -webkit-flex: 1 1 55%; }
      .toc .chapter_list ol .inline-column-container > a {
        display: flex;
        flex-flow: row nowrap;
        display: -webkit-flex;
        -webkit-flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center; }
      .toc .chapter_list ol .inline-column-container .detail-link-container {
        margin-right: 10px; }
        .toc .chapter_list ol .inline-column-container .detail-link-container > a {
          color: #2cc3ce;
          font-size: 0.8em;
          text-decoration: underline; }
      .toc .chapter_list ol .inline-column-container .contain-title {
        flex: 0 1 91%;
        -webkit-flex: 0 1 91%; }
        .toc .chapter_list ol .inline-column-container .contain-title.draft_title {
          color: #616a70;
          font-style: italic;
          font-family: "Proba", sans-serif; }
    .toc .chapter_list ol .section_li {
      position: relative;
      background-color: white;
      border-radius: 5px; }
      .toc .chapter_list ol .section_li:hover {
        cursor: move; }
        .toc .chapter_list ol .section_li:hover .delete {
          display: block; }
      .toc .chapter_list ol .section_li .draft_icon {
        position: absolute;
        left: -35px;
        top: 15px;
        width: 22px;
        height: 22px;
        margin: 0 5px;
        background-image: url("../images/icons/unposted_icon.png");
        background-repeat: no-repeat;
        background-size: contain; }
      .toc .chapter_list ol .section_li .inline-column-container {
        width: 93%; }
        @media only screen and (max-width: 599px) {
          .toc .chapter_list ol .section_li .inline-column-container {
            width: 90%; } }
      .toc .chapter_list ol .section_li .delete {
        display: none;
        margin-right: -7px;
        height: 34px;
        flex: 0 0 34px;
        -webkit-flex: 0 0 34px;
        cursor: pointer;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #e8e7e3;
        background-image: url("../images/icons/cancel.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #e8e7e3;
        background-size: 12px; }
        .toc .chapter_list ol .section_li .delete:hover {
          background-color: #e30f20;
          background-image: url("../images/icons/white_cancel.png"); }

#toc-ui {
  padding: 0px; }
  @media only screen and (max-width: 570px) {
    #toc-ui .chapter_panel .inline-column-container {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-align: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #toc-ui .chapter_panel .inline-column-container a {
        order: 1;
        -webkit-order: 1;
        -ms-order: 1;
        flex: 0 0 58%;
        -webkit-flex: 0 0 58%;
        margin-bottom: 10px; }
      #toc-ui .chapter_panel .inline-column-container .toggle-icon {
        order: 2;
        -webkit-order: 2;
        -ms-order: 2;
        margin-bottom: 10px; }
      #toc-ui .chapter_panel .inline-column-container .detail-link-container {
        flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        order: 3;
        -webkit-order: 3;
        -ms-order: 3; }
      #toc-ui .chapter_panel .inline-column-container .show-author {
        flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        order: 4;
        -webkit-order: 4;
        -ms-order: 4; } }

.next_chapter {
  background-color: white;
  padding: 40px 30px;
  text-align: center; }
  .next_chapter h3 {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 1em; }
  .next_chapter h2 {
    text-transform: uppercase;
    width: 300px;
    margin: auto;
    margin-bottom: 20px; }

/* TABLE OF CONTENTS - MYJAMBIOS - TOGGLE ALL */
.toggle-all {
  text-align: right; }
  .toggle-all h5 {
    cursor: pointer; }
  .toggle-all button {
    border: 1px solid transparent;
    text-decoration: underline;
    color: #616a70;
    background-color: transparent; }

/* Updated hover for chapter sort */
#toc-ui .chapter_list .chapter_li:hover {
  position: relative;
  border: dashed 2px white;
  background-color: #edece8; }
  #toc-ui .chapter_list .chapter_li:hover:before {
    content: '';
    background-image: url("../images/icons/dragArrows.png");
    background-size: 25px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: -15px;
    right: 50%; }

/* New Contribution Panel */
.my_contribution, .contribution {
  margin-top: 5px;
  margin-bottom: 2em;
  background-color: white;
  transition: all ease 3s; }
  .my_contribution > .column-container > div:nth-child(2), .contribution > .column-container > div:nth-child(2) {
    padding-bottom: 20px;
    padding-top: 1em;
    padding-right: 2em; }
    .my_contribution > .column-container > div:nth-child(2) > .column-container, .contribution > .column-container > div:nth-child(2) > .column-container {
      padding-left: 1em; }
  .my_contribution > .column-container:not(:last-child) > div:nth-child(2), .contribution > .column-container:not(:last-child) > div:nth-child(2) {
    padding-bottom: 1em; }
  @media only screen and (max-width: 361px) {
    .my_contribution > .column-container, .contribution > .column-container {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .my_contribution > .column-container > .auto-column, .contribution > .column-container > .auto-column {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; }
      .my_contribution > .column-container > .two-column, .contribution > .column-container > .two-column {
        padding-left: 2em; } }
  .my_contribution .hide, .my_contribution .see_more, .contribution .hide, .contribution .see_more {
    text-align: center;
    cursor: pointer;
    color: #2cc3ce;
    text-decoration: underline; }
  .my_contribution > .ui-buttons, .my_contribution form > .ui-buttons, .contribution > .ui-buttons, .contribution form > .ui-buttons {
    padding: 0 1em 20px; }
  .my_contribution > .ui-buttons:not(:last-child), .contribution > .ui-buttons:not(:last-child) {
    padding: 0 1em 10px; }
  .my_contribution .book-area, .contribution .book-area {
    position: relative;
    padding: 1em; }
  .my_contribution .request-banner, .contribution .request-banner {
    z-index: 400;
    padding: 15px;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 0; }

.contribution-panel-content {
  margin-bottom: 20px;
  padding-left: 1em;
  padding-top: 1em; }
  @media only screen and (max-width: 361px) {
    .contribution-panel-content {
      padding-left: 0; } }
  .contribution-panel-content h5 {
    margin: 10px 0 0;
    font-size: 1.125em;
    color: #2cc3ce; }
  .contribution-panel-content > div {
    margin-top: 2px;
    max-height: 5.5em;
    overflow: hidden; }

.note {
  padding: 1em;
  text-align: right; }
  .note .request {
    margin-top: 10px;
    color: white;
    width: 168px; }

.time {
  font-size: 12px; }

.status {
  font-size: 14px; }

.time, .status {
  color: #aaa;
  font-style: italic; }

.comment-area {
  width: 100%; }
  .comment-area h6 {
    margin: 5px 0 3px; }
  .comment-area p {
    margin-top: 5px; }

.contribution-alert span {
  text-decoration: underline;
  font-weight: 700; }

/* Contribution Panel */
.filtered {
  min-height: 700px;
  padding: 20px 0;
  margin-bottom: 100px; }
  .filtered blockquote > p {
    display: inline; }

.contribution_thanks {
  margin-top: 130px; }
  .contribution_thanks .col-6:first-child {
    padding-top: 80px; }
    .contribution_thanks .col-6:first-child h2 {
      margin-bottom: 20px; }
    .contribution_thanks .col-6:first-child p {
      margin-bottom: 30px; }
    .contribution_thanks .col-6:first-child button {
      margin-left: 20px; }

.contribution_wrapper .grid {
  margin: 10px auto 0; }

.wide {
  max-width: 90em !important; }

/* Contribution editor */
@media only screen and (max-width: 500px) {
  .contribution_wrapper .chapter_details .container {
    max-width: 90%; } }

.contribution_content {
  position: relative;
  min-width: 250px; }
  .contribution_content .preview_overlay {
    position: absolute;
    background-image: url("../images/public/previewBannerX2.png");
    background-repeat: no-repeat;
    background-size: contain;
    color: none;
    width: 104px;
    height: 64px;
    bottom: 0;
    right: 0; }

/* Contribution Editor overlay */
.contribution-editor-overlay.modal-flex-class {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start; }

.contribution-editor-overlay.modal-flex {
  z-index: 1052; }

.contribution-editor-overlay .modal-flex-container {
  margin-top: 5%; }
  @media only screen and (min-width: 900px) {
    .contribution-editor-overlay .modal-flex-container {
      flex: 0 0 935px;
      -webkit-flex: 0 0 935px; } }

.contribution-editor-overlay .contribute {
  width: 100%;
  padding: 10px 25px; }

.contribution-editor-overlay .section_content .redactor-toolbar li:first-of-type {
  margin-left: 10px !important; }

.contribution-editor-overlay .section_content .redactor-styles, .contribution-editor-overlay .section_content .chapter .read_only, .chapter .contribution-editor-overlay .section_content .read_only {
  background-color: white; }

.expand-nav {
  width: 100%;
  padding: 15px 25px 0;
  justify-content: flex-end; }
  .expand-nav .toggle-icon input[type=checkbox] {
    display: inline-block;
    cursor: pointer;
    display: none; }
    .expand-nav .toggle-icon input[type=checkbox] + label {
      transition: all 200ms ease;
      width: 100px;
      background-position: center right; }
      .expand-nav .toggle-icon input[type=checkbox] + label:before {
        content: 'Collapse';
        display: inline-block;
        font-family: "Proba", sans-serif;
        font-size: 1.2em;
        text-decoration: underline;
        margin-right: 10px;
        color: #616a70; }
    .expand-nav .toggle-icon input[type=checkbox]:checked + label:before {
      content: 'Expand';
      margin-left: 10px;
      margin-right: 0px;
      color: #616a70; }

.contribution-button-container {
  padding-top: 25px;
  justify-content: center;
  -ms-justify-content: center;
  -webkite-justify-content: center; }
  .contribution-button-container a {
    display: block;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%; }
    .contribution-button-container a button {
      width: 100%; }
  .contribution-button-container button {
    transition: all 200ms ease;
    font-size: 18px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font-family: "Proba", sans-serif;
    margin-bottom: 10px;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%; }
    .contribution-button-container button:first-child {
      color: #616a70;
      margin-right: 10px; }
      .contribution-button-container button:first-child:hover:hover {
        background-color: #616a70;
        color: white;
        transition: all 300ms ease; }
    .contribution-button-container button:last-child {
      background-color: #2cc3ce;
      color: white;
      border: 1px solid #2cc3ce; }
      .contribution-button-container button:last-child:hover:hover {
        background-color: #279faa;
        color: white;
        transition: all 300ms ease; }
  @media only screen and (max-width: 600px) {
    .contribution-button-container {
      padding-top: 5px;
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap;
      justify-content: center;
      -ms-justify-content: center;
      -webkite-justify-content: center; }
      .contribution-button-container > a {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; }
      .contribution-button-container button {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        font-size: 1em; }
        .contribution-button-container button:first-child {
          margin-right: 0px; } }

@media only screen and (max-width: 499px) {
  .contribute .section_title h2 {
    font-size: 1.2em; } }

.contribute .redactor-layer {
  height: 200px;
  max-height: 200px;
  overflow: x-scroll; }
  @media only screen and (max-width: 499px) {
    .contribute .redactor-layer {
      height: 200px;
      max-height: 200px; } }

/* Contribution Editor page */
.contribution-msg {
  background-color: white;
  text-align: center;
  padding: 40px;
  color: #616a70; }
  .contribution-msg h1 {
    font-size: 2.5em; }
    @media only screen and (max-width: 499px) {
      .contribution-msg h1 {
        font-size: 1.5em; } }

.contribution_wrapper #chapter_content .section_title {
  margin-bottom: 30px; }
  .contribution_wrapper #chapter_content .section_title > h2 {
    font-size: 2.2em;
    text-align: center;
    text-transform: capitalize; }

.below-msg {
  position: relative;
  padding-bottom: 200px; }

.above-msg {
  position: relative; }

@media only screen and (min-width: 900px) {
  .completed-overlay .modal-flex-container {
    flex: 0 1 80%;
    -webkit-flex: 0 1 80%;
    max-width: 720px; } }

.completed-overlay .this-content {
  padding: 40px 20px 55px;
  color: #616a70;
  display: block; }
  @media only screen and (min-width: 769px) {
    .completed-overlay .this-content {
      padding: 60px 74px 55px; } }
  @media only screen and (max-width: 499px) {
    .completed-overlay .this-content {
      padding: 20px 20px 0; } }
  .completed-overlay .this-content h1 {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d7d7d7;
    font-family: "Calluna", serif; }
    @media only screen and (max-width: 450px) {
      .completed-overlay .this-content h1 {
        padding-bottom: 15px;
        font-size: 1.5em;
        margin-bottom: 0; } }
  .completed-overlay .this-content p {
    font-size: 1.8em; }
    @media only screen and (max-width: 499px) {
      .completed-overlay .this-content p {
        font-size: 1em;
        padding: 5px 20px; } }
  .completed-overlay .this-content ul {
    padding-left: 4.5em;
    padding-top: 25px;
    padding-bottom: 40px; }
    @media only screen and (max-width: 499px) {
      .completed-overlay .this-content ul {
        padding-left: 30px;
        padding-bottom: 0; } }
    .completed-overlay .this-content ul li {
      font-size: 1.3em;
      display: block;
      margin-bottom: 15px;
      padding-left: 20px; }
      @media only screen and (max-width: 450px) {
        .completed-overlay .this-content ul li {
          font-size: 1em; } }
      .completed-overlay .this-content ul li:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 20px;
        margin-left: -30px;
        border-radius: 50%;
        background-color: #616a70; }
        @media only screen and (max-width: 450px) {
          .completed-overlay .this-content ul li:before {
            width: 8px;
            height: 8px; } }
  .completed-overlay .this-content > .contribution-button-container {
    border-top: 1px solid #d7d7d7;
    padding-left: 28px;
    padding-right: 28px; }
    @media only screen and (min-width: 500px) {
      .completed-overlay .this-content > .contribution-button-container {
        padding: 40px 28px 0; } }
    .completed-overlay .this-content > .contribution-button-container button:first-child {
      border: 3px solid #616a70; }

/* Contributions within a section area */
.contribution_content .section_title {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }
  .contribution_content .section_title h2 {
    flex: 2 2 0px;
    -webkit-flex: 2 2 0px; }
  .contribution_content .section_title .ui-buttons {
    flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end; }
  .contribution_content .section_title p {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%; }

#contribution_content_wrapper {
  margin-top: 15px; }
  @media only screen and (min-width: 900px) {
    #contribution_content_wrapper {
      margin-top: 0;
      margin-left: 20px; } }

.contribution_content {
  font-family: "Proba", sans-serif;
  background-color: #f9f8f6;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 8px;
  margin-bottom: 1em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  .contribution_content .author_name {
    color: #b5b5b5;
    font-size: 0.9em; }
  .contribution_content .section_title {
    padding-bottom: 8px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0; }
  .contribution_content .section_content {
    padding-top: 0;
    padding-bottom: 0; }
    .contribution_content .section_content > div {
      overflow: hidden; }
      .contribution_content .section_content > div.hide-content {
        max-height: 8.5em; }
  .contribution_content .contribution_section_content figure {
    margin: 0;
    padding: 0; }
  .contribution_content .contribution_section_content img {
    margin: 5px 0;
    padding: 0;
    border: #fff solid 5px;
    width: 95%;
    box-shadow: 2px 2px rgba(97, 106, 112, 0.3); }
    .contribution_content .contribution_section_content img:hover {
      cursor: pointer; }
  .contribution_content .read-more-controls {
    cursor: pointer;
    margin-top: 10px; }

@media only screen and (max-width: 899px) {
  #draggable_grid {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap; }
    #draggable_grid > div {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%; } }

.contrib_head {
  height: 45px;
  font-size: 1.25em;
  color: white;
  padding: 10px 15px; }
  .contrib_head.myjb {
    background-color: #616a70; }
  .contrib_head.ourjb {
    background-color: #2cc3ce; }

body.lightbox_on {
  overflow: hidden; }

#contribution_image_modal {
  display: none;
  /* Hidden by default */
  flex-direction: column;
  justify-content: center;
  position: fixed;
  /* Stay in place */
  z-index: 1000;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */ }

.contr_img_close_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  vertical-align: middle; }

.i-row {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.contr_img_modal_content {
  background-color: #fff;
  padding: 2px; }

img.modal_img_open {
  display: block;
  width: 100%;
  height: 100%; }

/* The Close Button */
.close_btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 12px; }

.contr_img_count {
  color: white;
  align-self: flex-end;
  font-size: 25pt; }

.contr_img_close {
  display: block;
  height: 18px;
  width: 18px; }

.contr_img_close:hover {
  cursor: pointer; }

img.hide {
  display: none; }

.contr_img_count {
  padding-top: 8px;
  font-family: "Proba", sans-serif;
  font-size: 8pt; }

.i-prev, .i-next {
  padding: 20px;
  color: white;
  align-self: center; }
  .i-prev:hover, .i-next:hover {
    cursor: pointer; }

.contr_img_next, .contr_img_prev {
  display: block;
  height: 40px;
  width: 20px; }

.contr_img_prev {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

@media screen and (min-width: 900px) {
  .contr_img_modal_content {
    padding: 20px; } }

/* Contribution response */
.contribution .comments, .my_contribution .comments {
  border-bottom: 1px solid #aaa;
  margin-top: 10px; }

.section_content .comments {
  border-top: 1px solid #aaa; }
  @media only screen and (min-width: 708px) {
    .section_content .comments {
      border: solid 1px #b5b5b5, none; } }

.comment-area {
  background-color: white;
  padding: 1em; }
  .comment-area .time {
    font-size: 0.6em;
    color: #aaa;
    font-style: italic; }

.response-area {
  background-color: white;
  border-top: 1px solid #f5f4f0;
  padding: 0.5em; }
  .response-area > form, .response-area.contain-form {
    display: flex;
    flex-flow: row nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    align-contents: center; }
  .response-area textarea {
    line-height: 2.5ex;
    height: 40px;
    padding: 10px;
    width: 95%;
    overflow: hidden;
    border: 1px solid #aaa; }
  .response-area .post {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 40px;
    color: white;
    margin-left: 5px;
    background-color: #2cc3ce;
    border: 1px solid #2cc3ce;
    text-transform: uppercase;
    font-size: 0.7em; }

.toggle-bar {
  background-color: #edece8;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 5px;
  padding-right: 1em;
  padding-bottom: 0;
  padding-left: 1em; }
  .toggle-bar > div:first-child {
    padding-top: 5px;
    flex: 2 2 0px;
    -webkit-flex: 2 2 0px; }
  .toggle-bar > div:last-child {
    flex: 0 0 25px;
    -webkit-flex: 0 0 25px; }
  .toggle-bar h6 {
    font-size: 0.85em;
    display: inline-block;
    color: #aaa; }
  .toggle-bar .comment-icon {
    font-size: 0.85em;
    font-weight: 700;
    padding-left: 35px;
    color: #aaa;
    height: 18px;
    width: 18px;
    background-color: transparent;
    background-image: url("../images/icons/commentIcon.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid transparent;
    background-size: 20px;
    background-position: 6px center; }
  .toggle-bar .unread {
    color: #2cc3ce; }

.read-comment .name {
  color: #6b4e97;
  margin-right: 3px;
  font-weight: 700; }

.author-comment .name {
  color: #2cc3ce;
  margin-right: 3px;
  font-weight: 700; }

.author-comment, .read-comment {
  padding-bottom: 1em; }

/* Our Jambios Chat/Discussion Board */
@media only screen and (min-width: 1024px) {
  .discussion-wrapper {
    position: absolute;
    top: 0;
    left: -10px;
    width: 300px;
    z-index: 5000; } }

.discussion-wrapper .toggle-bar {
  background-color: white;
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7; }
  @media only screen and (min-width: 1024px) {
    .discussion-wrapper .toggle-bar .mobile-toggle-icon {
      display: none; } }

.discussion-wrapper .comment-area {
  max-height: 300px;
  overflow-x: scroll; }
  .discussion-wrapper .comment-area::-webkit-scrollbar {
    -webkit-appearance: none; }
  .discussion-wrapper .comment-area::-webkit-scrollbar:vertical, .discussion-wrapper .comment-area::-webkit-scrollbar:horizontal {
    width: 11px; }
  .discussion-wrapper .comment-area::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .discussion-wrapper .comment-area ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

@media only screen and (max-width: 1023px) {
  .discussion-wrapper {
    position: fixed;
    z-index: 5000;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: height 1s; }
    .discussion-wrapper .toggle-bar {
      text-align: center;
      padding-bottom: 10px; }
      .discussion-wrapper .toggle-bar .ui-buttons {
        display: none; }
      .discussion-wrapper .toggle-bar .mobile-toggle-icon {
        transition: height 1s;
        background-size: 12px;
        margin: 0 auto;
        padding: 0 100px; }
    .discussion-wrapper.open .mobile-toggle-icon {
      height: 15px;
      width: 15px;
      background-color: transparent;
      background-image: url("../images/icons/down-chevron_dark.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid transparent; }
    .discussion-wrapper.close .mobile-toggle-icon {
      height: 15px;
      width: 15px;
      background-color: transparent;
      background-image: url("../images/icons/up-chevron_dark.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid transparent; } }

.desgin h2 {
  text-align: left; }

.demo--col {
  border: 1px solid #000;
  text-align: center; }

.design .admin {
  padding: 0;
  margin: 0; }

.design .grid {
  margin: 0; }

.help-page {
  font-family: "Calluna", serif;
  font-size: 1em;
  color: #616a70;
  line-height: 1.5; }
  .help-page h1, .help-page h2 {
    font-weight: 300; }
    @media only screen and (max-width: 800px) {
      .help-page h1, .help-page h2 {
        line-height: 1.2;
        font-size: 2em;
        margin-bottom: 15px; } }

@media only screen and (max-width: 900px) {
  .help-hero .intro-box {
    padding-left: 20px; } }

.help-hero > .wrapper, .blue-error .help-hero > .column-container {
  max-width: 80em; }
  .help-hero > .wrapper.column-container, .blue-error .help-hero > .column-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

.main-help {
  background-color: #2cc3ce;
  display: flex;
  flex-flow: column nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-align: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px; }
  .main-help .help-hero .hero-wrapper {
    width: 100%;
    max-width: 1500px;
    height: auto;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .main-help .help-hero .intro-box {
    display: flex;
    flex-flow: column nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-align: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    @media only screen and (min-width: 500px) and (max-width: 1300px) {
      .main-help .help-hero .intro-box h1 {
        font-size: 2.5em; } }
    @media only screen and (max-width: 500px) {
      .main-help .help-hero .intro-box h1 {
        font-size: 1.8em; } }
    .main-help .help-hero .intro-box h2 {
      line-height: 1.5; }
      @media only screen and (min-width: 500px) and (max-width: 1300px) {
        .main-help .help-hero .intro-box h2 {
          font-size: 2em; } }
      @media only screen and (min-width: 1300px) {
        .main-help .help-hero .intro-box h2 {
          font-size: 2.5em; } }
      .main-help .help-hero .intro-box h2 a {
        color: white;
        text-decoration: underline; }
    .main-help .help-hero .intro-box .page-list {
      width: 100%;
      max-width: 900px;
      height: auto;
      margin: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 50px;
      padding-bottom: 30px;
      margin: 0; }
      @media only screen and (min-width: 900px) {
        .main-help .help-hero .intro-box .page-list {
          display: flex;
          flex-flow: row nowrap;
          display: -webkit-flex;
          -webkit-flex-flow: row nowrap;
          -ms-flex-align: space-between;
          -webkit-justify-content: space-between;
          justify-content: space-between; } }
      .main-help .help-hero .intro-box .page-list a {
        display: inline-block;
        color: white;
        padding-right: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-weight: 300;
        text-decoration: underline;
        font-size: 1.3em; }
  .main-help .help-hero .four-column img {
    width: 100%; }

.monty-container-wrapper {
  background-color: white;
  padding-top: 50px; }

.help-page .monty-container-1,
.help-page .monty-container-2,
.help-page .monty-container-3 {
  width: 100%;
  max-width: 1614px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 60px; }
  @media only screen and (max-width: 1400px) {
    .help-page .monty-container-1,
    .help-page .monty-container-2,
    .help-page .monty-container-3 {
      padding-left: 30px;
      padding-right: 30px; } }
  .help-page .monty-container-1:not(.monty-container-3),
  .help-page .monty-container-2:not(.monty-container-3),
  .help-page .monty-container-3:not(.monty-container-3) {
    border-bottom: 1px dashed #b7b7b7; }
  .help-page .monty-container-1 > h1,
  .help-page .monty-container-2 > h1,
  .help-page .monty-container-3 > h1 {
    font-size: 1.8em;
    padding-bottom: 30px;
    font-weight: 300;
    line-height: 1.5; }
  .help-page .monty-container-1 .help-msg p,
  .help-page .monty-container-2 .help-msg p,
  .help-page .monty-container-3 .help-msg p {
    margin-bottom: 25px;
    font-family: "Proba", sans-serif;
    font-size: 1.2em;
    color: #616a70;
    line-height: 1.5; }
  .help-page .monty-container-1 .help-msg .q-title,
  .help-page .monty-container-2 .help-msg .q-title,
  .help-page .monty-container-3 .help-msg .q-title {
    font-family: "Calluna", serif;
    font-size: 1.3em;
    color: #616a70;
    line-height: 1.5;
    padding-right: 5px; }
  .help-page .monty-container-1 > .column-container,
  .help-page .monty-container-2 > .column-container,
  .help-page .monty-container-3 > .column-container {
    -ms-flex-align: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    @media only screen and (max-width: 1200px) {
      .help-page .monty-container-1 > .column-container,
      .help-page .monty-container-2 > .column-container,
      .help-page .monty-container-3 > .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .help-page .monty-container-1 > .column-container > div,
        .help-page .monty-container-2 > .column-container > div,
        .help-page .monty-container-3 > .column-container > div {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }

.help-page .monty-container-1 .monty-screenshot {
  position: relative; }
  @media only screen and (max-width: 1449px) {
    .help-page .monty-container-1 .monty-screenshot {
      padding-right: 50px; } }
  .help-page .monty-container-1 .monty-screenshot .monty-asset {
    left: 600px;
    bottom: -65px;
    text-align: right;
    width: 198px; }
    .help-page .monty-container-1 .monty-screenshot .monty-asset img {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); }
  @media only screen and (max-width: 1450px) {
    .help-page .monty-container-1 .monty-screenshot .monty-asset {
      display: none; } }

.help-page .monty-container-2 .help-msg {
  padding-right: 50px; }

.help-page .monty-container-2 .monty-screenshot {
  position: relative; }
  .help-page .monty-container-2 .monty-screenshot .monty-asset {
    left: 670px;
    bottom: -68px;
    width: 179px; }
  @media only screen and (max-width: 1450px) {
    .help-page .monty-container-2 .monty-screenshot .monty-asset {
      display: none; } }

@media only screen and (max-width: 1200px) {
  .help-page .monty-container-2 .monty-screenshot {
    order: 1;
    -webkit-order: 1;
    -ms-order: 1; }
  .help-page .monty-container-2 .help-msg {
    order: 2;
    -webkit-order: 2;
    -ms-order: 2; } }

@media only screen and (min-width: 701px) {
  .help-page .monty-container-3 > .column-container {
    padding-top: 50px;
    padding-bottom: 10px; } }

.help-page .monty-container-3 .monty-screenshot {
  position: relative; }
  @media only screen and (min-width: 1201px) {
    .help-page .monty-container-3 .monty-screenshot {
      flex: 0 0 290px;
      -webkit-flex: 0 0 290px; } }
  .help-page .monty-container-3 .monty-screenshot .monty-asset {
    left: 0;
    bottom: -80px;
    width: 250px; }
  @media only screen and (max-width: 1200px) {
    .help-page .monty-container-3 .monty-screenshot {
      display: none; } }

@media only screen and (min-width: 700px) {
  .help-page .monty-container-3 .help-msg {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px; }
    .help-page .monty-container-3 .help-msg > .column {
      display: flex;
      flex-flow: column nowrap;
      display: -webkit-flex;
      -webkit-flex-flow: column nowrap;
      -ms-flex-align: space-around;
      -webkit-justify-content: space-around;
      justify-content: space-around; }
      .help-page .monty-container-3 .help-msg > .column p:first-child {
        margin-bottom: 60px; }
    .help-page .monty-container-3 .help-msg > div:first-child {
      margin-right: 25px; } }

.help-page .monty-container-1 .help-msg,
.help-page .monty-container-2 .help-msg {
  flex: 0 1 710px;
  -webkit-flex: 0 1 710px; }

.help-page .monty-container-1 .monty-screenshot,
.help-page .monty-container-2 .monty-screenshot {
  flex: 0 1 850px;
  -webkit-flex: 0 1 850px; }
  .help-page .monty-container-1 .monty-screenshot > img,
  .help-page .monty-container-2 .monty-screenshot > img {
    width: 77%; }
  @media only screen and (max-width: 1450px) {
    .help-page .monty-container-1 .monty-screenshot,
    .help-page .monty-container-2 .monty-screenshot {
      text-align: center; }
      .help-page .monty-container-1 .monty-screenshot > img,
      .help-page .monty-container-2 .monty-screenshot > img {
        width: 100%; } }

@media only screen and (max-width: 1200px) {
  .help-page .monty-container-1 .monty-screenshot,
  .help-page .monty-container-2 .monty-screenshot,
  .help-page .monty-container-3 .monty-screenshot {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 30px; } }

@media only screen and (max-width: 800px) {
  .help-page .monty-container-1 .help-msg,
  .help-page .monty-container-2 .help-msg,
  .help-page .monty-container-3 .help-msg {
    padding-right: 0; }
    .help-page .monty-container-1 .help-msg.column-container,
    .help-page .monty-container-2 .help-msg.column-container,
    .help-page .monty-container-3 .help-msg.column-container {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .help-page .monty-container-1 .help-msg.column-container > div,
      .help-page .monty-container-2 .help-msg.column-container > div,
      .help-page .monty-container-3 .help-msg.column-container > div {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }

.faq-wrapper {
  padding-left: 25px;
  padding-right: 25px; }
  .faq-wrapper.wrapper, .blue-error .faq-wrapper.column-container {
    max-width: 80em; }
  .faq-wrapper .faq-title {
    font-family: "Calluna", serif;
    font-size: 3em;
    color: #616a70;
    line-height: 1.5; }
  .faq-wrapper .faq-question, .faq-wrapper .faq-answer {
    margin: 0; }

.help-footer {
  background-color: #edece8;
  padding: 80px 30px;
  text-align: center; }
  .help-footer a {
    color: #2cc3ce;
    text-decoration: underline; }

.notify {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px; }

.new-item-counter, .new-item-counter-nav {
  border-radius: 50px;
  background-color: #2cc3ce;
  color: white;
  width: 22px;
  height: 20px;
  font-size: 0.7em;
  text-align: center;
  padding-top: 3px; }

.new-item-counter-nav {
  position: absolute;
  right: -25px;
  top: -20px;
  z-index: 1000; }

.visible-toggle {
  visibility: hidden; }

.mobile-visible-toggle {
  visibility: hidden; }
  @media only screen and (max-width: 863px) {
    .mobile-visible-toggle {
      visibility: visible; } }

/* Explore Page */
.welcome-monty {
  background-color: #F8F7F5;
  border: 1px solid #d5d6d3;
  padding: 0.5em 1em;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  @media only screen and (max-width: 640px) {
    .welcome-monty {
      flex-direction: column; } }
  .welcome-monty.share {
    line-height: 0;
    padding: 0;
    font-size: .8em; }
  .welcome-monty.webinar {
    background-color: #bc3878; }
    .welcome-monty.webinar .monty-msg {
      color: white;
      padding: 10px;
      padding-left: 20px;
      font-size: 1.5em; }
      .welcome-monty.webinar .monty-msg a {
        color: white;
        text-decoration: underline; }
  .welcome-monty .monty-hello {
    text-align: center; }
  .welcome-monty .monty-msg {
    font-family: "Calluna", serif;
    font-size: 1.8em;
    color: #616a70;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px; }
  .welcome-monty.winter-holiday {
    background-image: url("../images/explore/presents.png"), url("../images/explore/christmasLights.png");
    background-position: right bottom, center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover; }
    @media only screen and (max-width: 640px) {
      .welcome-monty.winter-holiday {
        background-image: url("../images/explore/christmasLights.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; } }
    .welcome-monty.winter-holiday .monty-msg {
      font-family: "Calluna", serif;
      font-size: 1.2em;
      color: #616a70;
      line-height: 1.5; }
      @media only screen and (max-width: 750px) {
        .welcome-monty.winter-holiday .monty-msg {
          padding-top: 30px;
          padding-bottom: 30px;
          background-color: rgba(255, 255, 255, 0.6); } }

.explore-wrapper {
  width: 100%;
  max-width: 876px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 50px;
  padding-right: 15px;
  padding-left: 15px; }
  .explore-wrapper .updates {
    font-family: "Proba", sans-serif;
    font-size: 1.2em;
    color: #262626;
    line-height: 1.5; }

.welcome {
  margin-bottom: 50px; }
  .welcome h4 {
    margin-bottom: 15px; }
  .welcome h5 {
    margin-bottom: 5px; }
  .welcome .blue {
    color: #2cc3ce; }

.third, .component-body.book-components .component-single .book-details-area, .component-body.comment-components .component-single, .component-body.comment-components .component-empty, .component-body.section-components .component-single .book-details-area, .component-body.contribution-components .component-single, .component-body.read-components .component-single, .component-body.contribution-components .component-empty, .component-body.read-components .component-empty, .component-body.contribution-components .component-single .book-details-area, .component-body.read-components .component-single .book-details-area {
  flex: 1 1 25%;
  -webkit-flex: 1 1 25%; }

.halves, .component-body.book-components .component-single, .component-body.section-components .component-single, .component-body.section-components .component-empty {
  flex: 1 1 45%;
  -webkit-flex: 1 1 45%; }

@media only screen and (max-width: 649px) {
  .mobile-full-width, .two-thirds, .component-body.book-components .component-single, .component-body.comment-components .component-single, .component-body.comment-components .component-empty, .component-body.section-components .component-single, .component-body.section-components .component-empty, .component-body.contribution-components .component-single, .component-body.read-components .component-single, .component-body.contribution-components .component-empty, .component-body.read-components .component-empty {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%; } }

.two-thirds {
  flex: 0 0 65%;
  -webkit-flex: 0 0 65%; }

.grouped-component-container {
  margin-bottom: 20px;
  background-color: white;
  position: relative; }
  .grouped-component-container .component-header {
    padding: 1em 1em 0;
    display: flex;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    align-items: center; }
    .grouped-component-container .component-header > .title {
      padding-left: 5px; }
      .grouped-component-container .component-header > .title h1 {
        font-family: "Calluna", serif;
        font-size: 1.2em;
        color: #616a70;
        line-height: 1.5; }
        @media only screen and (max-width: 420px) {
          .grouped-component-container .component-header > .title h1 {
            font-size: 0.9em; } }

.component-body {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  padding-bottom: 25px; }
  .component-body:not(.book-components) {
    padding-left: 10px;
    padding-right: 10px; }
  .component-body .component-single {
    margin: 20px 8px 0;
    border: 1px solid #d5d6d3;
    background-color: #F8F7F5; }
    .component-body .component-single .button-container {
      padding-top: 10px; }
      .component-body .component-single .button-container button {
        border: 3px solid #616a70;
        border-radius: 20px;
        background-color: white;
        width: 100%;
        font-family: "Proba", sans-serif;
        font-size: 0.9em;
        color: #616a70;
        line-height: 1.5; }
    @media only screen and (max-width: 500px) {
      .component-body .component-single.single-placeholder + .component-empty {
        display: none; } }
  .component-body.book-components .component-single {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    padding: 30px; }
    .component-body.book-components .component-single .book-icon-area {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto; }
    .component-body.book-components .component-single .book-details-area {
      padding-left: 23px;
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-align: center;
      -webkit-align-content: center;
      align-content: center; }
      .component-body.book-components .component-single .book-details-area h2, .component-body.book-components .component-single .book-details-area .button-container {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; }
      .component-body.book-components .component-single .book-details-area h2 {
        padding-bottom: 15px;
        font-family: "Proba", sans-serif;
        font-size: 1.8em;
        color: #616a70;
        line-height: 1;
        text-align: center;
        font-weight: 300; }
        @media only screen and (max-width: 426px) {
          .component-body.book-components .component-single .book-details-area h2 {
            font-family: "Proba", sans-serif;
            font-size: 1.6em;
            color: #616a70;
            line-height: 1;
            padding-top: 0; } }
    @media only screen and (min-width: 426px) {
      .component-body.book-components .component-single:first-child {
        margin-left: 0;
        margin-right: 6px; }
      .component-body.book-components .component-single:last-child {
        margin-left: 6px;
        margin-right: 0; } }
    .component-body.book-components .component-single .button-container button {
      border: 3px solid #2cc3ce;
      color: #2cc3ce; }
    .component-body.book-components .component-single:first-child:not(.no-book) .button-container button {
      border: 3px solid #616a70;
      color: #616a70; }
  .component-body.news-components .component-single .content-container {
    padding: 20px;
    color: #1c1c1c; }
    .component-body.news-components .component-single .content-container h4 {
      font-size: 1em;
      padding-bottom: 10px; }
    .component-body.news-components .component-single .content-container p, .component-body.news-components .component-single .content-container a {
      font-size: 1.2em; }
  .component-body.news-components .component-single.puzzle-slider {
    flex: 0 1 525px;
    -webkit-flex: 0 1 525px; }
    @media only screen and (max-width: 640px) {
      .component-body.news-components .component-single.puzzle-slider {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }
    .component-body.news-components .component-single.puzzle-slider p {
      color: #2cc3ce;
      text-decoration: underline;
      cursor: pointer; }
      @media only screen and (max-width: 550px) {
        .component-body.news-components .component-single.puzzle-slider p.puzzle-action-desktop {
          display: none; } }
      @media only screen and (min-width: 549px) {
        .component-body.news-components .component-single.puzzle-slider p.puzzle-action-mobile {
          display: none; } }
  .component-body.news-components .component-single.help-hint {
    flex: 0 1 267px;
    -webkit-flex: 0 1 267px; }
    @media only screen and (max-width: 640px) {
      .component-body.news-components .component-single.help-hint {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; } }
    .component-body.news-components .component-single.help-hint .header-container {
      background-color: #2cc3ce;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 10px; }
      .component-body.news-components .component-single.help-hint .header-container span {
        display: block;
        color: white;
        font-family: "Calluna", serif;
        text-transform: uppercase; }
        .component-body.news-components .component-single.help-hint .header-container span:first-child {
          font-size: 3.2em; }
        .component-body.news-components .component-single.help-hint .header-container span:last-child {
          margin-top: -10px;
          font-size: 4.6em; }
    .component-body.news-components .component-single.help-hint .content-container {
      padding: 5px 10px; }
      .component-body.news-components .component-single.help-hint .content-container a {
        color: #2cc3ce;
        text-decoration: underline;
        padding-top: 10px; }
  .component-body.comment-components {
    max-height: 290px;
    overflow: hidden; }
    .component-body.comment-components .component-single {
      padding: 30px 30px 10px; }
      .component-body.comment-components .component-single .title-area {
        text-align: center;
        color: #1c1c1c;
        font-weight: 700; }
        .component-body.comment-components .component-single .title-area p:last-child {
          text-decoration: underline;
          max-width: 200px;
          margin: 0 auto; }
      .component-body.comment-components .component-single .count-area {
        padding: 20px 0 10px;
        width: 80%;
        margin: 0 auto;
        text-align: center; }
        .component-body.comment-components .component-single .count-area p {
          color: #616a70;
          font-size: 1.2em;
          margin-top: -15px; }
        .component-body.comment-components .component-single .count-area .item-num {
          color: #616a70;
          font-size: 2.5em; }
          .component-body.comment-components .component-single .count-area .item-num.new-item {
            color: #2cc3ce; }
          .component-body.comment-components .component-single .count-area .item-num .item-icon {
            display: inline-block;
            height: 30px;
            width: 40px;
            background-color: transparent;
            background-image: url("../images/icons/commentsIcon.png");
            background-repeat: no-repeat;
            background-position: center;
            border: 1px solid transparent;
            background-size: 35px;
            margin-right: 5px; }
  .component-body.section-components {
    max-height: 290px;
    overflow: hidden; }
    .component-body.section-components .component-single {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap;
      padding: 30px;
      -ms-flex-align: center;
      -webkit-justify-content: center;
      justify-content: center; }
      @media only screen and (max-width: 815px) {
        .component-body.section-components .component-single {
          padding: 20px 10px; } }
      .component-body.section-components .component-single.single-placeholder {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .component-body.section-components .component-single.single-placeholder h1 {
          text-align: center; }
      .component-body.section-components .component-single .book-icon-area {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto; }
        @media only screen and (min-width: 500px) and (max-width: 712px) {
          .component-body.section-components .component-single .book-icon-area {
            width: 80px;
            height: 110px; }
            .component-body.section-components .component-single .book-icon-area > div {
              -webkit-transform-origin: top left;
              -ms-transform-origin: top left;
              -moz-transform-origin: top left;
              transform-origin: top left;
              -webkit-transform: scale(0.6, 0.6);
              -ms-transform: scale(0.6, 0.6);
              -moz-transform: scale(0.6, 0.6);
              transform: scale(0.6, 0.6); } }
      .component-body.section-components .component-single .book-details-area {
        padding-left: 23px; }
        @media only screen and (min-width: 500px) and (max-width: 712px) {
          .component-body.section-components .component-single .book-details-area {
            padding-left: 0; } }
        @media only screen and (max-width: 500px) {
          .component-body.section-components .component-single .book-details-area {
            margin-top: 15px;
            text-align: center; } }
        .component-body.section-components .component-single .book-details-area h4 {
          color: #6b4e97;
          text-transform: capitalize;
          font-size: 0.9em;
          max-width: 200px; }
        .component-body.section-components .component-single .book-details-area p {
          color: #1c1c1c;
          margin-bottom: 25px; }
        .component-body.section-components .component-single .book-details-area h1, .component-body.section-components .component-single .book-details-area h2, .component-body.section-components .component-single .book-details-area h3 {
          font-size: 1em;
          font-family: "Calluna", serif;
          margin-bottom: 10px; }
        .component-body.section-components .component-single .book-details-area h2, .component-body.section-components .component-single .book-details-area h3 {
          max-width: 180px; }
          @media only screen and (max-width: 815px) {
            .component-body.section-components .component-single .book-details-area h2, .component-body.section-components .component-single .book-details-area h3 {
              max-width: 150px; } }
        .component-body.section-components .component-single .book-details-area h1, .component-body.section-components .component-single .book-details-area h2 {
          color: #616a70; }
        .component-body.section-components .component-single .book-details-area h3 {
          color: #1c1c1c; }
  .component-body.contribution-components, .component-body.read-components {
    max-height: 300px;
    overflow: hidden; }
    @media only screen and (min-width: 649px) and (max-width: 830px) {
      .component-body.contribution-components .component-single, .component-body.read-components .component-single, .component-body.contribution-components .component-empty, .component-body.read-components .component-empty {
        flex: 1 1 45%;
        -webkit-flex: 1 1 45%; } }
    .component-body.contribution-components .component-single, .component-body.read-components .component-single {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap;
      padding: 20px;
      -ms-flex-align: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .component-body.contribution-components .component-single .title-area, .component-body.read-components .component-single .title-area {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        padding-bottom: 15px;
        border-bottom: 1px solid #d5d6d3; }
        .component-body.contribution-components .component-single .title-area h4, .component-body.read-components .component-single .title-area h4 {
          font-size: 0.8em;
          color: #616a70; }
          .component-body.contribution-components .component-single .title-area h4 > span, .component-body.read-components .component-single .title-area h4 > span {
            font-size: 1.2em;
            color: #6b4e97; }
      .component-body.contribution-components .component-single .book-icon-area, .component-body.read-components .component-single .book-icon-area {
        padding-top: 15px;
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        width: 67px;
        height: 108px; }
        .component-body.contribution-components .component-single .book-icon-area .lrg-book-container, .component-body.read-components .component-single .book-icon-area .lrg-book-container, .component-body.contribution-components .component-single .book-icon-area .sml-book-container, .component-body.read-components .component-single .book-icon-area .sml-book-container {
          -webkit-transform-origin: top left;
          -ms-transform-origin: top left;
          -moz-transform-origin: top left;
          transform-origin: top left;
          -webkit-transform: scale(0.5, 0.5);
          -ms-transform: scale(0.5, 0.5);
          -moz-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5); }
      .component-body.contribution-components .component-single .book-details-area, .component-body.read-components .component-single .book-details-area {
        padding-top: 15px;
        padding-left: 15px; }
        .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
          margin-bottom: 10px;
          max-width: 130px;
          font-family: "Calluna", serif; }
          @media only screen and (min-width: 650px) and (max-width: 830px) {
            .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
              max-width: 190px; } }
          @media only screen and (min-width: 550px) and (max-width: 649px) {
            .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
              max-width: 120px; } }
          @media only screen and (min-width: 321px) and (max-width: 549px) {
            .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
              max-width: 160px; } }
          @media only screen and (max-width: 320px) {
            .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
              max-width: 120px; } }
        .component-body.contribution-components .component-single .book-details-area p, .component-body.read-components .component-single .book-details-area p {
          font-size: 0.7em;
          font-style: italic;
          color: #1c1c1c; }
        .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2 {
          font-size: 1em;
          margin-bottom: 15px; }
          .component-body.contribution-components .component-single .book-details-area h2.mjb, .component-body.read-components .component-single .book-details-area h2.mjb {
            color: #2cc3ce; }
          .component-body.contribution-components .component-single .book-details-area h2.ojb, .component-body.read-components .component-single .book-details-area h2.ojb {
            color: #616a70; }
        .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
          color: #1c1c1c;
          font-size: 1.2em; }
      .component-body.contribution-components .component-single .button-container, .component-body.read-components .component-single .button-container {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        border-top: 1px solid #d5d6d3;
        margin-top: 5px; }
  .component-body.read-components h2 {
    color: #616a70; }
  .component-body.book-components .resume-action .title-area, .component-body.news-components .resume-action .title-area, .component-body.comment-components .resume-action .title-area, .component-body.section-components .resume-action .title-area, .component-body.contribution-components .resume-action .title-area, .component-body.read-components .resume-action .title-area, .component-body.read-components .resume-action .title-area {
    text-align: center; }
  .component-body.book-components .resume-action .button-container, .component-body.news-components .resume-action .button-container, .component-body.comment-components .resume-action .button-container, .component-body.section-components .resume-action .button-container, .component-body.contribution-components .resume-action .button-container, .component-body.read-components .resume-action .button-container, .component-body.read-components .resume-action .button-container {
    text-align: center; }
    .component-body.book-components .resume-action .button-container button, .component-body.news-components .resume-action .button-container button, .component-body.comment-components .resume-action .button-container button, .component-body.section-components .resume-action .button-container button, .component-body.contribution-components .resume-action .button-container button, .component-body.read-components .resume-action .button-container button, .component-body.read-components .resume-action .button-container button {
      background-color: #2cc3ce;
      font-family: "Proba", sans-serif;
      font-size: 0.8em;
      color: white;
      line-height: 1.5;
      max-width: 200px;
      border: 1px solid #2cc3ce;
      padding: 7px 0; }
  .component-body.book-components .no-book, .component-body.news-components .no-book, .component-body.comment-components .no-book, .component-body.section-components .no-book, .component-body.contribution-components .no-book, .component-body.read-components .no-book, .component-body.read-components .no-book {
    background-color: #616a70; }
    .component-body.book-components .no-book .book-details-area, .component-body.news-components .no-book .book-details-area, .component-body.comment-components .no-book .book-details-area, .component-body.section-components .no-book .book-details-area, .component-body.contribution-components .no-book .book-details-area, .component-body.read-components .no-book .book-details-area, .component-body.read-components .no-book .book-details-area {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      text-align: center; }
      .component-body.book-components .no-book .book-details-area h1, .component-body.news-components .no-book .book-details-area h1, .component-body.comment-components .no-book .book-details-area h1, .component-body.section-components .no-book .book-details-area h1, .component-body.contribution-components .no-book .book-details-area h1, .component-body.read-components .no-book .book-details-area h1, .component-body.read-components .no-book .book-details-area h1 {
        font-family: "Proba", sans-serif;
        font-size: 0.9em;
        color: white;
        line-height: 1.5;
        padding: 10px 0 20px; }
      .component-body.book-components .no-book .book-details-area h2, .component-body.news-components .no-book .book-details-area h2, .component-body.comment-components .no-book .book-details-area h2, .component-body.section-components .no-book .book-details-area h2, .component-body.contribution-components .no-book .book-details-area h2, .component-body.read-components .no-book .book-details-area h2, .component-body.read-components .no-book .book-details-area h2 {
        font-family: "Proba", sans-serif;
        font-size: 1.8em;
        color: white;
        line-height: 1.5;
        padding-top: 0; }
    .component-body.book-components .no-book .button-container, .component-body.news-components .no-book .button-container, .component-body.comment-components .no-book .button-container, .component-body.section-components .no-book .button-container, .component-body.contribution-components .no-book .button-container, .component-body.read-components .no-book .button-container, .component-body.read-components .no-book .button-container {
      text-align: center; }
      .component-body.book-components .no-book .button-container button, .component-body.news-components .no-book .button-container button, .component-body.comment-components .no-book .button-container button, .component-body.section-components .no-book .button-container button, .component-body.contribution-components .no-book .button-container button, .component-body.read-components .no-book .button-container button, .component-body.read-components .no-book .button-container button {
        background-color: #2cc3ce;
        color: white;
        max-width: 200px; }

.component-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: white; }

.component-body .component-single.promo-container {
  padding: 0;
  background-color: #616a70; }
  .component-body .component-single.promo-container > .column-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 10px; }
    .component-body .component-single.promo-container > .column-container .promo-msg {
      padding: 10px;
      text-align: center;
      flex: 2 2 auto;
      -webkit-flex: 2 2 auto; }
  .component-body .component-single.promo-container h1 {
    font-family: "Proba", sans-serif;
    font-size: 1.5em;
    color: #2cc3ce;
    line-height: 1.5;
    font-weight: 300; }
  .component-body .component-single.promo-container p {
    color: white; }
    .component-body .component-single.promo-container p a {
      color: #2cc3ce; }
  .component-body .component-single.promo-container button {
    border: 1px solid #2cc3ce;
    background-color: #2cc3ce;
    color: white;
    margin-top: 10px;
    width: 100%; }

.component-body .component-single.help-tip h2 {
  color: #616a70;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }

.component-body .component-single.help-tip p {
  padding: 0 10px; }

@media only screen and (min-width: 900px) {
  .puzzle-box-desktop .modal-flex-container {
    flex: 0 1 80%;
    -webkit-flex: 0 1 80%;
    background-color: transparent; } }

.puzzle-box-desktop .modal-flex-container .modal-flex-content {
  padding-bottom: 0; }

.puzzle-box-desktop .modal-flex-container .close-container {
  background-color: transparent; }
  .puzzle-box-desktop .modal-flex-container .close-container .close-icon {
    background-image: url("../images/icons/x_white.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px; }

.puzzle-box-desktop .modal-flex-container .slider-container {
  position: relative; }
  .puzzle-box-desktop .modal-flex-container .slider-container .prev-action, .puzzle-box-desktop .modal-flex-container .slider-container .next-action {
    width: 60px;
    height: 70px;
    position: absolute;
    top: 46%;
    cursor: pointer; }
  .puzzle-box-desktop .modal-flex-container .slider-container .prev-action {
    left: 19%; }
  .puzzle-box-desktop .modal-flex-container .slider-container .next-action {
    right: 19%; }

@media only screen and (min-width: 769px) {
  .stack-1 {
    margin-top: 30px;
    background: linear-gradient(to bottom, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%);
    background: -webkit-linear-gradient(top, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%);
    background: -moz-linear-gradient(top, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%); }
  .stack-2 {
    background: linear-gradient(to bottom, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%);
    background: -webkit-linear-gradient(top, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%);
    background: -moz-linear-gradient(top, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%); }
    .stack-2 .image-border {
      border: 10px solid #2cc3ce; }
    .stack-2 .employee-card:nth-child(2) .content-container {
      border-left: 1px solid white;
      border-right: 1px solid white; }
    .stack-2 h2, .stack-2 .card-quote, .stack-2 p:first-of-type:first-letter, .stack-2 p:last-child {
      color: white; }
  .stack-3 {
    background: linear-gradient(to bottom, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%);
    background: -webkit-linear-gradient(top, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%);
    background: -moz-linear-gradient(top, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%); }
  .stack-1 .image-border, .stack-3 .image-border {
    border: 10px solid white; }
  .stack-1 .employee-card:nth-child(2) .content-container, .stack-3 .employee-card:nth-child(2) .content-container {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa; }
  .stack-1 h2, .stack-1 p:first-of-type:first-letter, .stack-1 p:last-child, .stack-3 h2, .stack-3 p:first-of-type:first-letter, .stack-3 p:last-child {
    color: #2cc3ce; }
  .stack-1 .employee-card, .stack-2 .employee-card, .stack-3 .employee-card {
    background: transparent; } }

@media only screen and (max-width: 768px) {
  .wrapper, .blue-error .column-container {
    width: 100%; }
  .stack-1 .employee-card:first-child {
    background: linear-gradient(to bottom, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%);
    background: -webkit-linear-gradient(top, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%);
    background: -moz-linear-gradient(top, #f5f4f0 0%, #f5f4f0 10%, white 10%, white 100%); }
    .stack-1 .employee-card:first-child .image-border {
      border: 10px solid white; }
    .stack-1 .employee-card:first-child h2, .stack-1 .employee-card:first-child p:first-of-type:first-letter,
    .stack-1 .employee-card:first-child p:last-child {
      color: #2cc3ce; }
  .stack-1 .employee-card:nth-child(2), .stack-2 .employee-card:first-child, .stack-2 .employee-card:last-child, .stack-3 .employee-card:nth-child(2) {
    background: linear-gradient(to bottom, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%);
    background: -webkit-linear-gradient(top, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%);
    background: -moz-linear-gradient(top, white 0%, white 10%, #2cc3ce 10%, #2cc3ce 100%); }
    .stack-1 .employee-card:nth-child(2) .image-border, .stack-2 .employee-card:first-child .image-border, .stack-2 .employee-card:last-child .image-border, .stack-3 .employee-card:nth-child(2) .image-border {
      border: 10px solid #2cc3ce; }
    .stack-1 .employee-card:nth-child(2) h2, .stack-1 .employee-card:nth-child(2) .card-quote, .stack-1 .employee-card:nth-child(2) p:first-of-type:first-letter,
    .stack-1 .employee-card:nth-child(2) p:last-child, .stack-2 .employee-card:first-child h2, .stack-2 .employee-card:first-child .card-quote, .stack-2 .employee-card:first-child p:first-of-type:first-letter,
    .stack-2 .employee-card:first-child p:last-child, .stack-2 .employee-card:last-child h2, .stack-2 .employee-card:last-child .card-quote, .stack-2 .employee-card:last-child p:first-of-type:first-letter,
    .stack-2 .employee-card:last-child p:last-child, .stack-3 .employee-card:nth-child(2) h2, .stack-3 .employee-card:nth-child(2) .card-quote, .stack-3 .employee-card:nth-child(2) p:first-of-type:first-letter,
    .stack-3 .employee-card:nth-child(2) p:last-child {
      color: white; }
  .stack-1 .employee-card:last-child, .stack-2 .employee-card:nth-child(2), .stack-3 .employee-card:first-child, .stack-3 .employee-card:last-child {
    background: linear-gradient(to bottom, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%);
    background: -webkit-linear-gradient(top, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%);
    background: -moz-linear-gradient(top, #2cc3ce 0%, #2cc3ce 10%, white 10%, white 100%); }
    .stack-1 .employee-card:last-child .image-border, .stack-2 .employee-card:nth-child(2) .image-border, .stack-3 .employee-card:first-child .image-border, .stack-3 .employee-card:last-child .image-border {
      border: 10px solid white; }
    .stack-1 .employee-card:last-child h2, .stack-1 .employee-card:last-child p:first-of-type:first-letter,
    .stack-1 .employee-card:last-child p:last-child, .stack-2 .employee-card:nth-child(2) h2, .stack-2 .employee-card:nth-child(2) p:first-of-type:first-letter,
    .stack-2 .employee-card:nth-child(2) p:last-child, .stack-3 .employee-card:first-child h2, .stack-3 .employee-card:first-child p:first-of-type:first-letter,
    .stack-3 .employee-card:first-child p:last-child, .stack-3 .employee-card:last-child h2, .stack-3 .employee-card:last-child p:first-of-type:first-letter,
    .stack-3 .employee-card:last-child p:last-child {
      color: #2cc3ce; } }

.employee-card-container {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; }
  @media only screen and (min-width: 769px) {
    .employee-card-container {
      display: flex;
      flex-flow: row nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; } }

.stack-1, .stack-2, .stack-3 {
  margin-top: -1px; }

.employee-card {
  padding-bottom: 80px;
  flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  margin-top: -1px; }
  @media only screen and (min-width: 769px) {
    .employee-card {
      flex: 1 1 0px;
      -webkit-flex: 1 1 0px; } }
  .employee-card .content-container {
    padding: 30px 10px 0; }
    .employee-card .content-container p {
      width: 80%;
      margin: 0 auto;
      padding: 1.5em 0;
      line-height: 1.8; }
    .employee-card .content-container p:first-of-type {
      padding-left: 2em;
      padding-right: 2em; }
      .employee-card .content-container p:first-of-type:first-letter {
        float: left;
        font-size: 60px;
        line-height: 30px;
        padding: 15px 6px 0 3px; }
  .employee-card h2, .employee-card h3, .employee-card p:first-of-type {
    font-family: "Calluna", serif; }
  .employee-card h2, .employee-card h3, .employee-card .card-quote {
    text-align: center; }
  .employee-card h3 {
    color: #616a70;
    margin: 10px 0; }
  .employee-card p:last-child {
    padding-top: 2em; }
  .employee-card .card-quote, .employee-card p:last-child {
    font-style: italic;
    font-size: 15px;
    padding-bottom: 2em;
    text-align: center; }
  .employee-card .image-border {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -2px;
    height: 200px;
    width: 200px;
    margin: 0 auto; }

.border-decor {
  height: 15px;
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }
  .border-decor .border-decor-line {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    padding: 1px;
    margin: 5px;
    background-color: #616a70; }
  .border-decor .border-decor-circle {
    flex: 0 0 13px;
    -webkit-flex: 0 0 13px;
    margin: 0 auto;
    height: 13px;
    border: 1px solid transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #616a70; }

.beth {
  background-image: url("../images/public/beth_AboutUs.png"); }

.bruce {
  background-image: url("../images/public/bruce_AboutUS.png"); }

.ruby {
  background-image: url("../images/public/ruby_AboutUs.png"); }

.raf {
  background-image: url("../images/public/raf_AboutUs.png"); }

.monty-about {
  background-image: url("../images/public/monty_AboutUs.png"); }

.joelle {
  background-image: url("../images/public/joelle-AboutUs.png"); }

.ian {
  background-image: url("../images/public/ian_AboutUs.png"); }

.guest {
  background-image: url("../images/public/avatar_AboutUs.png"); }

.annie {
  background-image: url("../images/public/annie_AboutUs.png"); }

.jambios {
  background-image: url("../images/JambiosProfilePic.png"); }

/* Book Icons */
.book_cover, .book_cover-lrg, .lrg-book-container .book_cover-lrg-icon {
  width: 130px;
  height: 182px;
  margin: auto;
  float: none;
  overflow: hidden;
  position: relative; }
  .book_cover .spine-shadow, .book_cover-lrg .spine-shadow, .lrg-book-container .book_cover-lrg-icon .spine-shadow {
    width: 6px;
    border-right: 2px solid rgba(255, 255, 255, 0.09);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.09));
    position: absolute;
    top: 0;
    left: 5px;
    right: 0;
    bottom: 0;
    z-index: 300; }
  .book_cover #move-title, .book_cover-lrg #move-title, .lrg-book-container .book_cover-lrg-icon #move-title, .book_cover .icon_title, .book_cover-lrg .icon_title, .lrg-book-container .book_cover-lrg-icon .icon_title {
    word-wrap: break-word;
    text-align: center;
    color: white;
    font-family: "Calluna", serif;
    position: absolute;
    z-index: 200;
    width: 100%; }
  .book_cover #move-title:hover, .book_cover-lrg #move-title:hover, .lrg-book-container .book_cover-lrg-icon #move-title:hover {
    cursor: move; }
  .book_cover .book_icon, .book_cover-lrg .book_icon, .lrg-book-container .book_cover-lrg-icon .book_icon {
    padding: 10px 0;
    width: 100%;
    position: absolute;
    top: 0; }
    .book_cover .book_icon > #move-icon, .book_cover-lrg .book_icon > #move-icon, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon {
      display: inline-block; }
      .book_cover .book_icon > #move-icon img, .book_cover-lrg .book_icon > #move-icon img, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon img {
        width: 90px;
        height: 90px; }
      .book_cover .book_icon > #move-icon .ui-wrapper, .book_cover-lrg .book_icon > #move-icon .ui-wrapper, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon .ui-wrapper {
        border: 3px solid #f5f4f0; }
      .book_cover .book_icon > #move-icon:hover, .book_cover-lrg .book_icon > #move-icon:hover, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon:hover {
        cursor: move; }
        .book_cover .book_icon > #move-icon:hover .ui-wrapper, .book_cover-lrg .book_icon > #move-icon:hover .ui-wrapper, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon:hover .ui-wrapper {
          border: 3px dotted #f5f4f0; }
        .book_cover .book_icon > #move-icon:hover .ui-resizable-se, .book_cover-lrg .book_icon > #move-icon:hover .ui-resizable-se, .lrg-book-container .book_cover-lrg-icon .book_icon > #move-icon:hover .ui-resizable-se {
          border: 3px dotted #f5f4f0;
          background-color: rgba(255, 255, 255, 0.3); }

/* Chapter Icons */
.chapter_icons {
  width: 135px;
  margin: 0 auto;
  border-radius: 5px 29px 5px 5px;
  -webkit-border-radius: 5px 29px 5px 5px;
  -moz-border-radius: 5px 29px 5px 5px;
  background: url("./../images/icons/corner2.png") no-repeat top right;
  background-color: white;
  border: 1px solid white;
  height: 140px;
  text-align: center; }
  .chapter_icons img {
    opacity: 1; }
  .chapter_icons:hover img {
    opacity: 1; }
  .chapter_icons img {
    height: 95px;
    padding: 10px; }

/* Used in reminisce/index.cfm */
.reminisce-icons {
  border-radius: 5px 29px 5px 5px;
  -webkit-border-radius: 5px 29px 5px 5px;
  -moz-border-radius: 5px 29px 5px 5px;
  background: url("./../images/icons/corner2.png") no-repeat top right;
  background-color: white;
  border: 1px solid white;
  height: 160px;
  text-align: center; }
  .reminisce-icons img {
    opacity: 1; }
  .reminisce-icons:hover img {
    opacity: 1; }
  .reminisce-icons img {
    height: 85px;
    padding: 10px; }

/* Larger Book Cover Icon */
.book_cover-lrg, .lrg-book-container .book_cover-lrg-icon {
  width: 345px;
  height: 520px;
  margin: 0 auto;
  box-shadow: inset -1px 0px 2px #f5f4f0, -1px 2px 8px #b5b5b5; }
  .book_cover-lrg .spine-shadow, .lrg-book-container .book_cover-lrg-icon .spine-shadow {
    left: 8px;
    width: 15px; }
  .book_cover-lrg h4, .lrg-book-container .book_cover-lrg-icon h4 {
    font-size: 2.5em; }
    .book_cover-lrg h4.icon_title, .lrg-book-container .book_cover-lrg-icon h4.icon_title {
      padding: 30px 30px 30px 20px;
      border-top: 5px solid white;
      border-bottom: 5px solid white; }

.ojb-bookshelf .book_cover:hover, .ojb-bookshelf .book_cover-lrg:hover, .ojb-bookshelf .lrg-book-container .book_cover-lrg-icon:hover, .lrg-book-container .ojb-bookshelf .book_cover-lrg-icon:hover {
  transform: scale(1.2);
  transform-origin: 100px 100px; }

/* Size down large icon properly */
.lrg-book-container {
  width: 130px;
  height: 182px;
  margin: 0 auto; }
  .lrg-book-container .book_cover-lrg-icon {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0.378, 0.355);
    -ms-transform: scale(0.378, 0.355);
    -moz-transform: scale(0.378, 0.355);
    transform: scale(0.378, 0.355); }
    .lrg-book-container .book_cover-lrg-icon .spine-shadow {
      left: 9px;
      width: 15px; }

.ojb-bookshelf .lrg-book-container .book_cover-lrg-icon:hover {
  transform: scale(0.45);
  transform-origin: -20px -60px; }

.card_details {
  text-align: center;
  padding: 0.5em;
  color: white; }
  .card_details h4 {
    margin-bottom: 8px;
    font-weight: 400; }
  .card_details h2 {
    font-family: "Calluna", serif;
    font-weight: 400; }
    .card_details h2:after {
      content: url("../images/icons/decorativeIcon.png");
      display: block; }

.card {
  background-color: white; }
  @media only screen and (min-width: 710px) {
    .card:nth-child(even) > .card_content {
      border-right: dashed 1px #d0d0ce; } }
  .card .card_content {
    color: #8e8e8e;
    padding: 30px 50px;
    min-height: 150px; }
  .card .card_list li {
    display: block; }
  .card .card_list + p {
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    text-align: center; }

.card:nth-child(2) .card_details {
  background-color: #4ec4cd; }

.card:nth-child(3) .card_details {
  background-color: #5fa4b9; }

.card:nth-child(4) .card_details {
  background-color: #f3cb3d; }

.card:nth-child(5) .card_details {
  background-color: #b6b6b7; }

.card:nth-child(6) .card_details {
  background-color: #bd2f78; }

.card:nth-child(7) .card_details {
  background-color: #563594; }

/* For large 'Hero' areas  
** Recommended standard height 730px 4/6/2017 | Status: only added to splash page call out
*/
.hero {
  padding: 90px 10px 50px 10px; }

.hero.image {
  background-size: cover;
  background-repeat: no-repeat; }

.chapter {
  font-family: "Calluna", serif; }
  .chapter .chapter_hero {
    min-height: 500px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

.chapter_details {
  text-align: center;
  padding: 30px 0; }
  .chapter_details h1 {
    font-size: 3.5em;
    padding: 25px 0 35px; }
  .chapter_details h4 {
    letter-spacing: 3px;
    font-family: "Proba", sans-serif;
    text-transform: uppercase; }
  .chapter_details h5 {
    font-family: "Proba", sans-serif;
    font-size: 0.9em;
    padding: 0 0 15px;
    letter-spacing: 0.02em; }
  @media only screen and (max-width: 500px) {
    .chapter_details {
      padding-bottom: 20px;
      padding-top: 15px; }
      .chapter_details h1 {
        font-size: 3em;
        padding-bottom: 15px;
        padding-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .chapter_details h4 {
        font-size: 0.9em; }
      .chapter_details h5 {
        padding: 0; } }

.content {
  margin-bottom: 50px; }
  .content blockquote {
    font-size: 3em;
    color: #2cc3ce;
    font-style: italic; }

/* Table of Contents page */
.hero_cover {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
  text-align: center; }
  .hero_cover img {
    height: 268px;
    margin-bottom: 20px; }
  .hero_cover h1 {
    font-family: "Calluna", serif;
    font-size: 3.5em;
    max-width: 715px;
    margin: auto; }
  .hero_cover .author {
    font-weight: 400;
    margin: 20px 0 10px; }

/* Bookshelf Component */
/* Reminisce */
.hero-background_color {
  background-color: #f9f8f6; }

.background-white {
  padding: 50px 30px 30px;
  margin: 50px auto; }

/* Splash page */
.logo_tagline {
  width: 65%;
  margin: 0 auto 40px; }
  @media only screen and (min-width: 668px) {
    .logo_tagline {
      width: 85%; } }

.splash > .hero-home {
  height: 400px;
  padding-top: 80px; }
  @media only screen and (min-width: 668px) {
    .splash > .hero-home {
      height: 730px;
      padding-top: 155px; } }
  .splash > .hero-home > .register-public {
    text-align: center;
    max-width: 600px;
    margin: 0 auto; }

.home-1 {
  background-image: url("../images/public/homepageHeroImage.jpg");
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat; }

@media only screen and (max-width: 1177px) {
  .home-2 .home-large {
    display: none; } }

.home-2 .home-medium {
  display: none; }
  @media only screen and (min-width: 769px) and (max-width: 1178px) {
    .home-2 .home-medium {
      display: block; } }

.home-2 .home-small {
  display: none; }
  @media only screen and (min-width: 543px) and (max-width: 768px) {
    .home-2 .home-small {
      display: block; } }

.home-2 .home-xsmall {
  display: none; }
  @media only screen and (max-width: 542px) {
    .home-2 .home-xsmall {
      display: block; } }

.home-2 img {
  width: 100%; }

.home-3 {
  background-image: url("../images/public/laptopBethBio.jpg");
  background-size: cover;
  background-position: center 93%;
  background-repeat: no-repeat; }
  .home-3 .cta-container {
    padding: 120px 10px;
    text-align: right; }

.home-4 {
  margin: 0 auto;
  width: 78%; }
  @media only screen and (min-width: 1200px) {
    .home-4 .mobile-layout {
      display: none; } }
  @media only screen and (max-width: 1199px) {
    .home-4 .column, .home-4 .two-column {
      display: none; } }
  .home-4 .mobile-layout h1 {
    margin: 50px 0 30px; }
  .home-4 article:nth-child(2) {
    margin-top: 30px; }
    @media only screen and (min-width: 1441px) {
      .home-4 article:nth-child(2) {
        margin-top: 70px; } }

.home-5 {
  background-image: url("../images/public/woodBG.jpg");
  background-size: cover;
  background-position: center 93%;
  background-repeat: no-repeat; }
  .home-5 .column-container {
    max-width: 78%;
    margin: 0 auto;
    padding-bottom: 60px; }
    @media only screen and (max-width: 1199px) {
      .home-5 .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .home-5 .column-container > .one-column, .home-5 .column-container .two-column {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  .home-5 .cta-container {
    text-align: left; }
  .home-5 article p {
    padding-top: 10px; }

.home-6 {
  background-image: url("../images/public/woodBackground.jpg");
  background-size: cover;
  background-position: center 93%;
  background-repeat: no-repeat; }
  .home-6 .column-container {
    max-width: 78%;
    margin: 0 auto;
    padding-bottom: 60px; }
    @media only screen and (max-width: 1199px) {
      .home-6 .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .home-6 .column-container > .one-column, .home-6 .column-container .two-column {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  .home-6 .cta-container {
    text-align: left; }
  .home-6 article p {
    padding-top: 10px; }

.bg_white {
  background-color: white;
  margin-top: -5px; }

.callout-padding {
  padding: 60px 10px; }

.callout {
  text-align: center; }
  .callout p {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 60px;
    font-size: 1.2em;
    color: #616a70; }

.callout.home-3 {
  height: 918px; }

.about img {
  width: 100%; }

.reverse-text {
  text-align: center; }
  .reverse-text p, .reverse-text h1, .reverse-text h2 {
    text-shadow: 1px 3px 1px #000;
    color: white; }
  .reverse-text h1 {
    font-size: 4em;
    font-family: "Calluna", serif; }
  .reverse-text p {
    font-size: 1.5em; }

.splash .reverse-text {
  padding-top: 60px; }

/* Monty callouts */
.monty-container {
  position: relative; }
  .monty-container .monty-face-1 {
    position: absolute;
    background-image: url("../images/monty/montyHead_mustache.png");
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    top: -78px;
    bottom: 0;
    right: 0;
    left: 0; }
  .monty-container .monty-face-2 {
    position: absolute;
    background-image: url("../images/monty/montyHead_mustache2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 275px;
    height: 150px;
    top: -136px;
    bottom: 0;
    right: 0;
    left: 38%; }
  @media only screen and (min-width: 1178px) {
    .monty-container .monty-face-2 {
      background-size: initial;
      top: -175px;
      width: 400px;
      height: 200px; } }
  @media only screen and (min-width: 736px) {
    .monty-container .monty-face-1 {
      background-size: initial;
      width: 200px;
      height: 120px;
      top: -105px; } }

/* Learn More Callouts */
.learn-1 {
  background-image: url("../images/public/laptopBG_CollaborateLearnMore.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .learn-1 .reverse-text {
    padding: 50px 10px 0; }
  .learn-1 .video-area, .learn-1 .promo-container .promo-graphic .video-area, .promo-container .promo-graphic .learn-1 .video-area {
    background-image: url("../images/public/laptop_table_Collect_LearnMore.png");
    background-size: initial;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    padding-bottom: 60px;
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center; }

.laptop {
  padding-bottom: 6.250em;
  padding-top: 3.438em;
  padding-left: 9.563em; }

.laptop-border {
  flex: 0 1 1400px;
  -webkit-flex: 0 1 1400px;
  margin: 0 30px;
  border-top: 20px solid #000;
  border-bottom: 15px solid #000;
  border-right: 15px solid #000;
  border-left: 15px solid #000;
  border-image: url("../images/public/laptop-border.png") 55 43 56 43 stretch;
  -webkit-border-image: url("../images/public/laptop-border.png") 55 43 56 43 stretch;
  -moz-border-image: url("../images/public/laptop-border.png") 55 43 56 43 stretch; }
  @media only screen and (min-width: 599px) {
    .laptop-border {
      border-top: 30px solid #000;
      border-bottom: 25px solid #000;
      border-right: 30px solid #000;
      border-left: 30px solid #000;
      margin: 0 50px; } }

.laptop-bottom {
  flex: 0 1 1670px;
  -webkit-flex: 0 1 1670px;
  background-image: url("../images/public/laptop-bottom.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  height: 50px; }

.learn-2 {
  background-image: url("../images/public/organize_LearnMore_BG.png");
  background-size: cover;
  background-position: 100% 75%;
  background-repeat: no-repeat; }
  .learn-2 .reverse-text {
    padding: 50px 10px 0; }
    .learn-2 .reverse-text p {
      padding: 20px 0; }
  .learn-2 .image-area {
    background: linear-gradient(to bottom, transparent 0%, transparent 75%, white 75%, white 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 75%, white 75%, white 100%);
    background: -moz-linear-gradient(top, transparent 0%, transparent 75%, white 75%, white 100%); }
    .learn-2 .image-area img {
      width: 100%; }

.learn-3 {
  height: 730px; }

/* News */
.news .callout {
  background-color: white; }

.news-hero {
  height: 430px;
  background-image: url("../images/public/news_heroImage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 768px) {
    .news-hero {
      height: 730px; } }

.news .reverse-text {
  text-align: left;
  margin-left: 100px; }
  .news .reverse-text h1 {
    font-size: 10em;
    letter-spacing: 15px; }

.public-tour-jambios .reverse-text {
  padding: 50px 10px 0; }

/* Learn more JamBooks */
.learn-more-jambooks .learn-2 {
  background-image: url("../images/public/woodBG.png");
  background-size: cover;
  background-position: 100% 75%;
  background-repeat: no-repeat; }
  .learn-more-jambooks .learn-2 .reverse-text {
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 125px; }
    @media only screen and (max-width: 840px) {
      .learn-more-jambooks .learn-2 .reverse-text {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .learn-more-jambooks .learn-2 .reverse-text > .column {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  @media only screen and (max-width: 840px) and (min-width: 599px) and (max-width: 840px) {
    .learn-more-jambooks .learn-2 .reverse-text > .column:last-child {
      min-height: 600px; } }
  @media only screen and (max-width: 840px) and (max-width: 599px) {
    .learn-more-jambooks .learn-2 .reverse-text > .column:last-child {
      min-height: 200px; } }
    .learn-more-jambooks .learn-2 .reverse-text .image-area {
      position: relative; }
      .learn-more-jambooks .learn-2 .reverse-text .image-area img {
        position: absolute;
        top: 0;
        left: 0; }
        @media only screen and (min-width: 1399px) {
          .learn-more-jambooks .learn-2 .reverse-text .image-area img {
            width: 80%; } }
    .learn-more-jambooks .learn-2 .reverse-text .wrapper, .learn-more-jambooks .learn-2 .reverse-text .blue-error .column-container, .blue-error .learn-more-jambooks .learn-2 .reverse-text .column-container {
      padding-top: 30px;
      padding-bottom: 75px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .learn-more-jambooks .learn-2 .reverse-text .wrapper, .learn-more-jambooks .learn-2 .reverse-text .blue-error .column-container, .blue-error .learn-more-jambooks .learn-2 .reverse-text .column-container {
          padding-top: 100px; } }
    .learn-more-jambooks .learn-2 .reverse-text h2 {
      font-size: 5.5em;
      font-family: "Calluna", serif;
      margin-top: -25px; }

.learn-more-jambooks .bg_white .wrapper, .learn-more-jambooks .bg_white .blue-error .column-container, .blue-error .learn-more-jambooks .bg_white .column-container {
  padding-top: 100px; }

.learn-more-ourjambios .learn-2 {
  background-image: url("../images/public/woodBackground.jpg");
  background-size: cover;
  background-position: 100% 75%;
  background-repeat: no-repeat; }
  .learn-more-ourjambios .learn-2 .reverse-text {
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 30px; }
    @media only screen and (min-width: 1200px) and (max-width: 1625px) {
      .learn-more-ourjambios .learn-2 .reverse-text > .column:last-child {
        flex: 2 2 0px;
        -webkit-flex: 2 2 0px; } }
    @media only screen and (max-width: 1199px) {
      .learn-more-ourjambios .learn-2 .reverse-text {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .learn-more-ourjambios .learn-2 .reverse-text > .column {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
  @media only screen and (max-width: 1199px) and (min-width: 1025px) and (max-width: 1199px) {
    .learn-more-ourjambios .learn-2 .reverse-text > .column:last-child {
      min-height: 750px; } }
  @media only screen and (max-width: 1199px) and (min-width: 600px) and (max-width: 1024px) {
    .learn-more-ourjambios .learn-2 .reverse-text > .column:last-child {
      min-height: 700px; } }
  @media only screen and (max-width: 1199px) and (max-width: 600px) {
    .learn-more-ourjambios .learn-2 .reverse-text > .column:last-child {
      min-height: 300px; } }
    .learn-more-ourjambios .learn-2 .reverse-text .wrapper, .learn-more-ourjambios .learn-2 .reverse-text .blue-error .column-container, .blue-error .learn-more-ourjambios .learn-2 .reverse-text .column-container {
      padding-top: 30px;
      padding-bottom: 75px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .learn-more-ourjambios .learn-2 .reverse-text .wrapper, .learn-more-ourjambios .learn-2 .reverse-text .blue-error .column-container, .blue-error .learn-more-ourjambios .learn-2 .reverse-text .column-container {
          padding-top: 100px; } }
    .learn-more-ourjambios .learn-2 .reverse-text h2 {
      font-size: 3em;
      font-family: "Calluna", serif;
      max-width: 89%;
      margin: -15px auto 0; }
  .learn-more-ourjambios .learn-2 .image-area {
    position: relative; }
    .learn-more-ourjambios .learn-2 .image-area img {
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (min-width: 1199px) {
        .learn-more-ourjambios .learn-2 .image-area img {
          top: -40px; } }

.overlay-highlight {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 4000;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  width: 100%;
  height: 100%; }

.toc .on_timer_highlight .highlight-item {
  position: relative;
  z-index: 5000;
  background-color: #f5f4f0;
  margin-bottom: 0; }

.mini-book.callout {
  background-image: url("../images/hero_assets/woodBG.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .mini-book.callout .no-special {
    background-image: url("../images/mini-book/headerGiftBox.png");
    background-position: left 47px;
    background-repeat: no-repeat;
    background-size: 45%; }
  .mini-book.callout .holiday-special {
    background-image: url("../images/mini-book/headerGiftBox.png"), url("../images/hero_assets/christmasLights.png");
    background-position: left 47px, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 45%, cover; }
  .mini-book.callout .holiday-special, .mini-book.callout .no-special {
    height: 200px;
    width: 100%; }
    .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
      font-family: "Calluna", serif;
      font-size: 2em;
      color: white;
      line-height: 1.5;
      position: absolute;
      top: 25%;
      right: 3%;
      font-weight: 300;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9); }
    @media only screen and (min-width: 1620px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 400px;
        background-size: 37%, cover;
        background-position: 167px 8px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 6em;
          right: 4%; } }
    @media only screen and (min-width: 1480px) and (max-width: 1620px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 400px;
        background-size: 52%, cover; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 5em;
          right: 6%; } }
    @media only screen and (min-width: 1285px) and (max-width: 1479px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 400px;
        background-size: 42%, cover;
        background-position: left 42px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 4.5em;
          right: 3%; } }
    @media only screen and (min-width: 1055px) and (max-width: 1284px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 400px;
        background-size: 48%, cover;
        background-position: left 56px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 4em;
          right: 3%; } }
    @media only screen and (min-width: 950px) and (max-width: 1054px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 300px;
        background-size: 48%, cover;
        background-position: left 35px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 3.5em;
          right: 4%; } }
    @media only screen and (min-width: 650px) and (max-width: 950px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 235px;
        background-size: 45%, cover;
        background-position: left 23px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 2.5em;
          right: 4%; } }
    @media only screen and (max-width: 450px) {
      .mini-book.callout .holiday-special, .mini-book.callout .no-special {
        height: 150px;
        background-size: 53%, cover;
        background-position: left 30px, center; }
        .mini-book.callout .holiday-special h1, .mini-book.callout .no-special h1 {
          font-size: 1.1em;
          right: 3%; } }

.mini-book.bg_white > div {
  max-width: 1383px;
  width: 90%;
  margin: 0 auto;
  padding-top: 80px; }
  @media only screen and (max-width: 640px) {
    .mini-book.bg_white > div {
      padding-top: 50px; } }

.mini-book.bg_white .learn-more-articles {
  margin: 0; }
  .mini-book.bg_white .learn-more-articles h1 {
    margin: 0; }
  .mini-book.bg_white .learn-more-articles h2.sub-title {
    padding-top: 50px;
    padding-bottom: 10px;
    margin: 0; }
  .mini-book.bg_white .learn-more-articles h3 {
    border-top: 1px solid #616a70;
    padding-top: 50px;
    padding-bottom: 25px;
    margin-top: 50px;
    font-family: "Calluna", serif;
    font-size: 2.2em;
    color: #616a70;
    line-height: 1.5;
    font-weight: 300; }
  @media only screen and (max-width: 640px) {
    .mini-book.bg_white .learn-more-articles h1 {
      font-size: 2em; }
    .mini-book.bg_white .learn-more-articles h3 {
      font-size: 1.8em; }
    .mini-book.bg_white .learn-more-articles p {
      font-size: 1.2em; } }

.minibook-wrapper {
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  padding-bottom: 80px; }
  @media only screen and (min-width: 1165px) {
    .minibook-wrapper {
      display: flex;
      flex-flow: row nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; }
      .minibook-wrapper .selection {
        flex: 0 1 25%;
        -webkit-flex: 0 1 25%; } }
  .minibook-wrapper .selection {
    flex: 0 1 48%;
    -webkit-flex: 0 1 48%;
    padding-top: 50px; }
    @media only screen and (max-width: 650px) {
      .minibook-wrapper .selection {
        flex: 0 1 100%;
        -webkit-flex: 0 1 100%; } }
    .minibook-wrapper .selection:not(:first-child) {
      margin-left: 5px;
      padding-left: 10px; }
    .minibook-wrapper .selection:not(:last-child) {
      margin-right: 5px;
      padding-right: 10px; }
      @media only screen and (min-width: 649px) {
        .minibook-wrapper .selection:not(:last-child) .chapter-list {
          border-right: 1px solid #616a70; } }
    .minibook-wrapper .selection .image-container {
      height: 170px;
      width: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .minibook-wrapper .selection h2 {
      font-family: "Proba", sans-serif;
      margin: 0;
      padding: 15px 0; }
    .minibook-wrapper .selection p {
      font-size: 1.2em;
      padding-bottom: 15px;
      height: 120px; }
    .minibook-wrapper .selection .button-container {
      text-align: center;
      padding-bottom: 40px; }
      .minibook-wrapper .selection .button-container button {
        border: 2px solid #616a70;
        color: #616a70;
        font-size: 1.2em;
        font-weight: 700;
        width: 60%; }
    .minibook-wrapper .selection .dropdown-select {
      border-top: transparent solid 1px;
      padding: 0;
      max-height: 80px;
      overflow: hidden; }
      .minibook-wrapper .selection .dropdown-select .toggle-icon {
        top: 0; }
        .minibook-wrapper .selection .dropdown-select .toggle-icon label {
          background-size: 10px; }
      .minibook-wrapper .selection .dropdown-select .chapter-list {
        font-size: 0.9em;
        list-style-position: inside;
        padding-right: 5px; }
        .minibook-wrapper .selection .dropdown-select .chapter-list > li {
          padding-bottom: 10px; }
        .minibook-wrapper .selection .dropdown-select .chapter-list ol {
          list-style-type: lower-alpha; }

.chapter-set {
  overflow-y: scroll; }
  .chapter-set::-webkit-scrollbar {
    -webkit-appearance: none; }
  .chapter-set::-webkit-scrollbar:vertical, .chapter-set::-webkit-scrollbar:horizontal {
    width: 11px; }
  .chapter-set::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.9); }
  .chapter-set ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }
  .chapter-set.modal-flex-class {
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .chapter-set .modal-flex-container {
    position: relative;
    overflow-y: unset;
    flex: 0 0 45%;
    -webkit-flex: 0 0 45%; }
    @media only screen and (max-width: 1399px) {
      .chapter-set .modal-flex-container {
        flex: 0 0 80%;
        -webkit-flex: 0 0 80%; } }
  .chapter-set .modal-flex-content .right-close-container {
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px; }
    .chapter-set .modal-flex-content .right-close-container .close-icon {
      width: 100%;
      height: inherit;
      background-image: url("../images/icons/white_cancel.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 15px;
      cursor: pointer; }
  .chapter-set .modal-flex-content .button-container {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    text-align: center;
    padding: 20px 0 0;
    width: 90%;
    max-width: 690px;
    margin: 0 auto; }
    .chapter-set .modal-flex-content .button-container button {
      margin-top: 20px;
      border: 2px solid #616a70;
      color: #616a70;
      font-size: 1.2em;
      font-weight: 700;
      width: 60%; }
      .chapter-set .modal-flex-content .button-container button.cta-one {
        margin-right: 5px; }
      .chapter-set .modal-flex-content .button-container button.cta-two {
        margin-left: 5px; }
  .chapter-set .modal-flex-content .book_wrapper {
    max-width: 690px;
    width: 90%;
    margin: 0 auto; }
    @media only screen and (max-width: 800px) {
      .chapter-set .modal-flex-content .book_wrapper {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; } }
    .chapter-set .modal-flex-content .book_wrapper .book-cover-container {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      padding-top: 20px; }
      @media only screen and (max-width: 800px) {
        .chapter-set .modal-flex-content .book_wrapper .book-cover-container {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%;
          padding-bottom: 30px; }
          .chapter-set .modal-flex-content .book_wrapper .book-cover-container > div {
            margin: 0 auto; } }
    .chapter-set .modal-flex-content .book_wrapper .chapter-set-container {
      font-family: "Calluna", serif;
      flex: 1 1 auto;
      -webkit-flex: 1 1 auto; }
      @media only screen and (max-width: 800px) {
        .chapter-set .modal-flex-content .book_wrapper .chapter-set-container ol.chapters li.chapter_li {
          margin-left: 4.5em; } }
      @media only screen and (min-width: 801px) {
        .chapter-set .modal-flex-content .book_wrapper .chapter-set-container {
          padding-left: 100px; } }

/* Article Layouts */
.newspage-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0; }

.newspage-block {
  margin-bottom: 1em;
  position: relative;
  background-color: white;
  height: 400px;
  overflow: hidden;
  border: 1px solid #d0d0d0; }
  .newspage-block .newspage-image {
    background-position: center;
    background-size: cover;
    top: 0;
    width: 100%;
    height: 50%; }
    .newspage-block .newspage-image:hover {
      cursor: pointer; }
  .newspage-block .newspage-article {
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    width: 100%;
    height: 40%;
    overflow: hidden; }
    .newspage-block .newspage-article .newspage-article-h1 {
      font-family: "Calluna", serif;
      font-size: 1.5em;
      line-height: 1.5em;
      min-height: 1.25em;
      max-height: 1.25em;
      overflow: hidden;
      margin-bottom: 10px; }
    .newspage-block .newspage-article .newspage-article-text {
      text-align: justify;
      overflow: hidden;
      text-align: justify;
      height: 76px; }
      .newspage-block .newspage-article .newspage-article-text p {
        font-size: 1em;
        line-height: 1.5em;
        vertical-align: text-top; }

.overflown {
  position: relative; }
  .overflown:before {
    content: '';
    width: 100%;
    height: 1.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 60%, white 80%);
    background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 60%, white 80%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 60%, white 80%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 60%, white 80%); }

.newspage-article-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  bottom: 15px;
  height: 2em;
  width: 100%;
  padding-left: 30px; }

.newspage-date {
  font-size: 12px; }

.newspage-readmore-link {
  color: #2cc3ce;
  text-decoration: underline;
  font-size: 12px;
  margin-bottom: 5px; }
  .newspage-readmore-link:hover {
    cursor: pointer;
    color: #616a70; }

@media screen and (min-width: 1000px) {
  .newspage-wrapper {
    flex-direction: row;
    margin-top: 50px;
    font-size: 1em; }
  .newspage-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
    height: 400px; }
    .newspage-block .newspage-image {
      height: 50%; }
    .newspage-block .newspage-article {
      display: flex;
      flex-direction: column;
      height: 40%; }
      .newspage-block .newspage-article .newspage-article-h1 {
        min-height: 3em;
        max-height: 3em; }
    .newspage-block .newspage-footer {
      height: 10%; }
  .newspage-block:nth-child(1) {
    flex-direction: row-reverse; }
    .newspage-block:nth-child(1) .newspage-image {
      width: 50%;
      height: 100%; }
    .newspage-block:nth-child(1) .newspage-article {
      width: 50%;
      height: 92%;
      padding-top: 5%; }
      .newspage-block:nth-child(1) .newspage-article .newspage-article-text {
        height: 24em; }
  .newspage-block:nth-child(2), .newspage-block:nth-child(5) {
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 480px;
    width: 55%; }
    .newspage-block:nth-child(2) .newspage-image, .newspage-block:nth-child(5) .newspage-image {
      width: 100%;
      height: 45%; }
    .newspage-block:nth-child(2) .newspage-article, .newspage-block:nth-child(5) .newspage-article {
      width: 100%;
      height: 45.5%; }
      .newspage-block:nth-child(2) .newspage-article .newspage-article-text, .newspage-block:nth-child(5) .newspage-article .newspage-article-text {
        height: 16em; }
    .newspage-block:nth-child(2) .newspage-article-footer, .newspage-block:nth-child(5) .newspage-article-footer {
      top: 210px; }
  .newspage-block:nth-child(2) {
    margin-right: 1em; }
  .newspage-block:nth-child(3), .newspage-block:nth-child(4) {
    width: 43%;
    height: 480px; }
    .newspage-block:nth-child(3) .newspage-image, .newspage-block:nth-child(4) .newspage-image {
      height: 45%; }
    .newspage-block:nth-child(3) .newspage-article, .newspage-block:nth-child(4) .newspage-article {
      height: 46%; }
      .newspage-block:nth-child(3) .newspage-article .newspage-article-text, .newspage-block:nth-child(4) .newspage-article .newspage-article-text {
        height: 16em; }
  .newspage-block:nth-child(4) {
    margin-right: 1em; }
  .newspage-block:nth-child(6), .newspage-block:nth-child(7), .newspage-block:nth-child(8) {
    width: 32%;
    height: 600px; }
    .newspage-block:nth-child(6) .newspage-article, .newspage-block:nth-child(7) .newspage-article, .newspage-block:nth-child(8) .newspage-article {
      height: 44.5%; }
      .newspage-block:nth-child(6) .newspage-article .newspage-article-text, .newspage-block:nth-child(7) .newspage-article .newspage-article-text, .newspage-block:nth-child(8) .newspage-article .newspage-article-text {
        height: 10em; }
  .newspage-block:nth-child(6), .newspage-block:nth-child(7) {
    margin: 0 1em 1em 0; }
  .newspage-block:nth-child(8) {
    margin: 0 0 1em 0; } }

#top.optin, #top.faq {
  background-color: #2cc3ce; }
  #top.optin .wrapper, #top.optin .blue-error .column-container, .blue-error #top.optin .column-container, #top.faq .wrapper, #top.faq .blue-error .column-container, .blue-error #top.faq .column-container {
    display: flex;
    margin-top: 10%; }
  #top.optin .text, #top.faq .text {
    font-family: "Calluna", serif; }
  #top.optin .heading, #top.faq .heading {
    font-size: 34pt;
    line-height: 42pt;
    font-weight: bold;
    color: white; }
  #top.optin .description, #top.faq .description {
    font-family: "Proba", sans-serif;
    margin: 20px 0;
    font-size: 14pt;
    line-height: 24pt;
    color: white;
    margin-right: 30px; }
  #top.optin .cta, #top.faq .cta {
    background-color: #2cc3ce;
    border-top: none;
    padding: 0;
    height: 120px;
    align-items: center; }
  #top.optin img, #top.faq img {
    width: 379px;
    height: 379px; }
  #top.optin textarea, #top.faq textarea {
    background-color: #f5f4f1;
    border: 1px solid #d0d0ce;
    border-radius: 250px;
    height: 65px;
    width: 486px;
    font-family: "Proba", sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 35px;
    margin-left: 0; }
  #top.optin .cta button, #top.faq .cta button {
    margin-left: 30px;
    font-family: "Proba", sans-serif;
    font-weight: bold;
    color: #f5f4f1;
    background-color: #2cc3ce;
    border: 4px solid white;
    font-size: 30px;
    height: 65px;
    width: 242px;
    border-radius: 250px; }
  #top.optin .message, #top.faq .message {
    margin: 0;
    font-family: "Proba", sans-serif;
    font-weight: 500;
    color: #f5f4f1;
    font-size: 30px;
    height: 60px; }

#top.faq {
  background-color: white; }
  #top.faq .wrapper, #top.faq .blue-error .column-container, .blue-error #top.faq .column-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #2cc3ce;
    width: 100%;
    padding: 10%;
    margin-top: 0;
    max-width: 100%;
    height: 500px;
    border-bottom: 20px solid lightgrey; }
    #top.faq .wrapper .text, #top.faq .blue-error .column-container .text, .blue-error #top.faq .column-container .text {
      margin-right: 50px; }
    #top.faq .wrapper img, #top.faq .blue-error .column-container img, .blue-error #top.faq .column-container img {
      width: 300px;
      height: 300px;
      align-self: center; }

@media only screen and (max-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
  #top.faq .wrapper, #top.faq .blue-error .column-container, .blue-error #top.faq .column-container {
    display: flex;
    flex-direction: column-reverse;
    height: 300px;
    border-bottom: 15px solid lightgrey; }
    #top.faq .wrapper .text, #top.faq .blue-error .column-container .text, .blue-error #top.faq .column-container .text {
      margin-right: 0; }
      #top.faq .wrapper .text .heading, #top.faq .blue-error .column-container .text .heading, .blue-error #top.faq .column-container .text .heading {
        font-size: 18px;
        line-height: 20px; }
      #top.faq .wrapper .text .description, #top.faq .blue-error .column-container .text .description, .blue-error #top.faq .column-container .text .description {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0; }
    #top.faq .wrapper img, #top.faq .blue-error .column-container img, .blue-error #top.faq .column-container img {
      width: 125px;
      height: 125px;
      margin-bottom: 10px; }
  #top.optin .message {
    margin: 5px 0 0;
    font-size: 18px;
    height: 24px; }
  #top.optin .wrapper .wrap2, #top.optin .blue-error .column-container .wrap2, .blue-error #top.optin .column-container .wrap2 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%; }
    #top.optin .wrapper .wrap2 .form, #top.optin .blue-error .column-container .wrap2 .form, .blue-error #top.optin .column-container .wrap2 .form {
      align-items: center; }
      #top.optin .wrapper .wrap2 .form .text, #top.optin .blue-error .column-container .wrap2 .form .text, .blue-error #top.optin .column-container .wrap2 .form .text {
        align-items: center; }
    #top.optin .wrapper .wrap2 .text, #top.optin .blue-error .column-container .wrap2 .text, .blue-error #top.optin .column-container .wrap2 .text {
      margin: 0 auto;
      width: 85%; }
      #top.optin .wrapper .wrap2 .text .heading, #top.optin .blue-error .column-container .wrap2 .text .heading, .blue-error #top.optin .column-container .wrap2 .text .heading {
        font-size: 18px;
        line-height: 20px; }
      #top.optin .wrapper .wrap2 .text .description, #top.optin .blue-error .column-container .wrap2 .text .description, .blue-error #top.optin .column-container .wrap2 .text .description {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0; }
    #top.optin .wrapper .wrap2 .cta, #top.optin .blue-error .column-container .wrap2 .cta, .blue-error #top.optin .column-container .wrap2 .cta {
      width: 100%; }
      #top.optin .wrapper .wrap2 .cta form, #top.optin .blue-error .column-container .wrap2 .cta form, .blue-error #top.optin .column-container .wrap2 .cta form {
        width: 85%;
        margin: 0 auto;
        flex-direction: column;
        align-items: center; }
        #top.optin .wrapper .wrap2 .cta form textarea, #top.optin .blue-error .column-container .wrap2 .cta form textarea, .blue-error #top.optin .column-container .wrap2 .cta form textarea {
          width: 100%;
          height: 40px;
          font-size: 14px;
          line-height: 16px;
          padding: 10px 20px;
          margin: 10px; }
        #top.optin .wrapper .wrap2 .cta form button, #top.optin .blue-error .column-container .wrap2 .cta form button, .blue-error #top.optin .column-container .wrap2 .cta form button {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 40px;
          font-size: 14px;
          border-width: 2px; }
  #top.optin .wrapper img, #top.optin .blue-error .column-container img, .blue-error #top.optin .column-container img {
    width: 125px;
    height: 125px;
    margin-bottom: 10px; } }

@media only screen and (max-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 3) {
  #top.faq .wrapper, #top.faq .blue-error .column-container, .blue-error #top.faq .column-container {
    display: flex;
    flex-direction: column-reverse;
    height: 300px;
    border-bottom: 15px solid lightgrey; }
    #top.faq .wrapper .text, #top.faq .blue-error .column-container .text, .blue-error #top.faq .column-container .text {
      margin-right: 0; }
      #top.faq .wrapper .text .heading, #top.faq .blue-error .column-container .text .heading, .blue-error #top.faq .column-container .text .heading {
        font-size: 18px;
        line-height: 20px; }
      #top.faq .wrapper .text .description, #top.faq .blue-error .column-container .text .description, .blue-error #top.faq .column-container .text .description {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0; }
    #top.faq .wrapper img, #top.faq .blue-error .column-container img, .blue-error #top.faq .column-container img {
      width: 125px;
      height: 125px;
      margin-bottom: 10px; }
  #top.optin .message {
    margin: 5px 0 0;
    font-size: 18px;
    height: 24px; }
  #top.optin .wrapper .wrap2, #top.optin .blue-error .column-container .wrap2, .blue-error #top.optin .column-container .wrap2 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%; }
    #top.optin .wrapper .wrap2 .form, #top.optin .blue-error .column-container .wrap2 .form, .blue-error #top.optin .column-container .wrap2 .form {
      align-items: center; }
      #top.optin .wrapper .wrap2 .form .text, #top.optin .blue-error .column-container .wrap2 .form .text, .blue-error #top.optin .column-container .wrap2 .form .text {
        align-items: center; }
    #top.optin .wrapper .wrap2 .text, #top.optin .blue-error .column-container .wrap2 .text, .blue-error #top.optin .column-container .wrap2 .text {
      margin: 0 auto;
      width: 85%; }
      #top.optin .wrapper .wrap2 .text .heading, #top.optin .blue-error .column-container .wrap2 .text .heading, .blue-error #top.optin .column-container .wrap2 .text .heading {
        font-size: 18px;
        line-height: 20px; }
      #top.optin .wrapper .wrap2 .text .description, #top.optin .blue-error .column-container .wrap2 .text .description, .blue-error #top.optin .column-container .wrap2 .text .description {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0; }
    #top.optin .wrapper .wrap2 .cta, #top.optin .blue-error .column-container .wrap2 .cta, .blue-error #top.optin .column-container .wrap2 .cta {
      width: 100%; }
      #top.optin .wrapper .wrap2 .cta form, #top.optin .blue-error .column-container .wrap2 .cta form, .blue-error #top.optin .column-container .wrap2 .cta form {
        width: 85%;
        margin: 0 auto;
        flex-direction: column;
        align-items: center; }
        #top.optin .wrapper .wrap2 .cta form textarea, #top.optin .blue-error .column-container .wrap2 .cta form textarea, .blue-error #top.optin .column-container .wrap2 .cta form textarea {
          width: 100%;
          height: 40px;
          font-size: 14px;
          line-height: 16px;
          padding: 10px 20px;
          margin: 10px; }
        #top.optin .wrapper .wrap2 .cta form button, #top.optin .blue-error .column-container .wrap2 .cta form button, .blue-error #top.optin .column-container .wrap2 .cta form button {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 40px;
          font-size: 14px;
          border-width: 2px; }
  #top.optin .wrapper img, #top.optin .blue-error .column-container img, .blue-error #top.optin .column-container img {
    width: 125px;
    height: 125px;
    margin-bottom: 10px; } }

/* General Styles for Our Jambios */
/* Intro */
.ojb-bookshelf {
  margin-top: 100px; }

.ojb-intro-wrapper {
  background-color: white;
  padding: 70px 15px;
  text-align: center; }
  .ojb-intro-wrapper h1 {
    padding-bottom: 40px;
    font-family: "Calluna", serif;
    color: #616a70; }
  .ojb-intro-wrapper p {
    text-align: left;
    margin-bottom: 20px; }
  .ojb-intro-wrapper button {
    margin-top: 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 10px 30px;
    font-size: 0.9em;
    background-color: #2cc3ce;
    border: 1px #2cc3ce solid;
    cursor: pointer;
    color: white;
    width: 250px;
    font-size: 18px; }
    .ojb-intro-wrapper button:hover {
      background-color: #279faa;
      color: white;
      transition: all 300ms ease; }

.ourjambio.row-container .order1 {
  order: 1; }

.ourjambio.row-container .order2 {
  order: 2; }

.ourjambio.row-container .order3 {
  order: 3; }

.privacy-policy > h1 {
  font-family: "Proba", sans-serif;
  font-size: 1.5;
  color: #2cc3ce;
  line-height: 1.5;
  padding: 35px 0;
  text-align: center; }

.privacy-policy .privacy-msg p {
  margin-bottom: 20px; }

.terms-wrapper > h1 {
  font-family: "Proba", sans-serif;
  font-size: 1.5;
  color: #2cc3ce;
  line-height: 1.5;
  padding: 35px 0;
  text-align: center; }

.statement .wrapper p, .statement .blue-error .column-container p, .blue-error .statement .column-container p {
  margin-bottom: 10px; }

/* Profile Panel */
.profile, .billing, .password {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 30px auto 50px; }
  .profile h3, .billing h3, .password h3 {
    margin: 20px 0; }
  .profile h4, .profile h5, .billing h4, .billing h5, .password h4, .password h5 {
    margin: 30px 0 20px; }
  .profile p, .billing p, .password p {
    margin-bottom: 15px;
    padding: 12px;
    background-color: #e8e7e3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .profile .status_msg, .billing .status_msg, .password .status_msg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: red;
    margin: 20px;
    font-size: 1em; }
    .profile .status_msg ul, .billing .status_msg ul, .password .status_msg ul {
      list-style-type: disc;
      display: block; }
      .profile .status_msg ul li, .billing .status_msg ul li, .password .status_msg ul li {
        display: block;
        type: disc; }

.password input {
  width: 100%;
  margin: 10px 0; }

.member {
  border: 1px solid #e8e7e3;
  padding: 10px 20px; }

.coming_soon {
  color: #aaa; }

.panel_title {
  color: #262626;
  margin-left: 5px; }

.puzzle-hero, .help-hero {
  background-color: #2cc3ce;
  padding: 30px 50px; }
  .puzzle-hero .intro-box, .help-hero .intro-box {
    color: white;
    padding-top: 15px; }
    .puzzle-hero .intro-box h1, .help-hero .intro-box h1 {
      font-family: "Calluna", serif;
      font-size: 3em; }
    .puzzle-hero .intro-box p, .help-hero .intro-box p {
      font-family: "Calluna", serif;
      font-size: 1.5em; }
  .puzzle-hero .four-column, .help-hero .four-column {
    text-align: center; }
    @media only screen and (min-width: 800px) {
      .puzzle-hero .four-column img, .help-hero .four-column img {
        width: 55%; } }
  @media only screen and (max-width: 500px) {
    .puzzle-hero, .help-hero {
      padding: 30px 25px; }
      .puzzle-hero .column-container, .help-hero .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .puzzle-hero .column-container > div, .help-hero .column-container > div {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; }
          .puzzle-hero .column-container > div.intro-box, .help-hero .column-container > div.intro-box {
            order: 2;
            -webkit-order: 2;
            -ms-order: 2; }
          .puzzle-hero .column-container > div.four-column, .help-hero .column-container > div.four-column {
            order: 1;
            -webkit-order: 1;
            -ms-order: 1; }
            .puzzle-hero .column-container > div.four-column img, .help-hero .column-container > div.four-column img {
              width: 80%; } }

.monty-container-wrapper {
  background-color: white; }

.monty-container-1 .monty-wrapper,
.monty-container-2 .monty-wrapper,
.monty-container-3 .monty-wrapper {
  width: 100%;
  max-width: 70em;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 80px 30px;
  border-bottom: 1px dashed #b7b7b7;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: center;
  -webkit-justify-content: center;
  justify-content: center; }
  @media only screen and (max-width: 1440px) {
    .monty-container-1 .monty-wrapper,
    .monty-container-2 .monty-wrapper,
    .monty-container-3 .monty-wrapper {
      display: block; } }
  @media only screen and (max-width: 500px) {
    .monty-container-1 .monty-wrapper,
    .monty-container-2 .monty-wrapper,
    .monty-container-3 .monty-wrapper {
      padding-top: 40px;
      padding-bottom: 40px; } }

.monty-container-1 .intro-box,
.monty-container-2 .intro-box,
.monty-container-3 .intro-box {
  color: #616a70;
  font-family: "Calluna", serif;
  padding: 50px; }
  .monty-container-1 .intro-box h2,
  .monty-container-2 .intro-box h2,
  .monty-container-3 .intro-box h2 {
    width: 80%;
    font-weight: 200;
    font-size: 1.6em;
    line-height: 1.5; }
  @media only screen and (max-width: 1440px) {
    .monty-container-1 .intro-box,
    .monty-container-2 .intro-box,
    .monty-container-3 .intro-box {
      max-width: 650px;
      margin: 0 auto;
      padding: 0 0 20px; }
      .monty-container-1 .intro-box h2,
      .monty-container-2 .intro-box h2,
      .monty-container-3 .intro-box h2 {
        font-size: 1.3em;
        width: 100%; } }

.monty-container-1 .screenshot,
.monty-container-2 .screenshot,
.monty-container-3 .screenshot {
  cursor: pointer; }
  .monty-container-1 .screenshot img,
  .monty-container-2 .screenshot img,
  .monty-container-3 .screenshot img {
    max-width: 560px; }
  .monty-container-1 .screenshot p,
  .monty-container-2 .screenshot p,
  .monty-container-3 .screenshot p {
    color: #616a70;
    margin-top: 10px;
    text-align: center; }
    @media only screen and (max-width: 600px) {
      .monty-container-1 .screenshot p,
      .monty-container-2 .screenshot p,
      .monty-container-3 .screenshot p {
        display: none; } }
  @media only screen and (max-width: 1440px) {
    .monty-container-1 .screenshot,
    .monty-container-2 .screenshot,
    .monty-container-3 .screenshot {
      text-align: center; }
      .monty-container-1 .screenshot img,
      .monty-container-2 .screenshot img,
      .monty-container-3 .screenshot img {
        max-width: 650px;
        width: 100%; } }

.monty-container-1 .monty-asset {
  position: absolute;
  left: 360px;
  bottom: -4px; }
  @media only screen and (max-width: 1440px) {
    .monty-container-1 .monty-asset {
      left: 60px; } }
  .monty-container-1 .monty-asset img {
    width: 179px; }

.monty-container-2 .monty-asset {
  position: absolute;
  right: 0;
  bottom: -4px; }
  .monty-container-2 .monty-asset img {
    width: 159px; }

@media only screen and (min-width: 1441px) {
  .monty-container-2 .screenshot {
    order: 1;
    -webkit-order: 1;
    -ms-order: 1; }
  .monty-container-2 .intro-box {
    padding-top: 80px;
    order: 2;
    -webkit-order: 2;
    -ms-order: 2; }
    .monty-container-2 .intro-box h2 {
      width: 85%; } }

.monty-container-3 .monty-asset {
  position: absolute;
  left: 0;
  bottom: -4px; }
  .monty-container-3 .monty-asset .monty-profile {
    display: none; }
  .monty-container-3 .monty-asset .monty-large {
    width: 320px; }
  @media only screen and (max-width: 1440px) {
    .monty-container-3 .monty-asset {
      bottom: -22px; }
      .monty-container-3 .monty-asset .monty-large {
        display: none; }
      .monty-container-3 .monty-asset .monty-profile {
        display: block; } }

.monty-container-3 .screenshot img {
  max-width: 580px; }
  @media only screen and (max-width: 1440px) {
    .monty-container-3 .screenshot img {
      max-width: 650px;
      width: 100%; } }

.monty-container-3 .intro-box {
  padding-top: 0;
  padding-left: 0; }

.end-monty {
  background-color: white; }
  .end-monty .monty-wrapper {
    width: 100%;
    max-width: 70em;
    height: auto;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 30px 0;
    text-align: center; }
    .end-monty .monty-wrapper h2, .end-monty .monty-wrapper p {
      color: #616a70;
      font-family: "Calluna", serif;
      font-size: 1.6em;
      padding-bottom: 20px;
      font-weight: 300; }
    .end-monty .monty-wrapper p {
      text-align: left; }
    .end-monty .monty-wrapper .monty-head-wrapper {
      position: relative;
      width: 130px;
      height: 80px;
      margin: 20px auto 0; }
    .end-monty .monty-wrapper .monty-head-2 {
      position: absolute;
      z-index: 100;
      bottom: -22px;
      left: 0; }
      .end-monty .monty-wrapper .monty-head-2 .eyes {
        position: absolute;
        top: 75px;
        left: 38px; }

.bottom-button-container {
  padding: 50px;
  text-align: center;
  position: relative;
  z-index: 100; }
  @media only screen and (max-width: 400px) {
    .bottom-button-container {
      padding: 50px 10px; } }
  .bottom-button-container button {
    background-color: #2cc3ce;
    font-size: 1.5em;
    color: white;
    width: 300px;
    padding: 10px 0; }

@media only screen and (max-width: 1125px) {
  .intro-box h2 {
    line-height: 1; }
  .monty-asset {
    display: none; } }

.quote {
  font-family: "Calluna", serif;
  font-style: italic;
  font-size: 1.5em; }
  .quote:before {
    content: url("../images/icons/divider.png");
    display: block; }
    @media only screen and (max-width: 400px) {
      .quote:before {
        margin-bottom: -5px; } }

.dedication {
  padding: 30px 0;
  border-bottom: 1px solid #b5b5b5; }
  .dedication h4 {
    font-family: "Calluna", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center; }

.resources {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .resources .optin, .resources .resource_header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    background-color: #bc3878;
    border-bottom: solid #e8e7e3 20px; }
    .resources .optin .form-wrapper, .resources .resource_header .form-wrapper {
      display: flex;
      flex-direction: column;
      width: 60%; }
      .resources .optin .form-wrapper .optin-form, .resources .resource_header .form-wrapper .optin-form {
        display: flex;
        align-items: center;
        background-color: #bc3878;
        padding: 50px 0; }
        .resources .optin .form-wrapper .optin-form .text, .resources .resource_header .form-wrapper .optin-form .text {
          font-family: "Calluna", serif; }
        .resources .optin .form-wrapper .optin-form .heading, .resources .resource_header .form-wrapper .optin-form .heading {
          font-family: "Calluna", serif;
          font-size: 40pt;
          line-height: 42pt;
          font-weight: bold;
          color: white; }
        .resources .optin .form-wrapper .optin-form .description, .resources .resource_header .form-wrapper .optin-form .description {
          font-family: "Proba", sans-serif;
          margin: 20px 0;
          font-size: 14pt;
          line-height: 24pt;
          color: white;
          margin-right: 30px; }
        .resources .optin .form-wrapper .optin-form .cta, .resources .resource_header .form-wrapper .optin-form .cta {
          background-color: #bc3878;
          border-top: none;
          padding: 0;
          height: 120px;
          align-items: center; }
        .resources .optin .form-wrapper .optin-form img, .resources .resource_header .form-wrapper .optin-form img {
          width: 300px;
          align-self: center; }
        .resources .optin .form-wrapper .optin-form textarea, .resources .resource_header .form-wrapper .optin-form textarea {
          background-color: #f5f4f1;
          border: 1px solid #d0d0ce;
          border-radius: 250px;
          height: 65px;
          width: 486px;
          font-family: "Proba", sans-serif;
          font-size: 18px;
          line-height: 24px;
          padding: 20px 35px;
          margin-left: 0; }
        .resources .optin .form-wrapper .optin-form .cta button, .resources .resource_header .form-wrapper .optin-form .cta button {
          margin-left: 30px;
          font-family: "Proba", sans-serif;
          font-weight: bold;
          color: #f5f4f1;
          background-color: #bc3878;
          border: 4px solid white;
          font-size: 30px;
          height: 65px;
          width: 242px;
          border-radius: 250px; }

.resources .optin .form-wrapper .message {
  margin: 0 0 40px;
  font-family: "Proba", sans-serif;
  font-weight: 500;
  color: #f5f4f1;
  font-size: 30px;
  height: 60px; }

.resources h1 {
  font-family: "Calluna", serif; }

.resources .resource_header {
  height: 350px;
  line-height: 300px;
  font-size: 2em;
  font-family: "Calluna", serif;
  text-align: center;
  color: #f5f4f1; }

.resources .intro-wrapper, .resources .resource-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%; }
  .resources .intro-wrapper .intro, .resources .intro-wrapper .resource_content, .resources .resource-wrapper .intro, .resources .resource-wrapper .resource_content {
    width: 60%;
    border-bottom: solid #d0d0ce 1px;
    border: none; }
    .resources .intro-wrapper .intro h1, .resources .intro-wrapper .resource_content h1, .resources .resource-wrapper .intro h1, .resources .resource-wrapper .resource_content h1 {
      text-align: center;
      color: #2cc3ce;
      padding: 25px 0;
      font-size: 3.2em;
      color: #616a70; }
    .resources .intro-wrapper .intro p, .resources .intro-wrapper .resource_content p, .resources .resource-wrapper .intro p, .resources .resource-wrapper .resource_content p {
      font-size: 1.2em;
      line-height: 1.5em;
      margin: 20px 0;
      color: #616a70; }
    .resources .intro-wrapper .intro .intro, .resources .intro-wrapper .resource_content .intro, .resources .resource-wrapper .intro .intro, .resources .resource-wrapper .resource_content .intro {
      width: 100%;
      padding: 50px 0;
      border-bottom: 1px #d0d0ce solid; }
    .resources .intro-wrapper .intro .body, .resources .intro-wrapper .resource_content .body, .resources .resource-wrapper .intro .body, .resources .resource-wrapper .resource_content .body {
      body: 100%;
      padding: 50px 0; }
    .resources .intro-wrapper .intro .topic_sentence, .resources .intro-wrapper .resource_content .topic_sentence, .resources .resource-wrapper .intro .topic_sentence, .resources .resource-wrapper .resource_content .topic_sentence {
      color: #616a70;
      font-family: "Calluna", serif;
      font-weight: bold;
      font-size: 1.4em;
      text-indent: 20px; }
    .resources .intro-wrapper .intro .quotation, .resources .intro-wrapper .resource_content .quotation, .resources .resource-wrapper .intro .quotation, .resources .resource-wrapper .resource_content .quotation {
      padding: 10px 20px;
      font-family: "Calluna", serif;
      font-size: 1.2em;
      line-height: 1.6em;
      color: #616a70; }
    .resources .intro-wrapper .intro ol, .resources .intro-wrapper .resource_content ol, .resources .resource-wrapper .intro ol, .resources .resource-wrapper .resource_content ol {
      list-style: none;
      counter-reset: item;
      width: 95%;
      margin: 0 auto; }
      .resources .intro-wrapper .intro ol li, .resources .intro-wrapper .resource_content ol li, .resources .resource-wrapper .intro ol li, .resources .resource-wrapper .resource_content ol li {
        counter-increment: item;
        margin-top: 35px; }
      .resources .intro-wrapper .intro ol li .topic_sentence:before, .resources .intro-wrapper .resource_content ol li .topic_sentence:before, .resources .resource-wrapper .intro ol li .topic_sentence:before, .resources .resource-wrapper .resource_content ol li .topic_sentence:before {
        position: relative;
        font-size: 1.2em;
        content: counter(item) ". ";
        color: #616a70;
        display: inline-block; }
      .resources .intro-wrapper .intro ol p, .resources .intro-wrapper .resource_content ol p, .resources .resource-wrapper .intro ol p, .resources .resource-wrapper .resource_content ol p {
        margin-top: 20px; }
    .resources .intro-wrapper .intro ul, .resources .intro-wrapper .resource_content ul, .resources .resource-wrapper .intro ul, .resources .resource-wrapper .resource_content ul {
      list-style: none;
      width: 95%;
      margin: 0 auto; }
      .resources .intro-wrapper .intro ul li, .resources .intro-wrapper .resource_content ul li, .resources .resource-wrapper .intro ul li, .resources .resource-wrapper .resource_content ul li {
        margin: 0;
        margin-left: 10px;
        padding: 0;
        padding-left: 20px;
        text-indent: -35px;
        font-family: "Calluna", serif;
        font-size: 1.2em;
        line-height: 1.6em;
        color: #616a70; }
      .resources .intro-wrapper .intro ul li:before, .resources .intro-wrapper .resource_content ul li:before, .resources .resource-wrapper .intro ul li:before, .resources .resource-wrapper .resource_content ul li:before {
        position: relative;
        content: "•\2002";
        color: #616a70;
        font-size: 2em; }

.resources .intro-wrapper .intro {
  border-bottom: 1px solid #d0d0ce; }

.resources .list-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 30px 0; }
  .resources .list-wrapper .resource_list {
    width: 45%; }
    .resources .list-wrapper .resource_list .resource_item {
      border-bottom: solid #d0d0ce 1px;
      padding: 50px 0 30px; }
      .resources .list-wrapper .resource_list .resource_item h1 {
        text-align: center;
        color: #616a70;
        padding: 15px 0;
        font-size: 2.6em; }
      .resources .list-wrapper .resource_list .resource_item .resource_group {
        display: flex;
        flex-direction: row;
        color: #616a70; }
        .resources .list-wrapper .resource_list .resource_item .resource_group .resource_desc {
          flex: 0 0 45%;
          padding: 10px;
          font-size: 1.2em;
          line-height: 1.5em; }
        .resources .list-wrapper .resource_list .resource_item .resource_group .resource_img {
          align-self: center;
          width: 100%;
          flex: 0 0 55%;
          padding: 10px; }

.resources .list-wrapper .resource_item:nth-child(even) .resource_group {
  flex-direction: row-reverse; }

.resources .list-wrapper .resource_item:last-child {
  border-bottom: 0; }

.resources .return {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: #e8e7e3; }
  .resources .return button {
    background-color: #e8e7e3;
    padding: 0;
    border: 2px solid #616a70;
    border-radius: 250px;
    color: #616a70;
    font-family: "Proba", sans-serif;
    font-size: 1em;
    height: 2.5em;
    line-height: 2.3em;
    width: 12em; }

@media only screen and (max-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
  .resources {
    border-bottom: 50px solid lightgray; }
  .resources .optin .form-wrapper .optin-form {
    flex-direction: column-reverse;
    padding: 20px 0; }
    .resources .optin .form-wrapper .optin-form img {
      width: 75px; }
  .resources .optin .form-wrapper {
    width: 70%; }
    .resources .optin .form-wrapper .optin-form img {
      width: 100px; }
  .resources .optin .form-wrapper .optin-form .form .text .heading {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 10px; }
  .resources .optin .form-wrapper .optin-form .form .text .description {
    margin: 5px 0;
    font-size: 1em;
    line-height: 1.2em; }
  .resources .optin .form-wrapper .optin-form .form .cta form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .resources .optin .form-wrapper .optin-form .form .cta form textarea {
      width: 100%;
      height: 2.5em;
      font-size: 1em;
      line-height: 2.3em;
      padding: 0;
      padding-left: 20px; }
    .resources .optin .form-wrapper .optin-form .form .cta form .subscribe {
      margin: 10px 0 0;
      width: 100%;
      height: 2.5em;
      font-size: 1em;
      line-height: 1.5em;
      padding: .5px;
      border: 1px solid white; }
  .resources .intro-wrapper {
    padding: 10px 0; }
    .resources .intro-wrapper .intro {
      width: 85%;
      padding: 20px 0 0; }
      .resources .intro-wrapper .intro h1 {
        font-size: 1.2em;
        line-height: 1.4em;
        padding: 0; }
      .resources .intro-wrapper .intro p {
        margin: 20px 0;
        font-size: 1em;
        line-height: 1.4em; }
  .resources .list-wrapper {
    padding: 0; }
    .resources .list-wrapper .resource_list {
      width: 85%; }
      .resources .list-wrapper .resource_list .resource_item {
        padding: 40px 0 10px; }
        .resources .list-wrapper .resource_list .resource_item h1 {
          font-size: 1.2em;
          line-height: 1.4em;
          padding: 0; }
        .resources .list-wrapper .resource_list .resource_item .resource_group {
          flex-direction: column; }
          .resources .list-wrapper .resource_list .resource_item .resource_group .resource_desc {
            margin: 0;
            padding: 10px 0;
            font-size: 1em;
            line-height: 1.4em; }
  .resources .resource_header {
    height: 200px; }
    .resources .resource_header h1 {
      margin: auto 0;
      font-size: 1em;
      line-height: 1.4em;
      white-space: normal; }
  .resources .resource-wrapper .resource_content {
    width: 90%; }
    .resources .resource-wrapper .resource_content p {
      font-size: 1em;
      line-height: 1.4em;
      margin: 10px 0; }
    .resources .resource-wrapper .resource_content .intro {
      width: 100%;
      padding: 10px 0; }
    .resources .resource-wrapper .resource_content .body {
      padding: 10px 0; }
    .resources .resource-wrapper .resource_content .topic_sentence {
      font-size: 1.2em;
      text-indent: 5px; }
    .resources .resource-wrapper .resource_content .quotation {
      padding: 5px 10px;
      font-size: 1em;
      line-height: 1.4em; }
    .resources .resource-wrapper .resource_content ol li {
      margin-top: 20px; }
    .resources .resource-wrapper .resource_content ol li .topic_sentence:before {
      font-size: 1em;
      text-indent: -5px; }
    .resources .resource-wrapper .resource_content ol p {
      margin-top: 15px; }
    .resources .resource-wrapper .resource_content ul li {
      padding-left: 5px;
      text-indent: -15px;
      font-size: 1em;
      line-height: 1.4em; }
    .resources .resource-wrapper .resource_content ul li:before {
      content: "•\2002";
      font-size: 1em; }
  .resources .return {
    height: 100px; } }

@media only screen and (max-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 3) {
  .resources {
    border-bottom: 50px solid lightgray; }
  .resources .optin .form-wrapper .optin-form {
    flex-direction: column-reverse;
    padding: 20px 0; }
    .resources .optin .form-wrapper .optin-form img {
      width: 75px; }
  .resources .optin .form-wrapper {
    width: 70%; }
    .resources .optin .form-wrapper .optin-form img {
      width: 100px; }
  .resources .optin .form-wrapper .optin-form .form .text .heading {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 10px; }
  .resources .optin .form-wrapper .optin-form .form .text .description {
    margin: 5px 0;
    font-size: 1em;
    line-height: 1.2em; }
  .resources .optin .form-wrapper .optin-form .form .cta form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .resources .optin .form-wrapper .optin-form .form .cta form textarea {
      width: 100%;
      height: 2.5em;
      font-size: 1em;
      line-height: 2.3em;
      padding: 0;
      padding-left: 20px; }
    .resources .optin .form-wrapper .optin-form .form .cta form .subscribe {
      margin: 10px 0 0;
      width: 100%;
      height: 2.5em;
      font-size: 1em;
      line-height: 1.5em;
      padding: .5px;
      border: 1px solid white; }
  .resources .intro-wrapper {
    padding: 10px 0; }
    .resources .intro-wrapper .intro {
      width: 85%;
      padding: 20px 0 0; }
      .resources .intro-wrapper .intro h1 {
        font-size: 1.2em;
        line-height: 1.4em;
        padding: 0; }
      .resources .intro-wrapper .intro p {
        margin: 20px 0;
        font-size: 1em;
        line-height: 1.4em; }
  .resources .list-wrapper {
    padding: 0; }
    .resources .list-wrapper .resource_list {
      width: 85%; }
      .resources .list-wrapper .resource_list .resource_item {
        padding: 40px 0 10px; }
        .resources .list-wrapper .resource_list .resource_item h1 {
          font-size: 1.2em;
          line-height: 1.4em;
          padding: 0; }
        .resources .list-wrapper .resource_list .resource_item .resource_group {
          flex-direction: column; }
          .resources .list-wrapper .resource_list .resource_item .resource_group .resource_desc {
            margin: 0;
            padding: 10px 0;
            font-size: 1em;
            line-height: 1.4em; }
  .resources .resource_header {
    height: 200px; }
    .resources .resource_header h1 {
      margin: auto 0;
      font-size: 1em;
      line-height: 1.4em;
      white-space: normal; }
  .resources .resource-wrapper .resource_content {
    width: 90%; }
    .resources .resource-wrapper .resource_content p {
      font-size: 1em;
      line-height: 1.4em;
      margin: 10px 0; }
    .resources .resource-wrapper .resource_content .intro {
      width: 100%;
      padding: 10px 0; }
    .resources .resource-wrapper .resource_content .body {
      padding: 10px 0; }
    .resources .resource-wrapper .resource_content .topic_sentence {
      font-size: 1.2em;
      text-indent: 5px; }
    .resources .resource-wrapper .resource_content .quotation {
      padding: 5px 10px;
      font-size: 1em;
      line-height: 1.4em; }
    .resources .resource-wrapper .resource_content ol li {
      margin-top: 20px; }
    .resources .resource-wrapper .resource_content ol li .topic_sentence:before {
      font-size: 1em;
      text-indent: -5px; }
    .resources .resource-wrapper .resource_content ol p {
      margin-top: 15px; }
    .resources .resource-wrapper .resource_content ul li {
      padding-left: 5px;
      text-indent: -15px;
      font-size: 1em;
      line-height: 1.4em; }
    .resources .resource-wrapper .resource_content ul li:before {
      content: "•\2002";
      font-size: 1em; }
  .resources .return {
    height: 100px; } }

#shareBtn {
  position: relative;
  top: 20px;
  z-index: 199;
  float: right; }
  @media only screen and (max-width: 592px) {
    #shareBtn {
      position: absolute;
      top: 60px;
      right: 0; } }

@media only screen and (min-width: 1101px) {
  #registration_content_wrapper {
    top: auto;
    left: auto;
    max-width: 35em;
    min-width: 35em; }
    #registration_content_wrapper .main_container {
      padding: 20px 40px 5px; }
  .registration_column {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .wrapper.no_contributions, .blue-error .no_contributions.column-container {
    display: flex; }
  #chapter_content {
    min-width: 700px;
    max-width: 900px; }
  #share-guest {
    display: none; }
  .wrapper.show_reg, .blue-error .show_reg.column-container {
    max-width: none; } }

@media only screen and (max-width: 1100px) {
  #registration_content_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(28, 28, 28, 0.5); }
    #registration_content_wrapper .share.container {
      margin-top: 125px;
      margin-bottom: 100px; }
    #registration_content_wrapper .headline, #registration_content_wrapper .share_switch {
      font-size: 1.2em; }
    #registration_content_wrapper .user-form {
      font-size: .85em; }
      #registration_content_wrapper .user-form .check-select input[type=checkbox] + label {
        margin-left: 5px;
        margin-top: 0;
        margin-bottom: 5px; }
      #registration_content_wrapper .user-form .missing {
        margin-left: 5px; }
    #registration_content_wrapper #share-reg-preval {
      margin-top: 20px;
      margin-bottom: 5px; }
    #registration_content_wrapper #share-guest {
      display: block;
      margin-top: 5px; }
    #registration_content_wrapper .main_container {
      padding: 0 20px; }
    #registration_content_wrapper .intro_avatar {
      float: none;
      margin: auto;
      width: 100px;
      height: 100px; }
    #registration_content_wrapper .check-select span {
      margin-left: 20px; }
    #registration_content_wrapper .intro {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: .85em;
      text-align: center; }
      #registration_content_wrapper .intro p, #registration_content_wrapper .intro ul {
        text-align: left; } }

.share.container {
  display: flex;
  flex-basis: 35%;
  max-width: 90%;
  flex-direction: column;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.28)); }
  .share.container.hidden {
    display: none; }
  .share.container button {
    margin: 20px auto;
    width: 100%;
    background-color: #2cc3ce;
    font-size: 1.25em;
    color: white;
    line-height: 2em;
    border: none; }
  .share.container .headline {
    background-color: #616a70;
    color: white;
    font-size: 1.625em;
    min-height: 2.2em;
    padding-top: .5em; }
  .share.container .main_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    font-family: "Proba", sans-serif; }
    .share.container .main_container .intro {
      text-align: left;
      font-size: 1em;
      margin-bottom: 15px;
      line-height: 1.5em;
      color: #616a70; }
      .share.container .main_container .intro p {
        padding-top: 10px; }
        .share.container .main_container .intro p:first-of-type {
          padding-top: 20px; }
      .share.container .main_container .intro ul {
        display: block;
        clear: none;
        padding-top: 15px; }
        .share.container .main_container .intro ul li {
          display: list-item;
          list-style: disc;
          margin-left: 20px;
          line-height: 1.6em;
          clear: none; }
    .share.container .main_container .terms {
      margin-bottom: 0; }
    .share.container .main_container #inline_terms {
      margin: 20px auto; }
      .share.container .main_container #inline_terms .statement p {
        text-align: left; }
    .share.container .main_container .intro_avatar {
      width: 150px;
      height: 150px;
      float: right;
      margin-left: 10px;
      top: -10px; }
    .share.container .main_container .user-form form {
      margin-top: 0; }
    .share.container .main_container .user-form #share-reg-preval {
      margin-top: 20px; }
    .share.container .main_container .user-form .check-select input[type=checkbox] + label {
      margin-top: 0;
      margin-bottom: 0; }
    .share.container .main_container .user-form .missing {
      margin-left: 5px; }
    .share.container .main_container .user-form input, .share.container .main_container .user-form .country_reg {
      width: 100%;
      margin: 5px;
      border: solid 1px #cfcdcc;
      border-radius: 3px;
      padding: 10px;
      background-color: #f5f4f0; }
    .share.container .main_container .user-form select {
      color: #616a70; }
    .share.container .main_container .user-form .check-select span {
      margin-left: 10px;
      font-size: 1em;
      color: black; }
    .share.container .main_container .user-form .radio-buttons {
      margin-top: 15px; }
    .share.container .main_container .user-form #inline_terms {
      display: none; }
  .share.container .share_switch {
    padding: 15px;
    background-color: #616a70;
    color: white;
    font-size: 1.5em;
    font-family: "Proba", sans-serif; }
    .share.container .share_switch .bluetext {
      cursor: pointer;
      text-decoration: underline; }

.guest_error .modal-flex-container {
  width: 300px; }

/* Truncate in this file are used for: explore/index.cfm, contributions/index.cfm */
.truncate, .component-body.comment-components .component-single .title-area p:last-child, .component-body.section-components .component-single .book-details-area h4, .component-body.section-components .component-single .book-details-area h2, .component-body.section-components .component-single .book-details-area h3, .component-body.contribution-components .component-single .book-details-area h2, .component-body.read-components .component-single .book-details-area h2, .component-body.contribution-components .component-single .book-details-area h3, .component-body.read-components .component-single .book-details-area h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.multi-truncate {
  overflow: hidden;
  max-height: 7.48em;
  position: relative; }
  .multi-truncate:before {
    margin-right: 20px;
    background: #f9f8f6;
    bottom: -2px;
    height: 25px;
    width: 30px;
    position: absolute;
    right: -20px;
    content: '\2026'; }
  .multi-truncate:after {
    content: '';
    background: #f9f8f6;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1; }

/* Read more: truncates pharagraphs and adds a read more button- contributions/index.cfm */
.read h2 {
  margin: 20px 0; }

.contribution_panel_content {
  max-height: 5.8em;
  overflow: hidden; }

.more {
  width: 100px;
  text-align: center; }
  @media only screen and (min-width: 737px) and (max-width: 995px) {
    .more {
      position: absolute;
      margin-top: -1.1em;
      margin-left: 265px;
      background-color: white; } }
  .more:hover {
    color: #2cc3ce;
    cursor: pointer; }

.hide {
  width: 100px;
  text-align: center; }

/* Read More: truncates notes in contribution/index.cfm */
.more_note:hover {
  color: #2cc3ce;
  cursor: pointer; }

.response {
  display: block;
  background-color: #f9f8f6;
  border: 1px solid #d0d0ce;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px 20px; }
  .response h4 {
    margin-bottom: 10px; }
  .response p {
    max-height: 7.8em;
    overflow: hidden; }

/* 
* Keyframes
*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-70px); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(70px); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-70px); }
  100% {
    opacity: 1;
    transform: none; } }

@keyframes moveDown {
  0% {
    transform: translateY(-15px); }
  100% {
    transform: none; } }

/*basic styles for panel animation*/
.animate, .animate--fadeIn, .animate--fadeInLeft, .animate--fadeInUp, .animate--fadeInDown, .animate--fadeInImage, .animate--lookDown {
  /*make vendor prefix mixin*/
  animation-duration: 2s;
  transition-timing-function: ease-in;
  animation-fill-mode: both; }

.animate--fadeIn {
  animation-name: fadeIn; }

.animate--fadeInLeft {
  animation-name: fadeInLeft; }

.animate--fadeInUp {
  animation-name: fadeInUp; }

.animate--fadeInDown {
  animation-name: fadeInDown; }

.animate--fadeInImage {
  animation-name: fadeInDown; }
  @media only screen and (max-width: 1440px) {
    .animate--fadeInImage {
      animation-name: fadeInUp; } }

.animate--lookDown {
  animation-duration: 6s;
  animation-name: moveDown; }

.tile-in {
  -webkit-animation: come-in 2s 1 backwards .75s ease; }

/* Navigations */
/* Monty single */
.breadcrumbs {
  padding-left: 35px !important; }
  .breadcrumbs a, .breadcrumbs span {
    padding: 0 15px 0 0; }
  .breadcrumbs a:hover {
    text-decoration: underline; }

/* Bottom Chapter Nav Bar */
#chapter_bar_container {
  position: fixed;
  z-index: 200;
  width: 100%;
  bottom: 0px; }
  #chapter_bar_container:before, #chapter_bar_container:after {
    content: '';
    display: table; }
  #chapter_bar_container:after {
    clear: both; }

.chapter_bar {
  z-index: 300;
  text-align: center;
  background-color: #fff;
  border-top: solid 1px #b5b5b5;
  width: 100%;
  position: relative;
  bottom: 0px;
  /* Mobile Nav */
  /* Added flex box to left, center and right ul - 3/16/17 JT*/ }
  .chapter_bar:before, .chapter_bar:after {
    content: '';
    display: table; }
  .chapter_bar:after {
    clear: both; }
  .chapter_bar button {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 7px 10px;
    font-size: 0.9em;
    background-color: white;
    border: 1px #d0d0ce solid;
    cursor: pointer;
    font-size: 0.8em; }
    .chapter_bar button:hover {
      background-color: #f9f8f6;
      color: #262626;
      transition: all 300ms ease; }
  .chapter_bar.open {
    max-height: 1000px;
    transition: max-height 300ms ease-in; }
    .chapter_bar.open .center {
      background-color: #f5f4f0;
      background-image: url("../images/icons/down-chevron_dark.png"); }
  .editor_bar.mjb > .chapter_bar.close {
    max-height: 10.5em; }
    @media only screen and (min-width: 708px) {
      .editor_bar.mjb > .chapter_bar.close {
        max-height: 4.2em; } }
  .editor_bar.ojb > .chapter_bar.close {
    max-height: 7.8em; }
    @media only screen and (min-width: 708px) {
      .editor_bar.ojb > .chapter_bar.close {
        max-height: 4.2em; } }
  .chapter_bar.close {
    max-height: 4.2em;
    transition: max-height 200ms ease-out; }
    .chapter_bar.close .center {
      background-color: white;
      background-image: url("../images/icons/up-chevron_dark.png"); }
  .chapter_bar .center {
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50% 10px; }
    @media only screen and (max-width: 499px) {
      .chapter_bar .center {
        background-size: 8px; } }
  @media only screen and (min-width: 708px) {
    .chapter_bar .mobile_chapter_bar {
      display: none; } }
  .chapter_bar .chapter_monty_button {
    padding: 16px;
    background-image: url("../images/editor/monty_button.png");
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: -14px -12px; }
    @media only screen and (max-width: 707px) {
      .chapter_bar .chapter_monty_button {
        background-size: 100px;
        background-position: -30px -20px;
        padding: 25px; } }
    .chapter_bar .chapter_monty_button:hover {
      opacity: 0.5; }
  .chapter_bar .desktop-bar {
    display: none; }
    @media only screen and (min-width: 700px) {
      .chapter_bar .desktop-bar {
        display: flex;
        flex-flow: row nowrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row nowrap; } }
    .chapter_bar .desktop-bar .switch {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      /* The switch - the box around the slider */ }
      .chapter_bar .desktop-bar .switch .switch_text {
        font-size: 0.9em;
        padding-top: 4px;
        font-style: italic; }
      .chapter_bar .desktop-bar .switch.mobile .switch_text {
        font-size: .85em; }
      .chapter_bar .desktop-bar .switch .public_switch {
        position: relative;
        display: inline-block;
        min-width: 48px;
        width: 48px;
        height: 27px;
        margin: 0 10px;
        /* Hide default HTML checkbox */
        /* The slider */
        /* Rounded sliders */ }
        .chapter_bar .desktop-bar .switch .public_switch input {
          display: none; }
        .chapter_bar .desktop-bar .switch .public_switch .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s; }
        .chapter_bar .desktop-bar .switch .public_switch .slider:before {
          position: absolute;
          content: "";
          height: 20px;
          width: 20px;
          left: 4px;
          bottom: 4px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s; }
        .chapter_bar .desktop-bar .switch .public_switch input:checked + .slider {
          background-color: #2cc3ce; }
        .chapter_bar .desktop-bar .switch .public_switch input:focus + .slider {
          box-shadow: 0 0 1px #2cc3ce; }
        .chapter_bar .desktop-bar .switch .public_switch input:checked + .slider:before {
          -webkit-transform: translateX(20px);
          -ms-transform: translateX(20px);
          transform: translateX(20px); }
        .chapter_bar .desktop-bar .switch .public_switch .slider.round {
          border-radius: 34px; }
        .chapter_bar .desktop-bar .switch .public_switch .slider.round:before {
          border-radius: 50%; }
    .chapter_bar .desktop-bar ul {
      display: flex;
      flex-flow: row nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap;
      padding: 0;
      font-size: 0.9em;
      min-width: 0 !important;
      min-height: 0 !important; }
      .chapter_bar .desktop-bar ul > li {
        min-height: 0 !important;
        min-width: 0 !important;
        align-self: center;
        -webkit-align-self: center;
        text-align: center; }
        .chapter_bar .desktop-bar ul > li > span, .chapter_bar .desktop-bar ul > li a {
          font-size: 0.9em; }
      .chapter_bar .desktop-bar ul.left {
        flex: 2 2 43.666%;
        -webkit-flex: 2 2 43.666%;
        display: flex;
        flex-direction: row;
        align-items: center;
        order: 1;
        -webkit-order: 1;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start; }
        .chapter_bar .desktop-bar ul.left li:first-child {
          border-right: solid 1px #b5b5b5;
          align-self: stretch;
          -webkit-align-self: stretch;
          flex: 0 0 90px;
          -webkit-flex: 0 0 90px; }
          @media only screen and (min-width: 876px) {
            .chapter_bar .desktop-bar ul.left li:first-child {
              flex: 0 0 138px;
              -webkit-flex: 0 0 138px;
              margin-right: 20px; } }
        .chapter_bar .desktop-bar ul.left li:nth-child(2), .chapter_bar .desktop-bar ul.left li:nth-child(3) {
          margin: 0 5px; }
        @media only screen and (max-width: 968px) {
          .chapter_bar .desktop-bar ul.left li > button {
            padding: 10px !important; } }
        @media only screen and (max-width: 852px) {
          .chapter_bar .desktop-bar ul.left li > button {
            padding: 7px !important; } }
        .chapter_bar .desktop-bar ul.left li.align_right {
          margin-left: auto; }
      .chapter_bar .desktop-bar ul.right {
        flex: 2 2 43.666%;
        -webkit-flex: 2 2 43.666%;
        order: 3;
        -webkit-order: 3;
        justify-content: flex-end;
        -webkit-justify-content: flex-end; }
        .chapter_bar .desktop-bar ul.right li:last-child {
          border-left: solid 1px #b5b5b5;
          align-self: stretch;
          -webkit-align-self: stretch;
          flex: 0 0 90px;
          -webkit-flex: 0 0 90px; }
          @media only screen and (min-width: 876px) {
            .chapter_bar .desktop-bar ul.right li:last-child {
              flex: 0 0 138px;
              -webkit-flex: 0 0 138px;
              margin-left: 20px; } }
        .chapter_bar .desktop-bar ul.right li:nth-child(3) {
          margin: 0 5px; }
        .chapter_bar .desktop-bar ul.right > li:nth-child(2) {
          padding-top: 4px;
          font-style: italic;
          margin-right: 10px;
          margin-left: 20px; }
        @media only screen and (max-width: 1224px) {
          .chapter_bar .desktop-bar ul.right .medium-below-hide {
            display: none; } }
      .chapter_bar .desktop-bar ul.center {
        flex: 1 0 12.666%;
        -webkit-flex: 1 0 12.666%;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        order: 2;
        -webkit-order: 2;
        border-left: 1.5px solid #d0d0ce;
        border-right: 1.5px solid #d0d0ce; }
        .chapter_bar .desktop-bar ul.center .contents {
          align-item: stretch;
          -webkit-align-self: stretch;
          -ms-align-self: stretch;
          cursor: pointer;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          padding: 25px 10px 15px;
          text-align: center;
          text-transform: uppercase; }
          @media only screen and (max-width: 1155px) {
            .chapter_bar .desktop-bar ul.center .contents {
              font-size: 0.9em;
              padding: 1.7em 1em 1em; } }
  .chapter_bar .addnew, .chapter_bar .readmode {
    text-transform: uppercase; }
    .chapter_bar .addnew span, .chapter_bar .readmode span {
      display: block;
      line-height: 1.2em; }
      .chapter_bar .addnew span:first-child, .chapter_bar .readmode span:first-child {
        padding: 16px 45px 0 30px; }
        @media only screen and (max-width: 876px) {
          .chapter_bar .addnew span:first-child, .chapter_bar .readmode span:first-child {
            padding: 20% 0 0; } }
      .chapter_bar .addnew span:last-child, .chapter_bar .readmode span:last-child {
        padding: 0 45px 14px 30px; }
        @media only screen and (max-width: 876px) {
          .chapter_bar .addnew span:last-child, .chapter_bar .readmode span:last-child {
            padding: 0; } }
  @media only screen and (min-width: 876px) {
    .chapter_bar .addnew {
      cursor: pointer;
      border-left: 1.5px solid #d0d0ce;
      background: url("../images/icons/right_arrow.png") no-repeat;
      background-size: 20px;
      background-position: 85% 50%; } }
  .chapter_bar .readmode {
    cursor: pointer;
    border-right: 1.5px solid #d0d0ce; }
  .chapter_bar .center:hover, .chapter_bar .addnew:hover, .chapter_bar .readmode:hover {
    background-color: #f5f4f0;
    transition: all 300ms ease; }
  .chapter_bar .see-more-contents {
    width: 100%;
    text-align: center;
    border-top: 1px solid #d0d0ce;
    padding: 40px 10px 60px; }
    @media only screen and (max-width: 499px) {
      .chapter_bar .see-more-contents {
        padding: 40px 10px 95px; } }
    .chapter_bar .see-more-contents .tabs {
      margin-bottom: 30px; }
      .chapter_bar .see-more-contents .tabs li {
        border-radius: 0px;
        margin: 0 -3px;
        height: 3.3em;
        line-height: 2.4em;
        text-transform: uppercase;
        letter-spacing: 0.1em; }
        .chapter_bar .see-more-contents .tabs li:first-child {
          border-right: none; }
        .chapter_bar .see-more-contents .tabs li.active {
          background-color: #f9f8f6; }
    .chapter_bar .see-more-contents .tab_content {
      text-align: center;
      display: none; }
      .chapter_bar .see-more-contents .tab_content.active {
        display: inline; }
  .chapter_bar ol {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    list-style-position: inside;
    overflow-y: scroll; }
    .chapter_bar ol::-webkit-scrollbar {
      -webkit-appearance: none; }
    .chapter_bar ol::-webkit-scrollbar:vertical, .chapter_bar ol::-webkit-scrollbar:horizontal {
      width: 11px; }
    .chapter_bar ol::-webkit-scrollbar-thumb {
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border: 2px solid white;
      background-color: rgba(0, 0, 0, 0.5); }
    .chapter_bar ol ::-webkit-scrollbar-track {
      background-color: white;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px; }
    @media only screen and (max-width: 750px) {
      .chapter_bar ol {
        max-height: 100px; } }
    .chapter_bar ol .btn {
      flex: 0 1 0px;
      -webkit-flex: 0 1 0px;
      margin: 3px 22px;
      width: 18%;
      min-width: 180px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border: none;
      text-align: left; }
      @media only screen and (max-width: 699px) {
        .chapter_bar ol .btn {
          margin: 3px;
          min-width: 115px; } }
      .chapter_bar ol .btn.active {
        background-color: #f9f8f6; }
      .chapter_bar ol .btn span {
        padding-left: 2px; }

@media only screen and (max-width: 707px) {
  .see-more-contents {
    display: none; } }

/* New Mobile chapter bar */
.mobile_chapter_bar {
  background-color: #1C1C1C; }
  .mobile_chapter_bar .center-toggle-bar {
    background-color: #333232; }
    .mobile_chapter_bar .center-toggle-bar input[type=checkbox] {
      cursor: pointer;
      display: none; }
      .mobile_chapter_bar .center-toggle-bar input[type=checkbox] + label {
        cursor: pointer;
        display: inline-block;
        height: 15px;
        width: 100%;
        background-color: transparent;
        background-image: url("../images/icons/down-chevron.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid transparent;
        background-size: 10px; }
      .mobile_chapter_bar .center-toggle-bar input[type=checkbox]:checked + label {
        height: 15px;
        width: 100%;
        background-color: transparent;
        background-image: url("../images/icons/up-chevron.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid transparent; }
  .mobile_chapter_bar .button-container {
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-align: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .mobile_chapter_bar .button-container .single-button {
      flex: 0 0 25%;
      -webkit-flex: 0 0 25%; }
  .mobile_chapter_bar .send-invites {
    border: 0px solid transparent;
    background-color: transparent; }
    .mobile_chapter_bar .send-invites img {
      width: 40px;
      height: 30px; }
  .mobile_chapter_bar .chapter_monty_button {
    background-color: #333232;
    background-image: url("../images/monty/monty_avatar.png");
    background-size: 55px;
    background-position: center;
    border: 0px solid transparent; }
  .mobile_chapter_bar .switch input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .mobile_chapter_bar .switch input[type=checkbox] + label {
      cursor: pointer;
      display: inline-block;
      height: 45px;
      width: 45px;
      background-color: #1C1C1C;
      background-image: url("../images/icons/publicBookShelf.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #1C1C1C;
      background-size: 40px; }

.dropdown-select {
  background-color: white;
  border-top: 1px solid #d7d7d7;
  padding: 0 15px 10px;
  position: relative;
  max-width: 380px;
  margin: 0 auto; }
  .dropdown-select .toggle-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000; }
    .dropdown-select .toggle-icon input[type=checkbox] {
      display: inline-block;
      cursor: pointer;
      display: none; }
      .dropdown-select .toggle-icon input[type=checkbox] + label {
        transition: all 200ms ease; }
  .dropdown-select .row-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-flow: column-reverse nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: column-reverse nowrap; }
  .dropdown-select .dropdown-item {
    background-color: white;
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    padding: 15px;
    border-bottom: 1px solid #d7d7d7; }
    .dropdown-select .dropdown-item:hover {
      cursor: pointer; }
      .dropdown-select .dropdown-item:hover:not('.first') {
        background-color: #f5f4f0; }
    .dropdown-select .dropdown-item.first {
      order: 1; }

.book-details {
  padding-left: 20px; }
  .book-details.column {
    flex: 1 1 90%;
    -webkit-flex: 1 1 90%; }
  .book-details h2, .book-details h3 {
    margin: 10px 0;
    padding: 0; }
  .book-details h3 {
    color: #2cc3ce; }
  .book-details span {
    font-style: italic;
    color: #d7d7d7; }

.dropdown-select .small-book {
  width: 80px;
  height: 110px; }
  .dropdown-select .small-book .lrg-book-container, .dropdown-select .small-book .sml-book-container {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6); }

/* Top Nav Dropdown */
nav .sublink-container {
  position: relative; }
  nav .sublink-container:hover .dropdown-top-nav {
    display: block; }

.dropdown-top-nav {
  display: none;
  width: 230px;
  z-index: 7000;
  position: absolute;
  top: 40px;
  left: -70%;
  padding: 0 10px;
  background-color: white; }
  .dropdown-top-nav .dropdown-nav-item {
    font-weight: 700;
    font-size: 0.8em; }
    .dropdown-top-nav .dropdown-nav-item:not(:last-child) {
      border-bottom: 1px solid #d7d7d7; }
    .dropdown-top-nav .dropdown-nav-item a {
      color: #616a70;
      padding: 10px;
      display: inline-block; }

.dropdown-top-nav .nav-book {
  width: 53px;
  height: 75px; }
  .dropdown-top-nav .nav-book .lrg-book-container, .dropdown-top-nav .nav-book .sml-book-container {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }

.dropdown-top-nav .book-details .title {
  margin: 5px 0 5px; }

.dropdown-top-nav .book-details .by-line {
  color: #616a70;
  font-size: 0.8em; }

.mobile_nav .drop_down .sublink-container {
  position: static;
  background-image: url("../images/icons/down-chevron.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 155px; }
  .mobile_nav .drop_down .sublink-container > a {
    width: 75%; }
  .mobile_nav .drop_down .sublink-container .dropdown-top-nav {
    position: static;
    width: 180px; }

.footer-nav {
  background-color: #f9f8f6;
  padding: 20px 0 40px; }

.back-to-top {
  background-image: url("../images/icons/upArrow.png");
  background-size: 20px;
  background-position: center 15px;
  background-repeat: no-repeat;
  color: #616a70;
  font-size: 1.4em;
  width: 200px;
  margin: 40px auto;
  text-align: center;
  padding-top: 40px; }

.contact-us-email {
  text-align: center;
  margin-bottom: 40px;
  color: #616a70; }

.footer-nav > nav {
  width: 600px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .footer-nav > nav {
      display: none; } }
  .footer-nav > nav ul {
    display: flex;
    flex-flow: row nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .footer-nav > nav li a {
    display: inline-block;
    padding: 0 20px;
    color: #aaa;
    width: 100%; }
    .footer-nav > nav li a:hover {
      color: #2cc3ce; }
  .footer-nav > nav li:nth-child(-n+5) a {
    border-right: 1px solid #aaa; }

.copyright {
  font-size: 14px;
  text-align: center;
  background-color: black;
  color: white;
  padding: 10px 0;
  width: 100%; }

.mobile_nav {
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  padding-right: 30px;
  color: white;
  width: 350px;
  position: relative; }
  @media only screen and (max-width: 500px) {
    .mobile_nav {
      width: 100%; } }
  .mobile_nav .column-container {
    flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start; }
    .mobile_nav .column-container > .column:first-of-type {
      text-align: right;
      padding-right: 10px;
      font-size: 0.9em; }
      .mobile_nav .column-container > .column:first-of-type:hover {
        cursor: pointer; }
    .mobile_nav .column-container:hover .drop_down {
      display: block; }
  .mobile_nav > a {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px; }
    @media only screen and (max-width: 500px) {
      .mobile_nav > a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.8em; } }
  @media only screen and (min-width: 783px) {
    .mobile_nav {
      display: none !important; } }

.mobile_button {
  background-color: transparent;
  border: solid 1px transparent;
  color: white;
  flex: 0 0 35px;
  -webkit-flex: 0 0 35px;
  padding: 0 3px; }
  .mobile_button .hammer-lines {
    border-bottom: 2px solid #aaa;
    margin-bottom: 1px; }
    .mobile_button .hammer-lines:not(:first-child) {
      padding: 2px; }
  .mobile_button:hover {
    color: white;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #1c1c1c; }

.drop_down {
  display: none;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  z-index: 600;
  width: 200px; }
  .drop_down ul li {
    display: block;
    background-color: #616a70; }
    .drop_down ul li a {
      color: white;
      width: 100%;
      padding: 1em;
      display: inline-block; }
    .drop_down ul li:hover {
      background-color: #aaa; }

/* Panel Nav */
.panel_nav {
  background-color: #2cc3ce;
  padding: 1em; }
  .panel_nav:before, .panel_nav:after {
    content: '';
    display: table; }
  .panel_nav:after {
    clear: both; }
  .panel_nav .column-container {
    max-width: 980px;
    margin: 0 auto; }
  .panel_nav h2 {
    color: white;
    text-align: center;
    font-size: 1.8em;
    letter-spacing: 1.2px; }
  .panel_nav + div:not(.register) {
    padding-top: 50px; }

.saved {
  display: none; }

.editor_rule {
  margin: 0 20px;
  border-top: 1px solid #d0d0ce; }

.editor.section_nav {
  text-align: center;
  background-color: #fafaf8;
  border: 1px solid #d0d0ce;
  border-top: none;
  padding: 15px 0;
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }
  .editor.section_nav .mid-container {
    flex: 2 2 0;
    -webkit-flex: 2 2 0; }
    @media only screen and (min-width: 600px) {
      .editor.section_nav .mid-container {
        flex: 3 3 0;
        -webkit-flex: 3 3 0; } }
  .editor.section_nav .left-container, .editor.section_nav .right-container {
    flex: 1 1 0;
    -webkit-flex: 1 1 0; }
  @media only screen and (max-width: 320px) {
    .editor.section_nav .left-container, .editor.section_nav .right-container, .editor.section_nav .mid-container {
      flex: 1 1 0;
      -webkit-flex: 1 1 0; } }

.section_nav {
  padding: 30px 0; }
  .section_nav button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 0; }
    @media only screen and (min-width: 400px) {
      .section_nav button {
        width: 10em; } }
  .section_nav .post_btn {
    background-color: white; }
  .section_nav .save_btn {
    border: 2px solid #616a70; }
  .section_nav .prev {
    width: 7em;
    padding-left: 45px;
    background: url("../images/icons/left_arrow.png") no-repeat;
    background-position: 0px 2px;
    background-size: contain;
    border: none;
    text-align: left; }
  .section_nav .next {
    width: 7em;
    padding-right: 45px;
    background: url("../images/icons/right_arrow.png") no-repeat;
    background-position: 70px 2px;
    background-size: contain;
    border: none;
    text-align: right; }

.section_nav.pagination {
  margin: 30px auto; }
  .section_nav.pagination button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 0; }
  .section_nav.pagination .prev {
    padding-left: 45px;
    background: url("../images/icons/left_arrow.png") no-repeat;
    background-position: 4px 2px;
    background-size: contain; }
  .section_nav.pagination .next {
    padding-right: 40px;
    background: url("../images/icons/right_arrow.png") no-repeat;
    background-position: 55px 2px;
    background-size: contain; }

.read.section_nav {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
  .read.section_nav button {
    flex: 0 0 100px;
    -webkit-flex: 0 0 100px; }
    .read.section_nav button.section_contribute {
      white-space: nowrap;
      border-radius: 25px;
      width: 200px; }

@media only screen and (max-width: 707px) {
  .editor.section_nav {
    background-color: #fafaf8;
    border-left: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce; } }

.contribute_menu li,
.invite_sub li,
.tab_menu li {
  width: 33.1%; }

.contribute_menu ul,
.invite_sub ul,
.tab_menu ul,
.book_order_tab ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  border-top: 1px solid #b5b5b5; }

.contribute_menu li,
.invite_sub li,
.tab_menu li,
.book_order_tab li {
  text-align: center;
  border-bottom: 6px solid #b5b5b5;
  margin: 0 2px;
  padding: 18px 0 3px;
  font-size: 1em;
  font-weight: normal;
  margin-right: 0; }
  @media only screen and (max-width: 700px) {
    .contribute_menu li,
    .invite_sub li,
    .tab_menu li,
    .book_order_tab li {
      font-size: 10pt; } }
  .contribute_menu li:hover,
  .invite_sub li:hover,
  .tab_menu li:hover,
  .book_order_tab li:hover {
    font-weight: 600;
    background-color: white; }
  .contribute_menu li:not(.active_panel):hover,
  .invite_sub li:not(.active_panel):hover,
  .tab_menu li:not(.active_panel):hover,
  .book_order_tab li:not(.active_panel):hover {
    cursor: pointer;
    background-color: white; }
  .contribute_menu li.coming_soon:hover,
  .invite_sub li.coming_soon:hover,
  .tab_menu li.coming_soon:hover,
  .book_order_tab li.coming_soon:hover {
    background-color: white;
    border-bottom: 6px solid #e8e7e3; }
  .contribute_menu li .arrow.tab,
  .invite_sub li .arrow.tab,
  .tab_menu li .arrow.tab,
  .book_order_tab li .arrow.tab {
    visibility: hidden;
    margin: 0 auto; }

.contribute_menu li.active_panel > .arrow.tab,
.invite_sub li.active_panel > .arrow.tab,
.tab_menu li.active_panel > .arrow.tab,
.book_order_tab li.active_panel > .arrow.tab {
  visibility: visible; }

.active_panel {
  border-bottom: 6px solid #2cc3ce !important; }
  .active_panel.coming_soon {
    border-bottom: 6px solid #e8e7e3 !important; }

.invite_sub {
  width: 100%;
  max-width: 660px;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.invite_sub,
.book_order_tab {
  margin: 30px auto 50px; }
  .invite_sub li,
  .book_order_tab li {
    width: 49.666%; }

/* Bookshelf and Book Order Navs */
.tab_menu {
  margin-top: 50px; }

.panels {
  margin: 50px 0 100px;
  min-height: 600px; }
  .panels .shelf {
    background-color: #edece8;
    padding-top: 0 !important;
    height: 10px; }

.tab-filter > div {
  flex: 0 0 120px;
  -webkit-flex: 0 0 120px;
  border-bottom: 6px solid #b3b4b5;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  cursor: pointer;
  font-weight: bold;
  color: #1c1c1c; }
  @media only screen and (max-width: 499px) {
    .tab-filter > div {
      flex: 0 0 80px;
      -webkit-flex: 0 0 80px; } }
  .tab-filter > div:not(:first-child) {
    margin-left: 2px; }
  .tab-filter > div.active-tab {
    border-bottom: 6px solid #2cc3ce; }

/* toggled nav */
.toggled_nav {
  text-align: center;
  margin-bottom: 50px; }
  .toggled_nav li {
    margin-left: -5px; }

nav.toggled_nav {
  margin-bottom: 0; }

.active_toggle {
  background-color: #edece8 !important; }

.toggle_two {
  display: none; }

/* Main navigation */
header, .faux {
  background-color: #1c1c1c;
  color: white;
  padding: 4px 10px 0;
  min-height: 64px; }
  header:before, .faux:before, header:after, .faux:after {
    content: '';
    display: table; }
  header:after, .faux:after {
    clear: both; }
  header ul, .faux ul {
    padding: 0; }
    header ul li, .faux ul li {
      margin: 0 10px; }
  header .left, .faux .left {
    padding: 20px 0 0;
    margin-left: 5px; }
    header .left a, .faux .left a {
      padding-bottom: 20px; }
  header .right .app-nav a, .faux .right .app-nav a {
    padding: 20px 10px;
    display: inline-block; }

#logo {
  float: left;
  padding: 5px 0;
  width: 120px;
  background: url("../images/jambios_logo.png") no-repeat center center;
  height: 60px; }
  @media only screen and (max-width: 782px) {
    #logo {
      width: 80px;
      background-size: 80px; } }

@media only screen and (max-width: 782px) {
  .app-nav {
    display: none; } }

.nav-notify {
  position: relative; }

/* Sticky top nav */
.sticky_top_nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 400; }

.dedication.wshelf {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0; }
  .dedication.wshelf .back_to_shelf {
    font-weight: bold;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    padding: 15px 15px 15px 10px; }
    .dedication.wshelf .back_to_shelf img {
      padding-right: 10px; }
    .dedication.wshelf .back_to_shelf:hover {
      background-color: white; }

/* Vertical Nav */
.admin.main_page h1 {
  padding: 0; }

.dash {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.admin_menu ul, .design_menu ul, .dashboard_menu ul {
  margin: 20px 0 70px; }
  .admin_menu ul li, .design_menu ul li, .dashboard_menu ul li {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    height: 90px; }
    .admin_menu ul li a, .design_menu ul li a, .dashboard_menu ul li a {
      padding: 30px;
      letter-spacing: 0.15em;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      display: block;
      text-align: center; }
    .admin_menu ul li:hover, .design_menu ul li:hover, .dashboard_menu ul li:hover {
      background-color: #f5f4f0; }

.design_menu, .admin_menu {
  flex: 0 0 250px;
  -webkit-flex: 0 0 250px;
  height: auto;
  background-color: #e8e7e3; }

.dashboard_menu ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  .dashboard_menu ul li {
    width: 300px;
    margin: 20px;
    box-sizing: none;
    border-bottom: none;
    height: 90px;
    background-color: #e8e7e3;
    display: flex;
    justify-content: center;
    align-items: center; }
    .dashboard_menu ul li a {
      letter-spacing: 0.15em;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      display: block;
      text-align: center; }
    .dashboard_menu ul li:hover {
      background-color: #2cc3ce; }
      .dashboard_menu ul li:hover a {
        font-weight: bold;
        color: white; }

/* Action Bar */
.sub_nav {
  background-color: #edece8; }
  .sub_nav .wrapper, .sub_nav .blue-error .column-container, .blue-error .sub_nav .column-container {
    padding: 10px 0; }
  .sub_nav:before, .sub_nav:after {
    content: '';
    display: table; }
  .sub_nav:after {
    clear: both; }
  .sub_nav .left {
    display: inline-block; }
    .sub_nav .left ul {
      margin: 0; }
  .sub_nav .right ul li {
    margin: 0 3px; }
  .sub_nav .column-container .discussion-container {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    position: relative; }
  .sub_nav .column-container .button-sub-nav {
    flex: 0 1 960px;
    -webkit-flex: 0 1 960px;
    padding: 10px 0; }
    @media only screen and (max-width: 450px) {
      .sub_nav .column-container .button-sub-nav button {
        max-width: 100px;
        padding: 7px 20px !important; } }
  .sub_nav .button-sub-nav.column-container > .column:first-child {
    text-align: left; }
  .sub_nav .button-sub-nav.column-container > .column:nth-child(2) {
    text-align: center; }
  .sub_nav .button-sub-nav.column-container > .column.mid-contain button {
    padding: 7px 35px; }
  .sub_nav .button-sub-nav.column-container > .column:last-child {
    text-align: right; }
  @media only screen and (max-width: 420px) {
    .sub_nav .button-sub-nav.column-container button {
      font-size: 0.6em; } }

@media only screen and (min-width: 1024px) and (max-width: 1599px) {
  .sub_nav.ourjb_subnav > .column-container .discussion-container {
    flex: 0 1 400px;
    -webkit-flex: 0 1 400px; } }

@media only screen and (max-width: 1023px) {
  .sub_nav.ourjb_subnav > .column-container .discussion-container {
    flex: 1 1 0px;
    -webkit-flex: 1 1 0px; } }

/* Alerts */
/* Common Alerts */
/* Inline(On Page) No content alert - Contributions */
.contrib_empty_message_div {
  background-color: white;
  padding: 30px; }
  .contrib_empty_message_div:before, .contrib_empty_message_div:after {
    content: '';
    display: table; }
  .contrib_empty_message_div:after {
    clear: both; }
  @media only screen and (min-width: 470px) {
    .contrib_empty_message_div {
      background-image: url("../images/monty/montyHead3.jpg");
      background-repeat: no-repeat;
      background-position: 24px bottom; } }
  @media only screen and (min-width: 470px) and (max-width: 960px) {
    .contrib_empty_message_div {
      padding-left: 192px; } }
  @media only screen and (min-width: 961px) {
    .contrib_empty_message_div {
      padding: 3em;
      padding-left: 250px; } }

/* Message for No mobile access */
.no-mobile {
  background-color: rgba(255, 255, 255, 0.7);
  width: 90%;
  margin: 0 auto; }
  @media only screen and (min-width: 668px) {
    .no-mobile {
      background-color: rgba(255, 255, 255, 0.5); } }
  .no-mobile div {
    padding: 1em; }
  @media only screen and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
    .no-mobile {
      display: block; } }
  @media only screen and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .no-mobile {
      display: block; } }

/* Colors for alerts */
.deny_text {
  color: #e30f20; }

.revise_text {
  color: #aaa; }

.accept_text {
  color: #7dc24c; }

.deny_text, .revise_text, .accept_text {
  font-style: italic; }

.error-message, .error-alert {
  padding: 50px 1em 1em; }

/* New Permission_error */
.blue-error {
  background-color: #2cc3ce;
  height: 100vh;
  padding-top: 10%; }
  @media only screen and (max-width: 900px) {
    .blue-error .column-container {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .blue-error .column-container > div {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%; }
        .blue-error .column-container > div.error-alert {
          order: 2;
          -ms-order: 2;
          -webkit-order: 2; }
        .blue-error .column-container > div.column {
          text-align: center; }
          .blue-error .column-container > div.column > img {
            width: 55%; } }
  .blue-error .column-container .error-alert {
    color: white; }

.noscript {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: red;
  color: white;
  font-weight: 900;
  font-size: 1.5em;
  padding: 50px 20px;
  border-top: black 2px solid;
  border-bottom: black 2px solid;
  margin: 50px 0; }

/* Alerts for form validations */
.login .error {
  width: 100%;
  max-width: 60%;
  height: auto;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  color: white;
  background-color: #e30f20;
  padding: 10px 30px;
  transition: all 500ms ease; }

.register .error label {
  position: absolute;
  z-index: 4;
  margin-top: -53px;
  width: 57%;
  text-align: right;
  color: red; }

.nav-login .error {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 13px; }

.joyride-tip-guide {
  font-family: "Proba", sans-serif !important;
  background-color: white;
  color: #262626;
  padding: 0 10px 10px 10px; }
  .joyride-tip-guide h2 {
    color: #262626;
    padding-bottom: 10px; }
  .joyride-tip-guide a {
    float: right;
    background: #f5f4f0 !important;
    color: #262626 !important; }
    .joyride-tip-guide a.joyride-next-tip {
      margin-right: 40px;
      border: 1px solid #b5b5b5 !important;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px; }
      .joyride-tip-guide a.joyride-next-tip:hover {
        border: 1px solid #b5b5b5 !important;
        background: #e8e7e3 !important; }
      .joyride-tip-guide a.joyride-next-tip:focus {
        outline: none; }
    .joyride-tip-guide a:hover {
      color: #262626 !important; }
  .joyride-tip-guide span.joyride-nub {
    border-color: white !important; }

.hint {
  width: 400px;
  z-index: 400; }
  .hint img {
    position: absolute;
    z-index: 400; }

.chapter-hint {
  z-index: 310; }

.mid_bottom .joyride-content-wrapper {
  padding-left: 50px; }

.mid_bottom img {
  left: -135px;
  top: -105px;
  width: 190px; }

.right_bottom {
  left: 65% !important; }
  .right_bottom img {
    left: 400px;
    top: -65px;
    width: 125px; }

.single {
  left: 65% !important;
  position: absolute;
  z-index: 400;
  width: 430px !important;
  background-color: white;
  bottom: 300px; }
  .single img {
    left: 362px;
    top: -15px;
    width: 152px; }

.hint [class*='contents-'] {
  height: 50px;
  background-color: #f5f4f0;
  text-align: center;
  padding-top: 15px;
  margin: 5px auto; }
  .hint [class*='contents-'] > span {
    background-repeat: no-repeat;
    background-color: white;
    text-transform: uppercase; }

.contents-chapter span {
  background-image: url("../images/icons/up-chevron.png");
  background-size: 10px;
  background-position: center top;
  border-left: 1px solid #e8e7e3;
  border-right: 1px solid #e8e7e3;
  padding: 15px 20px; }

.contents-section span {
  padding: 15px 30px 15px 20px;
  background-image: url("../images/icons/right_arrow.png");
  background-position: 97% center;
  background-size: 20px;
  border-left: 1px solid #e8e7e3; }

.contents-details span {
  border: 1px solid #e8e7e3;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 7px 20px; }

.hint-title {
  padding: 10px 0;
  text-align: center; }

.cancel {
  border: 1px solid #aaa;
  padding: 10px;
  margin-top: 10px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background-image: url("../images/icons/cancel.png");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center; }
  .cancel:hover {
    cursor: pointer; }

.monty_icon {
  padding: 5px 14px;
  margin: 0 3px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border: 1px solid #aaa;
  background-image: url("../images/editor/monty_button.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px; }

.lightbox.modal-flex .modal-flex-container {
  background-color: transparent;
  overflow: visible; }
  @media only screen and (min-width: 900px) {
    .lightbox.modal-flex .modal-flex-container {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto; } }
  .lightbox.modal-flex .modal-flex-container .image-wrapper {
    width: 100%;
    text-align: center;
    padding: 10px 1em;
    background-color: white; }
    @media only screen and (max-width: 400px) {
      .lightbox.modal-flex .modal-flex-container .image-wrapper {
        padding: 10px; } }
    .lightbox.modal-flex .modal-flex-container .image-wrapper img {
      width: 100%; }

/* All Modal Nonsense - guest registration flow*/
.hint_overlay {
  z-index: 300;
  position: relative;
  float: right;
  font-size: 14px;
  width: 35%;
  margin-top: 22px; }

.guest_modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in; }

.guest_modal .modal_dialog {
  -webkit-box-shadow: -7px 7px 12px -1px #ccc;
  box-shadow: -7px 7px 12px -1px #ccc;
  background-color: #f5f4f0;
  padding: 1em;
  border: #f5f4f0 solid 1px;
  border-radius: 5px;
  z-index: 400;
  overflow-y: auto;
  position: fixed;
  max-height: 100%;
  max-width: 800px;
  top: 5%;
  left: 5%;
  right: 5%; }
  @media only screen and (min-width: 1670px) {
    .guest_modal .modal_dialog {
      left: 25%;
      right: 25%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1669px) {
    .guest_modal .modal_dialog {
      left: 20%;
      right: 20%; } }
  @media only screen and (min-width: 961px) and (max-width: 1199px) {
    .guest_modal .modal_dialog {
      left: 15%;
      right: 15%; } }
  .guest_modal .modal_dialog .register {
    padding: 0px; }
    .guest_modal .modal_dialog .register:before, .guest_modal .modal_dialog .register:after {
      content: '';
      display: table; }
    .guest_modal .modal_dialog .register:after {
      clear: both; }
    @media only screen and (max-width: 995px) {
      .guest_modal .modal_dialog .register > div:nth-child(2) {
        display: none; } }

.modal_content:before, .modal_content:after {
  content: '';
  display: table; }

.modal_content:after {
  clear: both; }

.hovertip.hid {
  display: none; }

.hovertip.visuallyhidden {
  opacity: 0; }

.hovertip {
  align-items: center;
  position: absolute;
  z-index: 9000;
  opactiy: 1;
  transition: opacity .5s ease .5s;
  -moz-transition: opacity .5s ease .5s;
  -webkit-transition: opacity .5s ease .5s; }
  .hovertip.ojb_tip {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .hovertip.ojb_tip .text {
      height: 50px;
      width: 200px;
      line-height: 50px;
      text-align: center;
      border-bottom: solid #616a70 1px;
      font-size: 1em; }
  .hovertip .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    .hovertip .container.left {
      align-items: flex-start; }
    .hovertip .container.left.top {
      flex-direction: row-reverse;
      align-items: flex-start; }
    .hovertip .container.left.side {
      flex-direction: row;
      align-items: center;
      max-width: none; }
    .hovertip .container.middle {
      align-items: center; }
    .hovertip .container.right {
      flex-direction: row;
      align-items: flex-start; }
      .hovertip .container.right .avatar {
        position: relative;
        width: 75%;
        height: auto;
        top: 14px;
        left: 135px;
        z-index: 2003; }
  .hovertip .avatar {
    position: relative;
    width: 100%;
    height: 100%; }
  .hovertip .text {
    background-color: white;
    font-size: .85em;
    line-height: 1.35em;
    text-align: left; }
  .hovertip .tail {
    position: relative;
    z-index: 2001;
    width: 20px;
    height: 20px;
    top: -10px;
    background-color: white;
    transform: rotate(45deg);
    box-shadow: 1px 1px #616a70; }
    .hovertip .tail.left {
      margin-left: 75px; }
    .hovertip .tail.left.top {
      margin-left: 150px;
      box-shadow: -1px -1px #616a70; }
    .hovertip .tail.left.side {
      position: relative;
      float: right;
      z-index: 2001;
      width: 20px;
      height: 20px;
      background-color: white;
      transform: rotate(-45deg);
      box-shadow: 1px 1px #616a70;
      margin: 0;
      top: 0;
      left: -10px; }
    .hovertip .tail.right {
      margin-right: 65px; }
  .hovertip .content_box {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1002; }
    .hovertip .content_box.left {
      box-shadow: 1px 1px #616a70;
      flex-direction: row;
      background-color: white;
      min-height: 100px; }
      .hovertip .content_box.left .avatar {
        width: 27%;
        height: auto; }
      .hovertip .content_box.left .text {
        padding: 0 10px;
        width: 400px;
        font-size: .85em;
        line-height: 1.35em; }
    .hovertip .content_box.left.side .text {
      width: 300px; }
    .hovertip .content_box.middle {
      box-shadow: 0 1px #616a70;
      background-color: none;
      min-height: 125px;
      flex-direction: column; }
      .hovertip .content_box.middle .avatar {
        top: 12px;
        left: -3px;
        width: 75px; }
      .hovertip .content_box.middle .text {
        padding: 30px 15px;
        width: 300px;
        min-height: 75px;
        font-size: .85em;
        line-height: 1.35em; }
    .hovertip .content_box.right {
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      min-height: 100px; }
      .hovertip .content_box.right .text {
        box-shadow: 0 1px #616a70;
        padding: 0 15px 27px 140px;
        width: 480px;
        height: 105px;
        font-size: .85em;
        line-height: 1.35em; }

.bookshelf-tip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px; }
  .bookshelf-tip .arrow {
    border-color: white;
    padding: 0;
    margin: 0;
    box-shadow: 5px 10px; }

/* Flex Alerts */
.no-scroll {
  overflow: hidden; }

.modal-flex {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in; }

.modal-flex-class {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center; }

.modal-flex-container {
  flex: 0 1 80%;
  -webkit-flex: 0 1 80%;
  overflow-y: auto;
  margin: 10% auto;
  background: #f5f4f0; }
  @media only screen and (min-width: 900px) {
    .modal-flex-container {
      flex: 0 1 30%;
      -webkit-flex: 0 1 30%; } }

.modal-flex-content {
  height: inherit;
  padding-bottom: 2em;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  align-content: space-between; }
  .modal-flex-content > h2, .modal-flex-content .modal-title {
    text-align: left;
    padding: 10px 15px;
    margin-bottom: 1em;
    background-color: #2cc3ce;
    color: white;
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%; }
  .modal-flex-content > p {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    padding: 5px 2em 5px; }
  .modal-flex-content .choice-one-cta {
    flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    margin-left: 1em;
    margin-right: 8px; }
  .modal-flex-content .choice-two-cta, .modal-flex-content .choice-two-cta-second {
    flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    margin-right: 1em;
    margin-left: 8px; }
  @media only screen and (min-width: 1300px) {
    .modal-flex-content .choice-one-cta {
      margin-left: 2em; }
    .modal-flex-content .choice-two-cta, .modal-flex-content .choice-two-cta-second {
      margin-right: 2em; } }
  .modal-flex-content .one-cta {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    margin: 0 2em; }
  .modal-flex-content form {
    padding-left: 2em;
    padding-right: 2em;
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap; }
    .modal-flex-content form .full-width, .modal-flex-content form > div {
      flex: 1 1 100%;
      -webkit-flex: 1 1 100%;
      margin-bottom: 1em; }
    .modal-flex-content form .choice-one-cta {
      margin-left: 0; }
    .modal-flex-content form .choice-two-cta, .modal-flex-content form .choice-two-cta-second {
      margin-right: 0; }
    .modal-flex-content form .one-cta {
      margin: 0; }
  .modal-flex-content > button {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
    .modal-flex-content > button:hover:hover {
      background-color: #279faa;
      color: white;
      transition: all 300ms ease; }

.modal-flex-content .close-container {
  width: 100%;
  height: 50px;
  background-color: #f5f4f0;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end; }
  .modal-flex-content .close-container .close-icon {
    flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    height: inherit;
    width: 50px;
    background-color: transparent;
    background-image: url("../images/icons/cancel.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid transparent;
    background-size: 20px;
    cursor: pointer; }

.modal-flex-content.dark {
  background-color: transparent; }
  .modal-flex-content.dark .close-container {
    background-color: transparent;
    position: relative; }
    .modal-flex-content.dark .close-container .close-icon {
      height: inherit;
      width: 50px;
      background-color: transparent;
      background-image: url("../images/icons/white_cancel.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid transparent;
      margin-right: -10px; }
      .modal-flex-content.dark .close-container .close-icon.icon-right {
        position: absolute;
        top: 35px;
        right: -40px; }
        @media only screen and (max-width: 420px) {
          .modal-flex-content.dark .close-container .close-icon.icon-right {
            top: 5px;
            right: -5px; } }

.modal-flex-container .close-blue {
  background-color: #2cc3ce;
  flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  text-align: right; }
  .modal-flex-container .close-blue img {
    padding: 15px 20px 10px;
    cursor: pointer; }

.alert-overlay {
  position: fixed;
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start; }
  .alert-overlay .modal-flex-container {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .alert-overlay .modal-flex-content {
    padding: 0 1em;
    margin: 5% auto;
    text-align: right; }
    .alert-overlay .modal-flex-content > p {
      text-align: left;
      padding-bottom: 20px; }

.overlay-container {
  position: relative;
  padding: 30px 0; }

.absolute-modal {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 400; }
  .absolute-modal.modal-flex-class {
    align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end; }

/* BYB */
.sub_divide {
  padding: 20px 0;
  background-color: #edece8; }

.collection {
  margin-bottom: 100px; }
  .collection .subtext {
    font-size: 1.1em;
    color: #616a70;
    margin-bottom: 20px; }
  .collection > div:first-child, .collection .cover-options, .collection .previewer, .collection .select-layout-2 {
    background-color: white; }
  .collection > div:first-child:not(.send-order), .collection .cover-options, .collection .extra-message {
    padding-top: 10px;
    padding-bottom: 50px; }
    @media only screen and (min-width: 1280px) {
      .collection > div:first-child:not(.send-order), .collection .cover-options, .collection .extra-message {
        padding-top: 50px; } }
  .collection .extra-message {
    padding: 80px 0; }
    .collection .extra-message h2 {
      color: #2cc3ce;
      margin-bottom: 20px; }
  .collection input {
    border: 1px solid #e8e7e3; }
    .collection input::-webkit-input-placeholder {
      color: #b5b5b5; }
    .collection input::-moz-placeholder {
      color: #b5b5b5; }
    .collection input:-moz-placeholder {
      color: #b5b5b5; }
    .collection input:-ms-input-placeholder {
      color: #b5b5b5; }
    .collection input.invalid_input {
      border: 1px solid #e30f20;
      color: #e30f20; }
      .collection input.invalid_input::-webkit-input-placeholder {
        color: #e30f20; }
      .collection input.invalid_input::-moz-placeholder {
        color: #e30f20; }
      .collection input.invalid_input:-moz-placeholder {
        color: #e30f20; }
      .collection input.invalid_input:-ms-input-placeholder {
        color: #e30f20; }
  .collection .section-item input[type=checkbox], .collection .contribution-item input[type=checkbox], .collection .new-color input[type=checkbox], .collection .terms-agreement input[type=checkbox], .collection .same-check input[type=checkbox], .collection #no_photo_div input[type=checkbox], .collection .check-select input[type=checkbox] {
    cursor: pointer;
    display: none; }
    .collection .section-item input[type=checkbox] + label, .collection .contribution-item input[type=checkbox] + label, .collection .new-color input[type=checkbox] + label, .collection .terms-agreement input[type=checkbox] + label, .collection .same-check input[type=checkbox] + label, .collection #no_photo_div input[type=checkbox] + label, .collection .check-select input[type=checkbox] + label {
      cursor: pointer;
      display: inline-block;
      margin-top: -5px;
      margin-bottom: -5px;
      margin-left: 8px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border: 1px solid #b5b5b5;
      height: 20px;
      width: 21px;
      background-color: white; }
      @media only screen and (max-width: 479px) {
        .collection .section-item input[type=checkbox] + label, .collection .contribution-item input[type=checkbox] + label, .collection .new-color input[type=checkbox] + label, .collection .terms-agreement input[type=checkbox] + label, .collection .same-check input[type=checkbox] + label, .collection #no_photo_div input[type=checkbox] + label, .collection .check-select input[type=checkbox] + label {
          height: 20px;
          width: 30px;
          background-color: white;
          margin-left: 0;
          margin-top: 0;
          margin-bottom: -5px;
          margin-right: -8px; } }
      .collection .section-item input[type=checkbox] + label:hover, .collection .contribution-item input[type=checkbox] + label:hover, .collection .new-color input[type=checkbox] + label:hover, .collection .terms-agreement input[type=checkbox] + label:hover, .collection .same-check input[type=checkbox] + label:hover, .collection #no_photo_div input[type=checkbox] + label:hover, .collection .check-select input[type=checkbox] + label:hover {
        background-color: #e8e7e3; }
    .collection .section-item input[type=checkbox]:checked + label, .collection .contribution-item input[type=checkbox]:checked + label, .collection .new-color input[type=checkbox]:checked + label, .collection .terms-agreement input[type=checkbox]:checked + label, .collection .same-check input[type=checkbox]:checked + label, .collection #no_photo_div input[type=checkbox]:checked + label, .collection .check-select input[type=checkbox]:checked + label {
      height: 20px;
      width: 21px;
      background-color: #7dc24c;
      background-image: url("../images/icons/sml_check.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #7dc24c;
      background-size: 10px; }
      @media only screen and (max-width: 479px) {
        .collection .section-item input[type=checkbox]:checked + label, .collection .contribution-item input[type=checkbox]:checked + label, .collection .new-color input[type=checkbox]:checked + label, .collection .terms-agreement input[type=checkbox]:checked + label, .collection .same-check input[type=checkbox]:checked + label, .collection #no_photo_div input[type=checkbox]:checked + label, .collection .check-select input[type=checkbox]:checked + label {
          height: 20px;
          width: 30px;
          background-color: #7dc24c;
          background-image: url("../images/icons/sml_check.png");
          background-repeat: no-repeat;
          background-position: center;
          border: 1px solid #7dc24c; } }

.collection .contents-table {
  font-family: "Calluna", serif; }

#show-progress {
  position: relative; }

.collection-nav_container {
  padding-left: 25px;
  padding-right: 25px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: white;
  border-top: 2px solid #e8e7e3;
  width: 100%; }

.collection-nav {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }
  .collection-nav .progress-bar-wrapper {
    flex: 1 1 600px;
    -webkit-flex: 1 1 600px; }
  .collection-nav.select-content .button-container {
    flex: 0 0 300px;
    -webkit-flex: 0 0 300px;
    padding-bottom: 10px; }
  .collection-nav .button-container {
    padding-top: 10px;
    flex: 0 1 300px;
    -webkit-flex: 0 1 300px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
    text-transform: capitalize; }
  .collection-nav .prev-step {
    width: 100%; }
  .collection-nav .next-step {
    background-color: #2cc3ce;
    color: white;
    width: 100%; }
  .collection-nav button:disabled {
    background-color: #edece8;
    color: #616a70; }

.progress-bar {
  border-right: 1px solid #e8e7e3;
  border-left: 1px solid #e8e7e3;
  padding: 10px 25px 20px; }
  .progress-bar .progress-meta {
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 12px;
    padding-bottom: 5px; }
    .progress-bar .progress-meta > p:last-child {
      color: #2cc3ce;
      font-weight: 700; }
  .progress-bar .step-progress {
    background-color: #616a70;
    border: 1px solid #616a70;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    overflow: hidden; }
    .progress-bar .step-progress .display-progress {
      transition: width 40ms ease-in;
      background-color: #2cc3ce;
      height: 2px;
      width: 0px; }

.collection .buyabook-intro {
  text-align: center; }
  .collection .buyabook-intro .wrapper, .collection .buyabook-intro .blue-error .column-container, .blue-error .collection .buyabook-intro .column-container {
    max-width: 900px;
    margin: 0 auto; }
    .collection .buyabook-intro .wrapper > h1, .collection .buyabook-intro .blue-error .column-container > h1, .blue-error .collection .buyabook-intro .column-container > h1, .collection .buyabook-intro .wrapper > h2, .collection .buyabook-intro .blue-error .column-container > h2, .blue-error .collection .buyabook-intro .column-container > h2 {
      color: #616a70;
      font-family: "Calluna", serif;
      margin-bottom: 25px;
      text-align: left; }
    .collection .buyabook-intro .wrapper > h2, .collection .buyabook-intro .blue-error .column-container > h2, .blue-error .collection .buyabook-intro .column-container > h2 {
      font-size: 1.75em;
      margin-top: 25px; }
  .collection .buyabook-intro .wrapper > p, .collection .buyabook-intro .blue-error .column-container > p, .blue-error .collection .buyabook-intro .column-container > p {
    color: #616a70;
    text-align: left;
    margin: 0 0 35px; }
    .collection .buyabook-intro .wrapper > p > a, .collection .buyabook-intro .blue-error .column-container > p > a, .blue-error .collection .buyabook-intro .column-container > p > a {
      color: #2cc3ce; }
    .collection .buyabook-intro .wrapper > p:last-of-type, .collection .buyabook-intro .blue-error .column-container > p:last-of-type, .blue-error .collection .buyabook-intro .column-container > p:last-of-type {
      margin: 0 0 50px;
      font-style: italic; }
  .collection .buyabook-intro button {
    background-color: #2cc3ce;
    color: white;
    width: 250px;
    font-size: 18px;
    padding: 15px; }

.collection .collection-books {
  margin-top: 100px; }
  .collection .collection-books .book-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap; }
    .collection .collection-books .book-container .single-book {
      flex: 1 0 230px;
      -webkit-flex: 1 0 230px; }
      .collection .collection-books .book-container .single-book .book_cover:hover .book-overlay, .collection .collection-books .book-container .single-book .book_cover-lrg:hover .book-overlay, .collection .collection-books .book-container .single-book .lrg-book-container .book_cover-lrg-icon:hover .book-overlay, .lrg-book-container .collection .collection-books .book-container .single-book .book_cover-lrg-icon:hover .book-overlay {
        visibility: visible;
        opacity: 1; }
      .collection .collection-books .book-container .single-book .book-overlay {
        visibility: hidden;
        opacity: 0;
        z-index: 600;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        height: inherit;
        padding: 40px 10px 10px;
        transition: opacity 400ms, visibility 400ms; }
        .collection .collection-books .book-container .single-book .book-overlay button {
          padding: 7px 10px;
          width: 100%;
          margin-bottom: 10px;
          color: white;
          font-family: "Proba", sans-serif; }
          .collection .collection-books .book-container .single-book .book-overlay button:hover {
            transition: all ease 1s; }
        .collection .collection-books .book-container .single-book .book-overlay .reprint-book {
          background-color: #7dc24c;
          border-color: #7dc24c; }
          .collection .collection-books .book-container .single-book .book-overlay .reprint-book:hover {
            background-color: #64a338; }
        .collection .collection-books .book-container .single-book .book-overlay .order-details {
          background-color: #2cc3ce;
          border-color: #2cc3ce; }
          .collection .collection-books .book-container .single-book .book-overlay .order-details:hover {
            background-color: #239ba4; }
        .collection .collection-books .book-container .single-book .book-overlay .delete-book {
          background-color: #e30f20;
          border-color: #e30f20; }
          .collection .collection-books .book-container .single-book .book-overlay .delete-book:hover {
            background-color: #b30c19; }
      .collection .collection-books .book-container .single-book .empty-start {
        border: 3px dashed white;
        background-color: #616a70; }
        .collection .collection-books .book-container .single-book .empty-start > h3 {
          color: white;
          padding: 0 20px;
          text-align: center; }
        .collection .collection-books .book-container .single-book .empty-start .add-book {
          height: 50px;
          width: 50px;
          border: 1px solid #2cc3ce;
          border-radius: 50px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          background-color: #2cc3ce;
          position: absolute;
          top: 100px;
          bottom: 0;
          left: 35.5px;
          right: 0;
          background-image: url("../images/icons/plus.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 30px; }

.areyousure .modal-flex-content > h2 {
  color: white; }

.collection .reminder {
  color: white;
  text-align: center;
  background-color: #d46690;
  padding: 7px 20px;
  margin: 20px auto;
  border: 1px solid #e30f20;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  max-width: 300px; }

/* All titles */
.byb-title-container {
  padding: 20px;
  background-color: #f4f2ee;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }
  .byb-title-container > h2 {
    color: #2cc3ce;
    font-size: 1.1em;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 5px; }
  .byb-title-container > p {
    color: #616a70;
    padding-top: 3px;
    font-size: 0.8em;
    line-height: 1.6;
    flex: 2 2 0px;
    -webkit-flex: 2 2 0px; }
    .byb-title-container > p > a {
      color: #2cc3ce; }
  @media only screen and (min-width: 1280px) {
    .byb-title-container {
      display: block; } }
  @media only screen and (max-width: 499px) {
    .byb-title-container {
      display: block; } }

.byb-header-layout > .byb-title-wrapper {
  margin-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  background-color: #f4f2ee; }
  .byb-header-layout > .byb-title-wrapper .byb-faq-container {
    text-align: center;
    padding: 20px 30px;
    color: #616a70; }
    .byb-header-layout > .byb-title-wrapper .byb-faq-container p {
      font-size: 0.7em;
      margin-bottom: 10px; }
    .byb-header-layout > .byb-title-wrapper .byb-faq-container button {
      max-width: 150px;
      width: 100%;
      border: 2px solid #616a70; }
  @media only screen and (min-width: 1280px) {
    .byb-header-layout > .byb-title-wrapper {
      display: block;
      background-color: #fff; } }
  @media only screen and (max-width: 499px) {
    .byb-header-layout > .byb-title-wrapper {
      display: block;
      background-color: #fff; } }

@media only screen and (min-width: 1280px) {
  .byb-header-layout {
    display: flex;
    flex-flow: row nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap; }
    .byb-header-layout > .byb-title-wrapper {
      flex: 1 1 0px;
      -webkit-flex: 1 1 0px;
      margin: 0 10px; }
    .byb-header-layout > .byb-header-content-wrapper {
      flex: 0 0 960px;
      -webkit-flex: 0 0 960px; }
      .byb-header-layout > .byb-header-content-wrapper > .wrapper, .blue-error .byb-header-layout > .byb-header-content-wrapper > .column-container {
        width: 100%; }
    .byb-header-layout > .byb-header-gutter {
      flex: 1 1 0px;
      -webkit-flex: 1 1 0px; } }

.contents-table {
  padding: 50px 0 0; }
  .contents-table > h1 {
    text-align: center; }
  .contents-table .content-list {
    width: 90%;
    margin: 50px auto;
    padding: 50px 0;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5; }
    .contents-table .content-list .chapter-list {
      max-width: 550px;
      margin: 0 auto; }
      .contents-table .content-list .chapter-list .chapter-item {
        padding-left: 15px;
        font-weight: 700; }
      .contents-table .content-list .chapter-list .section-list {
        padding: 20px;
        font-weight: 300;
        list-style-type: lower-alpha; }
        .contents-table .content-list .chapter-list .section-list .section-item {
          padding-left: 5px; }
        .contents-table .content-list .chapter-list .section-list .section-item, .contents-table .content-list .chapter-list .section-list .contribution-list .contribution-item {
          width: 100%;
          padding-bottom: 20px; }
          .contents-table .content-list .chapter-list .section-list .section-item > .inline-column-container, .contents-table .content-list .chapter-list .section-list .contribution-list .contribution-item > .inline-column-container {
            width: 100%;
            justify-content: space-between;
            -ms-justify-content: space-between;
            -webkit-justify-content: space-between; }
        .contents-table .content-list .chapter-list .section-list .contribution-list {
          padding: 20px 0; }

.select-intro {
  box-shadow: inset 0px -1px 5px rgba(0, 0, 0, 0.4); }
  .select-intro > .column-container > div:last-child {
    height: 180px; }
  .select-intro .wrapper, .select-intro .blue-error .column-container, .blue-error .select-intro .column-container {
    position: relative;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center; }
    @media only screen and (max-width: 894px) {
      .select-intro .wrapper, .select-intro .blue-error .column-container, .blue-error .select-intro .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .select-intro .wrapper > div, .select-intro .blue-error .column-container > div, .blue-error .select-intro .column-container > div {
          flex: 0 1 400px;
          -webkit-flex: 0 1 400px;
          margin: 0 auto; }
          .select-intro .wrapper > div:first-child, .select-intro .blue-error .column-container > div:first-child, .blue-error .select-intro .column-container > div:first-child {
            margin-bottom: 15px; } }
  .select-intro .intro-container h2 {
    color: #616a70;
    margin-bottom: 15px; }
  .select-intro .intro-container p {
    margin: 0 auto; }
  .select-intro .monty-overlay {
    position: absolute;
    bottom: -66px;
    left: -150px;
    width: 140px;
    height: 120px;
    background-image: url("../images/monty/montyHead_mustache2.png");
    background-repeat: no-repeat;
    background-position: bottom left; }
    @media only screen and (max-width: 1050px) {
      .select-intro .monty-overlay {
        display: none; } }

.layout-options {
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
  padding-bottom: 30px; }
  @media only screen and (max-width: 1280px) {
    .layout-options {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap;
      justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center; } }
  .layout-options > div {
    flex: 0 0 130px;
    -webkit-flex: 0 0 130px;
    margin-bottom: 20px; }
  .layout-options .option-size {
    background-color: #616a70;
    border: 3px solid #616a70; }
    .layout-options .option-size:hover {
      border: 3px solid #2cc3ce; }
  .layout-options .option-meta {
    text-align: center;
    color: #616a70;
    margin-top: 30px;
    height: 70px; }
    .layout-options .option-meta h2 {
      font-weight: 300; }
  .layout-options .selected_layout .option-size {
    border: 3px solid #2cc3ce; }
  .layout-options .disabled_layout .option-size {
    background-color: #e8e7e3;
    border: 1px solid #e8e7e3; }
    .layout-options .disabled_layout .option-size:hover {
      border: 1px solid #e8e7e3; }
  .layout-options .disabled_layout .option-meta {
    color: #e8e7e3; }
  .layout-options .option-2 .option-size, .layout-options .option-3 .option-size {
    height: 170px; }
  .layout-options .option-4, .layout-options .option-5 {
    padding-left: 10px;
    padding-right: 10px; }
    .layout-options .option-4 .option-size, .layout-options .option-5 .option-size {
      height: 130px; }
  .layout-options .option-6, .layout-options .option-7 {
    padding-left: 5px;
    padding-right: 5px; }
    .layout-options .option-6 .option-size, .layout-options .option-7 .option-size {
      height: 110px; }

.collection .select-layout-2 {
  background-color: #f5f4f0;
  position: relative; }
  .collection .select-layout-2 .wrapper, .collection .select-layout-2 .blue-error .column-container, .blue-error .collection .select-layout-2 .column-container {
    margin-top: 50px; }
    .collection .select-layout-2 .wrapper > h3, .collection .select-layout-2 .blue-error .column-container > h3, .blue-error .collection .select-layout-2 .column-container > h3 {
      color: #616a70;
      margin-bottom: 50px; }
  .collection .select-layout-2 .loading-overlay {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    min-height: 500px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    padding: 20px;
    text-shadow: 1px 1px 1px #616a70; }
    @media only screen and (min-width: 800px) {
      .collection .select-layout-2 .loading-overlay {
        padding: 100px; } }
    .collection .select-layout-2 .loading-overlay .loading-content {
      font-size: 1.2em;
      width: 40%;
      margin: 20px auto; }
      @media only screen and (max-width: 800px) {
        .collection .select-layout-2 .loading-overlay .loading-content {
          width: 80%; } }
    .collection .select-layout-2 .loading-overlay .circle-loader {
      position: relative;
      margin: 0 auto;
      width: 200px;
      height: 200px; }
      .collection .select-layout-2 .loading-overlay .circle-loader .circle-base {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
        .collection .select-layout-2 .loading-overlay .circle-loader .circle-base .path {
          stroke: #edece8;
          stroke-linecap: square; }
      .collection .select-layout-2 .loading-overlay .circle-loader .circle-spinner {
        position: absolute;
        z-index: 300;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px; }
        .collection .select-layout-2 .loading-overlay .circle-loader .circle-spinner .path {
          stroke: #2cc3ce;
          stroke-linecap: square;
          animation: dash 5s linear infinite; }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  100% {
    stroke-dasharray: 130, 150;
    stroke-dashoffset: 0; } }

.generate-previewer {
  margin-bottom: 30px; }

#book {
  width: 100%;
  height: 590px;
  padding: 10px;
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.3);
  position: relative; }
  #book .blank {
    width: 95%;
    height: 570px;
    background: white;
    background: linear-gradient(to right, white, #f5f4f0, #e8e7e3, #f5f4f0, white);
    position: absolute;
    top: 10px;
    left: 22px;
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.3); }

.booklet {
  margin: 0 auto !important; }

.previewer {
  padding-top: 50px; }
  .previewer .pagination-wrapper {
    padding: 10px 0;
    margin: 20px 0; }
  .previewer .section_nav {
    margin: 0 auto; }
  .previewer .pagination {
    max-width: 350px;
    padding: 0;
    align-items: stretch;
    height: 40px; }
    .previewer .pagination > div {
      flex: 5 5 0px;
      -webkit-flex: 5 5 0px; }
    .previewer .pagination .next {
      background-position: 42px 2px; }
    .previewer .pagination .prev, .previewer .pagination .next {
      background-color: #f5f4f0; }
  .previewer .proofread-pdf-container {
    color: #616a70;
    background-color: #edece8;
    border-bottom: 1px solid #aaa;
    padding: 15px; }
    .previewer .proofread-pdf-container p {
      text-align: center; }
      .previewer .proofread-pdf-container p button, .previewer .proofread-pdf-container p a {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        padding: 5px 15px;
        margin: 0 10px; }
        .previewer .proofread-pdf-container p button:hover, .previewer .proofread-pdf-container p a:hover {
          cursor: pointer; }
      .previewer .proofread-pdf-container p .generate-preview-pdf {
        border: 1px solid #616a70;
        color: #616a70;
        margin: 0 5px; }
      .previewer .proofread-pdf-container p .creating-preview-pdf {
        color: #2cc3ce; }
      .previewer .proofread-pdf-container p .pdf-link {
        border: 1px solid #2cc3ce;
        color: white;
        background-color: #2cc3ce; }

.page-count {
  display: flex;
  flex-flow: row nowrap;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap; }
  .page-count > div {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto; }

.divide, .previewer .pages {
  color: #616a70;
  padding-top: 6px;
  font-size: 18px; }

.divide {
  margin-right: 5px; }

.previewer .pages {
  margin-right: 15px; }

.booklet .b-wrap-right {
  border-left: 1px solid #edece8; }

.b-selector, .b-selector a, .b-selector:hover, .b-selector a:hover {
  color: #616a70 !important; }

.b-selector {
  font: normal 18px "Proba", sans-serif !important;
  float: left !important; }

.b-current, .b-selector {
  padding: 3px 0 0 !important;
  line-height: inherit !important;
  height: inherit !important; }

.b-selector .b-current, .b-selector ul {
  background: transparent !important; }

.b-selector ul {
  display: none !important; }

.b-selector-page {
  margin: 0; }

.loading {
  min-height: 300px;
  height: 30px;
  background-color: white;
  padding: 10px 0; }
  .loading .show-progress {
    text-align: center; }

.previewer .byb-header-content-wrapper {
  overflow-x: auto; }
  .previewer .byb-header-content-wrapper::-webkit-scrollbar {
    -webkit-appearance: none; }
  .previewer .byb-header-content-wrapper::-webkit-scrollbar:vertical, .previewer .byb-header-content-wrapper::-webkit-scrollbar:horizontal {
    width: 11px; }
  .previewer .byb-header-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .previewer .byb-header-content-wrapper ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

#this-book .over-page-limit {
  background-color: white; }
  #this-book .over-page-limit .op-container {
    padding: 50px;
    height: inherit;
    display: flex;
    flex-flow: row;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row;
    -ms-flex-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #616a70; }
    #this-book .over-page-limit .op-container img {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      width: 164px;
      height: 376px; }
    #this-book .over-page-limit .op-container .limit-message h1 {
      margin-bottom: 30px; }
    #this-book .over-page-limit .op-container .limit-message p {
      text-align: left;
      width: 80%;
      margin: 0 auto; }

.book-cover-previewer .wrapper:first-of-type, .book-cover-previewer .blue-error .column-container:first-of-type, .blue-error .book-cover-previewer .column-container:first-of-type {
  padding: 0; }

.book-cover-previewer .column-container {
  margin-bottom: 20px;
  height: 580px;
  max-height: 600px;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0; }

.book-cover-previewer .front-cover {
  height: inherit; }
  .book-cover-previewer .front-cover .title-container {
    cursor: move; }

.book-cover-previewer .back-cover {
  margin-right: 10px;
  box-shadow: inset -1px 0px 2px #f5f4f0, -1px 2px 8px #b5b5b5;
  flex: 5 5 0px;
  -webkit-flex: 5 5 0px; }

.book-cover-previewer .spine-cover {
  box-shadow: inset 1px 1px 2px #f5f4f0, 0px 2px 8px #b5b5b5;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px; }

.book-cover-previewer .back-cover, .book-cover-previewer .front-cover, .book-cover-previewer .spine-cover {
  border: 1px transparent solid;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

@media only screen and (max-width: 930px) {
  .book-cover-previewer .back-cover, .book-cover-previewer .spine-cover {
    display: none; }
  .book-cover-previewer .front-cover {
    flex: 0 1 400px;
    -webkit-flex: 0 1 400px;
    margin: 0 10px; } }

.front-cover {
  position: relative;
  margin-left: 10px;
  box-shadow: inset 1px 0px 2px #f5f4f0, 1px 2px 8px #b5b5b5;
  flex: 5 5 0px;
  -webkit-flex: 5 5 0px; }
  .front-cover .no-art-container {
    height: 100px;
    width: 100%; }
  .front-cover .icon-title-container {
    width: inherit; }
  .front-cover .title-container h1 {
    position: absolute;
    z-index: 20;
    top: 300px;
    left: 0;
    width: 100%;
    box-shadow: inset 1px 0px 2px #f5f4f0;
    font-size: 3.5em;
    padding-left: 22px; }
  .front-cover .title-container h2 {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 10px;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center; }
  .front-cover .title-container h2, .front-cover .title-container p {
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5); }
  .front-cover #move-icon, .front-cover .icon-container {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 10px; }
    .front-cover #move-icon img, .front-cover .icon-container img {
      width: 250px;
      height: 250px; }
    .front-cover #move-icon .ui-wrapper, .front-cover .icon-container .ui-wrapper {
      border: 3px solid transparent; }
    .front-cover #move-icon:hover, .front-cover .icon-container:hover {
      cursor: move; }
      .front-cover #move-icon:hover .ui-wrapper, .front-cover .icon-container:hover .ui-wrapper {
        border: 3px dotted #f5f4f0; }
      .front-cover #move-icon:hover .ui-resizable-se, .front-cover .icon-container:hover .ui-resizable-se {
        border: 1px dotted #f5f4f0;
        background-color: rgba(255, 255, 255, 0.3); }
  .front-cover .cover-art-container {
    height: 100%; }
    .front-cover .cover-art-container .cover-art {
      background-position: center;
      background-size: cover;
      width: 100%;
      height: inherit; }

.collection .cover-controls {
  border-top: 1px solid #e8e7e3;
  margin-top: 10px;
  padding: 0 15px 0 0;
  margin-bottom: 0; }

.collection #byb_icon_container, .collection #color_container {
  border-top: 1px solid #e8e7e3;
  background-color: #f5f4f0; }

.collection .cover-label {
  margin-bottom: 10px; }

.collection .custom-cover-icon {
  position: relative; }
  .collection .custom-cover-icon:hover .monty-tooltip {
    display: block; }
  .collection .custom-cover-icon .monty-tooltip {
    display: none;
    position: absolute;
    width: 347px;
    height: 100px;
    bottom: 35px;
    left: 40px;
    background-color: #fafaf8;
    box-shadow: 1px 1px 1px #616a70; }
    .collection .custom-cover-icon .monty-tooltip .tooltip-container {
      display: flex;
      height: inherit; }
      .collection .custom-cover-icon .monty-tooltip .tooltip-container img {
        width: 70px;
        margin-right: 12px;
        margin-top: 10px; }
      .collection .custom-cover-icon .monty-tooltip .tooltip-container > div p {
        padding-top: 20px;
        padding-right: 20px;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #616a70; }
        .collection .custom-cover-icon .monty-tooltip .tooltip-container > div p a {
          color: #2cc3ce; }
    .collection .custom-cover-icon .monty-tooltip .tooltip-arrow-down {
      width: 30px;
      height: 20px;
      position: relative;
      overflow: hidden;
      margin: 0 auto; }
      .collection .custom-cover-icon .monty-tooltip .tooltip-arrow-down:after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background: #fafaf8;
        transform: rotate(45deg);
        bottom: 15px;
        left: 0;
        box-shadow: 2px 0 0 #616a70; }

.cover-options h4 {
  margin: 10px 0; }
  .cover-options h4:first-of-type {
    margin-top: 50px; }

.cover-options input[type="input"] {
  background-color: #f5f4f0;
  width: 100%; }

.cover-options .col-4 {
  width: 16.5%; }

.collection-books .single-book .book_cover .no-art-container, .collection-books .single-book .book_cover-lrg .no-art-container, .collection-books .single-book .lrg-book-container .book_cover-lrg-icon .no-art-container, .lrg-book-container .collection-books .single-book .book_cover-lrg-icon .no-art-container {
  height: 30px; }

.collection-books .single-book .book_cover .cover-art, .collection-books .single-book .book_cover-lrg .cover-art, .collection-books .single-book .lrg-book-container .book_cover-lrg-icon .cover-art, .lrg-book-container .collection-books .single-book .book_cover-lrg-icon .cover-art {
  height: 182px;
  background-size: cover;
  background-position: center; }

.collection-books .single-book .book_cover .icon_title, .collection-books .single-book .book_cover-lrg .icon_title, .collection-books .single-book .lrg-book-container .book_cover-lrg-icon .icon_title, .lrg-book-container .collection-books .single-book .book_cover-lrg-icon .icon_title {
  top: 105px; }

.collection-books .single-book .book_cover .icon-container, .collection-books .single-book .book_cover-lrg .icon-container, .collection-books .single-book .lrg-book-container .book_cover-lrg-icon .icon-container, .lrg-book-container .collection-books .single-book .book_cover-lrg-icon .icon-container {
  padding-top: 10px; }
  .collection-books .single-book .book_cover .icon-container .icon-cover, .collection-books .single-book .book_cover-lrg .icon-container .icon-cover, .collection-books .single-book .lrg-book-container .book_cover-lrg-icon .icon-container .icon-cover, .lrg-book-container .collection-books .single-book .book_cover-lrg-icon .icon-container .icon-cover {
    height: 90px; }

.preview-order .terms-agreement h3 {
  margin: 30px 0 15px; }

.preview-order .terms-agreement .check_select_checkbox + label {
  margin-left: 0 !important;
  margin-right: 8px; }

.preview-order .terms-agreement span {
  line-height: 1.5; }

.preview-order .terms-agreement ol {
  list-style-position: inside;
  margin-bottom: 20px; }
  .preview-order .terms-agreement ol li {
    padding-bottom: 15px; }

.book-details-overlay .modal-flex-container .byb-header-content-wrapper, .order-template .byb-header-content-wrapper, .preview-order .byb-header-content-wrapper {
  overflow-x: auto; }
  .book-details-overlay .modal-flex-container .byb-header-content-wrapper::-webkit-scrollbar, .order-template .byb-header-content-wrapper::-webkit-scrollbar, .preview-order .byb-header-content-wrapper::-webkit-scrollbar {
    -webkit-appearance: none; }
  .book-details-overlay .modal-flex-container .byb-header-content-wrapper::-webkit-scrollbar:vertical, .book-details-overlay .modal-flex-container .byb-header-content-wrapper::-webkit-scrollbar:horizontal, .order-template .byb-header-content-wrapper::-webkit-scrollbar:vertical, .order-template .byb-header-content-wrapper::-webkit-scrollbar:horizontal, .preview-order .byb-header-content-wrapper::-webkit-scrollbar:vertical, .preview-order .byb-header-content-wrapper::-webkit-scrollbar:horizontal {
    width: 11px; }
  .book-details-overlay .modal-flex-container .byb-header-content-wrapper::-webkit-scrollbar-thumb, .order-template .byb-header-content-wrapper::-webkit-scrollbar-thumb, .preview-order .byb-header-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .book-details-overlay .modal-flex-container .byb-header-content-wrapper ::-webkit-scrollbar-track, .order-template .byb-header-content-wrapper ::-webkit-scrollbar-track, .preview-order .byb-header-content-wrapper ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }
  .book-details-overlay .modal-flex-container .byb-header-content-wrapper > .column-container:first-of-type, .order-template .byb-header-content-wrapper > .column-container:first-of-type, .preview-order .byb-header-content-wrapper > .column-container:first-of-type {
    width: 940px;
    margin: 0 auto; }

.book-details-overlay .byb-header-layout {
  margin: 0 auto;
  overflow: auto; }
  .book-details-overlay .byb-header-layout::-webkit-scrollbar {
    -webkit-appearance: none; }
  .book-details-overlay .byb-header-layout::-webkit-scrollbar:vertical, .book-details-overlay .byb-header-layout::-webkit-scrollbar:horizontal {
    width: 11px; }
  .book-details-overlay .byb-header-layout::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .book-details-overlay .byb-header-layout ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

.preview-order .book-cover, .order-template .book-cover, .modal-flex-container .book-cover, .book-cover .book-cover {
  position: relative;
  height: 580px;
  box-shadow: inset 1px 0px 2px #f5f4f0, 1px 2px 8px #b5b5b5; }
  .preview-order .book-cover .book-spine, .order-template .book-cover .book-spine, .modal-flex-container .book-cover .book-spine, .book-cover .book-cover .book-spine {
    position: absolute;
    z-index: 1000;
    height: inherit;
    width: 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: -1px -3px 8px 2px #f5f4f0;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.1) 20%, transparent 70%);
    background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.1) 20%, transparent 70%);
    background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.1) 20%, transparent 70%);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.1) 20%, transparent 70%); }

.preview-order .order-detail, .order-template .order-detail, .modal-flex-container .order-detail, .book-cover .order-detail {
  padding: 0 50px; }

.preview-order .table_layout, .order-template .table_layout, .modal-flex-container .table_layout, .book-cover .table_layout {
  padding-top: 25px;
  width: 80%;
  color: #616a70; }
  .preview-order .table_layout input.discount, .order-template .table_layout input.discount, .modal-flex-container .table_layout input.discount, .book-cover .table_layout input.discount {
    background-color: #f5f4f0;
    padding: 7px 10px;
    font-size: 0.8em;
    width: 75%; }
  .preview-order .table_layout .apply_discount, .order-template .table_layout .apply_discount, .modal-flex-container .table_layout .apply_discount, .book-cover .table_layout .apply_discount {
    font-size: 0.8em;
    padding: 7px;
    border: 1px solid #edece8;
    background-color: #7dc24c;
    color: white;
    transition: all ease 2s;
    cursor: pointer; }
    .preview-order .table_layout .apply_discount:hover, .order-template .table_layout .apply_discount:hover, .modal-flex-container .table_layout .apply_discount:hover, .book-cover .table_layout .apply_discount:hover {
      background-color: #70b63e;
      color: white;
      transition: all 300ms ease; }
  .preview-order .table_layout > .column-container, .order-template .table_layout > .column-container, .modal-flex-container .table_layout > .column-container, .book-cover .table_layout > .column-container {
    padding-bottom: 10px;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center; }
  .preview-order .table_layout .green-price, .order-template .table_layout .green-price, .modal-flex-container .table_layout .green-price, .book-cover .table_layout .green-price {
    color: #7dc24c;
    font-weight: 300;
    font-size: 1.5em; }

.order-detail > h2, .book-details-overlay .modal-flex-content > h2 {
  color: #616a70;
  margin-bottom: 10px; }

.order-detail > h1, .order-detail h5, .book-details-overlay .modal-flex-content > h1, .book-details-overlay .modal-flex-content h5 {
  color: #2cc3ce; }

.order-detail h1, .book-details-overlay .modal-flex-content h1 {
  font-size: 3.5em; }

.order-detail .url, .book-details-overlay .modal-flex-content .url {
  font-size: .75em;
  color: #2cc3ce;
  text-decoration: underline; }
  .order-detail .url:hover, .book-details-overlay .modal-flex-content .url:hover {
    color: #616a70; }

.order-detail .additional-info, .book-details-overlay .modal-flex-content .additional-info {
  background-color: #f5f4f0;
  padding: 15px 20px;
  color: #616a70;
  margin-top: 10px; }
  .order-detail .additional-info h4, .book-details-overlay .modal-flex-content .additional-info h4 {
    margin-bottom: 15px; }
  .order-detail .additional-info button, .book-details-overlay .modal-flex-content .additional-info button {
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #616a70; }

@media only screen and (min-width: 900px) {
  .book-details-overlay .modal-flex-container {
    flex: 0 1 95%;
    -webkit-flex: 0 1 95%; } }

.book-details-overlay .modal-flex-content {
  background-color: white; }
  .book-details-overlay .modal-flex-content h2 {
    background-color: rgba(255, 255, 255, 0); }
  .book-details-overlay .modal-flex-content .front-cover .title-container > h2 {
    background-color: transparent;
    text-align: center; }
  .book-details-overlay .modal-flex-content .front-cover .title-container > p {
    text-align: center; }
  .book-details-overlay .modal-flex-content .order-detail h2 {
    color: #616a70;
    padding-left: 0;
    margin-bottom: 0; }
  .book-details-overlay .modal-flex-content .order-detail .green {
    color: #7dc24c; }
  .book-details-overlay .modal-flex-content .book-cover {
    height: 580px; }
  .book-details-overlay .modal-flex-content .table_layout > .column-container > div:first-child {
    color: #2cc3ce; }
  .book-details-overlay .modal-flex-content p {
    padding-left: 0; }

.order-detail .fail {
  margin-bottom: 50px; }
  .order-detail .fail h1 {
    color: #e30f20;
    font-size: 1.85em; }
  .order-detail .fail > p {
    margin-top: 40px;
    font-size: 1.35em;
    color: #616a70; }

.valid_input {
  border: 1px solid #7dc24c;
  color: #7dc24c; }
  .valid_input::-webkit-input-placeholder {
    color: #7dc24c; }
  .valid_input::-moz-placeholder {
    color: #7dc24c; }
  .valid_input:-moz-placeholder {
    color: #7dc24c; }
  .valid_input:-ms-input-placeholder {
    color: #7dc24c; }

.sendcard {
  top: -7px; }

.noteb {
  font-size: .85em;
  margin-bottom: 10px; }
  .noteb .card_note {
    color: #7dc24c;
    font-weight: bold; }

/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *  1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
.booklet {
  width: 800px;
  height: 600px;
  position: relative;
  margin: 0 auto 10px;
  overflow: visible !important; }

.booklet .b-page {
  left: 0;
  top: 0;
  position: absolute;
  overflow: hidden;
  padding: 0;
  outline: 1px solid transparent; }

/* Page Wrappers */
.booklet .b-wrap {
  top: 0;
  position: absolute; }

.booklet .b-wrap-left {
  background: #fff; }

.booklet .b-wrap-right {
  background: #efefef; }

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap {
  left: 0; }

.booklet .b-p0 .b-wrap {
  right: 0; }

/* Custom Page Types */
.booklet .b-page-blank {
  padding: 0;
  width: 100%;
  height: 100%; }

.booklet .b-page-cover {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #925C0E; }

.booklet .b-page-cover h3 {
  color: #fff;
  text-shadow: 0 1px 3px #222; }

/* Page Numbers */
.booklet .b-counter {
  bottom: 10px;
  position: absolute;
  display: block;
  width: 25px;
  height: 20px;
  background: #ccc;
  color: #444;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  padding: 5px 0 0; }

.booklet .b-wrap-left .b-counter {
  left: 10px; }

.booklet .b-wrap-right .b-counter {
  right: 10px; }

/* Page Shadows */
.booklet .b-shadow-f {
  right: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-image: url("../images/icons/shadow-top-forward.png");
  background-repeat: repeat-y;
  background-position: 100% 0; }

.booklet .b-shadow-b {
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-image: url("../images/icons/shadow-top-back.png");
  background-repeat: repeat-y;
  background-position: 0 0; }

.booklet .b-p0 {
  background-image: url("../images/icons/shadow.png");
  background-repeat: repeat-y;
  background-position: 100% 10px; }

.booklet .b-p3 {
  background-image: url("../images/icons/shadow.png");
  background-repeat: repeat-y;
  background-position: 0 10px; }

/* Overlay Controls */
.booklet .b-grab {
  cursor: url("../images/icons/openhand.cur"), default; }

.booklet .b-grabbing {
  cursor: url("../images/icons/closedhand.cur"), default; }

/* Overlay Controls */
.booklet .b-overlay {
  top: 0;
  position: absolute;
  height: 100%;
  width: 50%; }

.booklet .b-overlay-prev {
  left: 0; }

.booklet .b-overlay-next {
  right: 0; }

/* Tab Controls */
.booklet .b-tab {
  background: #000;
  height: 40px;
  width: 100%;
  padding: 10px 0 0;
  text-align: center;
  color: #ccc;
  position: absolute;
  font-size: 11px; }

.booklet .b-tab-prev {
  left: 0; }

.booklet .b-tab-next {
  right: 0; }

.booklet .b-tab:hover {
  background: #aaa;
  color: #000; }

/* Arrow Controls */
.booklet .b-arrow {
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  height: 100%;
  width: 74px; }

.booklet .b-arrow div {
  display: none;
  text-indent: -9999px;
  height: 170px;
  width: 74px;
  position: absolute;
  left: 0;
  top: 25%; }

.booklet .b-arrow-next {
  right: -80px; }

.booklet .b-arrow-prev {
  left: -80px; }

.booklet .b-arrow-next div {
  background: url("../images/icons/right_arrow.png") no-repeat left top; }

.booklet .b-arrow-prev div {
  background: url("../images/icons/left_arrow.png") no-repeat left top; }

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
body {
  z-index: 0; }

.b-menu {
  z-index: 100; }

.b-selector {
  z-index: 100; }

.booklet {
  z-index: 10; }

.b-pN {
  z-index: 10; }

.b-p0 {
  z-index: 30; }

.b-p1 {
  z-index: 20; }

.b-p2 {
  z-index: 20; }

.b-p3 {
  z-index: 30; }

.b-p4 {
  z-index: 10; }

.b-prev {
  z-index: 40; }

.b-next {
  z-index: 40; }

.b-counter {
  z-index: 40; }

/* @Menu Items
----------------------------------------*/
.b-menu {
  height: 40px;
  padding: 0 0 10px; }

.b-selector {
  height: 40px;
  position: relative;
  float: right;
  border: none;
  color: #cecece;
  cursor: pointer;
  font: normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.b-selector .b-current {
  padding: 8px 15px 12px;
  line-height: 20px;
  min-width: 18px;
  height: 20px;
  display: block;
  background: #000;
  text-align: center; }

.b-selector-page {
  width: auto;
  margin-left: 15px; }

.b-selector-chapter {
  width: auto; }

.b-selector:hover {
  color: #fff;
  background-position: left 0; }

.b-selector:hover .b-current {
  background-position: right 0; }

.b-selector ul {
  overflow: hidden;
  margin: 0;
  list-style: none !important;
  position: absolute;
  top: 40px;
  right: 0;
  padding: 0 0 10px;
  background: #000;
  width: 240px; }

.b-selector li {
  border: none; }

.b-selector a {
  color: #cecece;
  height: 14px;
  text-decoration: none;
  display: block;
  padding: 5px 10px; }

.b-selector a .b-text {
  float: left;
  clear: none; }

.b-selector a .b-num {
  float: right;
  clear: none; }

.b-selector a:hover {
  color: #fff; }

.payment-form h2 {
  color: #2cc3ce; }

.payment-form input {
  background-color: #f5f4f0;
  padding: 5px 10px;
  border: 1px solid #e8e7e3;
  margin: 10px 0; }
  .payment-form input.invalid_input {
    border: 1px solid #e30f20; }
    .payment-form input.invalid_input::-webkit-input-placeholder {
      color: #e30f20; }
    .payment-form input.invalid_input::-moz-placeholder {
      color: #e30f20; }
    .payment-form input.invalid_input:-moz-placeholder {
      color: #e30f20; }
    .payment-form input.invalid_input:-ms-input-placeholder {
      color: #e30f20; }

.payment-form .user-info .column:first-child, .payment-form .street-container .column-container .column:first-child {
  margin-right: 5px; }

.payment-form .street-container .column-container {
  width: 100%; }

.payment-form .pi3421 {
  margin-bottom: 50px; }
  .payment-form .pi3421 .column-container > .column-container {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center; }
  .payment-form .pi3421 p {
    font-size: 10px;
    font-style: italic; }
    .payment-form .pi3421 p:first-of-type {
      text-align: right;
      margin-right: 10px; }
    .payment-form .pi3421 p:last-of-type {
      margin-left: 10px;
      margin-right: 10px; }
  .payment-form .pi3421 div:first-of-type {
    position: relative; }
    .payment-form .pi3421 div:first-of-type .reminder {
      position: absolute;
      top: 2em;
      left: 0;
      font-size: 0.9em;
      max-width: 100%; }

.payment-form .SP3241-label {
  margin: 0 0 10px;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between; }
  .payment-form .SP3241-label .same-check {
    padding-top: 5px;
    text-align: right;
    font-style: italic;
    text-transform: lowercase;
    font-size: .75en; }

.payment-form .custom-select {
  margin: 10px 0;
  color: #616a70;
  border: 1px solid #e8e7e3;
  width: 100%;
  padding: 5px 10px; }
  .payment-form .custom-select.invalid_input {
    border: 1px solid #e30f20;
    color: #e30f20; }
    .payment-form .custom-select.invalid_input::-webkit-input-placeholder {
      color: #e30f20; }
    .payment-form .custom-select.invalid_input::-moz-placeholder {
      color: #e30f20; }
    .payment-form .custom-select.invalid_input:-moz-placeholder {
      color: #e30f20; }
    .payment-form .custom-select.invalid_input:-ms-input-placeholder {
      color: #e30f20; }

.payment-form .legal {
  margin-top: 50px;
  padding-right: 50px; }
  .payment-form .legal h3 {
    color: #616a70;
    margin-bottom: 10px; }

.payment-form .total-cost {
  margin-top: 50px; }
  .payment-form .total-cost .SP3241-options #SP3241-option {
    width: 100%;
    margin-left: 0; }
  .payment-form .total-cost table {
    width: 100%;
    margin-top: 15px; }
    .payment-form .total-cost table td {
      color: #616a70;
      font-weight: 700;
      padding-bottom: 10px;
      text-align: right; }
    .payment-form .total-cost table tr:last-child td {
      color: #2cc3ce; }

.SP3241_input {
  position: relative;
  margin-bottom: 20px; }
  .SP3241_input .cancel {
    position: absolute;
    right: -40px;
    top: 5px; }

.add_to_container {
  margin-top: 10px; }
  .add_to_container:before, .add_to_container:after {
    content: '';
    display: table; }
  .add_to_container:after {
    clear: both; }

.byb_hero {
  background-image: url("../images/hero_assets/woodBG.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .byb_hero > div > .column-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto; }
  .byb_hero .video_container {
    align-self: center;
    ms-align-self: center;
    webkit-align-self: center; }
    .byb_hero .video_container .video {
      border: 20px solid transparent;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-image: url("../images/hero_assets/iPad.png") 22 15 22 22 stretch;
      -webkit-border-image: url("../images/hero_assets/iPad.png") 22 15 22 22 stretch;
      /* Safari 3.1-5 */
      -o-border-image: url("../images/hero_assets/iPad.png") 22 15 22 22 stretch;
      /* Opera 11-12.1 */
      padding: 13.5% 8.75% 16.5% 7.5%;
      transform: rotate(-1deg);
      margin: 0 auto; }
  @media only screen and (max-width: 1145px) {
    .byb_hero > div > .column-container {
      padding-top: 30px;
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .byb_hero > div > .column-container > div {
        flex: 1 1 100%; } }
  .byb_hero .price_ad_container {
    padding: 50px 0; }
    .byb_hero .price_ad_container h1 {
      color: white;
      font-size: 3.5em;
      font-family: "Calluna", serif;
      text-align: center;
      text-shadow: 2px 4px rgba(0, 0, 0, 0.5); }
    .byb_hero .price_ad_container .price_tag {
      background-color: #f5f4f0;
      margin: 30px auto;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      padding: 3px;
      width: 470px; }
      @media only screen and (max-width: 470px) {
        .byb_hero .price_ad_container .price_tag {
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          width: 80%;
          position: relative;
          padding-top: 75px;
          margin-top: 100px; }
          .byb_hero .price_ad_container .price_tag > .column-container {
            display: flex;
            flex-flow: row wrap;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-flex-flow: row wrap;
            justify-content: center; }
            .byb_hero .price_ad_container .price_tag > .column-container > .column {
              flex: 0 0 100%;
              -webkit-flex: 0 0 100%;
              text-align: center; }
              .byb_hero .price_ad_container .price_tag > .column-container > .column > .column-container {
                justify-content: center; } }
        @media only screen and (max-width: 470px) and (max-width: 320px) {
          .byb_hero .price_ad_container .price_tag > .column-container > .column > .column-container {
            display: flex;
            flex-flow: row wrap;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-flex-flow: row wrap; }
            .byb_hero .price_ad_container .price_tag > .column-container > .column > .column-container > div {
              flex: 0 0 60%;
              -webkit-flex: 0 0 60%; } }
      .byb_hero .price_ad_container .price_tag .price-left {
        background-color: #2cc3ce;
        color: white;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border: 5px solid white;
        padding: 15px 18px 10px;
        text-align: center;
        width: 150px;
        height: 150px; }
        @media only screen and (max-width: 470px) {
          .byb_hero .price_ad_container .price_tag .price-left {
            position: absolute;
            top: -75px;
            left: 23%; } }
  @media only screen and (max-width: 470px) and (max-width: 320px) {
    .byb_hero .price_ad_container .price_tag .price-left {
      left: 40px; } }
        .byb_hero .price_ad_container .price_tag .price-left p {
          padding: 0;
          margin: 0; }
        .byb_hero .price_ad_container .price_tag .price-left p:first-child {
          font-size: 2em;
          text-transform: uppercase;
          letter-spacing: -2px; }
        .byb_hero .price_ad_container .price_tag .price-left p:last-child {
          font-size: 3.5em;
          margin-top: -20px;
          font-weight: 700; }
      .byb_hero .price_ad_container .price_tag .price-right {
        padding-left: 15px;
        padding-top: 15px; }
        @media only screen and (max-width: 470px) {
          .byb_hero .price_ad_container .price_tag .price-right {
            padding: 0 0 15px; } }
        .byb_hero .price_ad_container .price_tag .price-right .price_msg {
          font-weight: 700; }
          .byb_hero .price_ad_container .price_tag .price-right .price_msg span:first-child {
            color: #2cc3ce;
            text-transform: uppercase;
            font-size: 1.2em; }
            @media only screen and (max-width: 320px) {
              .byb_hero .price_ad_container .price_tag .price-right .price_msg span:first-child {
                font-size: 1em; } }
          .byb_hero .price_ad_container .price_tag .price-right .price_msg span:last-child {
            color: #616a70;
            text-transform: capitalize;
            font-size: 1.6em; }
            @media only screen and (max-width: 320px) {
              .byb_hero .price_ad_container .price_tag .price-right .price_msg span:last-child {
                font-size: 1.2em; } }
        .byb_hero .price_ad_container .price_tag .price-right > .column-container {
          font-weight: 700;
          font-size: 2.5em; }
          @media only screen and (min-width: 321px) {
            .byb_hero .price_ad_container .price_tag .price-right > .column-container {
              margin-top: -5px; } }
          .byb_hero .price_ad_container .price_tag .price-right > .column-container .high-price {
            color: #616a70;
            position: relative; }
            @media only screen and (min-width: 321px) {
              .byb_hero .price_ad_container .price_tag .price-right > .column-container .high-price {
                margin-right: 10px; } }
            .byb_hero .price_ad_container .price_tag .price-right > .column-container .high-price .price-slash {
              position: absolute;
              border-top: 2px solid red;
              width: 100%;
              height: 1px;
              transform: rotate(-10deg);
              top: 25px;
              left: 0; }
          .byb_hero .price_ad_container .price_tag .price-right > .column-container .low-price {
            color: #7dc24c; }
            @media only screen and (max-width: 320px) {
              .byb_hero .price_ad_container .price_tag .price-right > .column-container .low-price {
                margin-top: -10px; } }
        .byb_hero .price_ad_container .price_tag .price-right > a {
          text-transform: uppercase;
          color: #2cc3ce;
          text-decoration: underline;
          display: block; }
    .byb_hero .price_ad_container .extra_images {
      text-align: center; }

.holiday-special {
  background-image: url("../images/hero_assets/christmasLights.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 550px) and (max-width: 1135px) {
    .holiday-special .price_ad_container {
      padding-top: 0;
      text-align: center; } }
  .holiday-special .price_ad_container .holiday-img-container {
    position: relative; }
    @media only screen and (max-width: 550px) {
      .holiday-special .price_ad_container .holiday-img-container {
        display: none; } }
    .holiday-special .price_ad_container .holiday-img-container .click-area {
      position: absolute;
      bottom: 20%;
      left: 25%;
      width: 34%;
      height: 30px;
      cursor: pointer; }
  @media only screen and (min-width: 549px) {
    .holiday-special .price_ad_container h1, .holiday-special .price_ad_container .price_tag, .holiday-special .price_ad_container .holiday-special-graphic {
      display: none; } }
  .holiday-special .price_ad_container .holiday-special-graphic {
    text-align: center; }

/* Price tag before 3/8/2018 */
.byb_info-sheet.modal-flex {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  overflow-x: scroll; }
  .byb_info-sheet.modal-flex::-webkit-scrollbar {
    -webkit-appearance: none; }
  .byb_info-sheet.modal-flex::-webkit-scrollbar:vertical, .byb_info-sheet.modal-flex::-webkit-scrollbar:horizontal {
    width: 11px; }
  .byb_info-sheet.modal-flex::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .byb_info-sheet.modal-flex ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

.byb_info-sheet > .modal-flex-container {
  transition: all 200ms ease;
  overflow: unset;
  flex: 0 1 80%;
  -webkit-flex: 0 1 80%; }
  @media only screen and (max-width: 1280px) {
    .byb_info-sheet > .modal-flex-container {
      margin-top: 200px; } }
  .byb_info-sheet > .modal-flex-container .modal-flex-content {
    position: relative; }
    .byb_info-sheet > .modal-flex-container .modal-flex-content .close-button {
      position: absolute;
      top: 0px;
      right: -35px;
      height: 30px;
      width: 30px;
      background-color: transparent;
      background-image: url("../images/icons/white_cancel.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px;
      cursor: pointer; }
  @media only screen and (max-width: 1400px) {
    .byb_info-sheet > .modal-flex-container {
      flex: 0 1 85%;
      -webkit-flex: 0 1 85%; } }
  .byb_info-sheet > .modal-flex-container .special-decal {
    position: absolute;
    top: -150px;
    right: 25%;
    width: 40%;
    z-index: 1000; }
    @media only screen and (min-width: 886px) and (max-width: 1532px) {
      .byb_info-sheet > .modal-flex-container .special-decal {
        right: 10%; } }
    @media only screen and (min-width: 470px) and (max-width: 886px) {
      .byb_info-sheet > .modal-flex-container .special-decal {
        top: -120px;
        right: 5%; } }
    @media only screen and (max-width: 470px) {
      .byb_info-sheet > .modal-flex-container .special-decal {
        top: -40px;
        right: 2%; } }
  .byb_info-sheet > .modal-flex-container .special-offer {
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase;
    width: 95%;
    margin: 2em auto 0; }
    .byb_info-sheet > .modal-flex-container .special-offer span:first-child {
      font-size: 3em;
      color: #7dc24c; }
    .byb_info-sheet > .modal-flex-container .special-offer span:last-child {
      font-size: 2em;
      color: #616a70; }
    @media only screen and (min-width: 470px) and (max-width: 886px) {
      .byb_info-sheet > .modal-flex-container .special-offer span:last-child {
        font-size: 1.7em; } }
    @media only screen and (max-width: 470px) {
      .byb_info-sheet > .modal-flex-container .special-offer span:first-child {
        font-size: 1.2em; }
      .byb_info-sheet > .modal-flex-container .special-offer span:last-child {
        font-size: 14px; } }

.byb_info-sheet .content-container {
  width: 100%; }

.byb_info-sheet .book-option-container, .byb_info-sheet .shipping-option-container {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #d7d7d7; }
  .byb_info-sheet .book-option-container .accordion_header, .byb_info-sheet .shipping-option-container .accordion_header {
    padding: 1.2em; }
    .byb_info-sheet .book-option-container .accordion_header > div:first-child, .byb_info-sheet .shipping-option-container .accordion_header > div:first-child {
      align-self: center;
      -ms-align-self: center;
      -webkit-align-self: center; }
    .byb_info-sheet .book-option-container .accordion_header h1, .byb_info-sheet .shipping-option-container .accordion_header h1 {
      font-size: 1.75em;
      font-weight: 300; }
      @media only screen and (max-width: 320px) {
        .byb_info-sheet .book-option-container .accordion_header h1, .byb_info-sheet .shipping-option-container .accordion_header h1 {
          font-size: 1.2em; } }
  .byb_info-sheet .book-option-container .accordion_content, .byb_info-sheet .shipping-option-container .accordion_content {
    padding: 1em 1.2em 0 2em; }
    @media only screen and (min-width: 400px) and (max-width: 839px) {
      .byb_info-sheet .book-option-container .accordion_content .book-option > .column-container > .two-column img, .byb_info-sheet .shipping-option-container .accordion_content .book-option > .column-container > .two-column img {
        width: 100%; }
      .byb_info-sheet .book-option-container .accordion_content .book-option > .column-container > .ten-column, .byb_info-sheet .shipping-option-container .accordion_content .book-option > .column-container > .ten-column {
        flex: 3 3 0px;
        -webkit-flex: 3 3 0px; } }
    @media only screen and (max-width: 400px) {
      .byb_info-sheet .book-option-container .accordion_content .book-option > .column-container, .byb_info-sheet .shipping-option-container .accordion_content .book-option > .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .byb_info-sheet .book-option-container .accordion_content .book-option > .column-container > .two-column, .byb_info-sheet .shipping-option-container .accordion_content .book-option > .column-container > .two-column {
          text-align: center; }
        .byb_info-sheet .book-option-container .accordion_content .book-option > .column-container > div, .byb_info-sheet .shipping-option-container .accordion_content .book-option > .column-container > div {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
    .byb_info-sheet .book-option-container .accordion_content .book-option:first-of-type, .byb_info-sheet .shipping-option-container .accordion_content .book-option:first-of-type {
      border-bottom: 1px solid #d7d7d7; }
    .byb_info-sheet .book-option-container .accordion_content .book-option:not(:first-of-type), .byb_info-sheet .shipping-option-container .accordion_content .book-option:not(:first-of-type) {
      padding-top: 2em; }
    .byb_info-sheet .book-option-container .accordion_content .paper-icon, .byb_info-sheet .shipping-option-container .accordion_content .paper-icon {
      padding-top: 1em; }
    @media only screen and (max-width: 1199px) {
      .byb_info-sheet .book-option-container .accordion_content .price-sheet, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet {
        padding-left: 1.5em; } }
    .byb_info-sheet .book-option-container .accordion_content .price-sheet h3, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet h3 {
      font-size: 1.75em;
      color: #616a70;
      padding-bottom: .5em;
      border-bottom: 2px dotted #d7d7d7;
      letter-spacing: 2px; }
      @media only screen and (min-width: 420px) and (max-width: 839px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet h3, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet h3 {
          font-size: 1.5em; } }
      @media only screen and (max-width: 420px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet h3, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet h3 {
          font-size: 1.2em; } }
    .byb_info-sheet .book-option-container .accordion_content .price-sheet .price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price {
      color: #7dc24c;
      font-size: 2.8em; }
      .byb_info-sheet .book-option-container .accordion_content .price-sheet .price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price .dollar-sign {
        height: 35px;
        width: 15px;
        background-color: rgba(255, 255, 255, 0);
        background-image: url("../images/icons/usS.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid rgba(255, 255, 255, 0);
        background-size: 15px;
        padding: 0 10px; }
      @media only screen and (min-width: 1560px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price {
          text-align: center; } }
      @media only screen and (min-width: 999px) and (max-width: 1235px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price {
          font-size: 2.2em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price .dollar-sign {
            background-size: 12px; } }
      @media only screen and (min-width: 840px) and (max-width: 999px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price {
          font-size: 2em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price .dollar-sign {
            background-size: 12px; } }
      @media only screen and (min-width: 420px) and (max-width: 839px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price {
          font-size: 3.5em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .price .dollar-sign {
            background-size: 20px;
            padding: 0 20px; } }
    .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price {
      color: #616a70;
      font-size: 2.8em;
      position: relative; }
      .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price .price-slash, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price .price-slash {
        position: absolute;
        border-top: 2px solid red;
        width: 100%;
        height: 1px;
        transform: rotate(-10deg);
        top: 25px;
        left: 0; }
      .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price .dollar-sign {
        height: 35px;
        width: 15px;
        background-color: rgba(255, 255, 255, 0);
        background-image: url("../images/icons/usS_coal.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid rgba(255, 255, 255, 0);
        background-size: 15px;
        padding: 0 10px; }
      @media only screen and (min-width: 1560px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price {
          text-align: center; } }
      @media only screen and (min-width: 840px) and (max-width: 999px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price {
          font-size: 2em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price .dollar-sign {
            background-size: 12px; } }
      @media only screen and (min-width: 999px) and (max-width: 1235px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price {
          font-size: 2.2em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price .dollar-sign {
            background-size: 12px; } }
      @media only screen and (min-width: 420px) and (max-width: 839px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price {
          font-size: 3.5em; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet .high-price .dollar-sign, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .high-price .dollar-sign {
            background-size: 20px;
            padding: 0 20px; } }
    .byb_info-sheet .book-option-container .accordion_content .price-sheet .page-desc, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .page-desc {
      border-top: 1px solid #616a70;
      font-size: 1.2em;
      color: #616a70;
      padding-top: 5px;
      font-weight: 700;
      text-align: center; }
      @media only screen and (min-width: 840px) and (max-width: 1143px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .page-desc, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .page-desc {
          font-size: .95em; } }
      @media only screen and (min-width: 420px) and (max-width: 839px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet .page-desc, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet .page-desc {
          font-size: 1.7em; } }
    .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container {
      padding-top: .5em;
      padding-bottom: 1em;
      border-bottom: 1px solid #d7d7d7; }
      @media only screen and (max-width: 840px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container {
          display: flex;
          flex-flow: row wrap;
          display: -ms-flexbox;
          display: -webkit-flex;
          -webkit-flex-flow: row wrap; }
          .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div {
            flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            text-align: center; }
            .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div.four-column, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div.four-column {
              text-align: center;
              padding-top: 50px; } }
      .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div {
        padding-right: 1em; }
        @media only screen and (min-width: 840px) {
          .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div:not(:first-child), .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div:not(:first-child) {
            padding-left: 1em; } }
      @media only screen and (min-width: 840px) {
        .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div:first-child, .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container > div:nth-child(2), .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div:first-child, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container > div:nth-child(2) {
          border-right: 1px solid #616a70; } }
      .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container .four-column, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container .four-column {
        text-align: right;
        padding-top: 1em; }
        .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container .four-column > p, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container .four-column > p {
          color: #616a70;
          padding-bottom: 5px;
          padding-right: 10px;
          padding-left: 0; }
        .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container .four-column > a > button, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container .four-column > a > button {
          background-color: #2cc3ce;
          color: white;
          font-size: 1.2em;
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          width: 200px; }
          @media only screen and (max-width: 420px) {
            .byb_info-sheet .book-option-container .accordion_content .price-sheet > .column-container .four-column > a > button, .byb_info-sheet .shipping-option-container .accordion_content .price-sheet > .column-container .four-column > a > button {
              width: 150px;
              font-size: 1em; } }
    .byb_info-sheet .book-option-container .accordion_content .desc, .byb_info-sheet .shipping-option-container .accordion_content .desc {
      padding-bottom: 2em; }
      .byb_info-sheet .book-option-container .accordion_content .desc .blue_text, .byb_info-sheet .shipping-option-container .accordion_content .desc .blue_text {
        color: #2cc3ce; }

.byb_info-sheet .book-option-container > .accordion_header {
  border-top: 1px solid #d7d7d7; }

.byb_info-sheet .book-option-container .desc {
  padding-top: 1.5em; }

.byb_info-sheet .shipping-option-container {
  margin-bottom: 1em; }
  .byb_info-sheet .shipping-option-container .accordion_content {
    padding: 0 1.2em 0 2em; }
  .byb_info-sheet .shipping-option-container .desc:last-child {
    padding-top: 1.5em; }
  .byb_info-sheet .shipping-option-container .shipping_table {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7; }

.byb_info-sheet .shipping_table .table_header > .column-container, .byb_info-sheet .shipping_table .table_body > .column-container {
  padding: 10px 0; }
  .byb_info-sheet .shipping_table .table_header > .column-container > .column, .byb_info-sheet .shipping_table .table_body > .column-container > .column {
    text-transform: uppercase;
    text-align: center; }
    .byb_info-sheet .shipping_table .table_header > .column-container > .column:not(:first-child), .byb_info-sheet .shipping_table .table_body > .column-container > .column:not(:first-child) {
      padding: 10px; }
    .byb_info-sheet .shipping_table .table_header > .column-container > .column:first-child, .byb_info-sheet .shipping_table .table_body > .column-container > .column:first-child {
      padding: 10px 10px 10px 0; }
    @media only screen and (max-width: 565px) {
      .byb_info-sheet .shipping_table .table_header > .column-container > .column:first-child, .byb_info-sheet .shipping_table .table_body > .column-container > .column:first-child {
        text-align: left; }
      .byb_info-sheet .shipping_table .table_header > .column-container > .column:nth-child(even), .byb_info-sheet .shipping_table .table_body > .column-container > .column:nth-child(even) {
        border-right: 1px solid #616a70; }
      .byb_info-sheet .shipping_table .table_header > .column-container > .column:nth-child(2), .byb_info-sheet .shipping_table .table_header > .column-container > .column:nth-child(3), .byb_info-sheet .shipping_table .table_body > .column-container > .column:nth-child(2), .byb_info-sheet .shipping_table .table_body > .column-container > .column:nth-child(3) {
        margin-bottom: 10px; } }
    @media only screen and (min-width: 565px) {
      .byb_info-sheet .shipping_table .table_header > .column-container > .column:nth-child(-n+4), .byb_info-sheet .shipping_table .table_body > .column-container > .column:nth-child(-n+4) {
        border-right: 1px solid #616a70; } }

.byb_info-sheet .shipping_table .table_header {
  display: none; }
  @media only screen and (min-width: 565px) {
    .byb_info-sheet .shipping_table .table_header {
      display: block; }
      .byb_info-sheet .shipping_table .table_header > .column-container {
        border-bottom: 1px solid #d7d7d7; } }

.byb_info-sheet .shipping_table .table_body .column:nth-child(2),
.byb_info-sheet .shipping_table .table_body .column:nth-child(4) {
  color: #7dc24c;
  font-size: 1.3em; }

.byb_info-sheet .shipping_table .table_body .column-container:not(:last-child) {
  border-bottom: 1px solid #d7d7d7; }

@media only screen and (max-width: 565px) {
  .byb_info-sheet .shipping_table .table_body > .column-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap; }
    .byb_info-sheet .shipping_table .table_body > .column-container > .column:first-child {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%; }
    .byb_info-sheet .shipping_table .table_body > .column-container > .column:not(:first-child) {
      flex: 0 0 50%;
      -webkit-flex: 0 0 50%; } }

.byb_info-sheet input[type=checkbox] {
  display: inline-block;
  cursor: pointer;
  display: none; }
  .byb_info-sheet input[type=checkbox] + label {
    transition: all 200ms ease;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icons/plus-grey.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0);
    background-size: 12px;
    background-position: right; }
    @media only screen and (max-width: 491px) {
      .byb_info-sheet input[type=checkbox] + label {
        height: 30px;
        width: 30px;
        background-color: rgba(255, 255, 255, 0);
        background-image: url("../images/icons/plus-grey.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid rgba(255, 255, 255, 0); } }
  .byb_info-sheet input[type=checkbox]:checked + label {
    height: 35px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icons/minus.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0);
    background-position: right; }

hr.gradient-top {
  height: 12px;
  border: 0;
  -moz-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }

hr.gradient-bottom {
  height: 12px;
  border: 0;
  -mozbox-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.5); }

.faq-section {
  background-color: #f9f9f9; }

.faq-intro {
  text-align: center;
  padding-top: 5px;
  padding-left: 20%;
  padding-right: 20%;
  color: #616a70;
  height: 55px; }

.faq-intro-bottom {
  height: 75px;
  padding-top: 5px;
  border-top: 1px solid #cacac7; }

.faq_close {
  min-width: 320px;
  text-align: center;
  border-bottom: 1px solid #cacac7; }

.chevron_container {
  height: 50px;
  padding: 10px; }

.collapse_chevron {
  margin: 0 auto;
  width: 10px; }

a.faq-mail {
  color: #2cc3ce;
  text-decoration: underline; }

.faq-expand {
  padding-bottom: 80px; }

.faq-title {
  min-width: 320px;
  padding-top: 80px;
  text-align: center;
  text-decoration: underline;
  font-family: "Calluna", serif;
  color: #616a70; }

.faq-question {
  min-width: 320px;
  margin: 0 5%;
  padding-top: 45px;
  color: #616a70;
  font-weight: bold;
  text-decoration: underline; }
  .faq-question:hover {
    cursor: pointer;
    color: #2cc3ce; }

.selected {
  color: #2cc3ce; }

.faq-answer {
  min-width: 320px;
  margin: 0 5%;
  padding-top: 15px;
  display: none;
  color: #616a70; }
  .faq-answer ul.faq-list {
    display: block;
    list-style-type: circle;
    margin: 10px; }
    .faq-answer ul.faq-list li {
      padding-top: 5px;
      list-style-type: circle;
      display: list-item;
      margin-left: 10px; }

#faq1 {
  padding-top: 55px; }

.btn-parent {
  min-width: 320px;
  text-align: center; }

.btn_faq {
  height: 25px;
  border: 2px solid #616a70;
  padding: 1px 10px; }

@media screen and (min-width: 480px) {
  .faq-question {
    margin: 0 20%; }
  .faq-answer {
    margin: 0 20%; }
  .faq-intro {
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
    height: 55px; }
  .faq-intro-bottom {
    height: 55px;
    border-top: 1px solid #cacac7;
    padding-top: 18px; } }

/* FAQ overlay */
.faq-overlay.modal-flex {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  overflow-x: scroll; }
  .faq-overlay.modal-flex::-webkit-scrollbar {
    -webkit-appearance: none; }
  .faq-overlay.modal-flex::-webkit-scrollbar:vertical, .faq-overlay.modal-flex::-webkit-scrollbar:horizontal {
    width: 11px; }
  .faq-overlay.modal-flex::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .faq-overlay.modal-flex ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

.faq-overlay .modal-flex-container {
  margin: 5% 0;
  transition: all 200ms ease;
  overflow: unset;
  flex: 0 1 80%;
  -webkit-flex: 0 1 80%; }
  @media only screen and (max-width: 1400px) {
    .faq-overlay .modal-flex-container {
      flex: 0 1 85%;
      -webkit-flex: 0 1 85%; } }
  .faq-overlay .modal-flex-container .modal-flex-content {
    position: relative; }
    .faq-overlay .modal-flex-container .modal-flex-content .close-button {
      position: absolute;
      top: 0px;
      right: -35px;
      height: 30px;
      width: 30px;
      background-color: transparent;
      background-image: url("../images/icons/white_cancel.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px;
      cursor: pointer;
      z-index: 10000; }
    .faq-overlay .modal-flex-container .modal-flex-content .faq-section {
      width: 100%; }
      @media only screen and (max-width: 1174px) {
        .faq-overlay .modal-flex-container .modal-flex-content .faq-section .faq-question, .faq-overlay .modal-flex-container .modal-flex-content .faq-section .faq-answer {
          margin: 0 5%; } }

.send-order {
  padding-top: 40px;
  padding-bottom: 0; }
  .send-order > .wrapper > h1, .blue-error .send-order > .column-container > h1 {
    text-align: center;
    color: #2cc3ce;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 5px; }
  .send-order > .wrapper > h2, .blue-error .send-order > .column-container > h2 {
    text-align: center;
    color: #616a70;
    font-size: 1.2em;
    margin-bottom: 30px; }
  .send-order .more-text {
    margin: 30px 0 20px; }
    .send-order .more-text p {
      text-transform: uppercase;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      color: #616a70;
      font-size: 1.1em;
      max-width: 400px; }
  .send-order .book_cover-container {
    width: 372px;
    height: 550px;
    margin: 0 auto;
    position: relative; }
    .send-order .book_cover-container .book-cover {
      height: 550px; }
      .send-order .book_cover-container .book-cover.front-cover {
        margin: 0; }
    .send-order .book_cover-container .loading-overlay {
      position: absolute;
      left: 0;
      width: 100%;
      height: 550px;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      text-align: center;
      padding: 100px;
      z-index: 300;
      text-shadow: 1px 1px 1px #616a70; }
      .send-order .book_cover-container .loading-overlay .loading-content {
        font-size: 1.2em;
        width: 40%;
        margin: 20px auto; }
      .send-order .book_cover-container .loading-overlay .circle-msg {
        position: absolute;
        width: 180px;
        height: 180px;
        background-color: rgba(0, 0, 0, 0.6);
        left: -55px;
        top: 15px;
        border: 1px solid #000;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        text-transform: uppercase;
        padding: 70px 10px 20px;
        font-size: 0.8em;
        font-weight: 700; }
      .send-order .book_cover-container .loading-overlay .circle-loader {
        position: relative;
        margin: 0 auto;
        width: 220px;
        height: 220px; }
        .send-order .book_cover-container .loading-overlay .circle-loader .circle-base {
          position: absolute;
          left: -75px;
          top: 0;
          width: 220px;
          height: 220px;
          z-index: 300; }
          .send-order .book_cover-container .loading-overlay .circle-loader .circle-base .path {
            stroke: #edece8;
            stroke-linecap: square; }
        .send-order .book_cover-container .loading-overlay .circle-loader .circle-spinner {
          position: absolute;
          z-index: 400;
          left: -75px;
          top: 0;
          width: 220px;
          height: 220px; }
          .send-order .book_cover-container .loading-overlay .circle-loader .circle-spinner .path {
            stroke: #2cc3ce;
            stroke-linecap: square;
            animation: dash 5s linear infinite; }

.slide-container {
  margin: 0 auto;
  height: 300px; }
  .slide-container .auto-slide {
    padding: 20px 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    font-family: "Calluna", serif; }
    .slide-container .auto-slide > p {
      line-height: 1.75; }
    .slide-container .auto-slide.active {
      display: block; }
  .slide-container .auto-slide:not(.active) {
    display: none; }

.fade {
  animation-name: fade;
  animation-duration: 3s; }

@keyframes fade {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

.error-message {
  max-width: 60%;
  margin: 0 auto; }

.order_status_link {
  color: #2cc3ce; }
  .order_status_link:hover {
    color: #616a70;
    text-decoration: underline;
    cursor: pointer; }

.status_title_container {
  padding: 0; }
  @media only screen and (min-width: 1249px) {
    .status_title_container {
      min-width: 1250px; } }

.status_title {
  margin: auto;
  background-color: #f5f4f0;
  padding-left: 20px;
  padding-bottom: 10px;
  font-size: 1.3em;
  font-weight: bold;
  color: black; }

.head_divider {
  height: 2px;
  margin: 0;
  background-image: linear-gradient(to right, #2cc3ce, #2cc3ce 35%, #d7d7d7 35%); }

.wrapper.status_container, .blue-error .status_container.column-container {
  min-width: 1250px;
  background-color: white;
  padding: 55px; }

.cell {
  text-align: center;
  padding: 0 5px; }
  .cell.item, .cell.date, .cell.job {
    flex: 1 0 100px;
    -webkit-flex: 1 0 100px; }
  .cell.item .front-cover {
    margin-left: 0; }
    .cell.item .front-cover .title-container {
      padding-bottom: 20px; }
  @media only screen and (min-width: 1250px) {
    .cell.item {
      margin: 0;
      padding-right: 20px;
      padding-left: 10px; }
      .cell.item .cover-art-container {
        height: 60px; }
        .cell.item .cover-art-container .cover_art {
          width: 90%;
          height: 90%; }
      .cell.item .icon-container {
        padding-top: 8px;
        padding-bottom: 5px; }
        .cell.item .icon-container img {
          width: 45px;
          height: 45px; }
      .cell.item .book-title {
        padding: 5px;
        font-size: 0.5em; } }
  .cell.method {
    flex: 1 0 140px;
    -webkit-flex: 1 0 140px; }
  .cell.to {
    flex: 1 0 200px;
    -webkit-flex: 1 0 200px;
    padding-left: 10px;
    text-align: left;
    line-height: 1.5; }
  .cell.qty {
    flex: 1 0 70px;
    -webkit-flex: 1 0 70px; }
  .cell.cost, .cell.stat {
    flex: 1 0 120px;
    -webkit-flex: 1 0 120px; }
  .cell.track {
    flex: 1 0 182px;
    -webkit-flex: 1 0 182px; }

.status_row {
  border-bottom: 1px solid #616a70;
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  align-items: center; }
  .status_row:not(:first-child) {
    padding-top: 20px; }
  .status_row:not(.head) {
    padding-bottom: 20px; }
  .status_row.head {
    border-top: #616a70 solid 1px;
    border-bottom: #616a70 solid 1px; }
    .status_row.head .cell {
      font-size: 1.1em;
      font-weight: bold;
      color: #616a70;
      padding: 10px 0; }
      .status_row.head .cell.to {
        text-align: center; }
  @media only screen and (min-width: 1250px) {
    .status_row .cells {
      display: flex;
      flex-flow: row nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; }
      .status_row .cells:first-child {
        flex: 1 0 100px;
        -webkit-flex: 1 0 100px;
        border-right: #616a70 solid 1px; }
      .status_row .cells.meta_1 {
        flex: 0 0 47%;
        -webkit-flex: 0 0 47%; }
        .status_row .cells.meta_1 .cell {
          border-right: #616a70 solid 1px; }
      .status_row .cells.meta_2 {
        flex: 0 0 44%;
        -webkit-flex: 0 0 44%; }
        .status_row .cells.meta_2 .cell:not(:last-child) {
          border-right: #616a70 solid 1px; }
      .status_row .cells .cell {
        height: 110px;
        font-size: 0.9em; }
        .status_row .cells .cell.cost, .status_row .cells .cell.stat.shipped {
          color: #7dc42c; }
        .status_row .cells .cell.date, .status_row .cells .cell.job, .status_row .cells .cell.method, .status_row .cells .cell.qty, .status_row .cells .cell.cost, .status_row .cells .cell.stat {
          padding-top: 8%; }
        .status_row .cells .cell.track {
          padding-top: 8%; }
        .status_row .cells .cell.to {
          padding-top: 2%;
          padding-left: 15px;
          padding-right: 10px; } }

.tracking {
  color: white;
  background-color: #2cc3ce;
  height: 44px;
  width: 154px; }

@media only screen and (max-width: 1249px) {
  .wrapper.status_container, .blue-error .status_container.column-container {
    min-width: 0;
    padding: 0 20px; }
  /* Force table to not be like tables anymore */
  .status_row {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap; }
    .status_row .cells {
      display: flex;
      flex-flow: column nowrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: column nowrap; }
      .status_row .cells:first-child {
        flex: 0 0 35%;
        -webkit-flex: 0 0 35%; }
      .status_row .cells.meta_1 {
        padding-left: 20px;
        padding-top: 10px; }
      .status_row .cells.meta_2 {
        margin-top: 15px;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        background-color: #f5f4f0;
        padding: 15px; }
        .status_row .cells.meta_2 > div:not(:last-child) {
          padding-bottom: 10px; }
      .status_row .cells .cell {
        text-align: left;
        flex: 1 1 0px;
        -webkit-flex: 1 1 0px;
        color: #616a70;
        padding: 0; }
        .status_row .cells .cell.to {
          padding: 15px 0; }
        .status_row .cells .cell.cost {
          color: #7dc42c; }
        .status_row .cells .cell.stat {
          text-transform: uppercase; }
  .cell.item .book-cover {
    height: 180px; }
  .cell.item .book-title {
    padding: 8px;
    font-size: 0.9em; }
  .cell.item .cover-art-container {
    width: 100%;
    height: 100px; }
  .cell.item .icon-container img {
    width: 65px;
    height: 65px; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .status_row.head {
    display: none; }
  .cell.date:before {
    content: "DATE: "; }
  .cell.job:before {
    content: "JOB: "; }
  .cell.method:before {
    content: "SHIPPING: "; }
  .cell.qty:before {
    content: "QUANTITY: "; }
  .cell.cost:before {
    content: "COST: ";
    color: #7dc42c; }
  .cell.stat:before {
    content: "STATUS: "; }
  .cell.track:before {
    content: "TRACKING: "; } }

/* PDF Payment */
.pdf-overlay-container {
  overflow-y: scroll;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline; }
  .pdf-overlay-container .modal-flex-container {
    position: relative;
    overflow-y: unset;
    background-color: white; }
    @media only screen and (min-width: 900px) {
      .pdf-overlay-container .modal-flex-container {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto; } }
  .pdf-overlay-container .modal-flex-content {
    padding-bottom: 0px; }
    .pdf-overlay-container .modal-flex-content .load-content {
      margin: 0 auto; }
    .pdf-overlay-container .modal-flex-content .right-close-container {
      position: absolute;
      top: 0;
      right: -30px;
      width: 30px;
      height: 30px; }
      .pdf-overlay-container .modal-flex-content .right-close-container .close-icon {
        width: 100%;
        height: inherit;
        background-image: url("../images/icons/white_cancel.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
        cursor: pointer; }
      @media only screen and (max-width: 420px) {
        .pdf-overlay-container .modal-flex-content .right-close-container {
          right: 0; }
          .pdf-overlay-container .modal-flex-content .right-close-container .close-icon {
            background-image: url("../images/icons/cancel.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 10px; } }
  .pdf-overlay-container .pdf-previewer {
    max-width: 1100px;
    margin: 0 auto; }
  .pdf-overlay-container .previewer-button-container {
    display: flex;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-align: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 0; }
    .pdf-overlay-container .previewer-button-container .proofread-button-container button {
      background-color: white; }
    .pdf-overlay-container .previewer-button-container .purchase-button-container button {
      background-color: #2cc3ce;
      color: white; }
    .pdf-overlay-container .previewer-button-container .proofread-button-container, .pdf-overlay-container .previewer-button-container .purchase-button-container {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto; }
      .pdf-overlay-container .previewer-button-container .proofread-button-container button, .pdf-overlay-container .previewer-button-container .purchase-button-container button {
        border: 2px solid #2cc3ce;
        padding: 5px 20px; }
        .pdf-overlay-container .previewer-button-container .proofread-button-container button:disabled, .pdf-overlay-container .previewer-button-container .purchase-button-container button:disabled {
          background-color: #D7D7D7;
          border: 2px solid #D7D7D7;
          color: #616a70; }
    .pdf-overlay-container .previewer-button-container .pagination-wrapper {
      flex: 2 2 auto;
      -webkit-flex: 2 2 auto; }
      .pdf-overlay-container .previewer-button-container .pagination-wrapper .pagination {
        margin: 0 auto;
        padding: 0;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch; }
        .pdf-overlay-container .previewer-button-container .pagination-wrapper .pagination .pages, .pdf-overlay-container .previewer-button-container .pagination-wrapper .pagination .b-current {
          padding-top: 6px;
          font-family: "Calluna", serif;
          font-size: 16px;
          color: #616a70;
          line-height: 1.5; }
        .pdf-overlay-container .previewer-button-container .pagination-wrapper .pagination .prev, .pdf-overlay-container .previewer-button-container .pagination-wrapper .pagination .next {
          background-color: #f5f4f0; }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 150, 1;
    stroke-dashoffset: 0; }
  100% {
    stroke-dasharray: 130, 150;
    stroke-dashoffset: -150; } }

.pdf-loader {
  width: 360px;
  margin: 20px auto 40px; }
  @media only screen and (max-width: 800px) {
    .pdf-loader {
      width: 80%; } }
  .pdf-loader .loading {
    font-size: 1.2em;
    text-align: center; }
  .pdf-loader .circle-loader {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 200px; }
    .pdf-loader .circle-loader .circle-base {
      position: absolute;
      left: 0;
      top: 0;
      width: 200px;
      height: 200px; }
      .pdf-loader .circle-loader .circle-base .path {
        stroke: #edece8;
        stroke-linecap: square; }
    .pdf-loader .circle-loader .circle-spinner {
      position: absolute;
      z-index: 300;
      left: 0;
      top: 0;
      width: 200px;
      height: 200px; }
      .pdf-loader .circle-loader .circle-spinner .path {
        stroke-dasharray: 0, 150;
        stroke: #2cc3ce;
        stroke-linecap: square;
        animation: dash 5s linear infinite; }

#pdf-only-book .b-wrap-right, #pdf-only-book .b-wrap-left {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); }
  #pdf-only-book .b-wrap-right img, #pdf-only-book .b-wrap-left img {
    border: 1px solid #D7D7D7; }

#pdf-only-book .b-wrap-right {
  background-color: white; }

.overlay-footer {
  font-family: "Proba", sans-serif;
  font-size: 0.9em;
  color: #616a70;
  line-height: 1.5; }

.proofread-pdf-container, .pdf-payment-container {
  padding: 70px 100px 10px; }
  @media only screen and (min-width: 570px) and (max-width: 1200px) {
    .proofread-pdf-container, .pdf-payment-container {
      padding: 30px 55px 10px; } }
  @media only screen and (max-width: 570px) {
    .proofread-pdf-container, .pdf-payment-container {
      padding: 30px 25px 10px; } }

.pdf-status-container, .pdf-payment-container {
  margin: 0 auto; }
  .pdf-status-container > h3, .pdf-payment-container > h3 {
    font-family: "Proba", sans-serif;
    font-size: 1.4em;
    color: #2cc3ce;
    line-height: 1.5; }
    .pdf-status-container > h3:last-of-type, .pdf-payment-container > h3:last-of-type {
      margin-top: 15px;
      margin-bottom: 15px; }
  .pdf-status-container > p, .pdf-payment-container > p {
    color: #616a70;
    padding-bottom: 90px; }

.pdf-status-container {
  width: 100%;
  max-width: 1000px; }
  @media only screen and (min-width: 1200px) {
    .pdf-status-container {
      width: 1000px; } }
  @media only screen and (min-width: 900px) and (max-width: 1200px) {
    .pdf-status-container {
      width: 850px; } }
  .pdf-status-container .proofread-pdf-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    padding-top: 30px;
    padding-bottom: 50px;
    -ms-flex-align: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #D7D7D7; }
    @media only screen and (min-width: 572px) and (max-width: 899px) {
      .pdf-status-container .proofread-pdf-container {
        -ms-flex-align: center;
        -webkit-justify-content: center;
        justify-content: center; } }
    .pdf-status-container .proofread-pdf-container .cover-container {
      flex: 0 0 366px;
      -webkit-flex: 0 0 366px; }
      .pdf-status-container .proofread-pdf-container .cover-container .book-cover {
        height: 550px; }
      .pdf-status-container .proofread-pdf-container .cover-container .front-cover {
        margin: 0; }
        .pdf-status-container .proofread-pdf-container .cover-container .front-cover .title-container h1 {
          font-size: 2.7em; }
      @media only screen and (min-width: 572px) and (max-width: 899px) {
        .pdf-status-container .proofread-pdf-container .cover-container {
          order: 2;
          -webkit-order: 2;
          -ms-order: 2;
          order: 2;
          -webkit-order: 2;
          -ms-order: 2; } }
      @media only screen and (max-width: 571px) {
        .pdf-status-container .proofread-pdf-container .cover-container {
          display: none; } }
    .pdf-status-container .proofread-pdf-container .message-container {
      flex: 0 0 366px;
      -webkit-flex: 0 0 366px;
      text-align: center;
      display: flex;
      flex-flow: column;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: column;
      -ms-flex-align: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      @media only screen and (max-width: 571px) {
        .pdf-status-container .proofread-pdf-container .message-container {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
      @media only screen and (min-width: 572px) and (max-width: 899px) {
        .pdf-status-container .proofread-pdf-container .message-container {
          order: 1;
          -webkit-order: 1;
          -ms-order: 1;
          padding-bottom: 50px; } }
      .pdf-status-container .proofread-pdf-container .message-container h1 {
        font-family: "Proba", sans-serif;
        font-size: 2em;
        color: #2cc3ce;
        line-height: 1.5; }
        @media only screen and (max-width: 571px) {
          .pdf-status-container .proofread-pdf-container .message-container h1 {
            font-size: 1.8em;
            line-height: 1;
            margin-bottom: 10px; } }
      .pdf-status-container .proofread-pdf-container .message-container h2 {
        color: #616A70; }
      .pdf-status-container .proofread-pdf-container .message-container .order-desc {
        color: #2cc3ce;
        padding: 30px; }
      .pdf-status-container .proofread-pdf-container .message-container .pdf-download-container {
        background-color: #F5F4F0;
        padding: 70px 40px; }
        @media only screen and (max-width: 571px) {
          .pdf-status-container .proofread-pdf-container .message-container .pdf-download-container {
            padding: 50px 15px; } }
        .pdf-status-container .proofread-pdf-container .message-container .pdf-download-container .pdf-loader .loading {
          background-color: transparent; }
        .pdf-status-container .proofread-pdf-container .message-container .pdf-download-container a {
          margin-top: 30px;
          background-color: #2cc3ce;
          padding: 15px 0;
          color: white;
          width: 100%;
          display: block;
          border-radius: 50px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          border: 2px solid #2cc3ce; }
          .pdf-status-container .proofread-pdf-container .message-container .pdf-download-container a.completed-pdf {
            background-color: white;
            color: #2cc3ce; }

@media only screen and (min-width: 1200px) {
  .pdf-payment-container {
    width: 900px;
    max-width: 900px; } }

.pdf-payment-container h1 {
  font-family: "Proba", sans-serif;
  font-size: 1.6em;
  color: #2cc3ce;
  line-height: 1.5; }

.pdf-payment-container > h3 {
  margin-top: 0; }

.pdf-payment-container .payment_form {
  padding: 10px 0 15px; }
  .pdf-payment-container .payment_form .user-info, .pdf-payment-container .payment_form .street-container, .pdf-payment-container .payment_form .street-container > .column-container:first-child {
    margin-bottom: 10px; }
  @media only screen and (max-width: 571px) {
    .pdf-payment-container .payment_form .pi3421 {
      margin-bottom: 10px; }
    .pdf-payment-container .payment_form .user-info, .pdf-payment-container .payment_form .street-container, .pdf-payment-container .payment_form .street-container > .column-container:first-child, .pdf-payment-container .payment_form .address-container .column-container, .pdf-payment-container .payment_form .pi3421, .pdf-payment-container .payment_form .cards-accepted {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .pdf-payment-container .payment_form .user-info .column, .pdf-payment-container .payment_form .street-container .column, .pdf-payment-container .payment_form .street-container > .column-container:first-child .column, .pdf-payment-container .payment_form .address-container .column-container .column, .pdf-payment-container .payment_form .pi3421 .column, .pdf-payment-container .payment_form .cards-accepted .column {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-bottom: 10px; } }
  @media only screen and (min-width: 571px) and (max-width: 800px) {
    .pdf-payment-container .payment_form .address-container, .pdf-payment-container .payment_form .pi3421 {
      margin-bottom: 10px;
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
      .pdf-payment-container .payment_form .address-container > .column, .pdf-payment-container .payment_form .pi3421 > .column {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-bottom: 10px; } }
  .pdf-payment-container .payment_form input.column {
    margin: 0;
    padding: 5px 15px; }
  .pdf-payment-container .payment_form .custom-select {
    margin: 0;
    padding: 5px 15px; }
  @media only screen and (max-width: 800px) {
    .pdf-payment-container .payment_form .column-container:last-child {
      display: flex;
      flex-flow: row wrap;
      display: -ms-flexbox;
      display: -webkit-flex;
      -webkit-flex-flow: row wrap; }
    .pdf-payment-container .payment_form .legal {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      order: 2;
      -webkit-order: 2;
      -ms-order: 2;
      padding: 0; }
      .pdf-payment-container .payment_form .legal p {
        font-size: 0.9em; }
    .pdf-payment-container .payment_form .total-cost {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      order: 1;
      -webkit-order: 1;
      -ms-order: 1;
      margin-top: 0; } }
  .pdf-payment-container .payment_form .column-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .pdf-payment-container .payment_form .total-cost {
    text-align: right; }
    @media only screen and (max-width: 800px) {
      .pdf-payment-container .payment_form .total-cost {
        text-align: left; }
        .pdf-payment-container .payment_form .total-cost table td {
          text-align: left; } }
  .pdf-payment-container .payment_form .sub-p3421 {
    background-color: #2cc3ce;
    color: white;
    margin-top: 20px; }

.jambooks-promo-container {
  background-color: #616A70;
  display: flex;
  flex-flow: row wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px; }
  .jambooks-promo-container .image-container {
    flex: 0 0 15%;
    -webkit-flex: 0 0 15%;
    text-align: center; }
  .jambooks-promo-container .button-container {
    flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    text-align: center; }
    .jambooks-promo-container .button-container button {
      background-color: #616A70;
      color: white;
      border: 4px solid white; }
  .jambooks-promo-container .content-container {
    padding-left: 10px;
    color: white;
    flex: 0 0 65%;
    -webkit-flex: 0 0 65%; }
    .jambooks-promo-container .content-container img {
      width: 111px; }
  @media only screen and (max-width: 707px) {
    .jambooks-promo-container .content-container {
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      order: 1;
      -webkit-order: 1;
      -ms-order: 1;
      padding-top: 10px; }
    .jambooks-promo-container .button-container {
      flex: 0 0 45%;
      -webkit-flex: 0 0 45%;
      order: 3;
      -webkit-order: 3;
      -ms-order: 3; }
    .jambooks-promo-container .image-container {
      flex: 0 0 45%;
      -webkit-flex: 0 0 45%;
      order: 2;
      -webkit-order: 2;
      -ms-order: 2; } }

.subnav-container {
  padding: 0 10px; }
  @media only screen and (max-width: 1200px) {
    .subnav-container .desktop-display {
      display: none; } }
  @media only screen and (min-width: 1199px) {
    .subnav-container .mobile-display {
      display: none; } }
  .subnav-container > .column-container {
    padding-top: 30px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 60em;
    height: auto;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #616a70; }
    .subnav-container > .column-container > div.book-club-container, .subnav-container > .column-container > div.pdf-creator-container {
      flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      cursor: pointer; }
    .subnav-container > .column-container .dedication {
      border-style: none; }
    @media only screen and (max-width: 570px) {
      .subnav-container > .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-align: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px; }
        .subnav-container > .column-container .dedication {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%;
          order: 1;
          -webkit-order: 1;
          -ms-order: 1; }
        .subnav-container > .column-container .no-dedication {
          display: none; }
        .subnav-container > .column-container .book-club-container, .subnav-container > .column-container .pdf-creator-container {
          order: 2;
          -webkit-order: 2;
          -ms-order: 2;
          padding-bottom: 10px; } }
  .subnav-container .book-club-container p {
    background-image: url("../images/icons/addUser.png");
    background-size: 25px;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-left: 30px; }
  .subnav-container .pdf-creator-container p {
    background-image: url("../images/icons/printIcon.png");
    background-size: 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-right: 30px; }
  .subnav-container .pdf-learnmore {
    background-color: white;
    padding: 30px; }
    .subnav-container .pdf-learnmore h4 {
      padding-bottom: 10px; }
    .subnav-container .pdf-learnmore .button-container {
      text-align: right;
      padding-top: 20px; }
      @media only screen and (max-width: 570px) {
        .subnav-container .pdf-learnmore .button-container {
          text-align: center; } }
      .subnav-container .pdf-learnmore .button-container button {
        width: 142px;
        border: 2px solid #2cc3ce;
        padding: 5px 0; }
        .subnav-container .pdf-learnmore .button-container button.cta1 {
          background-color: white; }
        .subnav-container .pdf-learnmore .button-container button.cta2 {
          background-color: #2cc3ce;
          color: white; }
        .subnav-container .pdf-learnmore .button-container button.disabled {
          background-color: #D7D7D7;
          border: 2px solid #D7D7D7;
          color: #616a70; }

#pdfselect-ui .check-toggle {
  padding-top: 5px; }
  #pdfselect-ui .check-toggle input[type=checkbox] {
    display: inline-block;
    cursor: pointer;
    display: none; }
    #pdfselect-ui .check-toggle input[type=checkbox] + label {
      transition: all 600ms ease;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      background-color: #D7D7D7;
      width: 37px;
      height: 20px;
      padding-left: 3px;
      padding-right: 3px; }
      #pdfselect-ui .check-toggle input[type=checkbox] + label span {
        transition: all 600ms ease;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 2px;
        background-color: white; }
    #pdfselect-ui .check-toggle input[type=checkbox]:checked + label {
      background-color: #2cc3ce; }
      #pdfselect-ui .check-toggle input[type=checkbox]:checked + label span {
        right: 2px; }

#pdfselect-ui .toggle-all {
  display: flex;
  flex-flow: row nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-align: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: left; }
  @media only screen and (min-width: 571px) {
    #pdfselect-ui .toggle-all {
      padding-right: 27px; } }
  #pdfselect-ui .toggle-all > p, #pdfselect-ui .toggle-all > div {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    margin-right: 10px; }

#pdfselect-ui .show-author {
  margin-left: 10px; }

#pdfselect-ui .section_li .inline-column-container {
  width: 95%;
  -ms-flex-align: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  @media only screen and (max-width: 570px) {
    #pdfselect-ui .section_li .inline-column-container {
      width: 93.2%; } }

/* Monty Store */
.store_intro {
  background-color: white;
  padding-top: 50px;
  padding-bottom: 50px; }
  .store_intro h1 {
    text-align: center;
    color: #616a70;
    font-family: "Calluna", serif;
    font-size: 2.5em;
    margin-bottom: 25px; }
  .store_intro p {
    margin-bottom: 25px; }

.store_nav-wrapper {
  width: 85%;
  margin: 0 auto; }

/* Store item layout */
.store-container {
  width: 85%;
  margin: 0 auto; }
  .store-container > .column-container {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center; }
    .store-container > .column-container > .four-column {
      flex: 0 0 400px;
      -webkit-flex: 0 0 400px; }
  .store-container .item-container {
    padding: 20px;
    position: relative; }
    .store-container .item-container > .add-to-cart {
      cursor: pointer;
      position: absolute;
      top: 20px;
      right: 20px;
      width: 60px;
      height: 40px;
      background-color: rgba(255, 255, 255, 0.75);
      background-image: url("../images/icons/greyPlus.png"), url("../images/icons/cart.png");
      background-repeat: no-repeat;
      background-position: 10px center, 25px center;
      background-size: 10px, 25px; }
    .store-container .item-container > .image-container {
      height: 400px;
      width: 100%;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover; }
    .store-container .item-container > .column-container {
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 90%; }
    .store-container .item-container .item-title {
      background-color: rgba(0, 0, 0, 0.75);
      color: white;
      text-decoration: underline;
      padding: 15px 10px;
      cursor: pointer; }
    .store-container .item-container .item-price {
      background-color: #7dc42c;
      color: white;
      font-size: 1.8em;
      padding-top: 5px;
      text-align: center; }

.store-backtop-container {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #edece8; }

.store_nav .column-container {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end; }

.store_nav .store-icon {
  height: 40px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/cart.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0);
  background-size: 25px;
  border: 1px red solid;
  margin-right: 10px; }

.store_nav .cart-container {
  width: 55px;
  position: relative; }
  .store_nav .cart-container > .cart-items {
    position: absolute;
    top: 0;
    right: 5px;
    color: #2cc3ce;
    font-weight: 700; }

.store_nav .cart-icon {
  height: 40px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/icons/cart.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0);
  background-size: 25px; }
  .store_nav .cart-icon:hover {
    height: 40px;
    width: 30px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icons/blue_cart.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0);
    background-size: 25px; }

.store-billing-container {
  display: block;
  padding: 65px 45px;
  background-color: white; }
  @media only screen and (min-width: 1280px) {
    .store-billing-container {
      display: flex;
      flex-flow: row nowrap;
      display: -webkit-flex;
      -webkit-flex-flow: row nowrap; }
      .store-billing-container > .gutter {
        flex: 1 1 0px;
        -webkit-flex: 1 1 0px;
        margin: 0 60px; }
      .store-billing-container > .main-column {
        flex: 0 0 960px;
        -webkit-flex: 0 0 960px; }
        .store-billing-container > .main-column > .wrapper, .blue-error .store-billing-container > .main-column > .column-container {
          width: 100%; } }

.checkout-cart {
  width: 100%;
  background-color: #2cc3ce;
  color: white;
  margin: 40px 0 0;
  padding: 15px 0;
  text-transform: uppercase; }

.single-item-overlay input[type=checkbox] {
  display: inline-block;
  cursor: pointer;
  display: none; }
  .single-item-overlay input[type=checkbox] + label {
    transition: all 200ms ease;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icons/plus-grey.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0);
    background-size: 12px;
    background-position: center; }
    @media only screen and (max-width: 491px) {
      .single-item-overlay input[type=checkbox] + label {
        height: 30px;
        width: 30px;
        background-color: rgba(255, 255, 255, 0);
        background-image: url("../images/icons/plus-grey.png");
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid rgba(255, 255, 255, 0); } }
  .single-item-overlay input[type=checkbox]:checked + label {
    height: 35px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icons/minus.png");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0);
    background-position: center; }

.single-item-overlay.modal-flex {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  overflow-x: scroll; }
  .single-item-overlay.modal-flex::-webkit-scrollbar {
    -webkit-appearance: none; }
  .single-item-overlay.modal-flex::-webkit-scrollbar:vertical, .single-item-overlay.modal-flex::-webkit-scrollbar:horizontal {
    width: 11px; }
  .single-item-overlay.modal-flex::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  .single-item-overlay.modal-flex ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; }

.single-item-overlay > .modal-flex-container {
  transition: all 200ms ease;
  overflow: unset;
  flex: 0 1 600px;
  -webkit-flex: 0 1 600px;
  margin-top: 5%; }
  .single-item-overlay > .modal-flex-container .modal-flex-content {
    position: relative; }
    .single-item-overlay > .modal-flex-container .modal-flex-content .close-button {
      position: absolute;
      top: 0px;
      right: -35px;
      height: 30px;
      width: 30px;
      background-color: transparent;
      background-image: url("../images/icons/white_cancel.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px;
      cursor: pointer; }
  @media only screen and (max-width: 600px) {
    .single-item-overlay > .modal-flex-container {
      flex: 0 1 80%;
      -webkit-flex: 0 1 80%; } }

.single-item-overlay .single-item {
  padding-top: 20px;
  width: 90%;
  margin: 0 auto; }
  .single-item-overlay .single-item .title-container .title {
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    font-size: 1.2em;
    padding: 10px 15px;
    margin-right: 3px; }
  .single-item-overlay .single-item .title-container .price {
    padding: 10px;
    background-color: #7dc24c;
    color: white;
    font-size: 1.2em;
    text-align: center; }
  .single-item-overlay .single-item .gallery {
    position: relative;
    text-align: center; }
    .single-item-overlay .single-item .gallery .gallery-container {
      width: 320px;
      height: 320px;
      overflow: hidden; }
      .single-item-overlay .single-item .gallery .gallery-container > img:not(.active) {
        display: none; }
    @media only screen and (min-width: 750px) {
      .single-item-overlay .single-item .gallery {
        margin-right: 30px; } }
    .single-item-overlay .single-item .gallery .gallery-prev, .single-item-overlay .single-item .gallery .gallery-next {
      position: absolute;
      cursor: pointer;
      height: 100%;
      width: 10%;
      background-color: rgba(255, 255, 255, 0);
      background-image: url("../images/icons/arrowCharcoal_btn.png");
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid rgba(255, 255, 255, 0);
      background-size: 15px;
      top: 0; }
    .single-item-overlay .single-item .gallery .gallery-prev {
      left: 0;
      transform: scaleX(-1); }
    .single-item-overlay .single-item .gallery .gallery-next {
      right: 0; }
  .single-item-overlay .single-item .gallery-nav {
    display: flex;
    flex-flow: row nowrap;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    justify-content: center;
    margin-top: 10px; }
    @media only screen and (min-width: 750px) {
      .single-item-overlay .single-item .gallery-nav {
        margin-right: 30px; } }
    .single-item-overlay .single-item .gallery-nav .image-button {
      flex: 0 0 15px;
      -webkit-flex: 0 0 15px;
      height: 15px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border: 1px solid #d7d7d7; }
      .single-item-overlay .single-item .gallery-nav .image-button:not(:last-child) {
        margin-right: 10px; }
      .single-item-overlay .single-item .gallery-nav .image-button.active {
        background-color: #d7d7d7; }
  .single-item-overlay .single-item .options {
    padding-bottom: 15px; }
    @media only screen and (max-width: 750px) {
      .single-item-overlay .single-item .options > .column-container {
        display: flex;
        flex-flow: row wrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap; }
        .single-item-overlay .single-item .options > .column-container > div {
          flex: 0 0 100%;
          -webkit-flex: 0 0 100%; } }
    .single-item-overlay .single-item .options .cart-options {
      padding-top: 30px;
      padding-left: 15px; }
    .single-item-overlay .single-item .options .item-options div:first-child, .single-item-overlay .single-item .options .qty-option div:first-child, .single-item-overlay .single-item .options .price-total div:first-child {
      font-size: 15px;
      font-weight: 700; }
    .single-item-overlay .single-item .options .item-options {
      padding-bottom: 20px; }
      .single-item-overlay .single-item .options .item-options > div:last-child {
        text-align: right; }
        .single-item-overlay .single-item .options .item-options > div:last-child .options {
          padding: 0;
          margin: 0;
          border: none; }
        .single-item-overlay .single-item .options .item-options > div:last-child input {
          cursor: pointer;
          display: none; }
          .single-item-overlay .single-item .options .item-options > div:last-child input + label {
            cursor: pointer;
            display: inline-block;
            border: 1px solid rgba(0, 0, 0, 0.5);
            padding: 10px; }
          .single-item-overlay .single-item .options .item-options > div:last-child input:checked + label {
            border: 1px solid white; }
    .single-item-overlay .single-item .options .qty-option {
      padding-bottom: 20px; }
      .single-item-overlay .single-item .options .qty-option .custom-select {
        width: 100%; }
    .single-item-overlay .single-item .options .price-total {
      border-bottom: 1px solid #d7d7d7;
      border-top: 1px solid #d7d7d7;
      padding: 25px 0; }
      .single-item-overlay .single-item .options .price-total .price {
        color: #7dc24c;
        font-size: 1.2em;
        padding-right: 5px;
        font-weight: 700; }
  .single-item-overlay .single-item .button-container button {
    margin-top: 20px;
    padding: 10px;
    font-size: 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-transform: uppercase; }
    @media only screen and (min-width: 750px) {
      .single-item-overlay .single-item .button-container button {
        width: 100%; } }
    .single-item-overlay .single-item .button-container button:first-child {
      background-color: #2cc3ce;
      color: white; }
    .single-item-overlay .single-item .button-container button:last-child {
      background-color: #7dc24c;
      color: white; }
  .single-item-overlay .single-item .desc-container, .single-item-overlay .single-item .policy-container, .single-item-overlay .single-item .reviews-container, .single-item-overlay .single-item .new-reviews-container {
    padding: 10px 0 10px;
    border-top: 1px solid #d7d7d7; }
    .single-item-overlay .single-item .desc-container > .column-container, .single-item-overlay .single-item .policy-container > .column-container, .single-item-overlay .single-item .reviews-container > .column-container, .single-item-overlay .single-item .new-reviews-container > .column-container {
      align-items: center;
      -ms-align-items: center;
      -webkit-align-items: center; }
    .single-item-overlay .single-item .desc-container h1, .single-item-overlay .single-item .policy-container h1, .single-item-overlay .single-item .reviews-container h1, .single-item-overlay .single-item .new-reviews-container h1 {
      font-size: 1.2em; }
    .single-item-overlay .single-item .desc-container .accordion_content > p, .single-item-overlay .single-item .policy-container .accordion_content > p, .single-item-overlay .single-item .reviews-container .accordion_content > p, .single-item-overlay .single-item .new-reviews-container .accordion_content > p {
      padding: 0;
      padding-right: 10px; }
  .single-item-overlay .single-item .reviews-container .review-header {
    align-items: center;
    justify-content: space-between;
    padding-right: 10px; }
  .single-item-overlay .single-item .reviews-container .auto-column h1 {
    padding-right: 15px; }
    @media only screen and (max-width: 500px) {
      .single-item-overlay .single-item .reviews-container .auto-column h1 {
        padding-right: 2px; } }
  .single-item-overlay .single-item .reviews-container .accordion_content {
    margin: 5px 10px 25px;
    border-top: 1px solid #d7d7d7; }
  .single-item-overlay .single-item .reviews-container .review:not(:last-child) {
    border-bottom: 1px dashed #d7d7d7; }
  .single-item-overlay .single-item .reviews-container .review h2 {
    padding: 15px 10px 15px 0;
    background-color: transparent;
    color: #2cc3ce;
    margin: 0;
    font-size: 1em; }
  .single-item-overlay .single-item .reviews-container .review p {
    padding: 0 0 25px; }
  .single-item-overlay .single-item .new-reviews-container .accordion_content .review-input {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 90px;
    padding: 10px 20px;
    margin-top: 10px; }
  .single-item-overlay .single-item .new-reviews-container .accordion_content > .column-container {
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center; }
    .single-item-overlay .single-item .new-reviews-container .accordion_content > .column-container .rate-container {
      align-items: center;
      justify-content: space-between; }
    .single-item-overlay .single-item .new-reviews-container .accordion_content > .column-container .submit-container button {
      text-transform: uppercase;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 7px 30px; }

.cart-overlay .modal-flex-container {
  margin: 0 20px 0 0; }
  @media only screen and (min-width: 500px) {
    .cart-overlay .modal-flex-container {
      flex: 0 0 470px;
      -webkit-flex: 0 0 470px; } }

.cart-overlay .cart-items-container {
  padding: 40px 45px 20px 40px; }

.cart-items-container {
  width: 100%; }
  .cart-items-container > h2 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .cart-items-container .cart-item:not(:last-child) {
    margin-bottom: 10px; }
  .cart-items-container > .cart-summary {
    border-top: 1px solid #d0d0d0;
    margin-top: 60px; }
  .cart-items-container .item-desc h1 {
    color: #616a70;
    font-size: 1.1em;
    text-transform: uppercase; }
  .cart-items-container .image-container {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  .cart-items-container .item-options {
    align-self: center;
    padding-left: 25px; }
    .cart-items-container .item-options > div {
      padding-bottom: 15px; }
      .cart-items-container .item-options > div:not(:first-of-type) {
        width: 50%; }
    .cart-items-container .item-options .qty-option .custom-select {
      width: 70px; }
  .cart-items-container .remove-item {
    align-self: center; }

.cart-summary > div {
  border-bottom: 1px solid #d0d0d0;
  padding: 30px 0;
  font-size: 1.2em; }
  .cart-summary > div .price {
    color: #7dc42c; }

.cart-summary .shipping .custom-select {
  width: 100%; }

.star_container {
  width: 138px;
  padding-bottom: 10px; }

.star_rating {
  border: none;
  margin: 0;
  padding: 0; }
  .star_rating input {
    cursor: pointer;
    display: none; }
    .star_rating input:checked ~ label {
      border-bottom: 0.5em solid #2cc3ce; }
      .star_rating input:checked ~ label:before, .star_rating input:checked ~ label:after {
        border-bottom: 0.5em solid #2cc3ce; }
    .star_rating input + label {
      cursor: pointer;
      display: inline-block;
      float: right;
      position: relative;
      margin: 10px;
      border-right: .2em solid transparent;
      border-bottom: 0.5em solid #d7d7d7;
      border-left: .2em solid transparent; }
      .star_rating input + label:before, .star_rating input + label:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-radius: 10px;
        position: absolute;
        top: .3em;
        left: -.6em;
        border-right: 0.6em solid transparent;
        border-bottom: 0.5em solid #d7d7d7;
        border-left: 0.6em solid transparent;
        transform: rotate(-35deg); }
      .star_rating input + label:after {
        transform: rotate(35deg); }

.allow-update > .star_rating:not(:checked) > label:hover, .allow-update > .star_rating:not(:checked) > label:hover ~ label {
  border-bottom: 0.5em solid #2cc3ce; }
  .allow-update > .star_rating:not(:checked) > label:hover:before, .allow-update > .star_rating:not(:checked) > label:hover:after, .allow-update > .star_rating:not(:checked) > label:hover ~ label:before, .allow-update > .star_rating:not(:checked) > label:hover ~ label:after {
    border-bottom: 0.5em solid #2cc3ce; }

.allow-update > .star_rating input + label:hover {
  border-bottom: 0.5em solid #2cc3ce; }
  .allow-update > .star_rating input + label:hover:before, .allow-update > .star_rating input + label:hover:after {
    border-bottom: 0.5em solid #2cc3ce; }

/* Admin Panel */
.draft {
  opacity: 0.5; }
  .draft:hover {
    opacity: 1; }

.drafts {
  border-top: solid 1px #000; }

.title {
  width: 100%;
  padding: 0 15px; }

.question_container .box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 25px 25px 0; }
  .question_container .box .meta {
    display: block;
    width: 100%;
    padding: 0 25px 0 15px;
    margin: 10px 0; }
    .question_container .box .meta:before, .question_container .box .meta:after {
      content: '';
      display: table; }
    .question_container .box .meta:after {
      clear: both; }
    .question_container .box .meta h3 {
      display: inline-block;
      color: #2cc3ce; }
  .question_container .box h2 {
    margin: 15px 0 20px;
    padding-left: 15px; }

.edit_status {
  color: #2cc3ce;
  margin-left: 10px; }

.controls .status {
  font-style: italic;
  margin-left: 5px; }

.full {
  width: 100%; }

.box:before, .box:after, .controls:before, .controls:after, .category_options:before, .category_options:after {
  content: '';
  display: table; }

.box:after, .controls:after, .category_options:after {
  clear: both; }

.box, .controls, .category_options, .fi_options, .pi_options {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #e8e7e3;
  margin-bottom: 15px; }
  .box h4, .controls h4, .category_options h4, .fi_options h4, .pi_options h4 {
    margin-bottom: 15px; }

.fi_options, .pi_options {
  padding: 1em;
  margin-left: 10px;
  margin-right: 10px; }
  .fi_options label, .pi_options label {
    width: 100%;
    display: block;
    padding: 1em; }

.controls {
  padding: 1em;
  margin-left: 10px;
  margin-right: 10px; }
  .controls p {
    margin: 10px 0;
    font-size: .85em; }
  .controls button {
    margin-top: 5px; }

.trash {
  padding-top: 10px;
  font-size: .75em;
  color: #e30f20; }
  .trash:hover {
    text-decoration: underline; }

.fi_options img, .pi_options img, .response_container img {
  width: 100%;
  margin-bottom: 10px; }

.responses {
  margin-top: 0; }
  .responses h4 {
    background-color: #e8e7e3;
    padding: 15px;
    color: #b5b5b5; }

.response_container {
  height: 600px;
  overflow-y: scroll; }
  .response_container:before, .response_container:after {
    content: '';
    display: table; }
  .response_container:after {
    clear: both; }
  .response_container .box {
    padding: 30px 20px 20px; }
    .response_container .box h5 {
      font-size: .95em;
      color: #2cc3ce;
      margin-bottom: 5px; }
    .response_container .box .date {
      margin-left: 10px; }
    .response_container .box .meta p {
      font-size: .85em; }
    .response_container .box p {
      margin-bottom: 10px; }

.categories {
  height: 100px;
  overflow-y: scroll;
  background-color: white;
  padding-top: 10px; }
  .categories ul {
    padding-left: 10px; }
    .categories ul li {
      display: block;
      font-size: .75em;
      margin: 5px 0; }
      .categories ul li input[type='radio'] {
        display: inline-block;
        height: 10px;
        margin-right: 5px; }

.image-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .image-upload + label {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #e8e7e3;
    background-color: white;
    text-align: center; }
    .image-upload + label:hover {
      background-color: #aaa; }

.admin h1.tools_head {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 20px; }

.tools_box {
  margin: 0 20px 0 0; }

.tools {
  margin-top: 20px; }
  .tools th {
    padding: 0 20px 5px 0;
    text-align: right; }

.date_range {
  display: flex;
  flexwrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 50px 0 25px; }
  .date_range .datefield {
    margin-right: 20px; }

.admin_table.rotate {
  border: none; }
  .admin_table.rotate th.rotate {
    color: #616a70;
    height: 140px;
    font-size: 16px;
    white-space: nowrap;
    border: none;
    cursor: pointer; }
  .admin_table.rotate th.rotate > div {
    transform: translate(0, 49px) rotate(315deg);
    width: 40px; }
  .admin_table.rotate th.rotate > div > span {
    border-bottom: 1px solid #616a70; }
  .admin_table.rotate tr:nth-child(even) {
    background-color: cyan; }
  .admin_table.rotate td {
    text-align: left;
    width: 40px; }
    .admin_table.rotate td.rt {
      text-align: right; }
  .admin_table.rotate td:nth-child(even) {
    background-color: gainsboro; }

.admin_table {
  width: 80%;
  border: 1px solid black; }
  .admin_table caption {
    font-weight: bold;
    font-size: 1.5em;
    margin: 20px 0 10px; }
  .admin_table th {
    text-align: left;
    border: 1px solid black;
    padding: 5px; }
  .admin_table td {
    border: 1px solid black;
    padding: 5px; }

ul.admin_list {
  display: block;
  list-style-type: none; }
  ul.admin_list li {
    display: block; }

.admin_toc {
  display: block;
  list-style-type: none; }
  .admin_toc li {
    display: block; }

.admin_toc2 {
  display: block;
  list-style-type: square;
  margin-left: 50px; }
  .admin_toc2 li {
    display: block; }

/* Admin Panel */
.sm {
  padding: 10px 50px; }

.admin button {
  background-color: white;
  min-width: 90px; }
  .admin button:hover {
    background-color: #edece8;
    color: #262626;
    transition: all 300ms ease; }

.admin .title_menu span {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 7px 20px;
  font-size: 0.9em;
  background-color: #f9f8f6;
  border: 1px #d0d0ce solid;
  cursor: pointer; }

.admin {
  max-width: 1100px;
  padding-top: 20px;
  padding-bottom: 60px;
  margin: 20px auto; }
  .admin:before, .admin:after {
    content: '';
    display: table; }
  .admin:after {
    clear: both; }
  .admin .logo {
    width: 300px;
    margin: 100px auto 20px; }
  .admin h2 {
    margin-top: -20px;
    margin-bottom: 40px;
    font-size: 18px; }
  .admin h1 {
    padding-left: 15px;
    text-align: center; }

.container {
  max-width: 35%;
  margin: 0 auto;
  text-align: center; }
  .container form {
    margin-top: 40px; }
    .container form input {
      width: 100%; }

.title_menu {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #e8e7e3;
  padding: 15px 20px;
  margin-top: 25px; }
  .title_menu:before, .title_menu:after {
    content: '';
    display: table; }
  .title_menu:after {
    clear: both; }
  .title_menu h3 {
    margin-bottom: 5px; }
  .title_menu .right {
    padding-top: 15px; }

.dash_search .left {
  max-width: 50%; }

.category_container .col-4 .box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 180px;
  background-color: #e8e7e3;
  padding: 20px 0 10px 30px; }
  .category_container .col-4 .box:before, .category_container .col-4 .box:after {
    content: '';
    display: table; }
  .category_container .col-4 .box:after {
    clear: both; }
  .category_container .col-4 .box h2 {
    margin-bottom: 10px; }
  .category_container .col-4 .box button {
    margin-top: 35px; }
  .category_container .col-4 .box img {
    width: 100%;
    float: right;
    margin: -20px 20px 0; }

/* Reference Guides */
/*
  http://sass-guidelin.es/#the-7-1-pattern
  pattern guide 1: http://codepen.io/guide/
  https://css-tricks.com/sass-style-guide/
*/
a.norm { padding:5px;text-decoration:underline; }
a.norm:hover{text-decoration:none;background-color:#fff; !important;}
a.norm:visited{color:blue;}
a.norm2 { text-decoration:underline; }
a.norm2:hover{text-decoration:none;background-color:#fff; !important;}
a.norm2:visited{color:blue;}

a.black2 { color:black;text-decoration:underline; }
a.black2:hover{text-decoration:none;background-color:#fff; !important;}

#easteregg, #footeregg{position:relative; width:136px; height:50px; margin-top:6px;}
a.navbar-logo{max-width:136px; display:inline;}
#easteregg .hover, #footeregg .hover{display:none;}
#footeregg{margin-top:0; margin-left:auto; margin-right:0;}
#easteregg img, #footeregg img{position:absolute;width:100%; height:auto; left:0; top:0; right:0; bottom:0;}