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

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! 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. */
@import url("https://fonts.googleapis.com/css?family=Khand:400,600|Lato:400,700");
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; }

html { height: inherit !important; }

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

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
TOOLS
*********************/
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement { text-indent: 200%; white-space: nowrap; overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */
/*	@font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; }

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
This is here just because I didn't know what else to do with it
and didn't want to edit bower_components
Removes the forced rounded corners on inputs in iOS
*********************/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-border-radius: 0; }

meta.foundation-version { font-family: "/5.5.2/"; }

meta.foundation-mq-small { font-family: "/only screen/"; width: 0; }

meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; }

meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; }

meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; }

meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

html { box-sizing: border-box; }

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

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

body { background: #fff; color: #2d2d2d; cursor: auto; font-family: "Lato", Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }

a:hover { cursor: pointer; }

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

img { -ms-interpolation-mode: bicubic; }

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

.left { float: left !important; }

.right { float: right !important; }

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

.clearfix:after { clear: both; }

.hide { display: none; }

.invisible { visibility: hidden; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.row { margin: 0 auto; max-width: 62.5rem; width: 100%; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; }

.row.collapse .row { margin-left: 0; margin-right: 0; }

.row .row { margin: 0 -0.9375rem; max-width: none; width: auto; }

.row .row:before, .row .row:after { content: " "; display: table; }

.row .row:after { clear: both; }

.row .row.collapse { margin: 0; max-width: none; width: auto; }

.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }

.row .row.collapse:after { clear: both; }

.column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; }

.column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; }

@media only screen { .small-push-0 { position: relative; left: 0; right: auto; }
  .small-pull-0 { position: relative; right: 0; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .small-push-3 { position: relative; left: 25%; right: auto; }
  .small-pull-3 { position: relative; right: 25%; left: auto; }
  .small-push-4 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .small-push-6 { position: relative; left: 50%; right: auto; }
  .small-pull-6 { position: relative; right: 50%; left: auto; }
  .small-push-7 { position: relative; left: 58.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .small-push-9 { position: relative; left: 75%; right: auto; }
  .small-pull-9 { position: relative; right: 75%; left: auto; }
  .small-push-10 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .small-offset-0 { margin-left: 0 !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !important; }
  .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.small-centered:last-child, .columns.small-centered:last-child { float: none; }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; }
  .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.small-collapse .row { margin-left: 0; margin-right: 0; }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } }

@media only screen and (min-width: 40.0625em) { .medium-push-0 { position: relative; left: 0; right: auto; }
  .medium-pull-0 { position: relative; right: 0; left: auto; }
  .medium-push-1 { position: relative; left: 8.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-3 { position: relative; left: 25%; right: auto; }
  .medium-pull-3 { position: relative; right: 25%; left: auto; }
  .medium-push-4 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .medium-push-6 { position: relative; left: 50%; right: auto; }
  .medium-pull-6 { position: relative; right: 50%; left: auto; }
  .medium-push-7 { position: relative; left: 58.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-9 { position: relative; left: 75%; right: auto; }
  .medium-pull-9 { position: relative; right: 75%; left: auto; }
  .medium-push-10 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-offset-0 { margin-left: 0 !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !important; }
  .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; }
  .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.medium-collapse .row { margin-left: 0; margin-right: 0; }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }

@media only screen and (min-width: 64.0625em) { .large-push-0 { position: relative; left: 0; right: auto; }
  .large-pull-0 { position: relative; right: 0; left: auto; }
  .large-push-1 { position: relative; left: 8.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .large-push-3 { position: relative; left: 25%; right: auto; }
  .large-pull-3 { position: relative; right: 25%; left: auto; }
  .large-push-4 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .large-push-6 { position: relative; left: 50%; right: auto; }
  .large-pull-6 { position: relative; right: 50%; left: auto; }
  .large-push-7 { position: relative; left: 58.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .large-push-9 { position: relative; left: 75%; right: auto; }
  .large-pull-9 { position: relative; right: 75%; left: auto; }
  .large-push-10 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-offset-0 { margin-left: 0 !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !important; }
  .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.large-centered:last-child, .columns.large-centered:last-child { float: none; }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; }
  .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.large-collapse .row { margin-left: 0; margin-right: 0; }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }

.accordion { margin-bottom: 0; }

.accordion:before, .accordion:after { content: " "; display: table; }

.accordion:after { clear: both; }

.accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; }

.accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; }

.accordion .accordion-navigation > a, .accordion dd > a { background: #EFEFEF; color: #222222; display: block; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; padding: 1rem; }

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; }

.accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 0.9375rem; }

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active { background: #fff; display: block; }

.alert-box { border-style: solid; border-width: 1px; display: block; font-size: 0.8125rem; font-weight: normal; margin-bottom: 1.25rem; padding: 0.875rem 1.5rem 0.875rem 0.875rem; position: relative; transition: opacity 300ms ease-out; background-color: #8dbabf; border-color: #6fa8ae; color: #fff; }

.alert-box .close { right: 0.25rem; background: inherit; color: #333333; font-size: 1.375rem; line-height: .9; margin-top: -0.6875rem; opacity: 0.3; padding: 0 6px 4px; position: absolute; top: 50%; }

.alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; }

.alert-box.radius { border-radius: 0; }

.alert-box.round { border-radius: 1000px; }

.alert-box.success { background-color: #43AC6A; border-color: #3a945b; color: #fff; }

.alert-box.alert { background-color: #a87701; border-color: #906601; color: #fff; }

.alert-box.secondary { background-color: #f0f0f0; border-color: #cecece; color: #525252; }

.alert-box.warning { background-color: #f08a24; border-color: #de770f; color: #fff; }

.alert-box.info { background-color: #d6d2c7; border-color: #beb7a6; color: #525252; }

.alert-box.alert-close { opacity: 0; }

[class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; }

[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }

[class*="block-grid-"]:after { clear: both; }

[class*="block-grid-"] > li { display: block; float: left; height: auto; padding: 0 0.625rem 1.25rem; }

@media only screen { .small-block-grid-1 > li { list-style: none; width: 100%; }
  .small-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .small-block-grid-2 > li { list-style: none; width: 50%; }
  .small-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .small-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .small-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .small-block-grid-4 > li { list-style: none; width: 25%; }
  .small-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .small-block-grid-5 > li { list-style: none; width: 20%; }
  .small-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .small-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .small-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .small-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .small-block-grid-7 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .small-block-grid-8 > li { list-style: none; width: 12.5%; }
  .small-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .small-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .small-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .small-block-grid-10 > li { list-style: none; width: 10%; }
  .small-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .small-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .small-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .small-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .small-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }

@media only screen and (min-width: 40.0625em) { .medium-block-grid-1 > li { list-style: none; width: 100%; }
  .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .medium-block-grid-2 > li { list-style: none; width: 50%; }
  .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .medium-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .medium-block-grid-4 > li { list-style: none; width: 25%; }
  .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .medium-block-grid-5 > li { list-style: none; width: 20%; }
  .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .medium-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .medium-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .medium-block-grid-8 > li { list-style: none; width: 12.5%; }
  .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .medium-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .medium-block-grid-10 > li { list-style: none; width: 10%; }
  .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .medium-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .medium-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }

@media only screen and (min-width: 64.0625em) { .large-block-grid-1 > li { list-style: none; width: 100%; }
  .large-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .large-block-grid-2 > li { list-style: none; width: 50%; }
  .large-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .large-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .large-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .large-block-grid-4 > li { list-style: none; width: 25%; }
  .large-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .large-block-grid-5 > li { list-style: none; width: 20%; }
  .large-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .large-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .large-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .large-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .large-block-grid-7 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .large-block-grid-8 > li { list-style: none; width: 12.5%; }
  .large-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .large-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .large-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .large-block-grid-10 > li { list-style: none; width: 10%; }
  .large-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .large-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .large-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .large-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .large-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }

.breadcrumbs { border-style: solid; border-width: 1px; display: block; list-style: none; margin-left: 0; overflow: hidden; padding: 0.5625rem 0.875rem 0.5625rem; background-color: #f8f8f8; border-color: #dfdfdf; border-radius: 0; }

.breadcrumbs > * { color: #8dbabf; float: left; font-size: 0.6875rem; line-height: 0.6875rem; margin: 0; text-transform: uppercase; }

.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; }

.breadcrumbs > * a { color: #8dbabf; }

.breadcrumbs > *.current { color: #333333; cursor: default; }

.breadcrumbs > *.current a { color: #333333; cursor: default; }

.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; }

.breadcrumbs > *.unavailable { color: #999999; }

.breadcrumbs > *.unavailable a { color: #999999; }

.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { color: #999999; cursor: not-allowed; text-decoration: none; }

.breadcrumbs > *:before { color: #AAAAAA; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; }

.breadcrumbs > *:first-child:before { content: " "; margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after { content: "/"; }

button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", Helvetica, sans-serif; font-weight: bold; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #8dbabf; border-color: #62a0a7; color: #fff; transition: background-color 300ms ease-out; }

button:hover, button:focus, .button:hover, .button:focus { background-color: #62a0a7; }

button:hover, button:focus, .button:hover, .button:focus { color: #fff; }

button.secondary, .button.secondary { background-color: #f0f0f0; border-color: silver; color: #4c7e94; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: silver; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #4c7e94; }

button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #fff; }

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; }

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #fff; }

button.alert, .button.alert { background-color: #a87701; border-color: #865f01; color: #fff; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #865f01; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #fff; }

button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; }

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; }

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #fff; }

button.info, .button.info { background-color: #d6d2c7; border-color: #b3ac97; color: #4c7e94; }

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #b3ac97; }

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #fff; }

button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; }

button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; }

button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; }

button.expand, .button.expand { padding-left: 0; padding-right: 0; width: 100%; }

button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; }

button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; }

button.radius, .button.radius { border-radius: 0; }

button.round, .button.round { border-radius: 1000px; }

button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #8dbabf; border-color: #62a0a7; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #62a0a7; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #fff; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #8dbabf; }

button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #f0f0f0; border-color: silver; color: #4c7e94; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: silver; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #4c7e94; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #f0f0f0; }

button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #fff; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; }

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #a87701; border-color: #865f01; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #865f01; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #fff; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #a87701; }

button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; }

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #fff; }

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; }

button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #d6d2c7; border-color: #b3ac97; color: #4c7e94; box-shadow: none; cursor: default; opacity: 0.7; }

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #b3ac97; }

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #fff; }

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #d6d2c7; }

button::-moz-focus-inner { border: 0; padding: 0; }

@media only screen and (min-width: 40.0625em) { button, .button { display: inline-block; } }

.button-group { list-style: none; margin: 0; left: 0; }

.button-group:before, .button-group:after { content: " "; display: table; }

.button-group:after { clear: both; }

.button-group.even-2 li { display: inline-block; margin: 0 -2px; width: 50%; }

.button-group.even-2 li > button, .button-group.even-2 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { border-left: 0; }

.button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; }

.button-group.even-3 li { display: inline-block; margin: 0 -2px; width: 33.33333%; }

.button-group.even-3 li > button, .button-group.even-3 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { border-left: 0; }

.button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; }

.button-group.even-4 li { display: inline-block; margin: 0 -2px; width: 25%; }

.button-group.even-4 li > button, .button-group.even-4 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { border-left: 0; }

.button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; }

.button-group.even-5 li { display: inline-block; margin: 0 -2px; width: 20%; }

.button-group.even-5 li > button, .button-group.even-5 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { border-left: 0; }

.button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; }

.button-group.even-6 li { display: inline-block; margin: 0 -2px; width: 16.66667%; }

.button-group.even-6 li > button, .button-group.even-6 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { border-left: 0; }

.button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; }

.button-group.even-7 li { display: inline-block; margin: 0 -2px; width: 14.28571%; }

.button-group.even-7 li > button, .button-group.even-7 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { border-left: 0; }

.button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; }

.button-group.even-8 li { display: inline-block; margin: 0 -2px; width: 12.5%; }

.button-group.even-8 li > button, .button-group.even-8 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { border-left: 0; }

.button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; }

.button-group > li { display: inline-block; margin: 0 -2px; }

.button-group > li > button, .button-group > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group > li:first-child button, .button-group > li:first-child .button { border-left: 0; }

.button-group.stack > li { display: block; margin: 0; float: none; }

.button-group.stack > li > button, .button-group.stack > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-left: 0; }

.button-group.stack > li > button, .button-group.stack > li .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }

.button-group.stack > li > button { width: 100%; }

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-top: 0; }

.button-group.stack-for-small > li { display: inline-block; margin: 0 -2px; }

.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; }

@media only screen and (max-width: 40em) { .button-group.stack-for-small > li { display: block; margin: 0; }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.stack-for-small > li > button { width: 100%; }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-top: 0; } }

.button-group.radius > * { display: inline-block; margin: 0 -2px; }

.button-group.radius > * > button, .button-group.radius > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { border-left: 0; }

.button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { border-radius: 0; }

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

.button-group.radius.stack > * { display: block; margin: 0; }

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-left: 0; }

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }

.button-group.radius.stack > * > button { width: 100%; }

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-top: 0; }

.button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { border-radius: 0; }

.button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { -webkit-top-left-radius: 0; -webkit-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { -webkit-bottom-left-radius: 0; -webkit-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

@media only screen and (min-width: 40.0625em) { .button-group.radius.stack-for-small > * { display: inline-block; margin: 0 -2px; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } }

@media only screen and (max-width: 40em) { .button-group.radius.stack-for-small > * { display: block; margin: 0; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.radius.stack-for-small > * > button { width: 100%; }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-top: 0; }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 0; -webkit-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 0; -webkit-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }

.button-group.round > * { display: inline-block; margin: 0 -2px; }

.button-group.round > * > button, .button-group.round > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.round > *:first-child button, .button-group.round > *:first-child .button { border-left: 0; }

.button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { border-radius: 0; }

.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

.button-group.round.stack > * { display: block; margin: 0; }

.button-group.round.stack > * > button, .button-group.round.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-left: 0; }

.button-group.round.stack > * > button, .button-group.round.stack > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }

.button-group.round.stack > * > button { width: 100%; }

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-top: 0; }

.button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { border-radius: 0; }

.button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }

.button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }

@media only screen and (min-width: 40.0625em) { .button-group.round.stack-for-small > * { display: inline-block; margin: 0 -2px; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } }

@media only screen and (max-width: 40em) { .button-group.round.stack-for-small > * { display: block; margin: 0; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.round.stack-for-small > * > button { width: 100%; }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-top: 0; }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } }

.button-bar:before, .button-bar:after { content: " "; display: table; }

.button-bar:after { clear: both; }

.button-bar .button-group { float: left; margin-right: 0.625rem; }

.button-bar .button-group div { overflow: hidden; }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] { list-style: none; margin-left: 0; margin-bottom: 0; }

.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; }

.clearing-thumbs:after, [data-clearing]:after { clear: both; }

.clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; }

.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; }

.clearing-blackout { background: #333333; height: 100%; position: fixed; top: 0; width: 100%; z-index: 998; left: 0; }

.clearing-blackout .clearing-close { display: block; }

.clearing-container { height: 100%; margin: 0; overflow: hidden; position: relative; z-index: 998; }

.clearing-touch-label { color: #AAAAAA; font-size: .6em; left: 50%; position: absolute; top: 50%; }

.visible-img { height: 95%; position: relative; }

.visible-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-height: 100%; max-width: 100%; }

.clearing-caption { background: #333333; bottom: 0; color: #CCCCCC; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; padding: 10px 30px 20px; position: absolute; text-align: center; width: 100%; left: 0; }

.clearing-close { color: #CCCCCC; display: none; font-size: 30px; line-height: 1; padding-left: 20px; padding-top: 10px; z-index: 999; }

.clearing-close:hover, .clearing-close:focus { color: #CCCCCC; }

.clearing-assembled .clearing-container { height: 100%; }

.clearing-assembled .clearing-container .carousel > ul { display: none; }

.clearing-feature li { display: none; }

.clearing-feature li.clearing-featured-img { display: block; }

@media only screen and (min-width: 40.0625em) { .clearing-main-prev, .clearing-main-next { height: 100%; position: absolute; top: 0; width: 40px; }
  .clearing-main-prev > span, .clearing-main-next > span { border: solid 12px; display: block; height: 0; position: absolute; top: 50%; width: 0; }
  .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: .8; }
  .clearing-main-prev { left: 0; }
  .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #CCCCCC; }
  .clearing-main-next { right: 0; }
  .clearing-main-next > span { border-color: transparent; border-left-color: #CCCCCC; }
  .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: .3; }
  .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; }
  .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; }
  .clearing-assembled .clearing-container .carousel > ul li { clear: none; cursor: pointer; display: block; float: left; margin-right: 0; min-height: inherit; opacity: .4; overflow: hidden; padding: 0; position: relative; width: 120px; }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; }
  .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; box-shadow: none; display: block; }
  .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; }
  .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; }
  .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: .8; }
  .clearing-assembled .clearing-container .visible-img { background: #333333; height: 85%; overflow: hidden; }
  .clearing-close { padding-left: 0; padding-top: 0; position: absolute; top: 10px; right: 20px; } }

/* Foundation Dropdowns */
.f-dropdown { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #fff; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 2px; max-width: 200px; }

.f-dropdown.open { display: block; }

.f-dropdown > *:first-child { margin-top: 0; }

.f-dropdown > *:last-child { margin-bottom: 0; }

.f-dropdown:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #fff transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 89; }

.f-dropdown:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 88; }

.f-dropdown.right:before { left: auto; right: 10px; }

.f-dropdown.right:after { left: auto; right: 9px; }

.f-dropdown.drop-right { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #fff; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; }

.f-dropdown.drop-right.open { display: block; }

.f-dropdown.drop-right > *:first-child { margin-top: 0; }

.f-dropdown.drop-right > *:last-child { margin-bottom: 0; }

.f-dropdown.drop-right:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent #fff transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: -12px; z-index: 89; }

.f-dropdown.drop-right:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -14px; z-index: 88; }

.f-dropdown.drop-left { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #fff; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; }

.f-dropdown.drop-left.open { display: block; }

.f-dropdown.drop-left > *:first-child { margin-top: 0; }

.f-dropdown.drop-left > *:last-child { margin-bottom: 0; }

.f-dropdown.drop-left:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #fff; border-left-style: solid; position: absolute; top: 10px; right: -12px; left: auto; z-index: 89; }

.f-dropdown.drop-left:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -14px; left: auto; z-index: 88; }

.f-dropdown.drop-top { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #fff; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-left: 0; margin-top: -2px; max-width: 200px; }

.f-dropdown.drop-top.open { display: block; }

.f-dropdown.drop-top > *:first-child { margin-top: 0; }

.f-dropdown.drop-top > *:last-child { margin-bottom: 0; }

.f-dropdown.drop-top:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #fff transparent transparent transparent; border-top-style: solid; bottom: -12px; position: absolute; top: auto; left: 10px; right: auto; z-index: 89; }

.f-dropdown.drop-top:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: #cccccc transparent transparent transparent; border-top-style: solid; bottom: -14px; position: absolute; top: auto; left: 9px; right: auto; z-index: 88; }

.f-dropdown li { cursor: pointer; font-size: 0.875rem; line-height: 1.125rem; margin: 0; }

.f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; }

.f-dropdown li.radius { border-radius: 0; }

.f-dropdown li a { display: block; padding: 0.5rem; color: #555555; }

.f-dropdown.content { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #fff; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; padding: 1.25rem; width: 100%; z-index: 89; max-width: 200px; }

.f-dropdown.content.open { display: block; }

.f-dropdown.content > *:first-child { margin-top: 0; }

.f-dropdown.content > *:last-child { margin-bottom: 0; }

.f-dropdown.tiny { max-width: 200px; }

.f-dropdown.small { max-width: 300px; }

.f-dropdown.medium { max-width: 500px; }

.f-dropdown.large { max-width: 800px; }

.f-dropdown.mega { width: 100% !important; max-width: 100% !important; }

.f-dropdown.mega.open { left: 0 !important; }

.dropdown.button, button.dropdown { position: relative; padding-right: 3.5625rem; }

.dropdown.button::after, button.dropdown::after { border-color: #fff transparent transparent transparent; border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 50%; width: 0; }

.dropdown.button::after, button.dropdown::after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; }

.dropdown.button::after, button.dropdown::after { border-color: #fff transparent transparent transparent; }

.dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; }

.dropdown.button.tiny:after, button.dropdown.tiny:after { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; }

.dropdown.button.tiny::after, button.dropdown.tiny::after { border-color: #fff transparent transparent transparent; }

.dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; }

.dropdown.button.small::after, button.dropdown.small::after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; }

.dropdown.button.small::after, button.dropdown.small::after { border-color: #fff transparent transparent transparent; }

.dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; }

.dropdown.button.large::after, button.dropdown.large::after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; }

.dropdown.button.large::after, button.dropdown.large::after { border-color: #fff transparent transparent transparent; }

.dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; }

.flex-video { height: 0; margin-bottom: 1rem; overflow: hidden; padding-bottom: 67.5%; padding-top: 1.5625rem; position: relative; }

.flex-video.widescreen { padding-bottom: 56.34%; }

.flex-video.vimeo { padding-top: 0; }

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { height: 100%; position: absolute; top: 0; width: 100%; left: 0; }

/* Standard Forms */
form { margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.5rem; }

form .row .row .column, form .row .row .columns { padding: 0 0.5rem; }

form .row .row.collapse { margin: 0; }

form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; }

form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; }

/* Label Styles */
label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ }

label.right { float: none !important; text-align: right; }

label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; }

label small { text-transform: capitalize; color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { border-color: true; }

.prefix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; }

.prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

.postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

.prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

.postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; }

span.postfix, label.postfix { background: #f2f2f2; color: #333333; border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #fff; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: none; color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; }

input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; }

input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; }

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 0; }

form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

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

/* Respect enforced amount of rows for textarea */
textarea[rows] { height: auto; }

/* Not allow resize out of parent */
textarea { max-width: 100%; }

::-webkit-input-placeholder { color: #cccccc; }

:-moz-placeholder { /* Firefox 18- */ color: #cccccc; }

::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; }

:-ms-input-placeholder { color: #cccccc; }

/* Add height value for select elements to match text input height */
select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; }

select::-ms-expand { display: none; }

select.radius { border-radius: 0; }

select:hover { background-color: #f3f3f3; border-color: #999999; }

select:disabled { background-color: #DDDDDD; cursor: default; }

select[multiple] { height: auto; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; }

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

/* Normalize file input width */
input[type="file"] { width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset { border: 1px solid #DDDDDD; margin: 1.125rem 0; padding: 1.25rem; }

fieldset legend { background: #fff; font-weight: bold; margin-left: -0.1875rem; margin: 0; padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #a87701; color: #fff; }

[data-abide] span.error, [data-abide] small.error { display: none; }

span.error, small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #a87701; color: #fff; }

.error input, .error textarea, .error select { margin-bottom: 0; }

.error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; }

.error label, .error label.error { color: #a87701; }

.error small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #a87701; color: #fff; }

.error > label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; }

.error span.error-message { display: block; }

input.error, textarea.error, select.error { margin-bottom: 0; }

label.error { color: #a87701; }

.icon-bar { display: inline-block; font-size: 0; width: 100%; background: #333333; }

.icon-bar > * { display: block; float: left; font-size: 1rem; margin: 0 auto; padding: 1.25rem; text-align: center; width: 25%; }

.icon-bar > * i, .icon-bar > * img { display: block; margin: 0 auto; }

.icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; }

.icon-bar > * i { font-size: 1.875rem; vertical-align: middle; }

.icon-bar > * img { height: 1.875rem; width: 1.875rem; }

.icon-bar.label-right > * i, .icon-bar.label-right > * img { display: inline-block; margin: 0 .0625rem 0 0; }

.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { margin-top: 0; }

.icon-bar.label-right > * label { display: inline-block; }

.icon-bar.vertical.label-right > * { text-align: left; }

.icon-bar.vertical, .icon-bar.small-vertical { height: 100%; width: auto; }

.icon-bar.vertical .item, .icon-bar.small-vertical .item { float: none; margin: auto; width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.medium-vertical { height: 100%; width: auto; }
  .icon-bar.medium-vertical .item { float: none; margin: auto; width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.large-vertical { height: 100%; width: auto; }
  .icon-bar.large-vertical .item { float: none; margin: auto; width: auto; } }

.icon-bar > * { font-size: 1rem; padding: 1.25rem; }

.icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; font-size: 1rem; }

.icon-bar > * i { font-size: 1.875rem; }

.icon-bar > * img { height: 1.875rem; width: 1.875rem; }

.icon-bar > * label { color: #fff; }

.icon-bar > * i { color: #fff; }

.icon-bar > a:hover { background: #8dbabf; }

.icon-bar > a:hover label { color: #fff; }

.icon-bar > a:hover i { color: #fff; }

.icon-bar > a.active { background: #8dbabf; }

.icon-bar > a.active label { color: #fff; }

.icon-bar > a.active i { color: #fff; }

.icon-bar .item.disabled { cursor: not-allowed; opacity: 0.7; pointer-events: none; }

.icon-bar .item.disabled > * { opacity: 0.7; cursor: not-allowed; }

.icon-bar.two-up .item { width: 50%; }

.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.two-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.two-up.large-vertical .item { width: auto; } }

.icon-bar.three-up .item { width: 33.3333%; }

.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.three-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.three-up.large-vertical .item { width: auto; } }

.icon-bar.four-up .item { width: 25%; }

.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.four-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.four-up.large-vertical .item { width: auto; } }

.icon-bar.five-up .item { width: 20%; }

.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.five-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.five-up.large-vertical .item { width: auto; } }

.icon-bar.six-up .item { width: 16.66667%; }

.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.six-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.six-up.large-vertical .item { width: auto; } }

.icon-bar.seven-up .item { width: 14.28571%; }

.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.seven-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.seven-up.large-vertical .item { width: auto; } }

.icon-bar.eight-up .item { width: 12.5%; }

.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.eight-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.eight-up.large-vertical .item { width: auto; } }

.icon-bar.two-up .item { width: 50%; }

.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.two-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.two-up.large-vertical .item { width: auto; } }

.icon-bar.three-up .item { width: 33.3333%; }

.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.three-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.three-up.large-vertical .item { width: auto; } }

.icon-bar.four-up .item { width: 25%; }

.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.four-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.four-up.large-vertical .item { width: auto; } }

.icon-bar.five-up .item { width: 20%; }

.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.five-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.five-up.large-vertical .item { width: auto; } }

.icon-bar.six-up .item { width: 16.66667%; }

.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.six-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.six-up.large-vertical .item { width: auto; } }

.icon-bar.seven-up .item { width: 14.28571%; }

.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.seven-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.seven-up.large-vertical .item { width: auto; } }

.icon-bar.eight-up .item { width: 12.5%; }

.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { width: auto; }

@media only screen and (min-width: 40.0625em) { .icon-bar.eight-up.medium-vertical .item { width: auto; } }

@media only screen and (min-width: 64.0625em) { .icon-bar.eight-up.large-vertical .item { width: auto; } }

.inline-list { list-style: none; margin-left: -1.375rem; margin-right: 0; margin: 0 auto 1.0625rem auto; overflow: hidden; padding: 0; }

.inline-list > li { display: block; float: left; list-style: none; margin-left: 1.375rem; }

.inline-list > li > * { display: block; }

/* Foundation Joyride */
.joyride-list { display: none; }

/* Default styles for the container */
.joyride-tip-guide { background: #333333; color: #fff; display: none; font-family: inherit; font-weight: normal; position: absolute; top: 0; width: 95%; z-index: 101; left: 2.5%; }

.lt-ie9 .joyride-tip-guide { margin-left: -400px; max-width: 800px; left: 50%; }

.joyride-content-wrapper { padding: 1.125rem 1.25rem 1.5rem; width: 100%; }

.joyride-content-wrapper .button { margin-bottom: 0 !important; }

.joyride-content-wrapper .joyride-prev-tip { margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub { border: 10px solid #333333; display: block; height: 0; position: absolute; width: 0; left: 22px; }

.joyride-tip-guide .joyride-nub.top { border-color: #333333; border-top-color: transparent !important; border-top-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; top: -20px; }

.joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-bottom-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; }

.joyride-tip-guide .joyride-nub.right { right: -20px; }

.joyride-tip-guide .joyride-nub.left { left: -20px; }

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { color: #fff; font-weight: bold; line-height: 1.25; margin: 0; }

.joyride-tip-guide p { font-size: 0.875rem; line-height: 1.3; margin: 0 0 1.125rem 0; }

.joyride-timer-indicator-wrap { border: solid 1px #555555; bottom: 1rem; height: 3px; position: absolute; width: 50px; right: 1.0625rem; }

.joyride-timer-indicator { background: #666666; display: block; height: inherit; width: 0; }

.joyride-close-tip { color: #777777 !important; font-size: 24px; font-weight: normal; line-height: .5 !important; position: absolute; text-decoration: none; top: 10px; right: 12px; }

.joyride-close-tip:hover, .joyride-close-tip:focus { color: #EEEEEE !important; }

.joyride-modal-bg { background: rgba(0, 0, 0, 0.5); cursor: pointer; display: none; height: 100%; position: fixed; top: 0; width: 100%; z-index: 100; left: 0; }

.joyride-expose-wrapper { background-color: #fff; border-radius: 3px; box-shadow: 0 0 15px #fff; position: absolute; z-index: 102; }

.joyride-expose-cover { background: transparent; border-radius: 3px; left: 0; position: absolute; top: 0; z-index: 9999; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.0625em) { .joyride-tip-guide { width: 300px; left: inherit; }
  .joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right { border-color: #333333 !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-top-color: transparent !important; left: auto; right: -20px; top: 22px; }
  .joyride-tip-guide .joyride-nub.left { border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; left: -20px; right: auto; top: 22px; } }

.keystroke, kbd { background-color: #ededed; border-color: #dddddd; color: #222222; border-style: solid; border-width: 1px; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: inherit; margin: 0; padding: 0.125rem 0.25rem 0; border-radius: 0; }

.label { display: inline-block; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; line-height: 1; margin-bottom: auto; position: relative; text-align: center; text-decoration: none; white-space: nowrap; padding: 0.25rem 0.5rem 0.25rem; font-size: 0.6875rem; background-color: #8dbabf; color: #fff; }

.label.radius { border-radius: 0; }

.label.round { border-radius: 1000px; }

.label.alert { background-color: #a87701; color: #fff; }

.label.warning { background-color: #f08a24; color: #fff; }

.label.success { background-color: #43AC6A; color: #fff; }

.label.secondary { background-color: #f0f0f0; color: #333333; }

.label.info { background-color: #d6d2c7; color: #333333; }

[data-magellan-expedition], [data-magellan-expedition-clone] { background: #fff; min-width: 100%; padding: 10px; z-index: 50; }

[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { margin-bottom: 0; }

[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { margin-bottom: 0; }

[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { line-height: 1.8em; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate { from { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper { position: relative; }

.slideshow-wrapper ul { list-style-type: none; margin: 0; }

.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; }

.slideshow-wrapper ul li:first-child { display: block; }

.slideshow-wrapper .orbit-container { background-color: transparent; }

.slideshow-wrapper .orbit-container li { display: block; }

.slideshow-wrapper .orbit-container li .orbit-caption { display: block; }

.slideshow-wrapper .orbit-container .orbit-bullets li { display: inline-block; }

.slideshow-wrapper .preloader { border-radius: 1000px; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: rotate; animation-timing-function: linear; border-color: #555555 #fff; border: solid 3px; display: block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; }

.orbit-container { background: none; overflow: hidden; position: relative; width: 100%; }

.orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.orbit-container .orbit-slides-container img { display: block; max-width: 100%; }

.orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; }

.orbit-container .orbit-slides-container > *:first-child { margin-left: 0; }

.orbit-container .orbit-slides-container > * .orbit-caption { bottom: 0; position: absolute; background-color: rgba(51, 51, 51, 0.8); color: #fff; font-size: 0.875rem; padding: 0.625rem 0.875rem; width: 100%; }

.orbit-container .orbit-slide-number { left: 10px; background: transparent; color: #fff; font-size: 12px; position: absolute; top: 10px; z-index: 10; }

.orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125rem; }

.orbit-container .orbit-timer { position: absolute; top: 12px; right: 10px; height: 6px; width: 100px; z-index: 10; }

.orbit-container .orbit-timer .orbit-progress { height: 3px; background-color: rgba(255, 255, 255, 0.3); display: block; width: 0; position: relative; right: 20px; top: 5px; }

.orbit-container .orbit-timer > span { border: solid 4px #fff; border-bottom: none; border-top: none; display: none; height: 14px; position: absolute; top: 0; width: 11px; right: 0; }

.orbit-container .orbit-timer.paused > span { top: 0; width: 11px; height: 14px; border: inset 8px; border-left-style: solid; border-color: transparent; border-left-color: #fff; right: -4px; }

.orbit-container .orbit-timer.paused > span.dark { border-left-color: #333333; }

.orbit-container:hover .orbit-timer > span { display: block; }

.orbit-container .orbit-prev, .orbit-container .orbit-next { background-color: transparent; color: white; height: 60px; line-height: 50px; margin-top: -25px; position: absolute; text-indent: -9999px !important; top: 45%; width: 36px; z-index: 10; }

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.3); }

.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { border: inset 10px; display: block; height: 0; margin-top: -10px; position: absolute; top: 50%; width: 0; }

.orbit-container .orbit-prev { left: 0; }

.orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: #fff; }

.orbit-container .orbit-prev:hover > span { border-right-color: #fff; }

.orbit-container .orbit-next { right: 0; }

.orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: #fff; left: 50%; margin-left: -4px; }

.orbit-container .orbit-next:hover > span { border-left-color: #fff; }

.orbit-bullets-container { text-align: center; }

.orbit-bullets { display: block; float: none; margin: 0 auto 30px auto; overflow: hidden; position: relative; text-align: center; top: 10px; }

.orbit-bullets li { background: #CCCCCC; cursor: pointer; display: inline-block; float: none; height: 0.5625rem; margin-right: 6px; width: 0.5625rem; border-radius: 1000px; }

.orbit-bullets li.active { background: #999999; }

.orbit-bullets li:last-child { margin-right: 0; }

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; }

.touch .orbit-bullets { display: none; }

@media only screen and (min-width: 40.0625em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; }
  .touch .orbit-bullets { display: block; } }

@media only screen and (max-width: 40em) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * { margin: 0  !important; opacity: 1 !important; position: relative; }
  .orbit-stack-on-small .orbit-slide-number { display: none; }
  .orbit-timer { display: none; }
  .orbit-next, .orbit-prev { display: none; }
  .orbit-bullets { display: none; } }

ul.pagination { display: block; margin-left: -0.3125rem; min-height: 1.5rem; }

ul.pagination li { color: #222222; font-size: 0.875rem; height: 1.5rem; margin-left: 0.3125rem; }

ul.pagination li a, ul.pagination li button { border-radius: 0; transition: background-color 300ms ease-out; background: none; color: #999999; display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding: 0.0625rem 0.625rem 0.0625rem; }

ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #e6e6e6; }

ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #999999; }

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { background: transparent; }

ul.pagination li.current a, ul.pagination li.current button { background: #8dbabf; color: #fff; cursor: default; font-weight: bold; }

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background: #8dbabf; }

ul.pagination li { display: block; float: left; }

/* Pagination centred wrapper */
.pagination-centered { text-align: center; }

.pagination-centered ul.pagination li { display: inline-block; float: none; }

/* Panels */
.panel { border-style: solid; border-width: 1px; border-color: #d6d6d6; margin-bottom: 1.25rem; padding: 1.25rem; background: #f0f0f0; color: #333333; }

.panel > :first-child { margin-top: 0; }

.panel > :last-child { margin-bottom: 0; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { color: #333333; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625rem; }

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; }

.panel.callout { border-style: solid; border-width: 1px; border-color: #d6d6d6; margin-bottom: 1.25rem; padding: 1.25rem; background: #f8fbfb; color: #333333; }

.panel.callout > :first-child { margin-top: 0; }

.panel.callout > :last-child { margin-bottom: 0; }

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { color: #333333; }

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625rem; }

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; }

.panel.callout a:not(.button) { color: #8dbabf; }

.panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { color: #6fa8ae; }

.panel.radius { border-radius: 0; }

/* Pricing Tables */
.pricing-table { border: solid 1px #DDDDDD; margin-left: 0; margin-bottom: 1.25rem; }

.pricing-table * { list-style: none; line-height: 1; }

.pricing-table .title { background-color: #333333; color: #EEEEEE; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; font-weight: normal; padding: 0.9375rem 1.25rem; text-align: center; }

.pricing-table .price { background-color: #F6F6F6; color: #333333; font-family: "Lato", Helvetica, sans-serif; font-size: 2rem; font-weight: normal; padding: 0.9375rem 1.25rem; text-align: center; }

.pricing-table .description { background-color: #fff; border-bottom: dotted 1px #DDDDDD; color: #777777; font-size: 0.75rem; font-weight: normal; line-height: 1.4; padding: 0.9375rem; text-align: center; }

.pricing-table .bullet-item { background-color: #fff; border-bottom: dotted 1px #DDDDDD; color: #333333; font-size: 0.875rem; font-weight: normal; padding: 0.9375rem; text-align: center; }

.pricing-table .cta-button { background-color: #fff; padding: 1.25rem 1.25rem 0; text-align: center; }

/* Progress Bar */
.progress { background-color: #F6F6F6; border: 1px solid white; height: 1.5625rem; margin-bottom: 0.625rem; padding: 0.125rem; }

.progress .meter { background: #8dbabf; display: block; height: 100%; }

.progress.secondary .meter { background: #f0f0f0; display: block; height: 100%; }

.progress.success .meter { background: #43AC6A; display: block; height: 100%; }

.progress.alert .meter { background: #a87701; display: block; height: 100%; }

.progress.radius { border-radius: 0; }

.progress.radius .meter { border-radius: -1; }

.progress.round { border-radius: 1000px; }

.progress.round .meter { border-radius: 999px; }

.range-slider { border: 1px solid #DDDDDD; margin: 1.25rem 0; position: relative; -ms-touch-action: none; touch-action: none; display: block; height: 1rem; width: 100%; background: #FAFAFA; }

.range-slider.vertical-range { border: 1px solid #DDDDDD; margin: 1.25rem 0; position: relative; -ms-touch-action: none; touch-action: none; display: inline-block; height: 12.5rem; width: 1rem; }

.range-slider.vertical-range .range-slider-handle { bottom: -10.5rem; margin-left: -0.5rem; margin-top: 0; position: absolute; }

.range-slider.vertical-range .range-slider-active-segment { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-top-left-radius: initial; bottom: 0; height: auto; width: 0.875rem; }

.range-slider.radius { background: #FAFAFA; border-radius: 0; }

.range-slider.radius .range-slider-handle { background: #8dbabf; border-radius: 0; }

.range-slider.radius .range-slider-handle:hover { background: #73abb1; }

.range-slider.round { background: #FAFAFA; border-radius: 1000px; }

.range-slider.round .range-slider-handle { background: #8dbabf; border-radius: 1000px; }

.range-slider.round .range-slider-handle:hover { background: #73abb1; }

.range-slider.disabled, .range-slider[disabled] { background: #FAFAFA; cursor: not-allowed; opacity: 0.7; }

.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background: #8dbabf; cursor: default; opacity: 0.7; }

.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { background: #73abb1; }

.range-slider-active-segment { background: #eeeeee; border-bottom-left-radius: inherit; border-top-left-radius: inherit; display: inline-block; height: 0.875rem; position: absolute; }

.range-slider-handle { border: 1px solid none; cursor: pointer; display: inline-block; height: 1.375rem; position: absolute; top: -0.3125rem; width: 2rem; z-index: 1; -ms-touch-action: manipulation; touch-action: manipulation; background: #8dbabf; }

.range-slider-handle:hover { background: #73abb1; }

.reveal-modal-bg { background: #000; background: rgba(0, 0, 0, 0.45); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1004; left: 0; }

.reveal-modal { border-radius: 0; display: none; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1005; left: 0; background-color: #fff; padding: 1.875rem; border: solid 1px #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 40em) { .reveal-modal { min-height: 100vh; } }

.reveal-modal .column, .reveal-modal .columns { min-width: 0; }

.reveal-modal > :first-child { margin-top: 0; }

.reveal-modal > :last-child { margin-bottom: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 80%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal { top: 6.25rem; } }

.reveal-modal.radius { border-radius: 0; }

.reveal-modal.round { border-radius: 1000px; }

.reveal-modal.collapse { padding: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal.tiny { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 30%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.small { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 40%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.medium { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 60%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.large { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 70%; } }

@media only screen and (min-width: 40.0625em) { .reveal-modal.xlarge { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 95%; } }

.reveal-modal.full { height: 100vh; height: 100%; left: 0; margin-left: 0 !important; max-width: none !important; min-height: 100vh; top: 0; }

@media only screen and (min-width: 40.0625em) { .reveal-modal.full { left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 100%; } }

.reveal-modal.toback { z-index: 1003; }

.reveal-modal .close-reveal-modal { color: #AAAAAA; cursor: pointer; font-size: 2.5rem; font-weight: bold; line-height: 1; position: absolute; top: 0.625rem; right: 1.375rem; }

.side-nav { display: block; font-family: "Lato", Helvetica, sans-serif; list-style-position: outside; list-style-type: none; margin: 0; padding: 0.875rem 0; }

.side-nav li { font-size: 0.875rem; font-weight: normal; margin: 0 0 0.4375rem 0; }

.side-nav li a:not(.button) { color: #8dbabf; display: block; margin: 0; padding: 0.4375rem 0.875rem; }

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025); color: #afcfd2; }

.side-nav li a:not(.button):active { color: #afcfd2; }

.side-nav li.active > a:first-child:not(.button) { color: #afcfd2; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; }

.side-nav li.divider { border-top: 1px solid; height: 0; list-style: none; padding: 0; border-top-color: #e6e6e6; }

.side-nav li.heading { color: #8dbabf; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; }

.split.button { position: relative; padding-right: 5.0625rem; }

.split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; }

.split.button span:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; top: 50%; left: 50%; }

.split.button span:active { background-color: rgba(0, 0, 0, 0.1); }

.split.button span { border-left-color: rgba(255, 255, 255, 0.5); }

.split.button span { width: 3.09375rem; }

.split.button span:after { border-top-style: solid; border-width: 0.375rem; margin-left: -0.375rem; top: 48%; }

.split.button span:after { border-color: #fff transparent transparent transparent; }

.split.button.secondary span { border-left-color: rgba(255, 255, 255, 0.5); }

.split.button.secondary span:after { border-color: #fff transparent transparent transparent; }

.split.button.alert span { border-left-color: rgba(255, 255, 255, 0.5); }

.split.button.success span { border-left-color: rgba(255, 255, 255, 0.5); }

.split.button.tiny { padding-right: 3.75rem; }

.split.button.tiny span { width: 2.25rem; }

.split.button.tiny span:after { border-top-style: solid; border-width: 0.375rem; margin-left: -0.375rem; top: 48%; }

.split.button.small { padding-right: 4.375rem; }

.split.button.small span { width: 2.625rem; }

.split.button.small span:after { border-top-style: solid; border-width: 0.4375rem; margin-left: -0.375rem; top: 48%; }

.split.button.large { padding-right: 5.5rem; }

.split.button.large span { width: 3.4375rem; }

.split.button.large span:after { border-top-style: solid; border-width: 0.3125rem; margin-left: -0.375rem; top: 48%; }

.split.button.expand { padding-left: 2rem; }

.split.button.secondary span:after { border-color: #333333 transparent transparent transparent; }

.split.button.radius span { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

.split.button.round span { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

.split.button.no-pip span:before { border-style: none; }

.split.button.no-pip span:after { border-style: none; }

.split.button.no-pip span > i { display: block; left: 50%; margin-left: -0.28889em; margin-top: -0.48889em; position: absolute; top: 50%; }

.sub-nav { display: block; margin: -0.25rem 0 1.125rem; overflow: hidden; padding-top: 0.25rem; width: auto; }

.sub-nav dt { text-transform: uppercase; }

.sub-nav dt, .sub-nav dd, .sub-nav li { color: #999999; float: left; font-family: "Lato", Helvetica, sans-serif; font-size: 0.875rem; font-weight: normal; margin-left: 1rem; margin-bottom: 0; }

.sub-nav dt a, .sub-nav dd a, .sub-nav li a { color: #999999; padding: 0.1875rem 1rem; text-decoration: none; }

.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #737373; }

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { border-radius: 3px; background: #8dbabf; color: #fff; cursor: default; font-weight: normal; padding: 0.1875rem 1rem; }

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #6fa8ae; }

.switch { border: none; margin-bottom: 1.5rem; outline: 0; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.switch label { background: #DDDDDD; color: transparent; cursor: pointer; display: block; margin-bottom: 1rem; position: relative; text-indent: 100%; width: 4rem; height: 2rem; transition: left 0.15s ease-out; }

.switch input { left: 10px; opacity: 0; padding: 0; position: absolute; top: 9px; }

.switch input + label { margin-left: 0; margin-right: 0; }

.switch label:after { background: #fff; content: ""; display: block; height: 1.5rem; left: .25rem; position: absolute; top: .25rem; width: 1.5rem; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: translate3d(0, 0, 0); transition: left 0.15s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.switch input:checked + label { background: #8dbabf; }

.switch input:checked + label:after { left: 2.25rem; }

.switch label { height: 2rem; width: 4rem; }

.switch label:after { height: 1.5rem; width: 1.5rem; }

.switch input:checked + label:after { left: 2.25rem; }

.switch label { color: transparent; background: #DDDDDD; }

.switch label:after { background: #fff; }

.switch input:checked + label { background: #8dbabf; }

.switch.large label { height: 2.5rem; width: 5rem; }

.switch.large label:after { height: 2rem; width: 2rem; }

.switch.large input:checked + label:after { left: 2.75rem; }

.switch.small label { height: 1.75rem; width: 3.5rem; }

.switch.small label:after { height: 1.25rem; width: 1.25rem; }

.switch.small input:checked + label:after { left: 2rem; }

.switch.tiny label { height: 1.5rem; width: 3rem; }

.switch.tiny label:after { height: 1rem; width: 1rem; }

.switch.tiny input:checked + label:after { left: 1.75rem; }

.switch.radius label { border-radius: 4px; }

.switch.radius label:after { border-radius: 3px; }

.switch.round { border-radius: 1000px; }

.switch.round label { border-radius: 2rem; }

.switch.round label:after { border-radius: 2rem; }

table { background: #fff; border: solid 1px #DDDDDD; margin-bottom: 1.25rem; table-layout: auto; }

table caption { background: transparent; color: #222222; font-size: 1rem; font-weight: bold; }

table thead { background: #F5F5F5; }

table thead tr th, table thead tr td { color: #222222; font-size: 0.875rem; font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; }

table tfoot { background: #F5F5F5; }

table tfoot tr th, table tfoot tr td { color: #222222; font-size: 0.875rem; font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; }

table tr th, table tr td { color: #222222; font-size: 0.875rem; padding: 0.5625rem 0.625rem; text-align: left; }

table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #F9F9F9; }

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; }

.tabs { margin-bottom: 0 !important; margin-left: 0; }

.tabs:before, .tabs:after { content: " "; display: table; }

.tabs:after { clear: both; }

.tabs dd, .tabs .tab-title { float: left; list-style: none; margin-bottom: 0 !important; position: relative; }

.tabs dd > a, .tabs .tab-title > a { display: block; background-color: #EFEFEF; color: #222222; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; padding: 1rem 2rem; }

.tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; }

.tabs dd.active a, .tabs .tab-title.active a { background-color: #fff; color: #222222; }

.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }

.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }

.tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; }

.tabs-content { margin-bottom: 1.5rem; width: 100%; }

.tabs-content:before, .tabs-content:after { content: " "; display: table; }

.tabs-content:after { clear: both; }

.tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; width: 100%; }

.tabs-content > .content.active { display: block; float: none; }

.tabs-content > .content.contained { padding: 0.9375rem; }

.tabs-content.vertical { display: block; }

.tabs-content.vertical > .content { padding: 0 0.9375rem; }

@media only screen and (min-width: 40.0625em) { .tabs.vertical { float: left; margin: 0; margin-bottom: 1.25rem !important; max-width: 20%; width: 20%; }
  .tabs-content.vertical { float: left; margin-left: -1px; max-width: 80%; padding-left: 1rem; width: 80%; } }

.no-js .tabs-content > .content { display: block; float: none; }

/* Image Thumbnails */
.th { border: solid 4px #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: all 200ms ease-out; }

.th:hover, .th:focus { box-shadow: 0 0 6px 1px rgba(141, 186, 191, 0.5); }

.th.radius { border-radius: 0; }

/* Tooltips */
.has-tip { border-bottom: dotted 1px #CCCCCC; color: #333333; cursor: help; font-weight: bold; }

.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #365b60; color: #8dbabf; }

.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { background: #333333; color: #fff; display: none; font-size: 0.875rem; font-weight: normal; line-height: 1.3; max-width: 300px; padding: 0.75rem; position: absolute; width: 100%; z-index: 1006; left: 50%; }

.tooltip > .nub { border-color: transparent transparent #333333 transparent; border: solid 5px; display: block; height: 0; pointer-events: none; position: absolute; top: -10px; width: 0; left: 5px; }

.tooltip > .nub.rtl { left: auto; right: 5px; }

.tooltip.radius { border-radius: 0; }

.tooltip.round { border-radius: 1000px; }

.tooltip.round > .nub { left: 2rem; }

.tooltip.opened { border-bottom: dotted 1px #365b60 !important; color: #8dbabf !important; }

.tap-to-close { color: #777777; display: block; font-size: 0.625rem; font-weight: normal; }

@media only screen and (min-width: 40.0625em) { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; }
  .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; bottom: -10px; top: auto; }
  .tooltip.tip-left, .tooltip.tip-right { float: none !important; }
  .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; left: auto; margin-top: -5px; right: -10px; top: 50%; }
  .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; left: -10px; margin-top: -5px; right: auto; top: 50%; } }

meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100%; background: #fff; }

.contain-to-grid .top-bar { margin-bottom: 0; }

.fixed { position: fixed; top: 0; width: 100%; z-index: 99; left: 0; }

.fixed.expanded:not(.top-bar) { height: auto; max-height: 100%; overflow-y: auto; width: 100%; }

.fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; }

.fixed.expanded:not(.top-bar) .top-bar-section { margin-top: 2.8125rem; z-index: 98; }

.top-bar { background: #fff; height: 2.8125rem; line-height: 2.8125rem; margin-bottom: 0; overflow: hidden; position: relative; }

.top-bar ul { list-style: none; margin-bottom: 0; }

.top-bar .row { max-width: none; }

.top-bar form, .top-bar input, .top-bar select { margin-bottom: 0; }

.top-bar input, .top-bar select { font-size: 0.75rem; height: 1.75rem; padding-bottom: .35rem; padding-top: .35rem; }

.top-bar .button, .top-bar button { font-size: 0.75rem; margin-bottom: 0; padding-bottom: 0.4125rem; padding-top: 0.4125rem; }

@media only screen and (max-width: 40em) { .top-bar .button, .top-bar button { position: relative; top: -1px; } }

.top-bar .title-area { margin: 0; position: relative; }

.top-bar .name { font-size: 16px; height: 2.8125rem; margin: 0; }

.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { font-size: 1.0625rem; line-height: 2.8125rem; margin: 0; }

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { color: #8dbabf; display: block; font-weight: normal; padding: 0 0.28125rem; width: 75%; }

.top-bar .toggle-topbar { position: absolute; right: 0; top: 0; }

.top-bar .toggle-topbar a { color: #8dbabf; display: block; font-size: 0.8125rem; font-weight: bold; height: 2.8125rem; line-height: 2.8125rem; padding: 0 0.28125rem; position: relative; text-transform: uppercase; }

.top-bar .toggle-topbar.menu-icon { margin-top: -16px; top: 50%; }

.top-bar .toggle-topbar.menu-icon a { color: #fff; height: 34px; line-height: 33px; padding: 0 1.84375rem 0 0.28125rem; position: relative; }

.top-bar .toggle-topbar.menu-icon a span::after { content: ""; display: block; height: 0; position: absolute; margin-top: -8px; top: 50%; right: 0.28125rem; box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; width: 16px; }

.top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }

.top-bar.expanded { background: transparent; height: auto; }

.top-bar.expanded .title-area { background: #fff; }

.top-bar.expanded .toggle-topbar a { color: #888888; }

.top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown, .top-bar.expanded .top-bar-section .dropdown { clip: initial; }
  .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul { padding: 0; } }

.top-bar-section { left: 0; position: relative; width: auto; transition: left 300ms ease-out; }

.top-bar-section ul { display: block; font-size: 16px; height: auto; margin: 0; padding: 0; width: 100%; }

.top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px gray; clear: both; height: 1px; width: 100%; }

.top-bar-section ul li { background: #f0f0f0; }

.top-bar-section ul li > a { color: #8dbabf; display: block; font-family: "Lato", Helvetica, sans-serif; font-size: 0.8125rem; font-weight: 700; padding-left: 0.28125rem; padding: 12px 0 12px 0.28125rem; text-transform: none; width: 100%; }

.top-bar-section ul li > a.button { font-size: 0.8125rem; padding-left: 0.28125rem; padding-right: 0.28125rem; background-color: #8dbabf; border-color: #62a0a7; color: #fff; }

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #62a0a7; }

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: #fff; }

.top-bar-section ul li > a.button.secondary { background-color: #f0f0f0; border-color: silver; color: #4c7e94; }

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: silver; }

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #4c7e94; }

.top-bar-section ul li > a.button.success { background-color: #43AC6A; border-color: #368a55; color: #fff; }

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #368a55; }

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: #fff; }

.top-bar-section ul li > a.button.alert { background-color: #a87701; border-color: #865f01; color: #fff; }

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #865f01; }

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: #fff; }

.top-bar-section ul li > a.button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; }

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { background-color: #cf6e0e; }

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { color: #fff; }

.top-bar-section ul li > a.button.info { background-color: #d6d2c7; border-color: #b3ac97; color: #4c7e94; }

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { background-color: #b3ac97; }

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { color: #fff; }

.top-bar-section ul li > button { font-size: 0.8125rem; padding-left: 0.28125rem; padding-right: 0.28125rem; background-color: #8dbabf; border-color: #62a0a7; color: #fff; }

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #62a0a7; }

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: #fff; }

.top-bar-section ul li > button.secondary { background-color: #f0f0f0; border-color: silver; color: #4c7e94; }

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: silver; }

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #4c7e94; }

.top-bar-section ul li > button.success { background-color: #43AC6A; border-color: #368a55; color: #fff; }

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #368a55; }

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: #fff; }

.top-bar-section ul li > button.alert { background-color: #a87701; border-color: #865f01; color: #fff; }

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #865f01; }

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: #fff; }

.top-bar-section ul li > button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; }

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { background-color: #cf6e0e; }

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { color: #fff; }

.top-bar-section ul li > button.info { background-color: #d6d2c7; border-color: #b3ac97; color: #4c7e94; }

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { background-color: #b3ac97; }

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { color: #fff; }

.top-bar-section ul li:hover:not(.has-form) > a { background-color: #8dbabf; color: #eee; background: #8dbabf; }

.top-bar-section ul li.active > a { background: #8dbabf; color: #fff; }

.top-bar-section ul li.active > a:hover { background: #8dbabf; color: #fff; }

.top-bar-section .has-form { padding: 0.28125rem; }

.top-bar-section .has-dropdown { position: relative; }

.top-bar-section .has-dropdown > a:after { border: inset 5px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 0.28125rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; }

.top-bar-section .has-dropdown.moved { position: static; }

.top-bar-section .has-dropdown.moved > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; width: 100%; }

.top-bar-section .has-dropdown.moved > a:after { display: none; }

.top-bar-section .dropdown { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; padding: 0; position: absolute; top: 0; z-index: 99; left: 100%; }

.top-bar-section .dropdown li { height: auto; width: 100%; }

.top-bar-section .dropdown li a { font-weight: bold; padding: 8px 0.28125rem; }

.top-bar-section .dropdown li a.parent-link { font-weight: 700; }

.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.125rem; }

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #8dbabf; display: block; }

.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: none; }

.top-bar-section .dropdown li.has-form { padding: 8px 0.28125rem; }

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; }

.top-bar-section .dropdown label { color: #777777; font-size: 0.625rem; font-weight: bold; margin-bottom: 0; padding: 8px 0.28125rem 2px; text-transform: uppercase; }

.js-generated { display: block; }

@media only screen and (min-width: 40.0625em) { .top-bar { background: #fff; overflow: visible; }
  .top-bar:before, .top-bar:after { content: " "; display: table; }
  .top-bar:after { clear: both; }
  .top-bar .toggle-topbar { display: none; }
  .top-bar .title-area { float: left; }
  .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a { width: auto; }
  .top-bar input, .top-bar select, .top-bar .button, .top-bar button { font-size: 0.875rem; height: 1.75rem; position: relative; top: 0.53125rem; }
  .top-bar.expanded { background: #fff; }
  .contain-to-grid .top-bar { margin-bottom: 0; margin: 0 auto; max-width: 62.5rem; }
  .top-bar-section { transition: none 0 0; left: 0 !important; }
  .top-bar-section ul { display: inline; height: auto !important; width: auto; }
  .top-bar-section ul li { float: left; }
  .top-bar-section ul li .js-generated { display: none; }
  .top-bar-section li.hover > a:not(.button) { background-color: #8dbabf; background: #8dbabf; color: #eee; }
  .top-bar-section li:not(.has-form) a:not(.button) { background: #fff; line-height: 2.8125rem; padding: 0 0.28125rem; }
  .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #8dbabf; background: #8dbabf; }
  .top-bar-section li.active:not(.has-form) a:not(.button) { background: #8dbabf; color: #fff; line-height: 2.8125rem; padding: 0 0.28125rem; }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #8dbabf; color: #fff; }
  .top-bar-section .has-dropdown > a { padding-right: 1.53125rem !important; }
  .top-bar-section .has-dropdown > a:after { border: inset 5px; content: ""; display: block; height: 0; width: 0; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 1.40625rem; }
  .top-bar-section .has-dropdown.moved { position: relative; }
  .top-bar-section .has-dropdown.moved > .dropdown { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .top-bar-section .has-dropdown > a:focus + .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 0.1875rem; right: 5px; }
  .top-bar-section .dropdown { left: 0; background: transparent; min-width: 100%; top: auto; }
  .top-bar-section .dropdown li a { background: #f0f0f0; color: #8dbabf; line-height: 2.8125rem; padding: 12px 0.28125rem; white-space: nowrap; }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #f0f0f0; color: #8dbabf; }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background-color: #8dbabf; color: #eee; background: #333; }
  .top-bar-section .dropdown li label { background: #333333; white-space: nowrap; }
  .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-right: solid 1px white; border-bottom: none; border-top: none; clear: none; height: 2.8125rem; width: 0; }
  .top-bar-section .has-form { background: #fff; height: 2.8125rem; padding: 0 0.28125rem; }
  .top-bar-section .right li .dropdown { left: auto; right: 0; }
  .top-bar-section .right li .dropdown li .dropdown { right: 100%; }
  .top-bar-section .left li .dropdown { right: auto; left: 0; }
  .top-bar-section .left li .dropdown li .dropdown { left: 100%; }
  .no-js .top-bar-section ul li:hover > a { background-color: #8dbabf; background: #8dbabf; color: #eee; }
  .no-js .top-bar-section ul li:active > a { background: #8dbabf; color: #fff; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; } }

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

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

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

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

@media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }

@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 40.0625em) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 64.0625em) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }

@media only screen and (min-width: 120.0625em) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

/* Default Link Styles */
a { color: #8dbabf; line-height: inherit; text-decoration: none; }

a:hover, a:focus { color: #406e73; }

a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-size: 1.2rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }

p.lead { font-size: 1.41875rem; line-height: 1.6; }

p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { color: #444; font-family: "Khand", "Arial Narrow", sans-serif; font-style: normal; font-weight: 700; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #858585; font-size: 60%; line-height: 0; }

h1 { font-size: 2.125rem; }

h2 { font-size: 1.6875rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

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

hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

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

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

code { background-color: #fbfbfb; border-color: #e1e1e1; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul, ol, dl { font-family: inherit; font-size: 1.2rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; }

ul { margin-left: 1.1rem; }

ul.no-bullet { margin-left: 0; }

ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }

ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }

ul.square { list-style-type: square; margin-left: 1.1rem; }

ul.circle { list-style-type: circle; margin-left: 1.1rem; }

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

ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }

ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3rem; font-weight: bold; }

dl dd { margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #2d2d2d; cursor: help; }

abbr { text-transform: none; }

abbr[title] { border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; }

blockquote cite { display: block; font-size: 0.8125rem; color: #6f6f6f; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #6f6f6f; }

blockquote, blockquote p { line-height: 1.6; color: #999; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; }

.vcard li { margin: 0; display: block; }

.vcard .fn { font-weight: bold; font-size: 0.9375rem; }

.vevent .summary { font-weight: bold; }

.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; }

@media only screen and (min-width: 40.0625em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 2.75rem; }
  h2 { font-size: 2.3125rem; }
  h3 { font-size: 1.6875rem; }
  h4 { font-size: 1.4375rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; } }

.off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: hidden; }

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; }

.inner-wrap { position: relative; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; }

.inner-wrap:before, .inner-wrap:after { content: " "; display: table; }

.inner-wrap:after { clear: both; }

.tab-bar { -webkit-backface-visibility: hidden; background: #f0f0f0; color: #8dbabf; height: 4.6875rem; line-height: 4.6875rem; position: relative; }

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: #8dbabf; font-weight: bold; line-height: 4.6875rem; margin: 0; }

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1.125rem; }

.left-small { height: 4.6875rem; position: absolute; top: 0; width: 4.6875rem; border-right: solid 1px #f2f2f2; left: 0; }

.right-small { height: 4.6875rem; position: absolute; top: 0; width: 4.6875rem; border-left: solid 1px #f2f2f2; right: 0; }

.tab-bar-section { height: 4.6875rem; padding: 0 0.625rem; position: absolute; text-align: center; top: 0; }

.tab-bar-section.left { text-align: left; }

.tab-bar-section.right { text-align: right; }

.tab-bar-section.left { left: 0; right: 4.6875rem; }

.tab-bar-section.right { left: 4.6875rem; right: 0; }

.tab-bar-section.middle { left: 4.6875rem; right: 4.6875rem; }

.tab-bar .menu-icon { color: #8dbabf; display: block; height: 4.6875rem; padding: 0; position: relative; text-indent: 2.1875rem; transform: translate3d(0, 0, 0); width: 4.6875rem; }

.tab-bar .menu-icon span::after { content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -0.5rem; left: 1.84375rem; box-shadow: 0 0 0 1px #8dbabf, 0 7px 0 1px #8dbabf, 0 14px 0 1px #8dbabf; width: 1rem; }

.tab-bar .menu-icon span:hover:after { box-shadow: 0 0 0 1px #548e95, 0 7px 0 1px #548e95, 0 14px 0 1px #548e95; }

.left-off-canvas-menu { -webkit-backface-visibility: hidden; background: #f0f0f0; bottom: 0; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; transition: transform 500ms ease 0s; width: 15.625rem; z-index: 1001; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }

.left-off-canvas-menu * { -webkit-backface-visibility: hidden; }

.right-off-canvas-menu { -webkit-backface-visibility: hidden; background: #f0f0f0; bottom: 0; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; transition: transform 500ms ease 0s; width: 15.625rem; z-index: 1001; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate(100%, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; }

.right-off-canvas-menu * { -webkit-backface-visibility: hidden; }

ul.off-canvas-list { list-style-type: none; margin: 0; padding: 0; }

ul.off-canvas-list li label { background: #444444; border-bottom: none; border-top: 1px solid #5e5e5e; color: #999999; display: block; font-size: 0.75rem; font-weight: bold; margin: 0; padding: 0.3rem 0.9375rem; text-transform: uppercase; }

ul.off-canvas-list li a { border-bottom: 1px solid #b4b4b4; color: rgba(255, 255, 255, 0.7); display: block; padding: 0.66667rem; transition: background 300ms ease; }

ul.off-canvas-list li a:hover { background: #a8a8a8; }

ul.off-canvas-list li a:active { background: #a8a8a8; }

.move-right > .inner-wrap { -webkit-transform: translate3d(15.625rem, 0, 0); -moz-transform: translate3d(15.625rem, 0, 0); -ms-transform: translate(15.625rem, 0); -ms-transform: translate3d(15.625rem, 0, 0); -o-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); }

.move-right .exit-off-canvas { -webkit-backface-visibility: hidden; box-shadow: 0; cursor: pointer; transition: background 300ms ease; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1002; }

@media only screen and (min-width: 40.0625em) { .move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap { -webkit-transform: translate3d(-15.625rem, 0, 0); -moz-transform: translate3d(-15.625rem, 0, 0); -ms-transform: translate(-15.625rem, 0); -ms-transform: translate3d(-15.625rem, 0, 0); -o-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); }

.move-left .exit-off-canvas { -webkit-backface-visibility: hidden; box-shadow: 0; cursor: pointer; transition: background 300ms ease; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1002; }

@media only screen and (min-width: 40.0625em) { .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; }

.offcanvas-overlap .exit-off-canvas { -webkit-backface-visibility: hidden; box-shadow: 0; cursor: pointer; transition: background 300ms ease; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1002; }

@media only screen and (min-width: 40.0625em) { .offcanvas-overlap .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; }

.offcanvas-overlap-left .exit-off-canvas { -webkit-backface-visibility: hidden; box-shadow: 0; cursor: pointer; transition: background 300ms ease; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1002; }

@media only screen and (min-width: 40.0625em) { .offcanvas-overlap-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; }

.offcanvas-overlap-right .exit-off-canvas { -webkit-backface-visibility: hidden; box-shadow: 0; cursor: pointer; transition: background 300ms ease; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1002; }

@media only screen and (min-width: 40.0625em) { .offcanvas-overlap-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu { left: -15.625rem; }

.no-csstransforms .right-off-canvas-menu { right: -15.625rem; }

.no-csstransforms .move-left > .inner-wrap { right: 15.625rem; }

.no-csstransforms .move-right > .inner-wrap { left: 15.625rem; }

.left-submenu { -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; background: #f0f0f0; bottom: 0; box-sizing: content-box; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; width: 15.625rem; z-index: 1002; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; }

.left-submenu * { -webkit-backface-visibility: hidden; }

.left-submenu .back > a { background: #444; border-bottom: none; border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; }

.left-submenu .back > a:hover { background: #303030; border-bottom: none; border-top: 1px solid #5e5e5e; }

.left-submenu .back > a:before { content: "\AB"; margin-right: .5rem; display: inline; }

.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate(0%, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.right-submenu { -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; background: #f0f0f0; bottom: 0; box-sizing: content-box; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; width: 15.625rem; z-index: 1002; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate(100%, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; }

.right-submenu * { -webkit-backface-visibility: hidden; }

.right-submenu .back > a { background: #444; border-bottom: none; border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; }

.right-submenu .back > a:hover { background: #303030; border-bottom: none; border-top: 1px solid #5e5e5e; }

.right-submenu .back > a:after { content: "\BB"; margin-left: .5rem; display: inline; }

.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate(0%, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { content: "\BB"; margin-left: .5rem; display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: "\AB"; margin-right: .5rem; display: inline; }

/* small displays */
@media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 40.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 90.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait { display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }

@media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait { display: table !important; }
  thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } }

@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape { display: table !important; }
  thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: inherit !important; }

.touch .show-for-touch { display: inherit !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch { display: table !important; }

.touch table.show-for-touch { display: table !important; }

thead.hide-for-touch { display: table-header-group !important; }

.touch thead.show-for-touch { display: table-header-group !important; }

tbody.hide-for-touch { display: table-row-group !important; }

.touch tbody.show-for-touch { display: table-row-group !important; }

tr.hide-for-touch { display: table-row !important; }

.touch tr.show-for-touch { display: table-row !important; }

td.hide-for-touch { display: table-cell !important; }

.touch td.show-for-touch { display: table-cell !important; }

th.hide-for-touch { display: table-cell !important; }

.touch th.show-for-touch { display: table-cell !important; }

/* Screen reader-specific classes */
.show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

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

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

/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only { display: none !important; }

@media print { * { background: transparent !important; box-shadow: none !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ text-shadow: none !important; }
  .show-for-print { display: block; }
  .hide-for-print { display: none; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: .5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }

/* Print visibility */
@media print { .show-for-print { display: block; }
  .hide-for-print { display: none; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; } }

@media not print { .show-for-print { display: none !important; } }

[class*="gallery-columns-"] { display: block; padding: 0; margin: 0 -0.625rem; }

[class*="gallery-columns-"]:before, [class*="gallery-columns-"]:after { content: " "; display: table; }

[class*="gallery-columns-"]:after { clear: both; }

[class*="gallery-columns-"] > .gallery-item { display: inline; height: auto; float: left; padding: 0 0.625rem 1.25rem; }

.gallery-columns-1 > .gallery-item { width: 100%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-1 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-1 > .gallery-item:nth-of-type(1n+1) { clear: both; }

.gallery-columns-2 > .gallery-item { width: 50%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-2 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-2 > .gallery-item:nth-of-type(2n+1) { clear: both; }

.gallery-columns-3 > .gallery-item { width: 33.33333%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-3 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-3 > .gallery-item:nth-of-type(3n+1) { clear: both; }

.gallery-columns-4 > .gallery-item { width: 25%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-4 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-4 > .gallery-item:nth-of-type(4n+1) { clear: both; }

.gallery-columns-5 > .gallery-item { width: 20%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-5 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-5 > .gallery-item:nth-of-type(5n+1) { clear: both; }

.gallery-columns-6 > .gallery-item { width: 16.66667%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-6 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-6 > .gallery-item:nth-of-type(6n+1) { clear: both; }

.gallery-columns-7 > .gallery-item { width: 14.28571%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-7 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-7 > .gallery-item:nth-of-type(7n+1) { clear: both; }

.gallery-columns-8 > .gallery-item { width: 12.5%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-8 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-8 > .gallery-item:nth-of-type(8n+1) { clear: both; }

.gallery-columns-9 > .gallery-item { width: 11.11111%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-9 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-9 > .gallery-item:nth-of-type(9n+1) { clear: both; }

.gallery-columns-10 > .gallery-item { width: 10%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-10 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-10 > .gallery-item:nth-of-type(10n+1) { clear: both; }

.gallery-columns-11 > .gallery-item { width: 9.09091%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-11 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-11 > .gallery-item:nth-of-type(11n+1) { clear: both; }

.gallery-columns-12 > .gallery-item { width: 8.33333%; padding: 0 0.625rem 1.25rem; }

.gallery-columns-12 > .gallery-item:nth-of-type(n) { clear: none; }

.gallery-columns-12 > .gallery-item:nth-of-type(12n+1) { clear: both; }

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/
/* Styles the "Sorry, no data so far" message */
/* popular posts container */
section#most-popular-container { background: transparent; border-bottom: 0; padding: 0; display: block; overflow: auto; margin-top: 3em; /* UL - Popular Posts container styles */ }

section#most-popular-container h6 span { background: #eee; padding: 0.5em 2em; }

section#most-popular-container .wpp-list { /* LI - Post container styles */ }

section#most-popular-container .wpp-list li { list-style-type: none; text-align: center; font-family: 'Lato', Helvetica, sans-serif; font-size: 13px; height: 100%; display: block; /* Views count styles */ /* Thumbnail styles */ }

section#most-popular-container .wpp-list li.most-popular-link-container { text-align: left; }

section#most-popular-container .wpp-list li .wpp-views { clear: both; display: block; color: #666; text-transform: uppercase; font-size: 10px; font-weight: bold; }

section#most-popular-container .wpp-list li a.most-popular-link-title { overflow: hidden; display: block; line-height: 18px; color: #999; font-size: 12px; text-transform: uppercase; }

section#most-popular-container .wpp-list li a.most-popular-link-title:hover { color: #ccc; }

section#most-popular-container .wpp-list li .wpp-thumbnail { display: inline; float: left; margin: 3px 8px 0 0; border: none; }

/* section#most-popular-container */
/* Styles for the popular post in view */
/* Title styles */
/* Excerpt styles */
/* Stats tag styles */
.wpp-meta, .post-stats { display: block; font-size: 0.8em; }

/* Comments count styles */
/* Author styles */
/* Post date styles */
/* Post category styles */
/* WP-PostRatings styles */
/*
SMALL (BASE) SIZE
These are the small/base styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************

Stylesheet: Base/Small Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylesheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body { /*1/9/2017 added top positioning */ /*4/29/2017 hides footer when ads are also hidden w/ checkmark in post editor window */ }

body .no-underline { text-decoration: none !important; }

body .nopadding { padding: 0; }

body .uppercase { text-transform: uppercase; }

body .feature-tag { position: absolute; background: #111; padding: 2px 12px; color: #fff; font-size: 12px; font-weight: 700; text-align: center; display: block; width: 100px; }

body #wpadminbar { position: absolute; top: -46px; }

body .adthrive-disable-all .adthrive-comscore { display: none; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
/*********************
LINK STYLES
*********************/
a, a:visited { /*adds highlight on hover */ /* on click */ /* mobile tap color */ }

a.button, a:visited.button { text-transform: uppercase; margin-bottom: 0; }

a.button, a:visited.button { background-color: #333; color: #fff; }

a.button:hover, a:visited.button:hover { color: #fff; background-color: #111; }

a.button.secondary, a:visited.button.secondary { background-color: #ddd; border: #ddd; color: #333; }

a.button.secondary:hover, a:visited.button.secondary:hover { background-color: #aaa; border: #aaa; color: #222; }

a.button.buy, a:visited.button.buy { background-color: #25c74a; border: #25c74a; color: #fff; }

a.button.buy:hover, a:visited.button.buy:hover { background-color: #1fd649; border: #1fd649; color: #eafbee; }

a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

.button { background-color: #333; border-color: transparent; color: #fff; }

.button:hover, .button:active { color: #fff; background-color: #111; }

/******************************************************************
H1, H2, H3, H4, H5 P STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; /* removing text decoration from all headline links */ }

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; }

h2 a:hover, h2 a:active, .h2 a:hover, .h2 a:active { color: #8dbabf; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; }

h4, .h4 { margin-bottom: 1.6rem; line-height: 2.4rem; }

h6 i, .h6 i { font-size: .8em; text-transform: uppercase; font-weight: 400; }

.quiet { color: #444; }

.smalllink, .smallctr { font-size: 12px; font-weight: 400; text-transform: uppercase; }

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

/*********************
HEADER STYLES
*********************/
.tab-bar { background: #f0f0f0; }

.tab-bar .title { background: url("../images/logo-navcolor-tag.png") center center no-repeat; background-size: contain; max-width: 200px; }

.tab-bar #alert-header-mobile p { font-size: 1rem; }

.tab-bar #alert-header-mobile #close-alert-mobile { font-size: 2rem; }

.tab-bar #alert-header-mobile .interact { text-align: center; }

@media screen and (max-width: 1024px) { #inner-header { background-color: #f0f0f0; } }

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

.top-bar .top-bar-section ul li { margin-right: 1em; }

.page-template-page-focused-php #inner-header { background-color: transparent; }

.page-template-page-focused-php .top-bar, .page-template-page-focused-php .tab-bar { background-color: transparent; }

.page-template-page-focused-php .top-bar h1, .page-template-page-focused-php .tab-bar h1 { line-height: 1.2; }

.page-template-page-focused-php .top-bar .title, .page-template-page-focused-php .tab-bar .title { background: url("../images/logo-navcolor-tag.png") center center no-repeat; background-size: contain; font-size: 1.6em; margin: 1em auto; }

.page-template-page-focused-php header.article-header { margin-top: 1em; }

/*********************
BILLBOARD/FOOTBOARD/SPECIAL CTAs DEFAULT STLES
*********************/
#homeslider { background: #88BFC4 url("/wp-content/themes/EffortlessGent/library/images/hp_hero_bg.jpg") center center repeat; }

#homeslider h2, #homeslider h4 { color: #fff; margin-bottom: 0.5em; }

#homeslider h2 { margin: 1.5em 0 0.5em; }

#homeslider h4 { font-weight: 400; }

#homeslider .herocta { margin-bottom: 1.5em; }

@media screen and (max-width: 767px) { #homeslider h2 { font-size: 26px; }
  #homeslider h4 { font-size: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) { #homeslider h2 { margin-top: 1em; } }

@media screen and (min-width: 1024px) { #homeslider h2 { font-size: 42px; margin-top: 2em; }
  #homeslider h4 { font-size: 28px; } }

/*#homeslider { background:transparent; h1,h4 { color:#444; } h1 { margin-top:1.5em; line-height:1.2em; font-weight: 300; } h4 { text-transform:none; font-weight:300; font-size:20px; line-height:1.4; } .b-hero {  min-height:496px; .hero-img { margin-top:6em; } } }*/
/* medium screens only */
/*	@media only screen and (min-width:40.063em) and (max-width: 64em) { #homeslider { .b-hero { margin-top: 0; .hero-img { margin-top:3em; } } h1, h4 { padding:0.5em; } h1 { margin-top:0em; } p.hero-button { margin-bottom:3em; } } }*/
/* small screens only */
/*	@media only screen and (max-width: 40em) { #homeslider { .b-hero { .hero-img { margin-top: 3em; } } h1, h4 { padding:0.5em; } h1 { margin-top:0; } p.hero-button { margin-bottom:3em; } } } */
#billboard { background: #fff; padding: 5em 2em 0.5em; }

#billboard h1, #billboard h2, #billboard h3, #billboard h4, #billboard h5, #billboard h6, #billboard p, #billboard ul, #billboard li, #billboard blockquote { color: #444; }

#billboard h2 { margin: 0.5em 0 1.5em; text-align: center; font-weight: normal; font-style: italic; text-shadow: -2px 2px #000; }

#billboard #inner-billboard-content li a { color: #fff; }

#billboard #inner-billboard-content li a:hover { text-decoration: underline; }

#footboard { background: #f0f0f0; padding: 4em 0 3em; margin-top: 3em 0 1em; }

#footboard h1, #footboard h2, #footboard h3, #footboard h4, #footboard h5, #footboard h6, #footboard p, #footboard ul, #footboard li, #footboard blockquote { color: #444; }

#footboard .footboard-profile-img { float: left; }

@media only screen and (max-width: 40em) { #billboard { padding: 3em 2em; }
  #footboard .footboard-profile-img { display: block; clear: both; margin: 0 auto 2em !important; float: none; max-width: 200px; } }

/*// below billboard with one-sentence CTA #billboard-cta { background-color:$primary-color-light; padding:$general-padding 0; margin-bottom: $general-margin*4; p { color: $button-font-color; margin: $no-margin; padding: $general-padding/2 0; text-align: center; } .button { margin: $no-margin; } }*/
/*//new shop, eGuides and Courses banners .home-products, .home-shop { padding:$general-padding*4 2em; } .home-products { background: #c8eaf3 url('/wp-content/uploads/2014/09/slanty_white.gif') repeat; } .home-shop { background: #dbffc0 url('/wp-content/uploads/2014/09/slanty_white.gif') repeat; } @media only screen and (max-width: 40em) { .home-products, .home-shop { padding:$general-padding*3 $general-padding; } .home-products { margin-top: $general-margin*3; } }*/
#valetModal { background: #f0f0f0; color: #fff; }

#valetModal h2 { color: #fff; }

/*********************
BLOG INDEX STYLES
*********************/
#main { height: auto !important; margin-top: 2.5em; /* Effect 2: Move Up */ }

#main .postitem { opacity: 0; }

#main .postitem.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }

#main .postitem.shown, .no-js #main .postitem, .no-cssanimations #main .postitem { opacity: 1; }

@-webkit-keyframes moveUp { 0% { }
  100% { -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes moveUp { 0% { }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

body #inner-content { margin: 3em auto; }

body.blog #blog-feature-post, body.archive #blog-feature-post, body.search #blog-feature-post { margin: 3em 0 2.5em; }

body.blog #blog-feature-post .byline, body.archive #blog-feature-post .byline, body.search #blog-feature-post .byline { text-transform: uppercase; font-size: .9em; }

body.blog #blog-feature-post.has-post-thumbnail, body.archive #blog-feature-post.has-post-thumbnail, body.search #blog-feature-post.has-post-thumbnail { margin-top: 0; }

body.blog #blog-feature-post.has-post-thumbnail .article-title h2, body.archive #blog-feature-post.has-post-thumbnail .article-title h2, body.search #blog-feature-post.has-post-thumbnail .article-title h2 { margin: -3em 0.5em 0em 0.5em; background-color: #fff; padding: .5em; text-align: center; }

body.blog .byline, body.archive .byline, body.search .byline { font-size: .8em; }

body.blog .tags, body.archive .tags, body.search .tags { font-size: .8em; }

body.blog .tags a, body.archive .tags a, body.search .tags a { margin-right: 0.5em; }

body.blog .post.has-post-thumbnail h5, body.archive .post.has-post-thumbnail h5, body.search .post.has-post-thumbnail h5 { margin: -3em 0.5em 0 0.5em; background: white; padding: .5em; min-height: 60px; }

body.search #blog-feature-post.has-post-thumbnail a.article-title h2, body.archive #blog-feature-post.has-post-thumbnail a.article-title h2 { min-height: auto; text-align: center; }

body.search #inner-content, body.archive #inner-content { margin: 0 auto 3em; }

body.search .archive-title h6, body.archive .archive-title h6 { margin-top: 2.5em; }

body.blog #blog-feature-post .feature-post { border: none; }

body.home #inner-content { margin-top: 0; }

body.home .post.has-post-thumbnail h2 { margin: 0.5em 0 0; }

@media only screen and (max-width: 40em) { body.home .post.has-post-thumbnail h2 { margin-left: 0; } }

body.single .post { margin-top: 3em; }

body.single .post.has-post-thumbnail { margin-top: 0; }

body.single .post.has-post-thumbnail .article-header { margin-bottom: 3em; }

body.single .post.has-post-thumbnail .article-header h2 { margin: 0.5em 0; text-align: center; }

/*20180429 i dont think this is used body.archive { .postitem:first-child { display: none !important; visibility: hidden !important; } #inner-content { margin: 0 auto 3em; } } .postitem { margin-bottom: 1em; } */
.feature-post .article-title { color: #2d2d2d; text-decoration: none; }

.article-title a { color: #2d2d2d; text-decoration: none !important; }

.sort-posts-nav { margin: 3em auto; }

.sort-posts-nav ul { margin: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.sort-posts-nav ul li { list-style-type: none; float: left; }

.sort-posts-nav ul li.label { margin-top: 6px; }

.sort-posts-nav ul li a { margin-left: 20px; cursor: pointer; color: #8dbabf; }

.sort-posts-nav ul li a:hover { color: #f0f0f0; }

.sort-posts-nav ul li a.active { font-weight: 400; color: #ccc; cursor: default; }

/*********************
POSTS & CONTENT STYLES
*********************/
#main a:not(.button):not(.article-title) { text-decoration: underline; }

#main a:not(.button):not(.article-title):hover, #main a:not(.button):not(.article-title):focus { /*adds highlight on hover */ background: #8dbabf; color: #fff; }

.home #content { margin-top: 3em; }

.home #content .latest-article .comments-readmore, .home #content .latest-compendium .comments-readmore { margin-top: 1em; }

.home #content .latest-article article { margin-bottom: 6em; }

.home #content .latest-article article:last-child { margin-bottom: 0; }

.home #content-second .latest-article article { margin-bottom: 6em; }

.home #content-second .latest-article article:last-child { margin-bottom: 0; }

/*.row.archive-title { margin-left: 3em; margin-bottom: $general-margin*3; }*/
body.page-template-front-page p { font-family: "Lato", Helvetica, sans-serif; }

body.page-template-front-page #as-mentioned-in li { padding: 0.75rem; }

#ad-area { margin: 3em 0; }

#ad-area .row #adwidget_imagewidget-9 { float: right; width: 50%; }

#ad-area .row #adwidget_htmlwidget-2 { float: left; width: 50%; }

.article-excerpt { background-color: #fff; margin-top: 1.5em; }

.article-excerpt .article-title { color: #2d2d2d; }

.article-excerpt .article-title a { text-decoration: none !important; }

.read-more-excerpt { text-transform: uppercase; font-weight: 700; white-space: nowrap; }

/* end .hentry */
.single-title { margin: 0 0 0.5em; text-align: center; font-size: 3em; clear: both; }

.single-title-meta { margin-bottom: 1em; clear: both; }

.single-title-meta a.label { text-decoration: none !important; color: #8dbabf; font-weight: bold; padding: 0.5rem; font-size: 0.9em; text-transform: uppercase; }

.feature-section { margin-bottom: 6em; }

.feature-section:last-child { margin-bottom: 3em; }

#highlighted-articles a.harticle, #highlighted-articles a.harticle:link, #highlighted-articles a.harticle:visited, #highlighted-pages a.harticle, #highlighted-pages a.harticle:link, #highlighted-pages a.harticle:visited { background-color: rgba(255, 255, 255, 0); padding: 2em 2.5em 5em 1.25em; color: #fff; font-size: 1.4em; font-weight: 700; text-transform: uppercase; }

#highlighted-articles a.harticle:hover, #highlighted-articles a.harticle:active, #highlighted-pages a.harticle:hover, #highlighted-pages a.harticle:active { color: #8dbabf; background-color: rgba(255, 255, 255, 0.8); transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; }

#highlighted-articles .article1, #highlighted-pages .article1 { background: #81531c url("../images/feature_shoes.png") no-repeat 15% 25%; background-size: 125%; }

#highlighted-articles .article2, #highlighted-pages .article2 { background: #b7b7b7 url("../images/feature_undershirts.png") no-repeat 25% 15%; background-size: 125%; }

#highlighted-articles .article3, #highlighted-pages .article3 { background: #0b172f url("../images/feature_denim.png") no-repeat 25% 5%; background-size: 125%; }

#highlighted-articles .article4, #highlighted-pages .article4 { background: #cf1e3b url("../images/feature_watch.png") no-repeat 25% 15%; background-size: 125%; }

#highlighted-pages .article5 { background: #a3d2da url("../images/feature_eguides.png") no-repeat 125% 15%; background-size: 110%; }

#highlighted-pages .article6 { background: #c9ffc0 url("../images/feature_shop.png") no-repeat 105% 15%; background-size: 115%; }

.page-template-page-full-width-php .article-header, .page-template-page-product-php .article-header, .page-template-page-shop-php .article-header, .page-template-page-archives .article-header { background-color: #33322f; padding: 2em 0; text-align: center; }

.row.product-row { margin-bottom: 4em; }

.ivycat-post h3 { font-weight: 400; }

@media only screen and (max-width: 40em) { .latest-article .new-article { margin-bottom: 3em; }
  .feature-section { margin-bottom: 3em; } }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline { color: #999; }

.article-image-wrap { text-align: center; }

/* entry content */
.entry-content { /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ }

.entry-content p { margin-bottom: 1.5em; }

.entry-content ul, .entry-content ol { margin-bottom: 1.5em; }

.entry-content ul li, .entry-content ol li { margin-bottom: 0.5em; }

.entry-content blockquote { border-left: 4px solid #d6d2c7; padding-top: 0; padding-right: 0; margin-top: 0.75em; margin-bottom: 0.5em; margin-right: 0; }

.entry-content blockquote p span.author { display: block; margin-top: 0.5rem; }

.entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; }

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

.entry-content img.size-full { margin-bottom: 1em; }

.entry-content video, .entry-content object { max-width: 100%; height: auto; }

.entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; }

.entry-content .sponsoredArea { margin: 1em 0 2em; padding: 1.25em; line-height: 1.3em; overflow: auto; background-color: #f0f0f0; }

.entry-content .sponsoredArea p { font-size: 1em; }

/* end .entry-content */
.panel h1, .panel h2, .panel h3, .callout h1, .callout h2, .callout h3 { line-height: 1.2em; margin-bottom: 0.5em; }

.panel h4, .panel h5, .panel h6, .callout h4, .callout h5, .callout h6 { line-height: 1em; margin-bottom: 0.25em; }

.panel p, .callout p { margin-bottom: 1em; }

.archives .arc-item { margin-bottom: 4em; }

.wp-prev-next ul { margin: 0 1em; }

.wp-prev-next ul li { list-style-type: none; font-size: 18px; }

.wp-prev-next ul li a { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", Helvetica, sans-serif; font-weight: bold; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; background-color: #8dbabf; border-color: #62a0a7; color: #fff; transition: background-color 300ms ease-out; text-transform: uppercase; text-decoration: none !important; }

.wp-prev-next ul li a:hover, .wp-prev-next ul li a:focus { background-color: #62a0a7; }

.wp-prev-next ul li a:hover, .wp-prev-next ul li a:focus { color: #fff; }

.wp-prev-next ul li.prev-link { float: left; }

.wp-prev-next ul li.next-link { float: right; }

.Compendium .article-header h5:before { content: "\f11d  In the Compendium"; font-family: "foundation-icons"; font-size: .65em; font-weight: 300; position: relative; display: block; left: 0; font-style: italic; color: #a4d1da; }

.postitem { background-color: #fff; }

.wp-caption { max-width: 100%; background: #eee; padding: 5px; margin-bottom: 1em; /* images inside wp-caption */ }

.wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }

.wp-caption p.wp-caption-text { margin: 0; padding: 0.5em 1em; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags a { font-family: "Lato", Helvetica, sans-serif; position: relative; float: left; font-size: .75em; text-transform: uppercase; padding: 0 12px; margin: 0 .5em .5em 0; font-weight: 400; color: #aaa; border: 2px solid #ddd; text-decoration: none !important; }

.tags a:hover { background-color: #ccc !important; border-color: #ccc; color: #fff; }

#home-sidebar { margin: 3em auto; }

#home-sidebar .callout { padding: 1em; }

#home-sidebar .callout p { font-style: normal; font-size: 1em; color: #8dbabf; }

.related-posts-container { margin-top: 9em; border-top: 1px solid #eee; }

.related-posts-container ul#joints-related-posts { margin: 0; }

.related-posts-container ul#joints-related-posts h2 { padding: 1em 0; }

.related-posts-container ul#joints-related-posts li { list-style-type: none; margin-bottom: 1.5em; }

.related-posts-container ul#joints-related-posts li .post-feat-img img { margin-top: 0.5em; }

.related-posts-container ul#joints-related-posts li h3 { font-weight: 400; }

.related-posts-container ul#joints-related-posts li a { text-decoration: none !important; }

.article-footer { border-top: 1px solid #eee; margin-top: 9em; }

.article-footer .row .columns { padding-top: 1em; }

.article-footer .second { border-top: 1px solid #eee; margin-top: 3em; }

.article-footer .post-footer-container p { margin-bottom: 0px !important; }

.article-footer p { font-size: 1em; color: #6d6d6d; }

.article-footer .fi-social-facebook { color: #3B5988; }

.article-footer .fi-social-twitter { color: #4099FF; }

.article-footer .fi-social-instagram { color: #517fa4; }

.article-footer .fi-social-tumblr { color: #32506d; }

.article-footer .fi-social-pinterest { color: #cb2027; }

.article-footer .fi-social-google-plus { color: #dd4b39; }

.article-footer .fi-mail { color: #8dbabf; }

.article-footer #menu-social-nav { margin-bottom: 1.31em; }

.article-footer #menu-social-nav a:hover { background: none !important; }

.article-footer #menu-social-nav a:hover .fi-social-facebook { color: #1c2a41; }

.article-footer #menu-social-nav a:hover .fi-social-twitter { color: #0065d9; }

.article-footer #menu-social-nav a:hover .fi-social-instagram { color: #2f4a60; }

.article-footer #menu-social-nav a:hover .fi-social-tumblr { color: #121d27; }

.article-footer #menu-social-nav a:hover .fi-social-pinterest { color: #731216; }

.article-footer #menu-social-nav a:hover .fi-social-google-plus { color: #96271a; }

.article-footer #menu-social-nav a:hover .fi-mail { color: #538d93; }

#disqus_thread { margin-top: 3em; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation { text-align: center; }

.page-navigation ul.pagination { display: inline-block; }

.page-navigation ul.pagination li a { color: #8dbabf; text-decoration: none !important; font-weight: bold; }

.page-navigation ul.pagination li a:hover, .page-navigation ul.pagination li a:focus { background-color: #f0f0f0; color: #8dbabf; }

.page-navigation ul.pagination li.current a { color: #8dbabf; background-color: #f0f0f0; }

/******************************************************************
COMMENT STYLES
******************************************************************/
#comments-container { margin-top: 9em; border-top: 1px solid #eee; }

#comments-container #comments { padding: 1em 0; /* number of comments span */ }

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

.commentlist { margin: 0; /* general comment classes */ /* vcard */ /* end .commentlist .vcard */ /* comment meta */ /* comment content */ /* end .commentlist .comment_content */ /* comment reply link */ /* end .commentlist .comment-reply-link */ }

.commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 1em; /* end .commentlist li ul.children */ }

.commentlist li article { margin-bottom: 1em; }

.commentlist li:last-child { margin-bottom: 0; }

.commentlist li ul.children { margin: 0; /* variations */ }

.commentlist li ul.children .depth-1 { /* change number for different depth */ }

.commentlist li .alert-info { margin: 0 0 0.5em; }

.commentlist li .alert-info p { font-size: 14px; background: #efe69e; padding: 2px 10px; }

.commentlist li[class*=depth-] { margin-top: 1.1em; }

.commentlist li.depth-1 { margin-left: 0; margin-top: 0; background: none; padding: 0.5em 0 0; margin-bottom: 6em; }

.commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 1em; }

.commentlist li.depth-3 { background: #e3e3e3; }

.commentlist li.depth-4 { background: #dddddd; }

.commentlist li.depth-5 { background: #d7d7d7; }

.commentlist .comment.comment-author-effortlessgent { background: #f1fcfd; }

.commentlist .comment.panel { border: 0 none; }

.commentlist .comment .columns { padding: 0; }

.commentlist .comment-author { font-family: "Lato", Helvetica, sans-serif; font-size: 16px; margin-bottom: 1em; }

.commentlist .comment-author time a, .commentlist .comment-author .comment-edit-link { text-decoration: none !important; background: none; }

.commentlist .comment-author time a { color: #ccc; }

.commentlist .comment-author .comment-edit-link { color: #a0a0a0; font-size: 11px; text-transform: uppercase; background: #eee; padding: 3px 10px; margin: 0 0 0 10px; border: 1px solid #ddd; }

.commentlist .comment-author .comment-edit-link:hover, .commentlist .comment-author .comment-edit-link:active { background: #ccc; color: #444; }

.commentlist .comment-author cite.fn { font-weight: bold; }

.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 { font-family: "Lato", Helvetica, sans-serif; font-size: 16px; color: #444; margin-bottom: 1.3em; }

.commentlist .comment-reply-link { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", Helvetica, sans-serif; font-weight: bold; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; background-color: #8dbabf; border-color: #62a0a7; color: #fff; transition: background-color 300ms ease-out; float: right; text-transform: uppercase; text-decoration: none !important; }

.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { background-color: #62a0a7; }

.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { color: #fff; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form { margin: 1.5em 0px; 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; /* adding this stuff below for the reply form area to replies */ padding: 0; margin-left: 0 !important; }

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

.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%; */ width: 100%; height: 150px; }

/* comment submit button */
#submit { text-transform: uppercase; }

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

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments { margin: 0 20px 1.1em; }

.categories { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; margin-bottom: 2em; }

/*********************
SIDEBARS & ASIDES
*********************/
@media only screen and (max-width: 64em) { #sidebar { display: none; }
  /* hides sidebar on resolutions 1024px and smaller */ }

.sidebar { margin-top: 1em; }

.widget { margin-top: 3em; }

.widget:first-of-type { margin-top: 0; }

.widget ul { margin: 0; }

.widget ul li { list-style: none; /* deep nesting */ }

.widget.AdWidget_HTMLWidget, .widget.AdWidget_ImageWidget { margin-top: 0; }

.widget.AdWidget_HTMLWidget a, .widget.AdWidget_HTMLWidget div, .widget.AdWidget_ImageWidget a, .widget.AdWidget_ImageWidget div { margin: 1em auto !important; }

.widget.AdWidget_ImageWidget { width: 50%; float: left; text-align: center; margin: 1.5em 0; }

.widget.widget_nextprev-box { clear: both; display: block; }

.widget_recent_entries { clear: both; display: block; padding-top: 3em; }

.widget_recent_entries h4 { font-weight: normal; font-size: .8em; font-style: italic; margin-right: 0.5em; }

.widget_recent_entries ul li { margin-bottom: .2em; }

.widget_recent_entries ul li a { font-size: .8em; background-color: transparent; font-weight: bold; display: block; color: #fff; text-decoration: none !important; padding: .5em 0; line-height: 1.5em; transition: background-color 300ms ease-out; }

.widget_recent_entries ul li a:hover { color: #111; }

#next-prev-links ul { margin-left: 0; list-style: none; list-style-type: none; }

#next-prev-links ul li { margin-bottom: .2em; font-size: .8em; background-color: #ccc; color: #33322f; padding: .5em; }

#next-prev-links ul li a { color: #33322f; text-decoration: none !important; transition: background-color 300ms ease-out; }

#next-prev-links ul li:hover { background-color: #33322f; color: #fff; }

#next-prev-links ul li:hover a { color: #fff; }

/*off-canvas ish */
#sidebar-offcanvas .widgettitle { color: #fff; }

.left-off-canvas-menu #menu-main-nav-2018 { /* UL nested inside UL without being in an LI... kinda weird */ margin-left: 0; }

.left-off-canvas-menu .off-canvas-list li { list-style-type: none; }

.left-off-canvas-menu .off-canvas-list li ul { margin-left: 0; }

.left-off-canvas-menu .off-canvas-list li ul li a { padding-left: 2em; }

.left-off-canvas-menu .off-canvas-list li a { font-family: "Lato", Helvetica, sans-serif; padding: 1em; color: #8dbabf; border-bottom: 0; }

.left-off-canvas-menu .off-canvas-list li a:hover { background: #8dbabf; color: #fff; }

.left-off-canvas-menu .off-canvas-list input#s { height: 2.7em; font-family: "Lato", Helvetica, sans-serif; }

.left-off-canvas-menu .off-canvas-list #searchsubmit { background-color: #8dbabf; color: #f0f0f0; }

.left-off-canvas-menu .off-canvas-list #searchsubmit:hover, .left-off-canvas-menu .off-canvas-list #searchsubmit:active { background: #33322f; color: #f0f0f0; }

.left-off-canvas-menu .off-canvas-list #searchsubmit.button, .left-off-canvas-menu .off-canvas-list #searchsubmit.postfix { padding: 0; }

@media only screen and (max-width: 40em) { .sidebar { margin: 3em 0; } }

/*********************
FOOTER STYLES
*********************/
.footer { clear: both; padding: 5em 0; background-color: #f0f0f0; text-align: center; }

.footer h1 { background: url("../images/logo-navcolor-tag.png") center center no-repeat; background-size: contain; opacity: 1; margin-bottom: 0em; }

.home .footer { margin-top: 0; }

#menu-footer-nav { margin: 1em 0 0; padding: 0; }

#menu-footer-nav li { margin: 0.5em 0; display: block; float: none; }

#menu-footer-nav li a { color: #ccc; font-weight: bold; }

#menu-footer-nav li a:hover, #menu-footer-nav li a:focus { color: #8dbabf; }

#menu-footer-nav li.current_page_item a, #menu-footer-nav li.active a { background-color: #fff; }

#menu-footer-nav li.current_page_item a:hover, #menu-footer-nav li.active a:hover { background-color: #fff; }

#menu-social-nav, #menu-social-nav-1 { margin: 0; display: inline-block; }

#menu-social-nav li, #menu-social-nav-1 li { margin-left: 0; list-style-type: none; }

#menu-social-nav li a, #menu-social-nav-1 li a { color: #ccc; font-size: 2em; padding: 0.3em; }

#menu-social-nav li a:hover, #menu-social-nav-1 li a:hover { color: #8dbabf; }

/* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */
/* end .footer-links */
body .adthrive-comscore { background-color: #f0f0f0 !important; padding-bottom: 50px !important; }

body .adthrive-comscore span { color: #ccc !important; }

.hustle-modal .hustle-modal-close, .wpmudev-ui .hustle-modal .hustle-modal-close { margin: 0 15px 15px 0 !important; }

.hustle-modal .hustle-modal-close .hustle-icon, .wpmudev-ui .hustle-modal .hustle-modal-close .hustle-icon { max-height: 16px !important; max-width: 16px !important; }

/*********************
FOUNDATION STYLES
*********************/
.clearing-assembled.clearing-blackout a:hover { background: none; }

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

/*********************
CUSTOM MEDIA KIT PAGE
*********************/
.page-id-7771 section { margin-bottom: 3em !important; }

.page-id-7771 h4 { color: #999; }

.page-id-7771 h4.page-subtitle { color: #444; }

.page-id-7771 .stat { margin-bottom: 3em !important; }

.page-id-7771 .stat-num { font-size: 2.2em; line-height: 1em; margin-bottom: 0.25em; }

.page-id-7771 .stat-period h5, .page-id-7771 .stat-period p { color: #666; margin-bottom: 0; }

.page-id-7771 .stat-list { list-style: none; margin-left: 0; }

.page-id-7771 hr { margin: 1.25rem 0 2rem; }

.page-id-7771 .header-hint { font-family: "Lato", Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #999; }

.page-id-7771 blockquote { background: #f9ffff; padding-top: 1.25em; padding-bottom: 0.125em; }

@media only screen and (max-width: 40em) { .page-id-7771 .site-stats, .page-id-7771 .reach { margin-bottom: 3em; } }

/*********************
CUSTOM SHOP PAGE
*********************/
.shop-page [class*="column"] + [class*="column"]:last-child { float: left; }

.shop-page .itemsectiontitle h2, .shop-page .itemsectiontitle h3, .shop-page .itemsectiontitle h4 { border-bottom: 1px solid #ddd; margin-bottom: 1.5em; }

.shop-page #main a:not(.button):not(.article-title):hover, .shop-page #main a:not(.button):not(.article-title):focus { background: transparent; color: #8dbabf; }

.shop-page #main .itemgroup { margin-bottom: 6em; }

.shop-page #main .itemgroup .full-width-feature { background: #f0f0f0; padding: 2em; }

.shop-page #main .itemgroup .item .itemDescription { margin-top: 1.5em; font-family: "Lato", Helvetica, sans-serif; }

.shop-page #main .itemgroup .item .itemDescription .itemBrand { font-size: 0.7rem; display: block; text-transform: uppercase; color: #888; margin-bottom: 1em; letter-spacing: 0.1em; }

.shop-page #main .itemgroup .item .itemDescription p { font-size: 1rem; }

.shop-page #main .itemgroup .item .itemDescription .itemTitle { text-transform: uppercase; text-decoration: none; display: block; font-size: 14px; line-height: 1.4em; margin-bottom: 0.5em; }

/********************* AJAX LOADER STYLES Taken from sample code at: http://tympanus.net/codrops/2013/09/18/creative-loading-effects/ */
/* .ajax-loader { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 3px; background: $secondary-color; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); pointer-events: none; z-index: 9999; } .ajax-loader::after { position: absolute; top: 0; right: 0; width: 100px; height: 100%; background: $secondary-color; box-shadow: 0 0 15px $secondary-color, 0 0 5px $secondary-color; content: ''; opacity: 0; -webkit-transition: opacity 0.2s, box-shadow 2s 4s; transition: opacity 0.2s, box-shadow 2s 4s; -webkit-transform: rotate(2deg) translateY(-2px); transform: rotate(2deg) translateY(-2px); } .ajax-loader.animate { z-index: 100; opacity: 0; -webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s; transition: transform 5s ease-in, opacity 1s 5s; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .ajax-loader.la-animate::after { box-shadow: 0 0 3px $secondary-color, 0 0 1px $secondary-color; opacity: 1; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 25%; bottom: 200px; width: 200px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; } */
/********************* JS CLASS STUFF We need to hide things if JS is enabled (infinite scroll, etc....) */
/* .js .page-navigation { display: none; } */
/* 1/9/17 commenting this out... doesn't display older posts on tag / cat pages w/ more than 10 entries .wp-prev-next {  display: none; }*/
/*.postitem { // border: 1px solid #ff00ff; } #eg_subscribe_form .label.success { font-size: 1em; width: 100%; padding: 1em; }*/
/*
MEDIUM
*/
@media only screen and (min-width: 40.063em) { /******************************************************************

Stylesheet: Medium Stylesheet

Styles apply to 40.063em and up.

******************************************************************/
  body.page-template-front-page #inner-header { background: #f0f0f0; }
  body #inner-content { margin-top: 3em; }
  /*********************
NAVIGATION STYLES
*********************/
  ul.off-canvas-list { margin-left: 0; }
  ul.off-canvas-list input#s { border: 0; }
  ul.off-canvas-list ul { list-style: none; margin-left: 0; }
  ul.off-canvas-list li a { border: 0px; font-size: 1rem; }
  ul.off-canvas-list li a.button { background-color: #8dbabf; color: #f0f0f0; padding: 0; }
  ul.off-canvas-list .dropdown { margin-left: 20px; list-style: none; list-style: none; }
  #alert-header { text-align: center; padding: 0; margin: 0; }
  #alert-header .top-bar { background: none; padding: 0; }
  #alert-header .top-bar .columns { height: 100%; }
  #alert-header .top-bar p { color: #fff; margin-bottom: 0; line-height: 45px; font-size: 1em; font-weight: 700; }
  #alert-header .top-bar .button { top: 0; }
  #alert-header .top-bar #close-alert { color: #8dbabf; }
  /*********************
POSTS & CONTENT STYLES
*********************/
  body.blog #blog-feature-post.has-post-thumbnail .article-title h2, body.archive #blog-feature-post.has-post-thumbnail .article-title h2, body.search #blog-feature-post.has-post-thumbnail .article-title h2 { margin: 0; padding: 0.5em 1em; min-height: 104px; }
  body.blog .post.has-post-thumbnail h5, body.archive .post.has-post-thumbnail h5, body.search .post.has-post-thumbnail h5 { margin-top: -2em; }
  .page-template-page-full-width-php .article-header, .page-template-page-product-php .article-header, .page-template-page-shop-php .article-header, .page-template-page-archives .article-header { padding: 6em 0; }
  .row.archive-title { margin-left: auto; }
  /* entry content */
  .entry-content { /* at this larger size, we can start to align images */ }
  .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 .sponsoredArea { margin: 1em 0 2em; }
  /* end .entry-content */
  body.single .post { margin-top: 3em; }
  body.single .post.has-post-thumbnail { margin-top: 0; }
  body.single .post.has-post-thumbnail .article-header { margin-bottom: 3em; background-color: #fff; }
  body.single .post.has-post-thumbnail .article-header h2 { margin: 0 0 0.5em; }
  .article-footer .second { border-top: none; border-left: 1px solid #eee; margin-top: 0; }
  /*********************
SIDEBARS & ASIDES
*********************/
  .widget { /* margin: 2.2em 0; */ }
  .widget.AdWidget_HTMLWidget, .widget.AdWidget_ImageWidget { /* margin: 0; */ }
  .widget.AdWidget_HTMLWidget a, .widget.AdWidget_HTMLWidget div, .widget.AdWidget_ImageWidget a, .widget.AdWidget_ImageWidget div { margin-top: 1em; }
  #next-prev-links { /* padding: 0 10px; */ }
  /*********************
FOOTER STYLES
*********************/
  #menu-footer-nav { display: inline-block; }
  #menu-footer-nav li { display: inline-block; float: left; }
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */
  /*********************
FOUNDATION STYLES
*********************/
  /*********************
PLUGIN STYLES
*********************/
  #infscr-loading { left: 45%; } }

/*
LARGE
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 64.063em) { /****************************************************************

Stylesheet: Large Stylesheet

Styles apply to 64.063em and up.

******************************************************************/
  body:not(.page-template-page-focused-php) { padding-top: 82px; }
  /*********************
GENERAL STYLES
*********************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  .wrap { max-width: 1140px; }
  /*********************
HEADER STYLES
*********************/
  /* basically hard-coding styles in here, waaa */
  #topbar.contain-to-grid { background: #fff; }
  .top-bar { background: transparent; line-height: 45px; }
  .top-bar .title { font-size: 2.2em; line-height: 1.2; }
  .top-bar .top-bar-section { width: auto; text-align: center; }
  .top-bar .top-bar-section i { font-size: 2em; }
  .top-bar .top-bar-section .has-dropdown > a:after { border-color: #8dbabf transparent transparent transparent; }
  .top-bar .top-bar-section ul li { background: transparent; margin-right: 0 !important; }
  .top-bar .top-bar-section ul li.current-menu-item, .top-bar .top-bar-section ul li.current-menu-ancestor { background-color: #f0f0f0; }
  .top-bar .top-bar-section ul li.current-menu-item a:hover, .top-bar .top-bar-section ul li.current-menu-ancestor a:hover { color: #fff !important; }
  .top-bar .top-bar-section ul li.current-menu-ancestor > a:hover:after, .top-bar .top-bar-section ul li.current-menu-ancestor > a:active:after { border-color: #fff transparent transparent transparent; }
  .top-bar .top-bar-section ul li:hover, .top-bar .top-bar-section ul li:active { background: #f0f0f0; color: #8dbabf; }
  .top-bar .top-bar-section ul li > a:hover, .top-bar .top-bar-section ul li > a:active { background: #f0f0f0; color: #8dbabf; }
  .top-bar .top-bar-section ul li a { background: transparent; }
  .top-bar .top-bar-section ul li:not(.has-form) a:not(.button) { background: transparent; color: #8dbabf; padding: 1px 1rem; }
  .top-bar .top-bar-section ul li:not(.has-form) a:not(.button):hover { color: #8dbabf; }
  .top-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #f0f0f0; color: #8dbabf; }
  .top-bar .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #8dbabf; color: #fff; }
  #menu-main-nav { display: inline-block; }
  /*********************
NAVIGATION STYLES
*********************/
  .top-bar { padding: 1em 0; line-height: normal; height: auto; }
  .top-bar .title { background: url("../images/logo-navcolor-tag.png") center center no-repeat; background-size: contain; margin: 0; }
  .top-bar .button { height: 2.5rem; }
  .top-bar-section { text-align: center; }
  .top-bar-section i { font-size: 2em; }
  .top-bar-section .dropdown li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form) a:not(.button) { padding: 0 10px; }
  #menu-main-nav { display: inline-block; }
  #menu-main-nav li.standout a { color: #3D8F33; }
  #menu-main-nav li.standout:hover a, #menu-main-nav li.standout.active a { color: #39A02D; }
  .top-bar-search { position: relative; right: 0; height: 0; top: -4em; z-index: 999; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  .top-bar-search input { font-size: .95em; height: 2.5rem; }
  .top-bar-search a { padding: 0 !important; height: 2rem; }
  .top-bar-search a i { font-size: 1.5em; }
  .top-bar-search a#searchsubmit { background: #8dbabf; color: #fff; }
  .top-bar-search a#searchsubmit:hover, .top-bar-search a#searchsubmit:active { background: #f0f0f0; color: #8dbabf; }
  .top-bar-search a#close-search { background-color: #f0f0f0; color: #8dbabf; }
  .top-bar-search a#close-search:hover, .top-bar-search a#close-search:active { background: #8dbabf; color: #f0f0f0; }
  .top-bar-search form.searchform { position: relative; top: 5px; right: 0px; }
  /*********************
CONTENT STYLES
*********************/
  body.blog #blog-feature-post.has-post-thumbnail .article-title h2, body.archive #blog-feature-post.has-post-thumbnail .article-title h2, body.search #blog-feature-post.has-post-thumbnail .article-title h2 { margin-top: 0; min-height: 0; }
  body.blog #blog-feature-post.has-post-thumbnail .feature-post, body.archive #blog-feature-post.has-post-thumbnail .feature-post, body.search #blog-feature-post.has-post-thumbnail .feature-post { margin-top: -3em; }
  body.blog #blog-feature-post.has-post-thumbnail .feature-post p, body.archive #blog-feature-post.has-post-thumbnail .feature-post p, body.search #blog-feature-post.has-post-thumbnail .feature-post p { padding: 0 1.2em; }
  blockquote { position: relative; margin-left: -1em; margin-right: 0; }
  /*********************
SIDEBARS & ASIDES
*********************/
  .widget ul li { /* deep nesting */ }
  .widget ul li ul { margin-top: 0.75em; padding-left: 1em; }
  #sidebar .widget_recent_entries ul li a { font-size: .8em; }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
FOOTER STYLES
*********************/
  /*********************
FOUNDATION STYLES
*********************/
  /*********************
PLUGIN STYLES
*******************/ }

/*
XLARGE
*/
@media only screen and (min-width: 90.063em) { /******************************************************************

Stylesheet: X-Large Stylesheet

Styles apply to 90.063em and up.


******************************************************************/ }

/*
XXLARGE
*/
@media only screen and (min-width: 120.063em) { /******************************************************************

Stylesheet: XX-Large Stylesheet

Styles apply to 120.063em and up.

******************************************************************/ }

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@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) { /******************************************************************
Site Name: Effortless Gent
Author: Barron cuadro

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.

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

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. 

*/ }

/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print { /******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * { 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; }
  a:after, a:visited:after { content: " (" attr(href) ")"; }
  a abbr[title]:after, a:visited 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 { display: none; } }

/*
EARNIST STYLESHEET
Customized CSS for the Earnist plugin (all affiliate links)
*/
/******************************************************************

Stylesheet: For Earnist Plugin - custom styles

******************************************************************/
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist - Gift Guide Specific styles */
[data-magellan-expedition] { padding: 25px 10px 20px; }

[data-magellan-expedition-clone] { padding: 10px 0 5px; }

.giftguidenav { margin-bottom: 0 !important; }

.giftguidenav .button { margin-bottom: 0.25em; }

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist - combined styles */
.prod-group li, .earnist li { padding: 1.25rem !important; margin-bottom: 0 !important; }

.earnist-wrapper { margin-bottom: 1.3 !important; }

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist - Basic display */
.earnist-wrapper { margin-bottom: 1.3em !important; font-family: 'Lato',Helvetica,sans-serif; font-size: 90%; padding: 0; margin-bottom: 0; }

.earnist-wrapper .earnist { padding: 1.25em 1.5em !important; border-radius: 0; }

.earnist-wrapper .earnist .earnist-product-details { flex: 70%; -webkit-box-flex: 70%; -ms-flex: 0 0 70%; max-width: 70%; }

.earnist-wrapper .earnist .earnist-product-details .earnist-title { font-size: 18px; margin: 0; text-transform: uppercase; text-align: left; }

.earnist-wrapper .earnist .earnist-product-details .earnist-price { float: none; line-height: 26px; font-size: 0; margin: 0 0 1rem; }

.earnist-wrapper .earnist .earnist-product-details .earnist-price .earnist-amount { font-size: 14px; color: #aaa; font-weight: normal; }

.earnist-wrapper .earnist .earnist-product-details .earnist-button { padding: 8px 30px; border-radius: 0; font-size: 14px; margin: 0 0 0.5rem; }

.earnist-wrapper .earnist-image { flex: 0%; -webkit-box-flex: 30%; -ms-flex: 0 0 30%; max-width: 30%; }

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist - prod group layout - fluid listing of products in unordered list */
.prod-group { /* simple display with price and buy button; you can see this in Holiday Gift Guide */ }

.prod-group > li { padding: 0 1.5rem 1.25rem; }

.prod-group > li p:not(.earnist-wrapper) { padding: 0 1rem; font-size: 16px; }

.prod-group > li img { margin-bottom: 1em; }

.prod-group.earnist-simple .earnist-wrapper .earnist { border-width: 1px 0 !important; padding: 10px 0 3px !important; }

.prod-group.earnist-simple .earnist-wrapper .earnist-product-details { flex: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; max-width: 100%; }

.prod-group.earnist-simple .earnist-wrapper .earnist-product-details .earnist-title { display: none; visibility: hidden; }

.prod-group.earnist-simple .earnist-wrapper .earnist-product-details .earnist-price { font-size: 0; float: left; line-height: 42px; margin: 0; }

.prod-group.earnist-simple .earnist-wrapper .earnist-product-details .earnist-price .earnist-amount { font-size: 14px; color: #aaa; font-weight: normal; }

.prod-group.earnist-simple .earnist-wrapper .earnist-product-details .earnist-button { float: right; }

.prod-group.earnist-simple .earnist-wrapper .earnist-image { display: none; visibility: hidden; flex: 0%; -webkit-box-flex: 0; -ms-flex: 0 0 0; max-width: 0%; }

.scrollhint { display: none; visilibity: hidden; }

.brandname { display: block; font-size: 70%; color: #ccc; }

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist - Minimal Display the default used on regular in-post shopping pages with dark buttons example: https://effortlessgent.com/best-tapered-jeans-men */
.earnist-minimal li:nth-child(odd) { border-right: 1px solid #eee; }

.earnist-minimal .earnist-wrapper { padding: 0em; margin: 1.25rem 0.625rem 0 !important; }

.earnist-minimal .earnist-wrapper .earnist { border: 0 !important; padding: 0 !important; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row { margin-right: 0px; margin-left: 0px; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details { padding-left: 0; padding-right: 5px; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-title { font-size: 14px; line-height: 20px; font-weight: normal; margin: 0 0 1.5em; text-align: center; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-price { float: left; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-price .earnist-amount { font-size: 12px; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-button { float: right; margin-top: 0; background-color: #444 !important; color: #fff; padding: 1px 20px; font-size: 12px; }

.earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-button:hover, .earnist-minimal .earnist-wrapper .earnist .earnist-row .earnist-product-details .earnist-button:active { background-color: #25c74a !important; }

.earnist-minimal .earnist-wrapper .earnist .earnist-image { float: none; margin: 0 auto; padding-left: 5px; padding-right: 0; }

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* Earnist styles for small screens below 768px */
@media only screen and (max-width: 767px) { [data-magellan-expedition] { padding: 0; }
  .giftguidenav { overflow: auto; white-space: nowrap; }
  .giftguidenav span a { display: inline-block; }
  .prod-group.earnist-simple .earnist-wrapper .earnist { /*padding:1.25em 1.5em 2em;*/ padding: 0 !important; }
  .prod-group.earnist-simple .earnist-wrapper .earnist .earnist-product-details { text-align: left !important; padding-left: 15px; padding-right: 15px; }
  .prod-group.earnist-simple .earnist-wrapper .earnist .earnist-product-details .earnist-price { text-align: left; }
  .prod-group.earnist-simple .earnist-wrapper .earnist .earnist-product-details .earnist-price .earnist-amount { line-height: 55px; }
  .prod-group.earnist-simple .earnist-wrapper .earnist .earnist-product-details .earnist-button { margin: 0.5rem 0; }
  .prod-group.earnist-simple .earnist-wrapper .earnist .earnist-image { margin: 0 auto 20px !important; padding: 0 5px; }
  /* displays not in prod group or simple */
  .earnist-wrapper .earnist .earnist-product-details .earnist-title { line-height: 26px; }
  .earnist-wrapper .earnist .earnist-product-details .earnist-price { text-align: left; margin-bottom: 0.5rem; }
  .scrollhint { display: block; visilibity: visible; }
  .earnist-minimal li:nth-child(odd) { border-right: 0; } }

/*
Overlaying a new FONTS STYLESHEET 10/16/2016
*/
/*  -------------------- -- Font Imports ---- -------------------- */
/*  -------------------- ---- Breakpoints --- -------------------- */
/* =====  Font Size Example  $p-font-sizes: ( null  : (15px, 1.3), small : 16px, medium: (17px, 1.4), 900px : 18px, large : (19px, 1.45), 1440px: 20px, ); ==========*/
/*  -------------------- -- Font Variables -- -------------------- */
/*  -------------------- --- Global Fonts --- -------------------- */
p, ul, li, .top-bar-section ul li > a, h4.page-subtitle, blockquote, blockquote p { font-family: "Lato", Helvetica, sans-serif; }

h1, h2, h3, h4 { font-weight: 600; }

h1.page-title { font-size: 40px; line-height: 1.2; text-transform: uppercase; }

@media screen and (min-width: 480px) { h1.page-title { font-size: 40px; line-height: 1.2; } }

@media screen and (min-width: 640px) { h1.page-title { font-size: 44px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { h1.page-title { font-size: 44px; line-height: 1.2; } }

body, h2, h3, h4, h5, h6, .post .entry-content h4:first-of-type { font-family: "Khand", "Arial Narrow", sans-serif; }

h2 { font-size: 32px; line-height: 1.2; letter-spacing: 0.5px; text-transform: uppercase; }

@media screen and (min-width: 480px) { h2 { font-size: 32px; line-height: 1.2; } }

@media screen and (min-width: 640px) { h2 { font-size: 34px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { h2 { font-size: 34px; line-height: 1.2; } }

h3 { font-size: 26px; line-height: 1.2; letter-spacing: 0.5px; text-transform: uppercase; }

@media screen and (min-width: 480px) { h3 { font-size: 26px; line-height: 1.2; } }

@media screen and (min-width: 640px) { h3 { font-size: 30px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { h3 { font-size: 30px; line-height: 1.2; } }

h4 { font-size: 24px; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; }

@media screen and (min-width: 480px) { h4 { font-size: 24px; line-height: 1.2; } }

@media screen and (min-width: 640px) { h4 { font-size: 26px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { h4 { font-size: 26px; line-height: 1.2; } }

h4.page-subtitle { font-size: 24px; line-height: 1.2; line-height: 1.4; text-transform: none; font-weight: 400; margin-bottom: 0; }

@media screen and (min-width: 480px) { h4.page-subtitle { font-size: 24px; line-height: 1.2; } }

@media screen and (min-width: 640px) { h4.page-subtitle { font-size: 26px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { h4.page-subtitle { font-size: 26px; line-height: 1.2; } }

h5 { font-size: 20px; line-height: 1.1; letter-spacing: 2px; text-transform: uppercase; }

@media screen and (min-width: 480px) { h5 { font-size: 20px; line-height: 1.1; } }

@media screen and (min-width: 640px) { h5 { font-size: 22px; line-height: 1.1; } }

@media screen and (min-width: 1440px) { h5 { font-size: 22px; line-height: 1.1; } }

h6 { font-size: 17px; line-height: 1.1; letter-spacing: 2px; text-transform: uppercase; }

@media screen and (min-width: 480px) { h6 { font-size: 17px; line-height: 1.1; } }

@media screen and (min-width: 640px) { h6 { font-size: 20px; line-height: 1.1; } }

@media screen and (min-width: 1440px) { h6 { font-size: 20px; line-height: 1.1; } }

h6 span { font-size: 12px; }

p { font-size: 14px; line-height: 1.6; }

@media screen and (min-width: 480px) { p { font-size: 14px; line-height: 1.6; } }

@media screen and (min-width: 640px) { p { font-size: 16px; line-height: 1.6; } }

@media screen and (min-width: 1440px) { p { font-size: 16px; line-height: 1.6; } }

li { font-size: 14px; line-height: 1.6; }

@media screen and (min-width: 480px) { li { font-size: 14px; line-height: 1.6; } }

@media screen and (min-width: 640px) { li { font-size: 16px; line-height: 1.6; } }

@media screen and (min-width: 1440px) { li { font-size: 16px; line-height: 1.6; } }

/*  -------------------- POST / PAGE SPECIFIC -------------------- */
.home h6 { margin-bottom: 1em; border-bottom: 1px solid #eee; padding-bottom: 2px; line-height: 1.6; }

.home h6 span { font-size: 14px; }

body.archives .arc-item h3, body.archive .arc-item h3, body.page-template-page-archives .arc-item h3, body.search .arc-item h3 { line-height: 1.2em; }

body.archives .arc-item h3 a, body.archive .arc-item h3 a, body.page-template-page-archives .arc-item h3 a, body.search .arc-item h3 a { text-decoration: none !important; }

body.archives .arc-item p.postdate, body.archives .arc-item p.tags, body.archive .arc-item p.postdate, body.archive .arc-item p.tags, body.page-template-page-archives .arc-item p.postdate, body.page-template-page-archives .arc-item p.tags, body.search .arc-item p.postdate, body.search .arc-item p.tags { font-family: "Lato", Helvetica, sans-serif; font-size: 1em; }

body.archives .arc-item p.postdate, body.archive .arc-item p.postdate, body.page-template-page-archives .arc-item p.postdate, body.search .arc-item p.postdate { font-size: 90%; margin-bottom: 0.75em; color: #999; }

body.archives .arc-item img.wp-post-image, body.archive .arc-item img.wp-post-image, body.page-template-page-archives .arc-item img.wp-post-image, body.search .arc-item img.wp-post-image { margin: 0.5em 0; }

.post .entry-content .panel h2, .post .entry-content .panel h3, .post .entry-content .panel h4 { margin-top: 0; }

.post .entry-content .panel h4 { margin-bottom: 0.5em !important; }

.post .entry-content h2, .post .entry-content h3, .post .entry-content h4 { margin: 1.5em 0 0.5em; }

.post .entry-content blockquote, .post .entry-content blockquote p { font-size: 20px; line-height: 1.8; font-weight: 300; font-style: italic; }

@media screen and (min-width: 480px) { .post .entry-content blockquote, .post .entry-content blockquote p { font-size: 20px; line-height: 1.8; } }

@media screen and (min-width: 640px) { .post .entry-content blockquote, .post .entry-content blockquote p { font-size: 24px; line-height: 1.8; } }

@media screen and (min-width: 1440px) { .post .entry-content blockquote, .post .entry-content blockquote p { font-size: 24px; line-height: 1.8; } }

.post .entry-content blockquote span.author, .post .entry-content blockquote p span.author { font-size: 16px; font-weight: 300; font-style: normal; }

body.single .post .article-header h2 { font-size: 36px; line-height: 1.1em; }

@media screen and (min-width: 480px) { body.single .post .article-header h2 { font-size: 40px; } }

@media screen and (min-width: 640px) { body.single .post .article-header h2 { font-size: 54px; } }

@media screen and (min-width: 1440px) { body.single .post .article-header h2 { font-size: 60px; } }

body.single .post .article-header h6.auth-name { text-align: center; }

body.single .post .article-header h6.auth-name span { font-size: 16px; border: 1px solid #ccc; border-width: 1px 0; padding: 0.5em 2em; }

body.single #inner-content h4:first-of-type { font-size: 24px; line-height: 1.2; margin-bottom: 1em; margin-top: 0.5em !important; text-transform: uppercase; font-weight: 400; letter-spacing: 0.5px; }

@media screen and (min-width: 480px) { body.single #inner-content h4:first-of-type { font-size: 24px; line-height: 1.2; } }

@media screen and (min-width: 640px) { body.single #inner-content h4:first-of-type { font-size: 26px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { body.single #inner-content h4:first-of-type { font-size: 26px; line-height: 1.2; } }

body.single #inner-content p { margin-bottom: 1.3em; text-align: justify; }

body.single #inner-content p.wp-caption-text { line-height: 1.6; font-size: 0.75em; text-align: center; margin-bottom: 1em; padding: 0.5em 3em; }

body.single #inner-content .panel p:last-child { margin-bottom: 0; }

footer.article-footer p { /*font-family:'Lato', Helvetica, sans-serif;*/ }

footer ul.sub-nav li { font-size: 10px; line-height: 1; line-height: 1.6em; }

@media screen and (min-width: 480px) { footer ul.sub-nav li { font-size: 10px; line-height: 1; } }

@media screen and (min-width: 640px) { footer ul.sub-nav li { font-size: 12px; line-height: 1.2; } }

@media screen and (min-width: 1440px) { footer ul.sub-nav li { font-size: 12px; line-height: 1.2; } }

#footboard h2 { margin-bottom: 0.75em; }