@charset "UTF-8";
/******************************************************************

Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

******************************************************************/
/*! 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,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
.callout.alert {
  text-align: center;
  font-size: 1.5rem;
  background-color: #ffffff;
}
.callout.alert p {
  color: #000000;
}

/*! 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,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

body.is-reveal-open {
  overflow: hidden;
}

.spin-out-ccw.mui-leave, .spin-in-ccw.mui-enter, .spin-out.mui-leave, .spin-in.mui-enter, .scale-out-down.mui-leave, .scale-out-up.mui-leave, .scale-in-down.mui-enter, .scale-in-up.mui-enter, .hinge-out-from-middle-y.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-top.mui-leave, .hinge-in-from-middle-y.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-top.mui-enter, .fade-out.mui-leave, .fade-in.mui-enter, .slide-out-left.mui-leave, .slide-out-up.mui-leave, .slide-out-right.mui-leave, .slide-out-down.mui-leave, .slide-in-right.mui-enter, .slide-in-up.mui-enter, .slide-in-left.mui-enter, .slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
}

.slide-in-down.mui-enter {
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html,
body {
  font-size: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}
.row.small-collapse > .column, .row.small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.small-uncollapse > .column, .row.small-uncollapse > .columns {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 40em) {
  .row.medium-collapse > .column, .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 64em) {
  .row.large-collapse > .column, .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.row.expanded {
  max-width: none;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.3333333333%;
  float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.6666666667%;
  float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.2857142857%;
  float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.column.small-centered, .small-centered.columns {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncenter,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .column.medium-centered, .medium-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncenter,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .column.large-centered, .large-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncenter,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}
a:hover, a:focus {
  color: #1585cf;
}
a img {
  border: 0;
}

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style-type: inherit;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}
cite:before {
  content: "— ";
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

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

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #0098cd;
  color: #fff;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button:hover, .button:focus {
  background: #3d6fa2;
  color: #fff;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 18px;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button.primary {
  background: #2199e8;
  color: #fff;
}
.button.primary:hover, .button.primary:focus {
  background: #147cc0;
  color: #fff;
}
.button.secondary {
  background: #777;
  color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
  background: #5f5f5f;
  color: #fff;
}
.button.success {
  background: #3adb76;
  color: #fff;
}
.button.success:hover, .button.success:focus {
  background: #22bb5b;
  color: #fff;
}
.button.alert {
  background: #ec5840;
  color: #fff;
}
.button.alert:hover, .button.alert:focus {
  background: #da3116;
  color: #fff;
}
.button.warning {
  background: #ffae00;
  color: #fff;
}
.button.warning:hover, .button.warning:focus {
  background: #cc8b00;
  color: #fff;
}
.button.hollow {
  border: 1px solid #2199e8;
  color: #2199e8;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background: transparent;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}
.button.hollow.primary {
  border: 1px solid #2199e8;
  color: #2199e8;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}
.button.hollow.secondary {
  border: 1px solid #777;
  color: #777;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3c3c3c;
  color: #3c3c3c;
}
.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #881f0e;
  color: #881f0e;
}
.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.disabled {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}
.button.dropdown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}
.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: 0.2em;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  border: 1px solid #8a8a8a;
  background: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default;
}

[type=submit],
[type=button] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

label > [type=checkbox],
label > [type=label] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.input-group-button, .input-group-field, .input-group-label {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  margin-bottom: 0.5rem;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fafafa;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:disabled {
  background-color: #e6e6e6;
  cursor: default;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}
.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

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

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

.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  margin-left: 0;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
:last-child > .accordion-title {
  border-bottom-width: 0;
}
.accordion-title::before {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  padding: 1.25rem 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6;
}

.is-accordion-submenu-parent > a {
  position: relative;
}
.is-accordion-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1);
}

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #2199e8;
  color: #fefefe;
}
.badge.secondary {
  background: #777;
  color: #fefefe;
}
.badge.success {
  background: #3adb76;
  color: #fefefe;
}
.badge.alert {
  background: #ec5840;
  color: #fefefe;
}
.badge.warning {
  background: #ffae00;
  color: #fefefe;
}

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0;
}
.breadcrumbs::before, .breadcrumbs::after {
  content: " ";
  display: table;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  color: #0a0a0a;
  font-size: 0.6875rem;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  color: #cacaca;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
  opacity: 1;
}
.breadcrumbs a {
  color: #2199e8;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #cacaca;
}

.button-group {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.button-group::before, .button-group::after {
  content: " ";
  display: table;
}
.button-group::after {
  clear: both;
}
.button-group .button {
  float: left;
  margin: 0;
  font-size: inherit;
}
.button-group .button:not(:last-child) {
  border-right: 1px solid #fefefe;
}
.button-group.tiny {
  font-size: 0.6rem;
}
.button-group.small {
  font-size: 0.75rem;
}
.button-group.large {
  font-size: 18px;
}
.button-group.expanded .button:nth-last-child(2):first-child, .button-group.expanded .button:nth-last-child(2):first-child ~ .button {
  width: 50%;
}
.button-group.expanded .button:nth-last-child(3):first-child, .button-group.expanded .button:nth-last-child(3):first-child ~ .button {
  width: 33.3333333333%;
}
.button-group.expanded .button:nth-last-child(4):first-child, .button-group.expanded .button:nth-last-child(4):first-child ~ .button {
  width: 25%;
}
.button-group.expanded .button:nth-last-child(5):first-child, .button-group.expanded .button:nth-last-child(5):first-child ~ .button {
  width: 20%;
}
.button-group.expanded .button:nth-last-child(6):first-child, .button-group.expanded .button:nth-last-child(6):first-child ~ .button {
  width: 16.6666666667%;
}
.button-group.primary .button {
  background: #2199e8;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background: #147cc0;
  color: #fff;
}
.button-group.secondary .button {
  background: #777;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background: #5f5f5f;
  color: #fff;
}
.button-group.success .button {
  background: #3adb76;
  color: #fff;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background: #22bb5b;
  color: #fff;
}
.button-group.alert .button {
  background: #ec5840;
  color: #fff;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background: #da3116;
  color: #fff;
}
.button-group.warning .button {
  background: #ffae00;
  color: #fff;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background: #cc8b00;
  color: #fff;
}
.button-group.stacked .button, .button-group.stacked-for-small .button {
  width: 100%;
  border-right: 0;
}
@media screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    width: auto;
  }
  .button-group.stacked-for-small .button:not(:last-child) {
    border-right: 1px solid #fefefe;
  }
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  background-color: white;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #def0fc;
}
.callout.primary a {
  color: #116ca8;
}
.callout.primary a:hover {
  color: #0a4063;
}
.callout.secondary {
  background-color: #ebebeb;
}
.callout.success {
  background-color: #e1faea;
}
.callout.success a {
  color: #1ea450;
}
.callout.success a:hover {
  color: #126330;
}
.callout.alert {
  background-color: #fce6e2;
}
.callout.alert a {
  color: #bf2b13;
}
.callout.alert a:hover {
  color: #791b0c;
}
.callout.warning {
  background-color: #fff3d9;
}
.callout.warning a {
  color: #b37a00;
}
.callout.warning a:hover {
  color: #664600;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
  position: relative;
}
.is-drilldown-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-right: 0.75rem;
  margin-left: 0.6rem;
  margin-top: 14px;
}

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  display: block;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
  border-radius: 0;
}
.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu .is-dropdown-submenu-parent {
  position: relative;
}
.dropdown.menu .is-dropdown-submenu-parent a::after {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
  padding-right: 1.5rem;
  position: relative;
}
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: 12px;
  right: 5px;
}
.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
}
.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
  right: 0;
  left: auto;
}
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
  left: 0;
  right: auto;
}
.dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
  top: 100%;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca;
}
.dropdown.menu .submenu > li {
  width: 100%;
}
.dropdown.menu .submenu.first-sub {
  top: 100%;
  left: 0;
  right: auto;
}
.dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
  display: block;
}
.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%;
}
.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}
.is-dropdown-menu.vertical > li .submenu {
  top: 0;
  left: 100%;
}

.flex-video {
  position: relative;
  height: 0;
  padding-top: 1.5625rem;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flex-video.widescreen {
  padding-bottom: 56.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #2199e8;
  color: #fefefe;
}
.label.secondary {
  background: #777;
  color: #fefefe;
}
.label.success {
  background: #3adb76;
  color: #fefefe;
}
.label.alert {
  background: #ec5840;
  color: #fefefe;
}
.label.warning {
  background: #ffae00;
  color: #fefefe;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}
.media-object img {
  max-width: none;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    display: block;
    padding: 0;
    padding-bottom: 1rem;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  display: table-cell;
  vertical-align: top;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section.middle {
  vertical-align: middle;
}
.media-object-section.bottom {
  vertical-align: bottom;
}

.menu {
  margin: 0;
  list-style-type: none;
}
.menu > li {
  display: table-cell;
  vertical-align: middle;
}
[data-whatinput=mouse] .menu > li {
  outline: 0;
}
.menu > li:not(.menu-text) > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}
.menu input,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu > li > a > img,
.menu > li > a > i {
  vertical-align: middle;
}
.menu > li > a > span {
  vertical-align: middle;
}
.menu > li > a > img,
.menu > li > a > i {
  display: inline-block;
  margin-right: 0.25rem;
}
.menu > li {
  display: table-cell;
}
.menu.vertical > li {
  display: block;
}
@media screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }
  .menu.medium-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }
  .menu.large-vertical > li {
    display: block;
  }
}
.menu.simple a {
  padding: 0;
  margin-right: 1rem;
}
.menu.align-right > li {
  float: right;
}
.menu.expanded {
  display: table;
  width: 100%;
}
.menu.expanded > li:nth-last-child(2):first-child, .menu.expanded > li:nth-last-child(2):first-child ~ li {
  width: 50%;
}
.menu.expanded > li:nth-last-child(3):first-child, .menu.expanded > li:nth-last-child(3):first-child ~ li {
  width: 33.3333333333%;
}
.menu.expanded > li:nth-last-child(4):first-child, .menu.expanded > li:nth-last-child(4):first-child ~ li {
  width: 25%;
}
.menu.expanded > li:nth-last-child(5):first-child, .menu.expanded > li:nth-last-child(5):first-child ~ li {
  width: 20%;
}
.menu.expanded > li:nth-last-child(6):first-child, .menu.expanded > li:nth-last-child(6):first-child ~ li {
  width: 16.6666666667%;
}
.menu.expanded > li:first-child:last-child {
  width: 100%;
}
.menu.icon-top > li > a {
  text-align: center;
}
.menu.icon-top > li > a > img,
.menu.icon-top > li > a > i {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.nested {
  margin-left: 1rem;
}

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
}

html,
body {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

.off-canvas-wrapper-inner {
  min-height: 100%;
  position: relative;
  width: 100%;
  transition: transform 0.5s ease;
}
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
  content: " ";
  display: table;
}
.off-canvas-wrapper-inner::after {
  clear: both;
}

.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}
.is-off-canvas-open .js-off-canvas-exit {
  display: block;
}

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0px);
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
}
.is-open-left {
  transform: translateX(250px);
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}
.is-open-right {
  transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none;
}

.orbit-slide {
  width: 100%;
  max-height: 100%;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  background-color: #cacaca;
  border-radius: 50%;
}
.orbit-bullets button:hover {
  background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  content: " ";
  display: table;
}
.pagination::after {
  clear: both;
}
.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  display: none;
  border-radius: 0;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #2199e8;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: default;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  content: "…";
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: "«";
  display: inline-block;
  margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
  content: "»";
  display: inline-block;
  margin-left: 0.5rem;
}

.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
}
.progress.primary .progress-meter {
  background-color: #2199e8;
}
.progress.secondary .progress-meter {
  background-color: #777;
}
.progress.success .progress-meter {
  background-color: #3adb76;
}
.progress.alert .progress-meter {
  background-color: #ec5840;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #2199e8;
  border-radius: 0;
}
.progress-meter .progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #2199e8;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  border-radius: 0;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: #1583cc;
}
.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: absolute;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.8);
  overflow-y: scroll;
}

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  margin: 100px auto 0 auto;
  background-color: #fefefe;
  border-radius: 0;
  position: absolute;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column,
.reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
}

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem;
}

.switch-input {
  opacity: 0;
  position: absolute;
}

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  background: #fefefe;
  content: "";
  display: block;
  position: absolute;
  height: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
  transition: all 0.25s ease-out;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
}
input:checked ~ .switch-paddle {
  background: #2199e8;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem;
}

table {
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

thead,
tfoot {
  background: #f8f8f8;
  color: #0a0a0a;
}
thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}
tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-y: scroll;
}

table.hover tr:hover {
  background-color: #f9f9f9;
}
table.hover tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
}
.tabs::before, .tabs::after {
  content: " ";
  display: table;
}
.tabs::after {
  clear: both;
}
.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}
.tabs.vertical > li {
  width: auto;
  float: none;
  display: block;
}
.tabs.primary {
  background: #2199e8;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1893e4;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 12px;
  color: #2199e8;
}
.tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
}

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0;
}
.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem;
}
.thumbnail:hover, .thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem;
}
.title-bar::before, .title-bar::after {
  content: " ";
  display: table;
}
.title-bar::after {
  clear: both;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
}
.menu-icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.has-tip {
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0;
}
.tooltip::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent #0a0a0a;
  border-bottom-style: solid;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: #0a0a0a transparent transparent;
  border-top-style: solid;
  top: 100%;
  bottom: auto;
}
.tooltip.left::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent transparent #0a0a0a;
  border-left-style: solid;
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent #0a0a0a transparent transparent;
  border-right-style: solid;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.top-bar {
  padding: 0.5rem;
}
.top-bar::before, .top-bar::after {
  content: " ";
  display: table;
}
.top-bar::after {
  clear: both;
}
.top-bar, .top-bar ul {
  background-color: #eee;
}
.top-bar li > a, .top-bar ul li > a {
  color: #fff;
}
.top-bar input {
  width: 200px;
  margin-right: 1rem;
}

@media screen and (min-width: 40em) {
  .top-bar-left {
    float: left;
  }
  .top-bar-right {
    float: right;
  }
}
/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  show links on printed pages a:after, show links on printed pages a:visited:after {
    content: " (" attr(href) ")";
  }
  a show title too abbr[title]:after, a:visited show title too abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav,
  .header,
  .header-img,
  .sharing,
  .sidebar,
  .lower-content-area,
  .tv-teaser,
  .other-controls,
  .continue-reading,
  .az-horoscope-select,
  .pagebottom-ads,
  .footer,
  .header-ad-container,
  .off-canvas.position-right {
    display: none;
  }
  #main .article {
    padding-left: 0;
  }
}
/*********************
GENERAL STYLES
*********************/
.az-strike {
  display: block;
  color: #1c66ac;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
  font-size: 22px;
}

@media screen and (min-width: 40em) {
  .az-strike a {
    color: #1c66ac;
  }
  .az-strike span {
    position: relative;
    display: inline-block;
  }
  .az-strike span:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ebebeb;
    right: 100%;
    margin-right: 15px;
  }
  .az-strike span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ebebeb;
    left: 100%;
    margin-left: 15px;
  }
}
/*********************
LINK STYLES
*********************/
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
  color: #555555;
}

h1, .h1 {
  font-size: 46px;
  color: #555555;
}

h2, .h2 {
  font-size: 22px;
  color: #3964AF;
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 32px;
  color: #555555;
}

h4, .h4 {
  font-size: 20px;
  color: #555555;
}

h5, .h5 {
  font-size: 16px;
  color: #555555;
}

h6, .h6 {
  font-size: 22px;
  color: #555555;
  text-transform: capitalize;
}

p {
  font-family: "Lato", "Arial", sans-serif;
  color: #555555;
  font-size: 18px;
}

body {
  color: #555555;
}

a img {
  margin-bottom: 1em;
}

blockquote {
  padding: 15px 15px 15px 170px;
}

blockquote p {
  line-height: 1.25 !important;
  padding: 0 0.25em;
  margin: 0;
}

blockquote:before {
  float: left;
  line-height: 1;
  position: relative;
}

blockquote:after {
  bottom: 0 !important;
  right: 0 !important;
  line-height: 1;
}

.subtitle, .sub {
  font-size: 14px;
  color: #999999;
  font-family: "Lato", "Arial", sans-serif;
  text-transform: uppercase;
}

.subtext {
  font-size: 14px;
  color: #555555;
  font-family: "Lato", "Arial", sans-serif;
}

.continue-reading {
  padding: 2em 0;
  clear: both;
}
.continue-reading .cta {
  text-align: center;
}

.excerpt-read-more {
  color: #0098dc !important;
  font-size: 16px;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
}

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

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none;
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1;
}

.off-canvas-list ul {
  margin-left: 0;
}
.off-canvas-list ul li a {
  border-bottom: 0px;
}
.off-canvas-list ul .dropdown {
  margin-left: 20px;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem;
}

.single-title,
.page-title {
  color: #555555;
  font-size: 22px;
  text-transform: uppercase;
}

.page-title .vcard {
  border: 0px;
  padding: 0px;
}

.article-list .content-block .single-title {
  font-size: 22px;
}

.byline {
  color: #999;
}
.entry-content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

.post-password-form input[type=submit] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #0098cd;
  color: #fff;
}
[data-whatinput=mouse] .post-password-form input[type=submit] {
  outline: 0;
}
.post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus {
  background: #3d6fa2;
  color: #fff;
}

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem;
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px;
}

#respond ul {
  margin-left: 0px;
}

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  float: right;
}
/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

#comment-form-title {
  margin: 0 0 1.1em;
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
  border: 1px solid #ebebeb;
  padding: 1.5rem;
}

.sidebar {
  margin: 0;
  padding: 0;
  border: 0;
}
.sidebar .sidebar-block {
  /* NOTE: For this section-top include to work as expected, the containing element must have its position value set to relative. */
  border: 1px solid #ebebeb;
  margin-top: 30px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 24px;
}
.sidebar .sidebar-block:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.sidebar ul {
  list-style: none outside none;
  margin: 0;
}
.sidebar .new-articles .page-title {
  color: #1c66ac;
}
.sidebar .new-articles ul a {
  color: #555555;
  font-size: 14px;
}
.sidebar .new-articles li {
  font-family: "Lato", "Arial", sans-serif;
  border-bottom: 1px solid #ebebeb;
  padding: 14px 0 20px;
}
.sidebar .new-articles li:first-of-type {
  border-top: 1px solid #ebebeb;
}
.sidebar .new-articles a {
  font-size: 13px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.8px;
}
.sidebar .new-articles a .more {
  margin-top: 12px;
}
.sidebar .new-articles a .more:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/new-from-susan-more-icon@2x.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.widget ul {
  margin: 0;
}
.widget ul li {
  list-style: none;
}
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em;
}
.footer .row-990 {
  padding: 0 30px;
}

/*********************
FOUNDATION STYLES
*********************/
/*********************
FOUNDATION OVERRIDE STYLES
*********************/
.column, .columns {
  padding: 0;
}

.row-990 {
  max-width: 990px;
  margin: 0 auto;
}

header.header {
  max-width: 1100px;
  margin: 0 auto;
}

.top-bar {
  padding: 0;
  margin: 0 25px;
}
@media screen and (min-width: 64em) {
  .top-bar {
    margin: 0 55px;
  }
}

.top-bar-left .menu > li:not(.menu-text) > a {
  padding: 0;
  padding-top: 18px;
  margin-right: 37px;
}

.top-bar-left .menu > li:not(.menu-text):last-of-type > a {
  margin-right: 0;
}

.top-bar-left .menu .current-menu-item a,
.top-bar-left .menu .current-page-ancestor a {
  color: #2199e8;
}

.button.primary {
  padding: 1em;
  line-height: 0;
  font-size: 18px;
  background: #0098cd;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}
.button.primary:hover {
  background: #3d6fa2;
}
.button.primary:focus {
  background: #3d6fa2;
}

.button.primary.twitter {
  width: 100%;
}

.button.box, .button.box:hover, .button.box:focus {
  padding: 11px 15px;
  line-height: 34px;
  font-size: 26px;
  background: #f8f8f8;
  color: #555555;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}

.button.icon, .button.icon:hover, .button.icon:focus {
  background-repeat: no-repeat !important;
  background-position: 90% 50%;
}
.button.icon.twelve_sectors, .button.icon:hover.twelve_sectors, .button.icon:focus.twelve_sectors {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/learn-astrology/az_icon_learn_12sectors.png");
}
.button.icon.the_elements, .button.icon:hover.the_elements, .button.icon:focus.the_elements {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/learn-astrology/az_icon_learn_elements.png");
}
.button.icon.three_qualities, .button.icon:hover.three_qualities, .button.icon:focus.three_qualities {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/learn-astrology/az_icon_learn_threequalities.png");
}
.button.icon.the_planets, .button.icon:hover.the_planets, .button.icon:focus.the_planets {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/learn-astrology/az_icon_learn_planets.png");
}
.button.icon.the_signs, .button.icon:hover.the_signs, .button.icon:focus.the_signs {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/learn-astrology/az_icon_learn_signs.jpg");
}

.article-list a {
  color: #555555;
}
.article-list .media-object {
  border-bottom: 1px solid #f5f6f6;
  padding-bottom: 15px;
}
.article-list .media-object:first-child {
  padding-top: 15px;
  border-top: 1px solid #f5f6f6;
}
.article-list .media-object .media-object-section {
  vertical-align: middle;
}

/*********************
OTHER COMMON STYLES
*********************/
.inner-row {
  max-width: 690px;
  width: 100%;
}

.content-block {
  /* Used as a containing element for sections of the site that have a 'section-top' element, which is inserted into the :before psuedo-element.
     For the section-top to be displayed as intended, the block element it belongs to must be inside of a parent block element that has its position
     value set to relative. Also note that the section-top element is included as a mixin. You can find it in /mixin/section-top. RH 02.29.16 */
  position: relative;
}

.r-arrows {
  position: relative;
  top: -2px;
}

.section-top {
  height: 6px;
  background-color: #f5f6f6;
  position: relative;
  width: 100%;
}

.pagebottom-ads {
  clear: both;
  padding-top: 30px;
}
.pagebottom-ads .ad {
  width: 303px;
  margin-right: 40px;
}
.pagebottom-ads .ad:last-of-type {
  margin-right: 0;
}
.pagebottom-ads .ad img {
  width: 303px;
  height: 101px;
}
.pagebottom-ads .ads {
  text-align: center;
}

.section-container {
  border: 1px solid #f5f6f6;
  padding: 25px 25px 10px;
}
.section-container:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0;
}

.lower-content-area {
  width: 100%;
  /* NOTE: Other than a few modifications, this is verbatim of the .video-teaser block in _homepage-main.scss.
        If this is used anywhere else, consider breaking it out into a separate file. RH 03.01.16 */
}
.lower-content-area .lower-content-header {
  color: #555555;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 25px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.lower-content-area .row {
  margin: 0;
}
.lower-content-area .title {
  width: 100%;
  font-size: 22px;
  color: #1c66ac;
  text-transform: uppercase;
}
.lower-content-area .title a {
  color: #1c66ac;
}
.lower-content-area .title.center {
  text-align: center;
}
.lower-content-area .title.lower-content-header {
  font-size: 18px;
  color: #555555;
}
.lower-content-area .col-1 {
  border: 1px solid #ebebeb;
}
.lower-content-area .col-1 .year-ahead:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.lower-content-area .video-teaser {
  padding: 12px 30px 30px;
  /* border: 1px solid $az-border-gray; */
  /* border-top: 0px; */
}
.lower-content-area .video-teaser .title {
  margin: 0;
}
.lower-content-area .video-teaser .image {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/img_more_susan_video@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 195px;
  min-height: 128px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .lower-content-area .video-teaser .image {
    min-height: 215px;
  }
}
.lower-content-area .video-teaser .image .play-button img {
  width: 25px;
  height: 25px;
  margin: 11px;
}
.lower-content-area .video-teaser .text {
  padding: 0px 20px;
  padding-right: 0px;
  margin-top: -6px;
  /* background-color: $az-very-light-gray; */
  color: #555555;
}
.lower-content-area .video-teaser .text h1 {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.4px;
}
.lower-content-area .video-teaser .text .abstract {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 3px;
  letter-spacing: 0.1px;
  /* padding-right: 40px; */
}
.lower-content-area .video-teaser .text .abstract a {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0px;
}
.lower-content-area .video-teaser .more {
  margin-top: 131px;
}
.lower-content-area .video-teaser .more a {
  font-size: 14px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.8px;
}
.lower-content-area .col-1a {
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.lower-content-area .col-1a .news-you-can-use {
  padding: 16px 30px 42px;
}
.lower-content-area .col-1a .news-you-can-use:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.lower-content-area .col-1a .news-you-can-use .title {
  margin-top: 15px;
}
@media screen and (min-width: 64em) {
  .lower-content-area .col-1a .news-you-can-use .title {
    margin-top: 0;
  }
}
.lower-content-area .col-2a {
  border-top: 1px solid #ebebeb;
}
.lower-content-area .col-2a .daily-horoscopes {
  padding: 16px 30px 42px;
}
.lower-content-area .col-2a .daily-horoscopes:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.lower-content-area .col-2a .daily-horoscopes .title {
  margin-top: 15px;
}
@media screen and (min-width: 64em) {
  .lower-content-area .col-2a .daily-horoscopes .title {
    margin-top: 0;
  }
}
.lower-content-area .col-1a ul, .lower-content-area .col-2a ul {
  list-style: none outside none;
  margin: 0;
}
.lower-content-area .col-1a li, .lower-content-area .col-2a li {
  line-height: 1.2;
  font-size: 20px;
  letter-spacing: 0.8px;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .lower-content-area .col-1a li:first-child, .lower-content-area .col-2a li:first-child {
    border-top: 1px #ebebeb solid;
    margin-top: 20px;
  }
}
.lower-content-area .col-1a li .column, .lower-content-area .col-1a li .columns, .lower-content-area .col-2a li .column, .lower-content-area .col-2a li .columns {
  float: left;
}
.lower-content-area .col-1a li .entry, .lower-content-area .col-2a li .entry {
  padding-bottom: 18px;
  margin-top: 20px;
}
.lower-content-area .col-1a li .column.icon, .lower-content-area .col-1a li .icon.columns, .lower-content-area .col-2a li .column.icon, .lower-content-area .col-2a li .icon.columns {
  background-size: 25% 25%;
  width: 25%;
  height: auto;
  float: left;
}
.lower-content-area .col-1a li .column.text, .lower-content-area .col-1a li .text.columns, .lower-content-area .col-2a li .column.text, .lower-content-area .col-2a li .text.columns {
  width: 65%;
  float: right;
  margin-top: -5px;
}
.lower-content-area .col-1a li a, .lower-content-area .col-2a li a {
  color: #555555;
}
.lower-content-area .col-1a .store-links, .lower-content-area .col-2a .store-links {
  color: #cccccc;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 13px;
  margin-top: 11px;
}
.lower-content-area .col-1a .store-links a, .lower-content-area .col-2a .store-links a {
  color: #1c66ac;
  text-transform: uppercase;
}
.lower-content-area .col-1a .more, .lower-content-area .col-2a .more {
  margin-top: 10px;
  font-size: 1.5rem;
}
.lower-content-area .col-1a .more:before, .lower-content-area .col-2a .more:before {
  content: "";
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/news-you-can-use-more-icon@2x.png");
  background-size: 30px 15px;
  width: 30px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.lower-content-area .col-1a .more a, .lower-content-area .col-2a .more a {
  font-size: 16px;
  text-transform: uppercase;
  color: #1c66ac;
  margin-left: 5px;
  letter-spacing: 0.8px;
}
.lower-content-area .col-2 {
  border: 1px solid #ebebeb;
  border-left: 0;
  padding: 10px 30px;
  padding-bottom: 0;
}
.lower-content-area .col-2 .go-shopping:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.lower-content-area .col-2 .go-shopping ul {
  list-style: none outside none;
  margin: 0;
}
.lower-content-area .col-2 .go-shopping li {
  width: 48%;
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}
@media screen and (min-width: 64em) {
  .lower-content-area .col-2 .go-shopping li {
    width: 100%;
  }
}
.lower-content-area .col-2 .go-shopping li .caption {
  font-family: "Lato", "Arial", sans-serif;
  letter-spacing: 0.4px;
  margin-top: 6px;
  margin-bottom: 18px;
  font-size: 14px;
}
.lower-content-area .col-2 .go-shopping li:last-of-type {
  border-bottom: 1px solid #ebebeb;
}
.lower-content-area .col-2 .go-shopping li a {
  color: #555555;
}
.lower-content-area .col-2 .go-shopping .more {
  margin-top: 10px;
}
.lower-content-area .col-2 .go-shopping .more a {
  font-size: 16px;
  text-transform: uppercase;
  color: #1c66ac;
  margin-left: 5px;
  letter-spacing: 0.8px;
}
.lower-content-area .col-2 .go-shopping .more a.button {
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .lower-content-area .col-2 .go-shopping .more a.button .r-arrows {
    display: none;
  }
}

.forecast-box {
  margin-bottom: 12px;
}
.forecast-box .forecast-box-content h5 {
  font-size: 22px;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #555555;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 0.05em;
}
.forecast-box .forecast-box-content p {
  font-size: 11px;
  font-family: "Lato", "Arial", sans-serif;
  color: #555555;
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

blockquote {
  border: 0;
  padding: 28px 15px 14px 0;
  margin-left: -150px;
  padding-left: 190px;
  background-color: #e5f4fb;
  position: relative;
}
blockquote p {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 40px;
  line-height: 1.4;
  color: #555555;
}
blockquote:before {
  content: "“";
  position: absolute;
  top: 6px;
  left: 145px;
  color: #0098CD;
  font-size: 60px;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
blockquote:after {
  content: "”";
  position: absolute;
  bottom: -35px;
  right: 50px;
  color: #0199ca;
  font-size: 68px;
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.life-love h6, .single-page h6 {
  margin: 0;
}
.life-love .hero-image, .single-page .hero-image {
  width: 100%;
  height: auto;
  margin-bottom: 28px;
}
.life-love .sharing, .single-page .sharing {
  position: relative;
  width: 62px;
  min-height: 100px;
  border: 1px solid #ebebeb;
  float: left;
  padding-bottom: 26px;
}
.life-love .sharing:before, .single-page .sharing:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.life-love .sharing h6, .single-page .sharing h6 {
  text-transform: uppercase;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #555555;
  margin-top: 20px;
  text-align: center;
}
.life-love .sharing .social-icon, .single-page .sharing .social-icon {
  margin: 0 auto;
  background-size: 33px 33px;
  width: 33px;
  height: 33px;
  margin-top: 15px;
  display: block;
}
.life-love .sharing .twitter, .single-page .sharing .twitter {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/twitter@2x.png");
}
.life-love .sharing .facebook, .single-page .sharing .facebook {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/facebook@2x.png");
}
.life-love .sharing .pinterest, .single-page .sharing .pinterest {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/pinterest@2x.png");
}
.life-love .sharing .email, .single-page .sharing .email {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/email@2x.png");
}
.life-love .sharing .print, .single-page .sharing .print {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/print@2x.png");
}
.life-love .article hr, .single-page .article hr {
  clear: none;
}
.life-love .article h2, .single-page .article h2 {
  text-transform: uppercase;
  font-size: 22px;
  color: #1c66ac;
}
.life-love .article blockquote, .single-page .article blockquote {
  display: none;
}
.life-love .content-block.section-container .row,
.life-love .content-block.section-container .row .row, .single-page .content-block.section-container .row,
.single-page .content-block.section-container .row .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.life-love .content-block.section-container:before, .single-page .content-block.section-container:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.life-love .hero-container .row div:first-child, .single-page .hero-container .row div:first-child {
  padding-left: 0;
  padding-right: 10px;
}
.life-love .learn-astrology-page .hero-container .row div, .single-page .learn-astrology-page .hero-container .row div {
  padding-left: 10px;
}
.life-love .featured-event a:not(.button), .life-love .latest-news a:not(.button), .single-page .featured-event a:not(.button), .single-page .latest-news a:not(.button) {
  color: #555555;
}
.life-love .featured-event h4 a, .life-love .latest-news h4 a, .single-page .featured-event h4 a, .single-page .latest-news h4 a {
  font-size: 32px;
}
.life-love .featured-event img, .single-page .featured-event img {
  width: 285px;
}
.life-love .latest-news .single-title, .single-page .latest-news .single-title {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #f5f6f6;
}
.life-love .latest-news .media-object, .single-page .latest-news .media-object {
  border-bottom: 1px solid #f5f6f6;
}
.life-love .latest-news .media-object:first-child, .single-page .latest-news .media-object:first-child {
  padding-top: 15px;
  border-top: 1px solid #f5f6f6;
}
.life-love .latest-news .media-object img, .single-page .latest-news .media-object img {
  width: 140px;
}

#main article section .article, #main section .article {
  width: 80%;
  float: left;
}
#main article section .article hr, #main section .article hr {
  clear: none;
}
#main article section .article .content-block, #main article section .article > .columns, #main section .article .content-block, #main section .article > .columns {
  margin-top: 2em;
}

.sharing {
  position: relative;
  width: 62px;
  min-height: 100px;
  border: 1px solid #ebebeb;
  float: left;
  padding-bottom: 26px;
  margin-right: 30px;
}
.sharing:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.sharing h6 {
  text-transform: uppercase;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #555555;
  margin-top: 20px !important;
  text-align: center;
}
.sharing .social-icon {
  margin: 0 auto;
  background-size: 33px 33px;
  width: 33px;
  height: 33px;
  margin-top: 15px;
  display: block;
}
.sharing .twitter {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/twitter@2x.png");
}
.sharing .facebook {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/facebook@2x.png");
}
.sharing .pinterest {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/pinterest@2x.png");
}
.sharing .email {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/email@2x.png");
}
.sharing .print {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/horoscopes/print@2x.png");
}

@media screen and (max-width: 63.9375em) {
  main article, main section.entry-content {
    padding: 0 15px;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .blog main .media-object {
    border-bottom: solid 1px #ebebeb;
  }
}
/* max-width 640px, mobile-only styles*/
@media screen and (max-width: 39.9375em) and (min-width: 0em) {
  .top-bar ul li > a:hover,
  #menu-main-navigation ul li > a:hover,
  .top-bar li > a:hover,
  #menu-main-navigation li > a:hover {
    color: #000000 !important;
  }
  main section.entry-content {
    padding: 0;
  }
  .single #inner-content > .row, .singular #inner-content > .row {
    padding: 0 2em;
  }
  .single #content > .row, .singular #content > .row {
    padding: 0 2em;
  }
  #main article section .article, #main section .article {
    width: 100%;
    float: none;
  }
  #main article section .article blockquote, #main section .article blockquote {
    margin: 0;
    padding: 0;
  }
  #main article section .article blockquote p, #main section .article blockquote p {
    padding: 0.25em 0.75em 0.25em 1em;
    font-size: 1.75em;
    line-height: 1.25em;
  }
  #main article section .article blockquote:before, #main section .article blockquote:before {
    float: left;
    line-height: 1;
    position: relative;
  }
  #main article section .article blockquote:after, #main section .article blockquote:after {
    bottom: 0;
    right: 0;
    line-height: 0;
  }
  .home .video-teaser {
    margin-bottom: 4em;
    min-height: 257px !important;
  }
  .home .video-teaser .column.text, .home .video-teaser .text.columns {
    bottom: 0em !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  .home .video-teaser .column.text h1, .home .video-teaser .text.columns h1 {
    color: #555555 !important;
    font-size: 30px !important;
  }
  .home .video-teaser .column.image .play-button, .home .video-teaser .image.columns .play-button {
    bottom: 5em !important;
  }
  .forecastButton {
    width: 100%;
  }
  .mobileNavColor {
    color: #555555 !important;
    outline: 0 !important;
  }
  .mobileFocus {
    outline: 0 !important;
  }
  .mobileFocus:focus {
    color: #555555 !important;
  }
  main .monthly-horoscope-list article {
    padding: 0;
  }
  .home .shopping-section .az-strike.shop-all {
    width: 100% !important;
  }
  .lower-content-area .col-2 {
    border-left: 1px solid #ebebeb !important;
  }
  .section-container, .content-block, .lower-content-area .col-2 {
    margin: 0;
    border: 0 !important;
  }
  .pagebottom-ads .column img, .pagebottom-ads .columns img {
    width: 100% !important;
  }
  .sidebar-block, .content-block > div {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  main article, main section.entry-content {
    padding: 0 !important;
  }
  .lower-content-area .col-1a li .column.icon, .lower-content-area .col-1a li .icon.columns, .lower-content-area .col-2a li .column.icon, .lower-content-area .col-2a li .icon.columns {
    display: none;
  }
  .lower-content-area .col-1a li .column.text, .lower-content-area .col-1a li .text.columns, .lower-content-area .col-2a li .column.text, .lower-content-area .col-2a li .text.columns {
    width: 100%;
    float: none;
  }
  .monthly-forecast .sign-info-container .sign-title {
    font-size: 26px !important;
  }
  .features-page .latest-news .media-object {
    padding-bottom: 15px !important;
  }
}
.error404 .footer {
  margin-top: 20em;
}

.home-ad-sidebar-1 {
  /*
  medium and up: div-gpt-ad-1466548375333-0
  Add 300x250 to the top right - to be determined if it replaces the horse and girl image or if it goes above it
  */
}

.home-ad-sidebar-2 {
  /*
  medium and up: div-gpt-ad-1466548375333-1
  Add 300x250 to Middle Right (above Latest tweets)
  */
}

.home-ad-footer-banner-1,
.global-ad-footer-banner-1 {
  /*
  medium and up: div-gpt-ad-1466548375333-2 and div-gpt-ad-1466548892498-4
  Add 728x90 at the bottom of page above the 3 stationary (hard coded ads)
  */
}
.home-ad-footer-banner-1 div,
.global-ad-footer-banner-1 div {
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}

.vapp {
  display: none;
  visibility: hidden;
}

.woocommerce form .form-row .required {
  visibility: visible;
}

.footer-bottom .copyright {
  margin: 0 !important;
}

.header-img {
  margin: 0 auto;
  background-image: url("https://www.astrologyzone.com/wp-content/uploads/2024/01/Banner-28.jpeg");
  background-size: cover;
  background-position: center;
  height: 140px;
  max-width: 1100px;
}

.header-img.daily-astrology-zone {
  background-image: url("/wp-content/uploads/2016/09/01163029/daily-astrology-zone-header@x2.jpg");
}

.top-bar, .top-bar ul {
  background-color: #ffffff;
  letter-spacing: 0.8px;
}

.top-bar .social-icon-container {
  margin-top: 10px;
}

.top-bar .social-icon-container .icon-container, .top-bar .top-bar-right .icon-container {
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-right: 5px;
  float: right;
}
.top-bar .social-icon-container .icon-container:first-of-type, .top-bar .top-bar-right .icon-container:first-of-type {
  padding-right: 0;
}

.top-bar .social-icon-container img, .top-bar .top-bar-right img {
  height: 30px;
  width: 30px;
  max-width: 30px;
  padding: 0;
  margin: 0;
}

.header-ad-container {
  margin-top: 10px;
  text-align: center;
}
.header-ad-container iframe {
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .header-img {
    /* Graphic only, no surrounding text */
    background-image: url("/wp-content/uploads/2016/07/28181312/astrology-zone-header@2x.jpg");
  }
}
/* FOOTER styles */
/* Add on to Foundation style */
.footer {
  min-height: 355px;
  background-color: #09264a;
  color: #ffffff;
}
.footer .title {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 24px;
  letter-spacing: 1.1px;
}
.footer ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 6px;
}
.footer li {
  font-size: 16px;
  line-height: 2.3;
}
.footer a {
  color: #ffffff;
  text-decoration: none;
}
.footer .social-icon-container {
  margin-top: 12px;
}
.footer .social-icon-container .icon-container {
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-right: 5px;
}
.footer .social-icon-container .icon-container:last-of-type {
  padding-right: 0;
}
.footer .social-icon-container img {
  height: 50px;
  width: 50px;
  max-width: 50px;
  padding: 0;
  margin: 0;
}
.footer .email-input {
  max-width: 290px;
  width: 100%;
  height: 50px;
  margin-top: 12px;
}
.footer .email-input input {
  height: 50px;
  letter-spacing: 0.6px;
}
.footer .mc4wp-form-submitted .mc4wp-response .mc4wp-alert {
  background-color: #dcf5ff;
  margin-top: 10px;
  padding: 10px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .footer .more-az .title, .footer .about .title {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 40em) {
  .footer .more-az, .footer .about {
    padding-left: 30px;
  }
}
.footer #inner-footer {
  display: flex;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .footer #inner-footer {
    flex-direction: column;
  }
  .footer #inner-footer #footer-contact {
    order: 3;
  }
  .footer #inner-footer #footer-more-from {
    order: 1;
  }
  .footer #inner-footer #footer-about {
    order: 2;
  }
}

.top-bar ul li > a, #menu-main-navigation ul li > a {
  font-size: 15px;
  color: #000000;
  text-transform: uppercase;
}
.top-bar li > a, #menu-main-navigation li > a {
  font-size: 15px;
  color: #000000;
  text-transform: uppercase;
}

.off-canvas {
  background: #ffffff;
}

.page-links span:hover {
  text-decoration: underline;
}
.page-links span {
  display: inline-block;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 18px;
  padding: 5px;
}

.mobile-top-menu .mobile-global-last-link {
  width: 100%;
  text-align: right;
}

/*
	This mixin comes from http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/

	This is the best option I've found for truncating/ellipsing multi-line text. RH 02.25.16
*/
/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.home {
  /* This media query is a helper to get from full-size to 768px */
  /* The text in the video teaser section becomes too much just below 950px vp width.

     The Twitter feed section breaks layout below 990px vp width. Can't implement a solution that
     would allow it to squeeze the Life/Love and Meet Susan column because there is not much available horizontal space
     in that column of the layout. So, below 990px, we move the tweets below the Meet Susan section and expand all three
     sections (Life/Love, Meet Susan, and Latest Tweets) to fill 100% of available screen width. This is basically the
     configuration for the iPad view, just getting to it at a higher breakpoint.

     The footer looks smashed up against the left side of the screen once the viewport reaches 990px, so adding padding to
     either side at that point.
  */
}
.home #message-to-readers {
  position: relative;
  background-color: #dcf5ff;
  border: 0;
  padding: 23px 26px;
  margin: 0;
  margin-top: -6px;
  margin-bottom: 30px;
  color: #555555;
  font-family: "Lato", "Arial", sans-serif;
}
.home #message-to-readers .title {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 1.6px;
}
.home #message-to-readers .message {
  padding: 0;
  margin-top: 12px;
  margin-bottom: 4px;
  line-height: 1.3;
}
.home #message-to-readers .close {
  font-size: 12px;
  position: absolute;
  top: 7px;
  right: 24px;
}
.home #message-to-readers .close:after {
  content: "×";
  font-size: 22px;
  position: relative;
  top: 3px;
  left: 2px;
}
.home #message-to-readers .close .x-button {
  display: inline-block;
  margin-top: -4px;
  font-size: 20px;
}
.home #message-to-readers a {
  color: #555555;
}
.home .video-hero {
  min-height: 300px;
  position: relative;
  color: #ffffff;
  /* letter-spacing: .8px; */
}
.home .video-hero:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #0098cd;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .video-hero .hero-content {
  background-image: url("/wp-content/uploads/2016/07/28181315/homepage-video-hero@2x.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.home .video-hero .title-container {
  padding-top: 17px;
  padding-left: 26px;
}
.home .video-hero .title-container h2 {
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #ffffff;
}
.home .video-hero .title-control {
  padding-left: 26px;
  margin-top: 206px;
  margin-bottom: 30px;
}
.home .video-hero .title-control .play-button img {
  width: 60px;
  height: 60px;
  margin-right: 18px;
}
.home .video-hero .title-control h1 {
  font-size: 36px;
  line-height: 1;
  margin-top: -8px;
  margin-bottom: 0;
  letter-spacing: 0.4px;
  color: #ffffff;
}
@media screen and (min-width: 40em) {
  .home .video-hero .title-control h1 {
    font-size: 46px;
  }
}
.home .video-hero .title-control .tagline {
  margin-top: -3px;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .home .video-hero .title-control .tagline {
    display: block;
  }
}
.home .video-hero .title-control a {
  color: #ffffff;
}
.home .video-teaser {
  padding: 30px 25px;
  border: 1px solid #ebebeb;
  border-top: 0px;
}
.home .video-teaser .column.image, .home .video-teaser .image.columns {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/susan-healthwire@2x.png");
  background-repeat: no-repeat;
  background-size: 218px 140px;
  width: 218px;
  height: 140px;
}
.home .video-teaser .column.image .play-button img, .home .video-teaser .image.columns .play-button img {
  width: 25px;
  height: 25px;
  margin: 11px;
}
.home .video-teaser .column.text, .home .video-teaser .text.columns {
  width: calc(100% - 218px);
  height: 140px;
  padding: 18px 23px;
  background-color: #f5f6f6;
  color: #555555;
}
.home .video-teaser .column.text h1, .home .video-teaser .text.columns h1 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 40em) {
  .home .video-teaser .column.text h1, .home .video-teaser .text.columns h1 {
    font-size: 32px;
  }
}
.home .video-teaser .column.text .abstract, .home .video-teaser .text.columns .abstract {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 3px;
  letter-spacing: 0.1px;
  padding-right: 40px;
}
.home .video-teaser .column.text .abstract a, .home .video-teaser .text.columns .abstract a {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #0098cd;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 40em) {
  .home .video-teaser .column.text .abstract a, .home .video-teaser .text.columns .abstract a {
    font-size: 16px;
  }
}
.home .video-teaser .more {
  margin-top: 131px;
}
.home .video-teaser .more a {
  font-size: 14px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.8px;
}
.home .video-teaser .link {
  font-size: 14px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .home .video-teaser {
    margin-top: 5px;
    min-height: 300px;
    padding: 0;
    border: none;
    background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/susan-healthwire@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .home .video-teaser a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .home .video-teaser .link {
    display: none;
  }
  .home .video-teaser .column.image, .home .video-teaser .image.columns, .home .video-teaser .column.text, .home .video-teaser .text.columns {
    background: none;
  }
  .home .video-teaser .column.image .play-button, .home .video-teaser .image.columns .play-button {
    position: absolute;
    bottom: 30px;
    padding-left: 15px;
  }
  .home .video-teaser .column.image .play-button img, .home .video-teaser .image.columns .play-button img {
    width: 60px;
    height: 60px;
    margin-right: 18px;
  }
  .home .video-teaser .column.text, .home .video-teaser .text.columns {
    height: auto;
    position: absolute;
    bottom: 25px;
    left: 85px;
    width: auto;
  }
  .home .video-teaser .column.text h1, .home .video-teaser .text.columns h1 {
    color: #ffffff;
    font-size: 36px;
  }
}
.home .shopping-section {
  padding: 30px;
  padding-top: 28px;
  border: 1px solid #ebebeb;
  border-top: 0px;
}
.home .shopping-section .az-strike {
  letter-spacing: 0.8px;
}
.home .shopping-section .featured-item {
  margin: 0;
  min-width: 280px;
}
.home .shopping-section .featured-item-image {
  display: flex;
}
.home .shopping-section .featured-item-image img {
  margin: auto;
}
.home .shopping-section .featured-small-business .featured-item-image {
  background: rgb(103, 145, 218);
  background: radial-gradient(circle, rgb(103, 145, 218) 0%, rgb(58, 24, 104) 100%);
  align-items: center;
  justify-content: center;
  text-align: center;
}
.home .shopping-section .featured-small-business .featured-item-image h2, .home .shopping-section .featured-small-business .featured-item-image h3, .home .shopping-section .featured-small-business .featured-item-image h4 {
  color: white !important;
}
.home .shopping-section .featured-small-business .featured-item-image h4 {
  text-decoration: underline;
}
.home .shopping-section .featured-item-col {
  margin-top: 17px;
  /* margin-bottom: 20px; */
}
.home .shopping-section .featured-item-col.col-1 {
  padding-right: 15px;
}
.home .shopping-section .featured-item-col.col-2 {
  padding-left: 15px;
}
.home .shopping-section .featured-item-col .featured-item-title {
  font-family: "Lato", "Arial", sans-serif;
  color: #555555;
  font-size: 16px;
  margin-top: 4px;
}
.home .shopping-section .az-strike.shop-all {
  height: 35px;
  margin: 28px auto;
  width: 50%;
}
.home .shopping-section .az-strike.shop-all span {
  height: inherit;
}
.home .shopping-section .az-strike.shop-all .button {
  width: 100%;
}
.home .info-section {
  padding: 0px;
  padding-top: 0px;
  border: 1px solid #ebebeb;
  border-top: 0px;
  /* height: 600px; */
}
.home .info-section a {
  display: block;
  margin-top: 12px;
}
.home .info-section a .more {
  font-size: 16px;
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.8px;
  padding-top: 5px;
}
.home .info-section a .more span {
  margin-left: 5px;
}
.home .info-section a .more:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.home .info-section .featured-item:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .info-section .featured-item-col .content {
  padding: 30px;
  padding-top: 28px;
}
.home .info-section img {
  width: 290px;
  height: auto;
}
.home .info-section .col-1 {
  border-right: 1px solid #ebebeb;
}
.home .info-section h2 {
  font-size: 22px;
  color: #1c66ac;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .home .info-section h2 {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}
.home .info-section h2 a .more:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.home .info-section ul {
  list-style: none outside none;
  margin: 0;
}
.home .info-section li {
  border-bottom: 1px solid #ebebeb;
  padding-top: 15px;
  padding-bottom: 13px;
  font-size: 22px;
  line-height: 1.4;
}
.home .info-section li a {
  color: #555555;
}
.home .info-section .col-1 a .more:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/new-from-susan-more-icon@2x.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
.home .info-section .col-2 a .more:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/news-you-can-use-more-icon@2x.png");
  background-size: 30px 15px;
  width: 30px;
  height: 15px;
}
.home .life-love-meet-susan-twitter-section {
  /* height: 100%; */
  width: 100%;
  border: 1px solid #ebebeb;
}
.home .life-love-meet-susan-twitter-section .body-col {
  width: 100%;
  height: 100%;
  border-right: 0px solid #ebebeb;
  color: #ffffff;
  background-color: #dcf5ff;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .content .title {
  letter-spacing: 0.05em;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section a {
  color: #ffffff;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #0098cd;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .hrule {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/life-and-love-hrule@2x.png");
  background-size: 690px 1px;
  height: 1px;
  width: auto;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .content {
  background-image: url("/wp-content/uploads/2016/07/28181319/life-and-love-background@2x.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  overflow: hidden;
  padding: 18px 30px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .title {
  font-size: 22px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding-bottom: 9px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide {
  padding-bottom: 20px;
  margin-top: 6px;
  position: relative;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide .instruction {
  display: inline-block;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide .instruction .title {
  border-bottom: initial;
  font-size: 32px;
  letter-spacing: 1px;
  text-transform: capitalize;
  padding-bottom: 0;
  margin-top: 7px;
  margin-bottom: -6px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide .instruction .tagline {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide .cta {
  display: inline-block;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .guide .cta .button {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  margin-top: 15px;
  width: 100%;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links {
  padding-top: 22px;
  padding-bottom: 22px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .btm-row {
  margin-top: 8px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links > .col {
  display: inline-block;
  width: 48%;
  font-size: 20px;
  text-transform: capitalize;
  letter-spacing: 0.2px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .col > div:before {
  content: "";
  background-size: 32px 22px;
  width: 32px;
  height: 22px;
  background-repeat: no-repeat;
  padding: 0 16px;
  margin-right: 18px;
  position: relative;
  top: 4px;
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .seducing:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/seduce-icon@2x.png");
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .stress:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/fitness-icon@2x.png");
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .fitness:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/fitness-icon@2x.png");
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .links .vacation:before {
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/vacation-icon@2x.png");
}
.home .life-love-meet-susan-twitter-section .body-col .life-love-section .more {
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 15px;
  letter-spacing: 0.8px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #0098cd;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .inner-row.upcoming-events {
  border: 0px;
  /* height: initial; */
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .az-strike.meet-susan {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .az-strike.meet-susan > span:before, .home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .az-strike > span:after {
  background: #bed1d9;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .content {
  background-color: #dcf5ff;
  width: 100%;
  /* height: 240px; */
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .upcoming-events {
  padding: 30px;
  border: 1px solid #ebebeb;
  border-top: 0px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .upcoming-events .media-object {
  margin-bottom: 0;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .image img {
  margin-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .image img {
    max-width: 440px;
  }
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text {
  color: #555555;
  padding-bottom: 0;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text h1 {
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0.4px;
  margin-top: -4px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text .date {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 9px;
  letter-spacing: 0.6px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text .date .vertical-divider {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text .more {
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-top: 11px;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text .more a {
  color: #1c66ac;
}
.home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .text p {
  font-size: 15px;
}
.home .test-test:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .twitter-col, .home .twitter-row {
  color: #555555;
}
.home .twitter-col:before, .home .twitter-row:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.home .twitter-col .content, .home .twitter-row .content {
  padding: 15px 30px;
}
.home .twitter-col .title, .home .twitter-row .title {
  font-size: 22px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #1c66ac;
  padding-bottom: 13px;
}
.home .twitter-col .row, .home .twitter-row .row {
  margin-left: 0;
  margin-right: 0;
}
.home .twitter-col .icon, .home .twitter-row .icon {
  background-size: 66px 66px;
  width: 66px;
  height: auto;
  margin-left: -4px;
}
.home .twitter-col .text, .home .twitter-row .text {
  width: 170px;
}
.home .twitter-col .text .name, .home .twitter-row .text .name {
  font-size: 22px;
  margin-top: 1px;
  letter-spacing: 0.6px;
}
.home .twitter-col .text .handle, .home .twitter-row .text .handle {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 18px;
  margin-top: -5px;
}
.home .twitter-col ul, .home .twitter-row ul {
  list-style: none outside none;
  margin: 0;
  margin-top: 18px;
}
.home .twitter-col li, .home .twitter-row li {
  font-family: "Lato", "Arial", sans-serif;
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  padding-bottom: 13px;
}
.home .twitter-col li .tweet-body, .home .twitter-row li .tweet-body {
  font-size: 14px;
  line-height: 1.4;
}
.home .twitter-col li .links, .home .twitter-row li .links {
  font-size: 11px;
  margin-top: 7px;
}
.home .twitter-col li .links a, .home .twitter-row li .links a {
  color: #2da0e0;
  letter-spacing: 0.2px;
}
.home .twitter-col li .links a:first-of-type, .home .twitter-row li .links a:first-of-type {
  margin-right: 3px;
}
.home .twitter-col li .links a:last-of-type, .home .twitter-row li .links a:last-of-type {
  margin-left: 3px;
}
.home .twitter-col li .more, .home .twitter-row li .more {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 6px;
  letter-spacing: 1px;
}
.home .twitter-col li .more a, .home .twitter-row li .more a {
  color: #1c66ac;
}
.home .twitter-col .cta, .home .twitter-row .cta {
  display: inline-block;
  /* position: absolute;
     right: 0px;
     top: 20px; */
  margin-top: 7px;
}
.home .twitter-col .cta .button, .home .twitter-row .cta .button {
  line-height: 50px;
  font-size: 16px;
  width: 240px;
  height: 50px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
}
.home .twitter-row {
  display: none; /* twitter row is hidden for normal desktop display, and feed is displayed in a column format */
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}
.home .twitter-row .text {
  float: left;
  margin-left: 6px;
}
.home .twitter-row .cta {
  margin-left: calc(50% - 120px);
}
.home .hidden {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 990px) {
  .home .video-teaser .column.text .abstract, .home .video-teaser .text.columns .abstract {
    padding-right: 0;
  }
  .home .video-teaser .column.text .abstract .full-copy, .home .video-teaser .text.columns .abstract .full-copy {
    display: none;
  }
  .home .video-teaser .column.text .abstract a, .home .video-teaser .text.columns .abstract a {
    margin-top: 14px;
  }
  .home .info-section {
    border-bottom: 0;
  }
  .home .life-love-meet-susan-twitter-section .body-col {
    width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .body-col .life-love-section {
    width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .body-col .life-love-section .section-top {
    width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .body-col .meet-susan-section {
    width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .section-top {
    width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .body-col .meet-susan-section .upcoming-events {
    max-width: 100%;
  }
  .home .life-love-meet-susan-twitter-section .twitter-col {
    display: none;
  }
  .home .twitter-row {
    display: block;
  }
  .home .homepage-ads {
    padding-top: 30px;
  }
  .home .homepage-ads .ad {
    width: 33.3333333333%;
    margin-right: 0px;
  }
  .home .homepage-ads .ad:last-of-type {
    margin-right: 0;
  }
  .home .homepage-ads .ad img {
    width: 100%;
    height: auto;
  }
}

.monthly-forecast {
  color: #555555;
}
.monthly-forecast .vimeo-container {
  /* The section-top include inserts a 6px high bg color at the top of the container */
  padding: 30px 30px 24px;
  overflow: hidden;
}
.monthly-forecast .vimeo-container:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.monthly-forecast .vimeo-container .abstract {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 16px;
  color: #555555;
  margin-top: -10px;
}
.monthly-forecast .vimeo-container .abstract .more-link {
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.monthly-forecast .monthly-horoscope-list {
  margin-top: 28px;
}
.monthly-forecast .horoscope-container {
  padding: 30px 30px 0 30px;
  color: #555555;
  border-top: 1px solid #ebebeb;
}
.monthly-forecast .horoscope-container .title {
  font-size: 46px;
  line-height: 1;
  margin-top: -10px;
  color: #555555;
  text-transform: none;
}
.monthly-forecast .horoscope-container .copy {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 16px;
  margin-top: 12px;
}
.monthly-forecast .horoscope-forecast-box {
  display: inline-block;
  height: 84px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 40em) {
  .monthly-forecast .horoscope-forecast-box {
    width: 49%;
  }
  .monthly-forecast .horoscope-forecast-box:nth-child(even) {
    float: right;
  }
}
.monthly-forecast .sign-info-container {
  display: inline-block;
  height: 84px;
  padding-left: 30px;
  color: #555555;
  float: left;
  width: 75%;
}
.monthly-forecast .sign-info-container .sign-title {
  font-size: 32px;
  letter-spacing: 1.4px;
  line-height: 1;
  margin-top: 16px;
}
.monthly-forecast .sign-info-container .sign-date {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1;
  white-space: nowrap;
  margin-top: 10px;
  color: #555555;
}
.monthly-forecast .sign-img-container {
  display: inline-block;
  width: 25%;
  height: 84px;
  float: right;
  position: relative;
  text-align: center;
}
.monthly-forecast .forecast-sign {
  width: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sidebar {
  margin: 0;
  padding: 0;
  border: 0;
}
.sidebar .sidebar-block {
  /* NOTE: For this section-top include to work as expected, the containing element must have its position value set to relative. */
  border: 1px solid #ebebeb;
  margin-top: 30px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 24px;
}
.sidebar .sidebar-block:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.sidebar ul {
  list-style: none outside none;
  margin: 0;
}
.sidebar .new-articles ul a {
  color: #555555;
  font-size: 14px;
}
.sidebar .new-articles li {
  font-family: "Lato", "Arial", sans-serif;
  border-bottom: 1px solid #ebebeb;
  padding: 14px 0 20px;
}
.sidebar .new-articles li:first-of-type {
  border-top: 1px solid #ebebeb;
}
.sidebar .new-articles .more {
  margin-top: 12px;
}
.sidebar .new-articles .more:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("/wp-content/themes/JointsWP-master/assets/images/home/new-from-susan-more-icon@2x.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
.sidebar .new-articles .more a {
  font-size: 13px;
  text-transform: uppercase;
  color: #1c66ac;
  margin-left: 5px;
  letter-spacing: 0.8px;
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.callout.alert {
  text-align: center;
  font-size: 1.5rem;
  background-color: #ffffff;
}
.callout.alert p {
  color: #000000;
}

/* NOTE:  I don't know why, but this page is not accessing the variables set in _settings.scss. So, reproducing the necessary vars here. RH 03.15.16 */
.horoscope-article .entry-title {
  font-size: 2em;
  text-transform: capitalize;
  color: #555555;
  margin: 0;
}
.horoscope-article .astrodate-byline {
  text-transform: uppercase;
  color: #999999;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
}
.horoscope-article .hero-image {
  width: 100%;
  height: auto;
  margin-bottom: 28px;
}
.horoscope-article .other-controls {
  margin: 1em 0;
  text-transform: uppercase;
}
.horoscope-article .tv-teaser {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2em;
  padding-top: 1em;
}
@media screen and (min-width: 40em) {
  .horoscope-article .tv-teaser img {
    max-width: 200px;
  }
}
.horoscope-article .tv-teaser .text h3 {
  line-height: 2rem;
}
.horoscope-article .tv-teaser .text .abstract a:first-child {
  display: block;
}
.horoscope-article .article h2 {
  text-transform: uppercase;
  font-size: 22px;
  color: #1c66ac;
}
.horoscope-article .article blockquote {
  margin-bottom: 10px !important;
}
.horoscope-article .article blockquote:before {
  left: 2px;
}
@media screen and (min-width: 40em) {
  .horoscope-article .article blockquote {
    margin-bottom: 0px !important;
  }
  .horoscope-article .article blockquote:before {
    left: 145px;
  }
}
.horoscope-article .article .end-quote {
  color: #0199ca;
  font-size: 68px;
}
.horoscope-article .article hr {
  display: none;
}
.horoscope-article .article .continue-reading {
  text-align: center;
}
.horoscope-article .article .continue-reading .cta .button {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1.1px;
}
@media screen and (min-width: 40em) {
  .horoscope-article .article .continue-reading .cta .button {
    width: auto;
  }
}
.horoscope-article .lower-content {
  width: 990px;
}
.horoscope-article .lower-content .row {
  margin: 0;
}
.horoscope-article .az-horoscope-select {
  background: url("/wp-content/themes/JointsWP-master/assets/images/az_img_dropdown_box@x2.png") no-repeat 50% 50%;
  background-size: cover;
  color: #ffffff;
  padding: 30px;
}
.horoscope-article .az-horoscope-select .column, .horoscope-article .az-horoscope-select .columns {
  margin-bottom: 0;
}
.horoscope-article .az-horoscope-select h3 {
  color: #ffffff;
  font-size: 21px;
}
.horoscope-article .az-horoscope-select select {
  background-color: #0098cd;
  border-color: #0098cd;
  color: #ffffff;
  margin: 0;
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.twitter-col, .twitter-row {
  /*width: 300px;*/
  /*border-left: 1px solid #ebebeb;*/
  color: #555555;
}
.twitter-col:before, .twitter-row:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.twitter-col .content, .twitter-row .content {
  /*padding: 15px 30px;*/
  padding: 15px 0;
}
.twitter-col .content .title, .twitter-row .content .title {
  font-size: 1.15rem;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #1c66ac;
  padding-bottom: 13px;
  margin-top: 0;
  margin-bottom: 0;
}
.twitter-col .content .row, .twitter-row .content .row {
  margin-left: 0;
  margin-right: 0;
  width: 14.5em;
}
.twitter-col .content .icon, .twitter-row .content .icon {
  background-size: 66px 66px;
  width: 3em;
  height: auto;
  margin-left: -4px;
}
.twitter-col .content .icon img, .twitter-row .content .icon img {
  border-radius: 25px;
}
.twitter-col .content .text, .twitter-row .content .text {
  width: 170px;
  float: left;
  margin-left: 1em;
}
.twitter-col .content .text .name, .twitter-row .content .text .name {
  font-size: 1.15rem;
  margin-top: 1px;
  letter-spacing: 0.6px;
}
.twitter-col .content .text .handle a, .twitter-row .content .text .handle a {
  font-size: 0.95rem;
}
.twitter-col .content .text .handle, .twitter-row .content .text .handle {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 18px;
  margin-top: -5px;
}
.twitter-col .content ul, .twitter-row .content ul {
  list-style: none outside none;
  margin: 0;
  margin-top: 18px;
}
.twitter-col .content li, .twitter-row .content li {
  font-family: "Lato", "Arial", sans-serif;
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  padding-bottom: 13px;
}
.twitter-col .content li .tweet-body, .twitter-row .content li .tweet-body {
  font-size: 14px;
  line-height: 1.4;
}
.twitter-col .content li .links, .twitter-row .content li .links {
  font-size: 11px;
  margin-top: 7px;
}
.twitter-col .content li .links a, .twitter-row .content li .links a {
  color: #2da0e0;
  letter-spacing: 0.2px;
}
.twitter-col .content li .links a:first-of-type, .twitter-row .content li .links a:first-of-type {
  margin-right: 3px;
}
.twitter-col .content li .links a:last-of-type, .twitter-row .content li .links a:last-of-type {
  margin-left: 3px;
}
.twitter-col .content li .more, .twitter-row .content li .more {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 6px;
  letter-spacing: 1px;
}
.twitter-col .content li .more a, .twitter-row .content li .more a {
  color: #1c66ac;
}
.twitter-col .cta, .twitter-row .cta {
  display: inline-block;
  margin-top: 7px;
}
.twitter-col .cta .button.primary, .twitter-row .cta .button.primary {
  line-height: 50px;
  font-size: 16px;
  width: 240px;
  height: 50px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
}

.twitter-row {
  display: none;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}
.twitter-row .text {
  float: left;
  margin-left: 6px;
}
.twitter-row .cta {
  margin-left: calc(50% - 120px);
}

.sidebar-column .sidebar-ad-container {
  margin-bottom: 30px;
}
.sidebar-column .twitter-col .content {
  padding: 0;
}
.sidebar-column .twitter-col .content .text {
  width: 120px;
  float: left;
  margin-left: 1em;
}
.sidebar-column .twitter-col .content .text .name {
  font-size: 1.15rem;
}
.sidebar-column .twitter-col .content .text .handle a {
  font-size: 0.95rem;
}

.sidebar-home {
  padding: 17px 29px 20px;
  border-left: 0px;
  border-bottom: 0px;
  /* This media query is a helper to get from full-size to 768px */
  /* See comments at media query on _homepage-main.scss for discussion as to why there is a breakpoint at 990px.
     The gist is that various layout elements break below 990px vp width, and the most reasonable solution is to
     put everything into an 'iPad' configuration at this point.
   */
}
.sidebar-home .content:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.sidebar-home h2 {
  font-size: 22px;
  color: #1c66ac;
  letter-spacing: 0.1em;
}
.sidebar-home h3 {
  font-size: 32px;
  line-height: 32px;
  color: #555555;
  margin-top: 13px;
  margin-bottom: 24px;
}
.sidebar-home .more-horoscopes {
  padding-top: 9px;
}
.sidebar-home .more-horoscopes h2 {
  text-transform: uppercase;
  color: #1c66ac;
  letter-spacing: 0.05em;
  border-bottom: 1px #ebebeb solid;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.sidebar-home .more-horoscopes .entry {
  border-bottom: 1px #ebebeb solid;
  padding-bottom: 18px;
  margin-top: 20px;
}
.sidebar-home .more-horoscopes .column.icon, .sidebar-home .more-horoscopes .icon.columns {
  background-size: 65px 65px;
  width: 65px;
  height: auto;
}
.sidebar-home .more-horoscopes .column.text, .sidebar-home .more-horoscopes .text.columns {
  float: left;
  width: 175px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.2;
  font-size: 20px;
  letter-spacing: 0.8px;
  margin-top: -5px;
}
.sidebar-home .more-horoscopes .column.text a, .sidebar-home .more-horoscopes .text.columns a {
  color: #555555;
}
.sidebar-home .more-horoscopes .store-links {
  color: #cccccc;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 13px;
  margin-top: 11px;
}
.sidebar-home .more-horoscopes .store-links a {
  color: #1c66ac !important;
  text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 990px) {
  .sidebar-home {
    padding-bottom: 0;
  }
  .sidebar-home .entry:last-of-type {
    border-bottom: 0;
  }
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.features-page h6 {
  margin: 0;
}
.features-page .hero-image {
  width: 100%;
  height: auto;
  margin-bottom: 28px;
}
.features-page .article h2 {
  text-transform: uppercase;
  font-size: 22px;
  color: #1c66ac;
}
.features-page .article blockquote {
  display: none;
}
.features-page .content-block.section-container .row,
.features-page .content-block.section-container .row .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.features-page .content-block.section-container:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}
.features-page .hero-container .row div:first-child {
  padding-left: 0;
  padding-right: 10px;
}
.features-page .learn-astrology-page .hero-container .row div {
  padding-left: 10px;
}
.features-page .featured-event a:not(.button), .features-page .latest-news a:not(.button) {
  color: #555555;
  text-transform: capitalize;
}
.features-page .featured-event h4 a, .features-page .latest-news h4 a {
  font-size: 32px;
}
.features-page .featured-event img {
  width: 285px;
}
.features-page .latest-news .single-title {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #f5f6f6;
}
.features-page .latest-news .media-object {
  border-bottom: 1px solid #f5f6f6;
}
.features-page .latest-news .media-object:first-child {
  padding-top: 15px;
  border-top: 1px solid #f5f6f6;
}
.features-page .latest-news .media-object img {
  width: 140px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .features-page .latest-news a.button {
    width: 100%;
  }
  .features-page .latest-news .media-object {
    padding-bottom: 15px;
  }
  .features-page .latest-news .single-title {
    margin-bottom: 0.5em;
  }
}

.page-title {
  font-weight: 700;
  margin: 30px 0;
}

.hs-item {
  display: flex;
  padding-top: 40px;
  border-top: 2px solid #999;
}
.hs-item-meta-wrap {
  margin-right: 20px;
  min-width: 250px;
}
.hs-item-meta {
  margin-bottom: 0;
}

.hs-sm-item-sec .column, .hs-sm-item-sec .columns {
  padding: 20px 0;
}
.hs-sm-item-sec h3 {
  font-size: 26px;
  margin-bottom: 0;
}
.hs-sm-item-sec .hs-item-meta-wrap {
  display: flex;
  flex-wrap: wrap;
}
.hs-sm-item-sec .hs-item-meta-wrap .hs-item-img {
  margin-right: 10px;
}
.hs-sm-item-sec .hs-item-meta-wrap .hs-item-img p {
  display: none;
}
.hs-sm-item-sec .hs-item-meta-wrap .hs-item-img img {
  min-width: 100px;
  margin-bottom: 0;
}
.hs-sm-item-sec .hs-item-meta-wrap .hs-item-meta {
  margin-top: 10px;
}
.hs-sm-item-sec .hs-item-meta-wrap .hs-item-meta a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

#post-131932 .hero-image {
  text-align: center;
}
#post-131932 .page-title {
  font-weight: 700;
}

.onsale {
  background-color: #09264a !important;
  padding: 0 !important;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del {
  color: #e74c3c;
}

.shop #inner-content .row h1 {
  color: #666666;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.az-shop-wrapper {
  margin-bottom: 1.5rem;
}
.az-shop-wrapper .hidden-product-name {
  display: none;
}

.featured {
  margin: 0 !important;
  border: 1px solid #cccccc;
}
.featured .right {
  padding: 2rem;
  position: relative;
}
.featured .right h6 {
  text-transform: uppercase;
}
.featured .right p {
  font-size: 18px;
  padding-bottom: 1rem;
}
.featured .right .shop-container {
  text-align: center;
}
.featured .right .shop-link {
  padding: 0.75rem 5rem;
  background-color: #1185C0;
  text-transform: uppercase;
  color: #ffffff;
}
.featured .right .shop-link:hover, .featured .right .shop-link:focus {
  background-color: #305A91;
}
.featured .left {
  text-align: center;
}

.featured .right:before, .nonFeatured.row:before {
  content: " ";
  height: 6px;
  position: absolute;
  background-color: #f5f6f6;
  width: 100%;
  top: 0px;
  left: 0px;
}

.products.adSection {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  text-align: center;
  padding: 10px 10px 30px 10px;
}
.products.adSection .pagebottom-ads {
  padding: 0;
}
.products.adSection h2 {
  text-transform: uppercase;
  color: #666666;
  font-size: 1.5rem;
  padding: 1rem 0;
}

.pagebottom-ads.products {
  padding: 0;
}
.pagebottom-ads.products .column, .pagebottom-ads.products .columns {
  padding: 0 0.9375rem 0 0.9375rem;
}

.nonFeatured.row {
  margin: 0;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 3rem;
  position: relative;
}
.nonFeatured.row h2 {
  text-transform: uppercase;
  color: #666666;
  font-size: 1.5rem;
}
.nonFeatured.row .nonfeatured.columns {
  padding: 0 1em 1em;
}
.nonFeatured.row .nonfeatured.columns a {
  font-size: 18px;
  font-family: "Lato", "Arial", sans-serif;
}
.nonFeatured.row .nonfeatured.columns p {
  margin: 0;
  color: gray;
}
.nonFeatured.row .nonfeatured.columns .price, .nonFeatured.row .nonfeatured.columns .description {
  font-size: 16px;
  color: #555555;
}
.nonFeatured.row .nonfeatured.columns .description {
  font-style: italic;
}
.nonFeatured.row .nonfeatured.columns .top_image {
  text-align: center;
  height: 300px;
}
.nonFeatured.row .nonfeatured.columns:last-child:not(:first-child) {
  float: left;
}
.nonFeaturedcolumns .copy.ad {
  text-align: center;
  text-transform: uppercase;
}

.product_image img {
  max-height: 100%;
}

/* max-width 640px, mobile-only styles*/
@media screen and (max-width: 40.062em) {
  .shop #inner-content > .row {
    padding: 2em;
  }
  .az-shop-wrapper .featured {
    border: 0;
  }
  .featured .right {
    padding: 1em 0;
  }
  .featured .left, .featured a img {
    margin: 0;
  }
  .products.adSection {
    border: 0;
    padding: 0;
  }
  .featured .right .shop-link {
    display: block;
    text-align: center;
  }
  .featured .right:before, .nonFeatured.row:before {
    height: 0;
  }
  .nonFeatured.row {
    padding: 0;
    border: 0;
  }
  .nonFeatured.row .nonfeatured.columns {
    margin-bottom: 3em;
    padding: 0;
  }
  .nonFeatured.row .nonfeatured.columns .top_image {
    padding: 0;
    height: auto;
  }
  .nonFeatured.row .nonfeatured.columns:nth-child(2n+4) {
    clear: left;
  }
}
/* min-width 641px and max-width 1024px, medium screens*/
@media screen and (min-width: 40.063em) and (max-width: 64em) {
  .shop #inner-content > .row {
    padding: 2em;
  }
  .featured .left, .featured a img {
    margin: 0;
  }
  .featured .right {
    padding: 1em;
  }
  .nonFeatured.row .nonfeatured.columns:nth-child(2n+4) {
    clear: left;
  }
  .nonFeatured.row .nonfeatured.columns .top_image {
    padding: 0.5em;
    height: auto;
  }
  .nonFeatured.row .nonfeatured.columns .top_image img {
    max-height: 100%;
  }
}
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .featured .left, .featured a img {
    margin: 0;
    text-align: center;
  }
  .nonFeatured.row .nonfeatured.columns:nth-child(3n+5) {
    clear: left;
  }
  .nonFeatured.row .nonfeatured.columns .top_image img {
    max-height: 100%;
  }
}
.check-shipping label {
  color: red !important;
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
.life-love-page .featured-event .button {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .life-love-page .featured-event .button {
    width: initial;
  }
}

.matchmaker-widget {
  background: dodgerblue url("/wp-content/themes/JointsWP-master/assets/images/life-love/az_img_compatibility_bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 30px;
  margin-bottom: 30px;
}
.matchmaker-widget p, .matchmaker-widget label, .matchmaker-widget h2, .matchmaker-widget h3 {
  color: #ffffff;
}
.matchmaker-widget label {
  font-size: 22px;
}
.matchmaker-widget select {
  font-size: 16px;
  color: #555555;
  font-family: "EB Garamond", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.matchmaker-widget .row {
  margin-left: 0;
  margin-right: 0;
}
.matchmaker-widget .medium-6.columns {
  padding-left: 15px;
}
.matchmaker-widget .medium-6.columns:first-child {
  padding-left: 0;
  padding-right: 15px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .matchmaker-widget .button {
    width: 100%;
  }
  .matchmaker-widget .medium-6.columns {
    padding-left: 0px;
  }
}

.fitness-by-sign-widget, .stressbusters-by-sign-widget, .gift_guide-by-sign-widget {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}
.fitness-by-sign-widget .row, .stressbusters-by-sign-widget .row, .gift_guide-by-sign-widget .row {
  margin-left: 0;
  margin-right: 0;
}
.fitness-by-sign-widget .row .row, .stressbusters-by-sign-widget .row .row, .gift_guide-by-sign-widget .row .row {
  background: dodgerblue url("/wp-content/themes/JointsWP-master/assets/images/life-love/az_img_choosesign_box.jpg") no-repeat center center;
  background-size: cover;
  padding: 30px;
}
.fitness-by-sign-widget .row .row select, .stressbusters-by-sign-widget .row .row select, .gift_guide-by-sign-widget .row .row select {
  margin: 0;
  background-color: #0098cd;
  border-color: #0098cd;
  color: #ffffff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(255, 255, 255)"></polygon></svg>');
}

.learn-astrology-page .button.primary {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .learn-astrology-page .button.primary {
    width: auto;
  }
}
.learn-astrology-page .content-block.section-container .row,
.learn-astrology-page .content-block.section-container .row .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.learn-astrology-page .article-list img {
  width: 140px;
}
.learn-astrology-page .content-block.section-container.hero-container h4 {
  padding-top: 1rem;
}
.learn-astrology-page .hero-container h4 {
  padding-top: 1rem;
}
.learn-astrology-page .hero-container .row div a {
  margin-bottom: 10px;
}
.learn-astrology-page .hero-container .row div:first-child {
  padding-left: 0px;
}
@media screen and (min-width: 40em) {
  .learn-astrology-page .hero-container .row div:first-child {
    padding-right: 10px;
  }
}

/* Astrology Zone colors */
/* Grays */
/* Blues */
/* Link Colors */
/* $az-link-blue: #0066bb; */
/* Standard Colors */
/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
.ufaq-faq-div .ewd-ufaq-post-margin-symbol {
  /* Closed */
}
.ufaq-faq-div .ewd-ufaq-post-margin-symbol span {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ufaq-faq-div .ewd-ufaq-post-margin-symbol span:after {
  content: "〉";
  position: relative;
  left: 10px;
}
.ufaq-faq-div .ufaq-faq-title {
  background-color: #ddf5ff;
}
.ufaq-faq-div .ufaq-faq-title .ufaq-faq-title-text h4 {
  color: #555555;
  font-size: 18px;
}

.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol {
  /* Open */
}
.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol span {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol span:after {
  content: "〉";
  top: 5px;
}

.callout.alert {
  text-align: center;
  font-size: 1.5rem;
  background-color: #ffffff;
}
.callout.alert p {
  color: #000000;
}

.pagebottom-ads .column img, .pagebottom-ads .columns img {
  width: 95%;
  margin: 0 auto;
  display: block;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .pagebottom-ads .column:first-child img, .pagebottom-ads .columns:first-child img {
    float: left;
    margin: 0;
  }
  .pagebottom-ads .column:last-child img, .pagebottom-ads .columns:last-child img {
    float: right;
    margin: 0;
  }
}

.videos-page h3 {
  text-transform: capitalize;
}
.videos-page .az-video {
  margin-bottom: 10px;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
}

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