@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600,700");
/* ============================================================================= normalize.css v3.0.0 | MIT License | git.io/normalize ============================================================================= */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

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

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

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

.ie7 *, .ie7 *:before, .ie7 *:after { -webkit-box-sizing: content-box; box-sizing: content-box; }

/* ============================================================================= FDP Overrides ============================================================================= */
.content_image_box { border-color: transparent; border-width: 0; background-image: none; background-color: transparent; }

#catalog { margin: 1.14em 0; position: relative; }

#catalog_order_details th { padding: 4px 10px; }

#internal div.dlCategoriesContainer h4 { color: #edecea; font-size: 1.1em; margin: 0; }

#message_details .value { padding-left: 10px; }

#order_details_cart_actions, .dlItemDetailsFormSubmitContainer, .dlItemDetailsCategory { font-size: 0.9em; }

.catalog_order_details_section .catalog_order_items_reorder_button { bottom: 0; clear: both; margin-top: -1.14em; position: relative; right: 0; }

.column_title, table#content_online_proof tbody tr td { padding: 4px 10px 4px 0; }

.dlItemDetailsPhotoContainer img.dlDetailsPhoto, .dlPhotoContainer img.dlPhoto { border-color: rgba(0, 0, 0, 0.1); }

.dlListHeadingContainer a { color: #edecea; }

div.dlSpecifyDetailsLinkContainer a:hover, div.dlSpecifyDetailsLinkContainer a:active { background: #edecea; color: #B78B90; }

div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle { background: #e8e8e6; color: #edecea; font-size: 0.9em; }

h5.form_title { clear: both; }

table.content_data_table td.row_odd, table.express_order p.category_title, #catalog_order_details th, .catalog_order_details_wrapper .catalog_order_section_row .catalog_order_section .catalog_order_section_title, #message_details .label.online_proof_details_label, table.express_order td.order_details_subtotal_value, table.express_order td.order_details_tax_value, table.express_order td.order_details_total_value, .dlItemDetailsFormHeading, .dlItemDetailsCategory { background: transparent; color: #555; vertical-align: middle; }

table.express_order tr.category, table.express_order tr.category td { background: transparent none; }

/* Adding privacy policy scroll feature */
.ui-dialog { position: fixed; top: 50%; margin-top: -250px; }

/* .ui-dialog must be fixed + top 50% */
.ui-dialog-titlebar { z-index: 2; }

.fdpc_policy_modal { max-height: 500px; overflow: scroll; }

/* ============================================================================= Form Reset ============================================================================= */
button, input, select { font-size: 12px; height: auto; line-height: 14px; }

button, input { padding: 2px 10px; }

input.content_login_portal_password, input.content_login_portal_username, .form_row_submit { margin: 0; padding: 0; width: 100%; }

table.express_order tr.item td { padding: 7px; }

.dlCategoriesTitle h4, .dlListHeadingContainer a { color: #333; }

div.required_form_label { color: #EF3A35; }

div.portal_login { clear: both; }

table.calendar tbody td span.day, table.calendar thead th, table.content_data_table th.column_label, div.catalog_display_express p.continue_button, table.express_order th, .dlItemDetailsFormSubmitContainer, div.content_catalog_cart_navigation a:hover, div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle { background: #E8E8E6; color: #333; }

ul.spacing_triple, ol.spacing_triple { line-height: 3.5em !important; }

ul.spacing_double, ol.spacing_double { line-height: 2.5em !important; }

ul.spacing_single, ol.spacing_single { line-height: 1.5em !important; }

ul.list_style_none { list-style-type: none !important; }

/** @desc			Media breakpoints @author		Firespring */
/* ============================================================================
Fonts - must also include font awesome in head
============================================================================ */
/* ==========================================================================
Apply a natural box layout model to all elements
Via http://www.paulirish.com/2012/box-sizing-border-box-ftw/
========================================================================== */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* normalize.css v3.0.1 | MIT License | http://necolas.github.io/normalize.css/ */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, 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/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

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

/** Improve readability when focused and also mouse hovered in all browsers. */
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 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.5rem; }

sub { bottom: -0.25rem; }

/* 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 { -webkit-box-sizing: content-box; 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: 1rem; }

/* 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"] { 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 (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ }

/** 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.35rem 0.625rem 0.75rem; }

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

/** @desc			General styles @author		Firespring */
/* ==========================================================================
Link colors
========================================================================== */
a:link { color: #09f; text-decoration: none; }

a:visited { color: #c33; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

a:active { color: #000; text-decoration: underline; }

/* ============================================================================
Responsive media elements
============================================================================ */
img { width: 100%; height: auto; -ms-interpolation-mode: bicubic; vertical-align: middle; }

object, embed { max-width: 100%; height: auto; }

/* ============================================================================
Meta info list
============================================================================ */
.info-meta .prefix:after { content: '\00A0'; }

/** @desc			Helper classes @author		Firespring */
/* ============================================================================
Image replacement
============================================================================ */
.ir { background-color: transparent; border: 0; overflow: hidden; }

.ir:before { content: ''; display: block; width: 0; height: 150%; }

/* ============================================================================
Hide from both screenreaders and browsers
============================================================================ */
.hidden { display: none !important; visibility: hidden; }

/* ============================================================================
Hide only visually, but have it available for screenreaders
============================================================================ */
.fa > span, .aria-label, .form--inline-labels .form-row--text .form-row__label, .form--inline-labels .form-row--password .form-row__label, .form--inline-labels .form-row--select .form-row__label, .form--inline-labels .form-row--textarea .form-row__label, .form--inline-labels .form-row--search .form-row__label, .form--inline-labels .form-row--url .form-row__label, .form--inline-labels .form-row--email .form-row__label, .form--inline-labels .form-row--tel .form-row__label, .form--inline-labels .form-row--number .form-row__label, .form--inline-labels .form-row--date .form-row__label, .nav--pagination > a span, .nav--pagination > span span, .hidden-visually { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.fa > span.focusable:active, .focusable.aria-label:active, .form--inline-labels .form-row--text .focusable.form-row__label:active, .form--inline-labels .form-row--password .focusable.form-row__label:active, .form--inline-labels .form-row--select .focusable.form-row__label:active, .form--inline-labels .form-row--textarea .focusable.form-row__label:active, .form--inline-labels .form-row--search .focusable.form-row__label:active, .form--inline-labels .form-row--url .focusable.form-row__label:active, .form--inline-labels .form-row--email .focusable.form-row__label:active, .form--inline-labels .form-row--tel .focusable.form-row__label:active, .form--inline-labels .form-row--number .focusable.form-row__label:active, .form--inline-labels .form-row--date .focusable.form-row__label:active, .nav--pagination > a span.focusable:active, .nav--pagination > span span.focusable:active, .fa > span.focusable:focus, .focusable.aria-label:focus, .form--inline-labels .form-row--text .focusable.form-row__label:focus, .form--inline-labels .form-row--password .focusable.form-row__label:focus, .form--inline-labels .form-row--select .focusable.form-row__label:focus, .form--inline-labels .form-row--textarea .focusable.form-row__label:focus, .form--inline-labels .form-row--search .focusable.form-row__label:focus, .form--inline-labels .form-row--url .focusable.form-row__label:focus, .form--inline-labels .form-row--email .focusable.form-row__label:focus, .form--inline-labels .form-row--tel .focusable.form-row__label:focus, .form--inline-labels .form-row--number .focusable.form-row__label:focus, .form--inline-labels .form-row--date .focusable.form-row__label:focus, .nav--pagination > a span.focusable:focus, .nav--pagination > span span.focusable:focus, .hidden-visually.focusable:active, .hidden-visually.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* ============================================================================
Hide visually and from screenreaders, but maintain layout
============================================================================ */
.invisible { visibility: hidden; }

/* ============================================================================
Self-clearing floats
============================================================================ */
.list--inline:after, .nav--breadcrumbs .nav__list:after, .nav--bar .nav__list:after, .collection--glossary .collection__nav ul:after, .button-bar:after, .panel:after, .tab-pane:after, .wizard__content:after, .wizard__actions:after, .collection-item:after, .donation-tier a:after, .event-calendar__list .event:after, .list-item:after, .clearfix:after { display: table; content: ""; clear: both; }

/* ============================================================================
Misc
============================================================================ */
/** @desc			Helpers for aligning text and centering block elements @author		Firespring */
/* ==========================================================================
Text alignment
========================================================================== */
.grid--block-horz-left li, th, .fc, .fc-rtl .fc-basic-view .fc-day-number, .text-left { text-align: left; }

.grid--block-horz-right li, th.numeric, td.numeric, .table--order-items tfoot, .designready-info__pricing th:nth-child(2), .designready-info__pricing td:nth-child(2), .fc-rtl, .fc-ltr .fc-basic-view .fc-day-number, .ecommerce-checkout--review .form-actions, .table--invoice-items tfoot, .text-right { text-align: right; }

.grid--block-horz-center li, .xdsoft_timepicker, .xdsoft_datetimepicker .xdsoft_mounthpicker, .xdsoft_timepicker .xdsoft_time_box > div > div, .xdsoft_datetimepicker .xdsoft_label, .xdsoft_calendar td, .xdsoft_calendar th, .invoices__list .invoice-link a, .label, .modal-popup--spinner, .progress-bar-percent, .slider__nav--prev, .slider__nav--next, .wizard__steps ol, .catalog-item-preview-image, .catalogs__nav, .catalogs--express .catalog-item-images, .catalogs--simple .catalog-item-images, .catalogs--gallery .image, .catalog-item__header, .catalog-item-price, .catalog-item-inventory, .designready__nav, .designready-info__toggle, .designready__grid, .designready__preview, .fc th, .fc-basic-view .fc-week-number, .event-ticket__ticketholder:before, .event-calendar-nav, .ecommerce-checkout--login .form-actions, .ecommerce-checkout__guest-checkout a, .ecommerce-checkout__guest-hr, .fundraising-campaign-status, .invoices__list .invoice-link, .policy-links, .shopping-cart-item__image, .shopping-cart-item__actions, .shopping-cart-item-details__title, .shopping-cart__actions, .shopping-cart--empty, .text-center, .nav--centered { text-align: center; }

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

/* ============================================================================
Center align elements
============================================================================ */
/* Horizontally
========================================================================== */
.inline-popup, .catalogs--gallery .image, .collection--gallery .collection-item-image, .designready-info__pricing, .designready__thumb, .designready-preview__ui, .designready-preview__action .form-row__controls, .ecommerce-checkout--login, .center-horz { display: block; margin-left: auto; margin-right: auto; }

/* Vertically
============================================================================ */
.center-vert { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/** @desc			Helpers for floats @author		Firespring */
/* ==========================================================================
General floats
========================================================================== */
.float-left { float: left; }

.float-right { float: right; }

.float-none, .xdsoft_timepicker .xdsoft_prev, .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_copyright { float: none; }

/* ==========================================================================
Base Settings
========================================================================== */
html { font-weight: normal; font-style: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; }

body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; text-rendering: optimizeLegibility; }

/** Typecsset Typecsset is a small, unopinionated library for creating beautifully set type on the web. Typecsset gives perfect vertical rhythm at any configurable font size, as well as many other typographical niceties. */
/*------------------------------------*    #SHARED
\*------------------------------------*/
/** A lot of elements in Typecsset need to share some declarations (mainly for vertical rhythm), so we `@extend` some silent classes. */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, address, pre, blockquote, table { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, p, address, pre, blockquote, table { margin-bottom: 1.5rem; }

/*------------------------------------*    #BASE
\*------------------------------------*/
/** 1. Set the base element’s `font-size` to the value of your choosing. Set in ems, assuming a browser default of 16px. 2. Work out the unitless `line-height` for your project based around your desired `line-height` (defined previously in pixels), and your project’s base font size. */
html { font-size: 1em; /* [1] */ line-height: 1.5; /* [2] */ }

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
h1 { font-size: 3rem; line-height: 1; }

h2 { font-size: 2.25rem; line-height: 1.33333; }

h3 { font-size: 1.5rem; line-height: 1; }

h4 { font-size: 1.3125rem; line-height: 1.14286; }

h5 { font-size: 1.125rem; line-height: 1.33333; }

h6 { font-size: 1rem; line-height: 1.5; }

/*------------------------------------*    #LISTS
\*------------------------------------*/
ul, ol, dl { margin-left: 3rem; }

li > ul, li > ol { list-style: inherit; }

dt { font-weight: bold; }

/*------------------------------------*    #PARAGRAPHS
\*------------------------------------*/
/** Not strictly a paragraph, but probably doesn’t need its own section. */
/*------------------------------------*    #CODE
\*------------------------------------*/
/** 1. Fix an odd quirk whereby, without this, code blocks are rendered at a font-size smaller than 1em. */
code, kbd, pre, samp { font-family: monospace, monospace; /* [1] */ }

/*------------------------------------*    #QUOTES
\*------------------------------------*/
/** 1. Hang the opening quote of the blockquote. */
/** Set up quote marks on quoting elements. This is very English-based, so we are using “, ”, ‘, and ’ quotes. */
blockquote { margin-left: 3rem; }

q { quotes: "‘" "’" "“" "”"; /** If an element opens with an inline quote, let’s hang that. */ }

q:before { content: "‘"; content: open-quote; }

q:after { content: "’"; content: close-quote; }

q q:before { content: "“"; content: open-quote; }

q q:after { content: "”"; content: close-quote; }

q:first-child { text-indent: -0.22em; }

/*------------------------------------*    #TABLES
\*------------------------------------*/
/** Crude table styles; tables are very difficult to keep on the baseline. */
th, td { padding: 12px; }

/* ============================================================================
General Styles
============================================================================ */
.list--inline > li, .nav--breadcrumbs .nav__list > li, .nav--bar .nav__list > li, .collection--glossary .collection__nav ul > li, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button, .invoices__list .invoice-link a, .label, thead.rotated span, .table--order-items th, .table--order-items td, .catalogs--gallery .catalogs__content--grid .info-row__label, .invoices--details__items .item-cost, .nowrap { white-space: nowrap; }

/* ============================================================================
Additional List Styles
============================================================================ */
/* Plain list, no styling
============================================================================ */
.list--plain, .social-media-links ul, .form-row--checkbox ol, .form-row--radio ol, .nav__list, .nav--bar .nav__list ul, .tabs__nav, .wizard__steps ol, .event__content .event-details__related-links ul, .proof-view__details .info-row--proof-files ul, .portal-selector__list { margin: 0; padding: 0; list-style: none; }

/* Inline list
============================================================================ */
.list--inline, .nav--breadcrumbs .nav__list, .nav--bar .nav__list, .collection--glossary .collection__nav ul { list-style: none; margin-right: 0; margin-left: 0; padding: 0; }

.list--inline > li, .nav--breadcrumbs .nav__list > li, .nav--bar .nav__list > li, .collection--glossary .collection__nav ul > li { float: left; }

/* List Spacing
============================================================================ */
.list-spacing--single > li { margin-top: 0; margin-bottom: 0; }

.list-spacing--double > li { margin-top: 1.5rem; margin-bottom: 0; }

.list-spacing--double > li:first-child { margin-top: 0; }

.list-spacing--triple > li { margin-top: 3rem; margin-bottom: 0; }

.list-spacing--triple > li:first-child { margin-top: 0; }

/* ============================================================================
Styles & Weights
============================================================================ */
.invoices__list .invoice-link a, .label, .nav--pagination, .catalogs--express .catalog-item-title .catalog-item-number, .catalogs--simple .catalog-item-title .catalog-item-number, .fc-event, .shopping-cart-item-details__title .catalog-item-number { font-weight: 400; }

.accordion__panel--current .accordion-panel-trigger, .xdsoft_datetimepicker .xdsoft_label, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_today, .xdsoft_calendar td.xdsoft_default, .xdsoft_calendar td.xdsoft_today, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_today, .xdsoft_calendar td.xdsoft_current, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .xdsoft_calendar th, .nav--breadcrumbs__here, .nav--pagination__here, table caption, th, tbody.row-headers td:first-child, .table--order-items tfoot .order-total, .table--order-items .item-details__title, .wizard-step--current span, .catalogs--express .catalog-item-options .item-option__label, .catalogs--simple .catalog-item-options .item-option__label, .catalogs--express .catalog-item-subtotal-pricing, .catalogs--simple .catalog-item-subtotal-pricing, .catalogs--express .catalog-items-total-pricing, .catalogs--simple .catalog-items-total-pricing, .catalog-item-price, .collection-item-label, .donation-tier__amount, .fc-day-grid-event .fc-time, .event-ticket__header, .event-ticket__ticketholder:before, .e2ma_signup_form_label, .fundraising-campaign-status__amount, .image-gallery--grid .image-gallery-item-title, .invoices--details__items .item-details__title, .invoices--details__items .invoice-total, .invoices--details__items .invoice-balance, .list-item-label, .shopping-cart-item-subtotal, .shopping-cart-total-pricing, .shopping-cart--empty, .site-structure-map .nav-level-0 > a, .spotlight-text__title { font-weight: 700; }

/* ============================================================================
Sizes
============================================================================ */
.alert__close, body .fc, .fc-unthemed .fc-popover .fc-header .fc-close, .fc table { font-size: 1rem; }

/* ============================================================================
Title Bar
============================================================================ */
/* ============================================================================
Font Awesome mods
============================================================================ */
/** @desc			Flexbox grid classes @author		Firespring */
/* ============================================================================
Grid rows
============================================================================ */
.grid { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.625rem; margin-left: -0.625rem; }

/* Collapsed grids
============================================================================ */
.grid--compact { margin: 0; }

.grid--compact .grid-col { padding: 0; }

.grid--compact .grid { margin: 0; }

/* Reversed grids
============================================================================ */
.grid--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-flex-wrap: row-reverse; -ms-flex-wrap: row-reverse; flex-wrap: row-reverse; }

/* ============================================================================
Column general defaults
============================================================================ */
.grid-col { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; max-width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; }

[class*='col--w-'] { -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }

.grid-col--reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; -webkit-flex-wrap: column-reverse; -ms-flex-wrap: column-reverse; flex-wrap: column-reverse; }

/* Block grid
============================================================================ */
.grid--block { border: 1px solid #ccc; border-width: 1px 0 0 1px; list-style: none; margin: 0; padding: 0; }

.grid--block li { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; max-width: 100%; border: 1px solid #ccc; border-width: 0 1px 1px 0; background: #fff; }

.grid--block li > * { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; max-width: 100%; }

.grid--block .image img { width: auto; }

/* Horizontal Alignment */
/* Vertical Alignment */
.grid--block-vert-top li { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

.grid--block-vert-middle li { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.grid--block-vert-bottom li { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }

/* IE9 fix */
.lt-ie10 .grid--block li { max-width: 100%; }

/* ============================================================================
Media queries
============================================================================ */
/* Extra small column widths
============================================================================ */
@media only screen and (min-width: 480px) { .grid-col--xs-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--xs-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--xs-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--xs-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--xs-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--xs-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--xs-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--xs-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--xs-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--xs-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  /* Default column offsets */
  .grid-col--xs-push-0 { margin-left: 0; }
  .grid-col--xs-push-1 { margin-left: 8.333333333%; }
  .grid-col--xs-push-2 { margin-left: 16.666666667%; }
  .grid-col--xs-push-3 { margin-left: 25%; }
  .grid-col--xs-push-4 { margin-left: 33.333333333%; }
  .grid-col--xs-push-5 { margin-left: 41.666666667%; }
  .grid-col--xs-push-6 { margin-left: 50%; }
  .grid-col--xs-push-7 { margin-left: 58.333333333%; }
  .grid-col--xs-push-8 { margin-left: 66.666666667%; }
  .grid-col--xs-push-9 { margin-left: 75%; }
  .grid-col--xs-push-10 { margin-left: 83.333333333%; }
  .grid-col--xs-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xs-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--xs-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--xs-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--xs-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--xs-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--xs-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--xs-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-xs-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-xs-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-xs-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-xs-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-xs-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-xs-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-xs-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-xs-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-xs-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-xs-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-xs-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-xs-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/* Small breakpoint
============================================================================ */
@media only screen and (min-width: 768px) { .grid-col--sm-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--sm-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--sm-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--sm-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--sm-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--sm-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--sm-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--sm-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--sm-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--sm-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .grid-col--sm-push-0 { margin-left: 0; }
  .grid-col--sm-push-1 { margin-left: 8.333333333%; }
  .grid-col--sm-push-2 { margin-left: 16.666666667%; }
  .grid-col--sm-push-3 { margin-left: 25%; }
  .grid-col--sm-push-4 { margin-left: 33.333333333%; }
  .grid-col--sm-push-5 { margin-left: 41.666666667%; }
  .grid-col--sm-push-6 { margin-left: 50%; }
  .grid-col--sm-push-7 { margin-left: 58.333333333%; }
  .grid-col--sm-push-8 { margin-left: 66.666666667%; }
  .grid-col--sm-push-9 { margin-left: 75%; }
  .grid-col--sm-push-10 { margin-left: 83.333333333%; }
  .grid-col--sm-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--sm-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--sm-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--sm-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--sm-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--sm-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--sm-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--sm-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-sm-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-sm-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-sm-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-sm-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-sm-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-sm-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-sm-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-sm-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-sm-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-sm-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-sm-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-sm-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/* Medium breakpoint
============================================================================ */
@media only screen and (min-width: 992px) { .grid-col--md-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--md-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--md-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--md-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--md-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--md-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--md-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--md-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--md-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--md-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .grid-col--md-push-0 { margin-left: 0; }
  .grid-col--md-push-1 { margin-left: 8.333333333%; }
  .grid-col--md-push-2 { margin-left: 16.666666667%; }
  .grid-col--md-push-3 { margin-left: 25%; }
  .grid-col--md-push-4 { margin-left: 33.333333333%; }
  .grid-col--md-push-5 { margin-left: 41.666666667%; }
  .grid-col--md-push-6 { margin-left: 50%; }
  .grid-col--md-push-7 { margin-left: 58.333333333%; }
  .grid-col--md-push-8 { margin-left: 66.666666667%; }
  .grid-col--md-push-9 { margin-left: 75%; }
  .grid-col--md-push-10 { margin-left: 83.333333333%; }
  .grid-col--md-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--md-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--md-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--md-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--md-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--md-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--md-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--md-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--md-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-md-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-md-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-md-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-md-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-md-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-md-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-md-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-md-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-md-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-md-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-md-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-md-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/* Large breakpoint
============================================================================ */
@media only screen and (min-width: 1200px) { .grid-col--lg-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--lg-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--lg-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--lg-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--lg-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--lg-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--lg-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--lg-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--lg-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--lg-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .grid-col--lg-push-0 { margin-left: 0; }
  .grid-col--lg-push-1 { margin-left: 8.333333333%; }
  .grid-col--lg-push-2 { margin-left: 16.666666667%; }
  .grid-col--lg-push-3 { margin-left: 25%; }
  .grid-col--lg-push-4 { margin-left: 33.333333333%; }
  .grid-col--lg-push-5 { margin-left: 41.666666667%; }
  .grid-col--lg-push-6 { margin-left: 50%; }
  .grid-col--lg-push-7 { margin-left: 58.333333333%; }
  .grid-col--lg-push-8 { margin-left: 66.666666667%; }
  .grid-col--lg-push-9 { margin-left: 75%; }
  .grid-col--lg-push-10 { margin-left: 83.333333333%; }
  .grid-col--lg-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--lg-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--lg-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--lg-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--lg-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--lg-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--lg-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--lg-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-lg-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-lg-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-lg-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-lg-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-lg-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-lg-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-lg-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-lg-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-lg-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-lg-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-lg-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-lg-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/* XL breakpoint
============================================================================ */
@media only screen and (min-width: 1600px) { .grid-col--xl-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--xl-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--xl-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--xl-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--xl-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--xl-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--xl-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--xl-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--xl-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--xl-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .grid-col--xl-push-0 { margin-left: 0; }
  .grid-col--xl-push-1 { margin-left: 8.333333333%; }
  .grid-col--xl-push-2 { margin-left: 16.666666667%; }
  .grid-col--xl-push-3 { margin-left: 25%; }
  .grid-col--xl-push-4 { margin-left: 33.333333333%; }
  .grid-col--xl-push-5 { margin-left: 41.666666667%; }
  .grid-col--xl-push-6 { margin-left: 50%; }
  .grid-col--xl-push-7 { margin-left: 58.333333333%; }
  .grid-col--xl-push-8 { margin-left: 66.666666667%; }
  .grid-col--xl-push-9 { margin-left: 75%; }
  .grid-col--xl-push-10 { margin-left: 83.333333333%; }
  .grid-col--xl-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xl-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--xl-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--xl-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--xl-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--xl-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--xl-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--xl-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--xl-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--xl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-xl-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-xl-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-xl-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-xl-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-xl-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-xl-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-xl-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-xl-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-xl-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-xl-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-xl-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-xl-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/* XXL breakpoint
============================================================================ */
@media only screen and (min-width: 1800px) { .grid-col--xxl-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; }
  .grid-col--xxl-2 { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid-col--xxl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid-col--xxl-4 { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid-col--xxl-5 { -webkit-flex-basis: 41.666666667%; -ms-flex-preferred-size: 41.666666667%; flex-basis: 41.666666667%; max-width: 41.666666667%; }
  .grid-col--xxl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid-col--xxl-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333%; max-width: 58.333333333%; }
  .grid-col--xxl-8 { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; }
  .grid-col--xxl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .grid-col--xxl-10 { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; }
  .grid-col--xxl-11 { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; }
  .grid-col--xxl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid-col--xxl-expand { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
  .grid-col--xxl-shrink { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: auto; -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .grid-col--xxl-push-0 { margin-left: 0; }
  .grid-col--xxl-push-1 { margin-left: 8.333333333%; }
  .grid-col--xxl-push-2 { margin-left: 16.666666667%; }
  .grid-col--xxl-push-3 { margin-left: 25%; }
  .grid-col--xxl-push-4 { margin-left: 33.333333333%; }
  .grid-col--xxl-push-5 { margin-left: 41.666666667%; }
  .grid-col--xxl-push-6 { margin-left: 50%; }
  .grid-col--xxl-push-7 { margin-left: 58.333333333%; }
  .grid-col--xxl-push-8 { margin-left: 66.666666667%; }
  .grid-col--xxl-push-9 { margin-left: 75%; }
  .grid-col--xxl-push-10 { margin-left: 83.333333333%; }
  .grid-col--xxl-push-11 { margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xxl-first { -webkit-order: -1; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .grid-col--xxl-last { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  /* Column position */
  .grid--xxl-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .grid--xxl-center { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
  .grid--xxl-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
  .grid--xxl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .grid--xxl-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
  .grid--xxl-top { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .grid--xxl-middle { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .grid--xxl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
  /* Block grid */
  .grid--block-xxl-1 li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .grid--block-xxl-2 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .grid--block-xxl-3 li { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; }
  .grid--block-xxl-4 li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .grid--block-xxl-5 li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .grid--block-xxl-6 li { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; }
  .grid--block-xxl-7 li { -webkit-flex-basis: 14.285714%; -ms-flex-preferred-size: 14.285714%; flex-basis: 14.285714%; max-width: 14.285714%; }
  .grid--block-xxl-8 li { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; }
  .grid--block-xxl-9 li { -webkit-flex-basis: 11.11111111%; -ms-flex-preferred-size: 11.11111111%; flex-basis: 11.11111111%; max-width: 11.11111111%; }
  .grid--block-xxl-10 li { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; }
  .grid--block-xxl-11 li { -webkit-flex-basis: 9.090909091%; -ms-flex-preferred-size: 9.090909091%; flex-basis: 9.090909091%; max-width: 9.090909091%; }
  .grid--block-xxl-12 li { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; } }

/** @desc			Margin helpers @author		Firespring */
/* ============================================================================
All sides
============================================================================ */
.info-meta > div:first-child, body, dd, .form--inline .form-row, .xdsoft_datetimepicker *, .mfp-arrow, .mfp-figure figure, .inline-popup__header h5, .nav--breadcrumbs li:first-child:before, .panel table, table, .catalog__header h2, .catalog-header__description > *:first-child, .catalogs-nav-misc div:first-child, .catalogs--express .catalog-item-options .item-option:first-child, .catalogs--simple .catalog-item-options .item-option:first-child, .catalogs--express .catalog-item-title h2, .catalogs--simple .catalog-item-title h2, .catalogs--express .catalog-item-description > *:first-child, .catalogs--simple .catalog-item-description > *:first-child, .catalogs--gallery .catalogs__content--grid h3, .catalog-item-header__title h2, .collection--gallery .collection-item-image, .event-meta__date-time > div[class*='info-meta__'], .event__content h6, .event-calendar__list h4, .fc hr, .event-registration__review table, .event-registration__review .ticket-fields, .event-calendar-search .form-row, .ecommerce-checkout--review .review-section__header h5, .image-text__title, .locations-hours .location__title h5, .locations-hours .location__hours *, .locations-hours .location__hours *:first-child, .news-articles--article h2, .policy-link:first-child, .search-form .form-row, .shopping-cart-item-details__title h2, .margin-none { margin: 0; }

.margin-thin { margin: 0.5rem; }

.margin-medium { margin: 0.75rem; }

.margin-thick { margin: 1rem; }

.margin-scale { margin: 1.5rem; }

/* ============================================================================
Top
============================================================================ */
.form-row__controls .form-grid:first-child, .form-row__controls .form-grid__control:first-child, .field-collection--payment .form-row:first-child, .control-sub-option .form-row:first-child, .catalogs__content--list .catalog-nav:first-child, .nav-arrow-block:first-child, .catalogs__content--list .catalog-nav .catalog-description > *:first-child, .nav-arrow-block__description > *:first-child, .panel p:first-child, .panel--alert p, .table--order-items .item-option:first-child, .table--order-items .item-details__description > *:first-child, .wizard__content .form-row:first-child, .wizard__content [class*='field-collection--']:first-child, .catalogs--gallery .catalogs__content--grid .item-details__description > *:first-child, .collection-item-description p:first-child, .collection-item-details p:first-child, .collection--glossary .collection__items li:first-child, .designready-jump-industries > div:first-child, .donation-tier:first-child, .event-details > div:first-child, .event-ticket-group__description p:first-child, .event-ticket__description p:first-child, .ecommerce-checkout--review .review-section:first-child .review-section__header, .image-text__caption p:first-child, .image-gallery--grid .image-gallery-item-details p:first-child, .list-item-description > *:first-child, .list-item-details > *:first-child, .news-articles--list .news-article-description p:first-child, .portal-selector__list li:first-child, .shopping-cart-item-meta__column:first-child, .shopping-cart-action:first-child, .site-structure-map .nav-level-0:first-child, .margin-top-none { margin-top: 0; }

.form-row--display-image .display-image-delete, .form-control-info--below, .form--inline .form-row__button, .form-row__controls .form-grid, .form-row__controls .form-grid__control, .field-collection--payment .accepted-cc-types, .catalogs--gallery .catalogs__content--grid .item-details-sub-catalog, .designready-jump-industries, .designready-jump-industries > div, .event-header-actions, .e2ma_signup_form_required_footnote, .image__text, .shopping-cart-action, .margin-top-thin { margin-top: 0.5rem; }

.table--order-items .item-option, .catalogs--express .catalog-item-gallery > ul, .catalogs--simple .catalog-item-gallery > ul, .catalogs--express .catalog-item-options .item-option, .catalogs--simple .catalog-item-options .item-option, .image-gallery--grid .image-gallery-item-image + div, .portal-selector__list li, .margin-top-medium { margin-top: 0.75rem; }

.slider__pager, .table--order-items .item-details__description > *, .table--order-items .item-details__meta, .catalog-header__description > *, .catalogs--gallery .catalogs__content--grid .item-details__description > *, .news-articles--list .news-article-description, .proof-view__details .info-rows .info-row--highlight.info-row--proof-files, .shopping-cart-item-description, .shopping-cart-item-meta, .shopping-cart-item-meta__column, .margin-top-thick { margin-top: 1rem; }

.field-collection--payment, .field-collection--payment .form-row, .control-sub-option .form-row, hr, .catalogs__content--list .catalog-nav .catalog-description > *, .nav-arrow-block__description > *, .panel p, .wizard__content .form-row, .wizard__content [class*='field-collection--'], .catalogs--express .catalog-item-details, .catalogs--simple .catalog-item-details, .collection-item-description p, .collection-item-details p, .collection--gallery .collection-item-image + [class*='collection-item-'], .collection--glossary .collection__items li, .donation-tier, .event-details > div, .event-ticket-group__description p, .event-ticket__description p, .e2ma_signup_form_button_row, .image-gallery--grid .image-gallery-item-details p, .list-item-description > *, .list-item-details > *, .locations-hours .location__hours *, .news-articles--list .news-article-description p, .news-articles--list .news-articles-archive, .site-structure-map .nav-level-0, .margin-top-scale { margin-top: 1.5rem; }

/* ============================================================================
Right
============================================================================ */
.designready-preview__action .form-actions input, .fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start, .margin-right-none { margin-right: 0; }

.form-actions input, .form-actions a, .form-actions button, .catalog__header .fa, .margin-right-thin { margin-right: 0.5rem; }

.nav--breadcrumbs li:before, .margin-right-medium { margin-right: 0.75rem; }

.margin-right-thick { margin-right: 1rem; }

.margin-right-scale { margin-right: 1.5rem; }

/* ============================================================================
Bottom
============================================================================ */
li > ul, li > ol, .field-collection--payment .form-row, .control-sub-option .form-row, .catalogs__content--list .catalog-nav h5, .nav-arrow-block h5, .catalogs__content--list .catalog-nav .catalog-description > *, .nav-arrow-block__description > *, .panel p, .panel--alert :last-child, .table--order-items .item-details__description > *, .wizard__content .form-row, .wizard__content [class*='field-collection--'], .catalog-header__description > *, .catalogs--gallery .catalogs__content--grid .item-details__description > *, .collection > ul, .collection > ol, .collection-item-description p, .collection-item-details p, .collection--glossary .collection__items li, .event-ticket-group__title h5, .event-ticket-group__description p, .event-ticket__description p, .event-registration--ticketholder-info h5, .event-ticket__ticketholder .form-row:last-child, .event-registration__registrant-info .form-row:last-child, .event-registration__ticketholder-info h5, .event-calendar-nav__title h3, .image-gallery--grid .image-gallery-item-details p, .content-list > ul, .content-list > ol, .list-item-description > *, .list-item-details > *, .news-articles--list .news-article-description p, .portal-user-search__form .form-row, .margin-bottom-none { margin-bottom: 0; }

.form-row__label, .form-row--display-image .display-image-delete, .form-control-info__error, .form-control-info--above, .modal-popup--spinner .modal-spinner, .catalogs-nav-breadcrumbs, .designready-nav-breadcrumbs, .event__title-date-time, .event-header-actions .event-register, .event-ticket__quantity, .event-calendar-search__jump, .e2ma_signup_form_label, .order-history-nav-breadcrumbs, .margin-bottom-thin { margin-bottom: 0.5rem; }

.table--order-items, .event__header h2, .event-ticket__ticketholder:before, .event-calendar-nav__title, .margin-bottom-medium { margin-bottom: 0.75rem; }

.catalogs__nav, .catalogs--express .catalogs__content, .catalogs--simple .catalogs__content, .catalogs--gallery .catalogs__content--grid .item-details__header, .catalogs--gallery .catalogs__content--grid .image, .catalogs--gallery .catalogs__content--grid .info-rows, .catalogs--gallery .catalogs__content--grid .item-details__meta, .designready__nav, .designready__thumb, .event-calendar-nav, .order-history__nav, .shopping-cart-item-details__title, .margin-bottom-thick { margin-bottom: 1rem; }

.field-collection--payment, hr, .inline-popup__header, .modal-popup--progress-bar .progress-bar, .panel, .panel--alert p, .wizard__steps, .wizard__content, .catalog-order-view__info, .catalog-order-view__details, .catalog-item-preview-image, .catalogs--express .catalog-item__content, .catalogs--simple .catalog-item__content, .catalogs--express .catalog-items-total, .catalogs--simple .catalog-items-total, .catalogs--express .form-actions:first-child, .catalogs--simple .form-actions:first-child, .catalogs--gallery .catalogs__content--grid .catalog-grid, .catalog-item__header, .catalog-item-images, .catalog-item-image, .catalog-item-inventory, .collection, .collection-item-image, .collection-item--details .collection-item-details, .designready__jump, .designready__product-info, .designready__grid, .designready-preview__ui, .event__header, .event-image, .event-calendar--details .event, .event-registration__review, .ecommerce-checkout__guest-checkout, .ecommerce-checkout__guest-hr, .ecommerce-checkout--review .review-section, .e2ma_signup_message, .e2ma_signup_form_row, .facebook-feed, .google-map, .image-gallery-item--details .image-gallery-item-details, .invoices--details__overview, .content-list, .list-item-image, .list-item--details .list-item-details, .news-articles--list .news-article-image, .news-articles--article .news-article-header, .order-history--items .reorder__item-previews, .online-proof-management-approval--proof-view .proof-view__details, .online-proof-management-approval--proof-view .proof-view__form, .portal-user-details__info, .shopping-cart-item__image, .shopping-cart-item__info, .shopping-cart-total-pricing, .margin-bottom-scale { margin-bottom: 1.5rem; }

/* ============================================================================
Left
============================================================================ */
.form-actions input:first-child, .form-actions a:first-child, .form-actions button:first-child, .form-row--checkbox ol.list--inline > li:first-child, .form-row--radio ol.list--inline > li:first-child, .field-collection--payment .accepted-cc-types span:first-child, tfoot div:first-child, .collection--glossary .collection__nav li:first-child, .fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end, .margin-left-none { margin-left: 0; }

.form-row--required > .form-row__label:after, .field-collection--payment .accepted-cc-types span, .catalog__header .fa, .margin-left-thin { margin-left: 0.5rem; }

.nav--breadcrumbs li:before, .invoices--details__footer a, .margin-left-medium { margin-left: 0.75rem; }

.info-meta > div, .policy-link, .margin-left-thick { margin-left: 1rem; }

tfoot div, .catalogs-nav-misc div, .collection--glossary .collection__nav li, .event-calendar-nav__next-prev, .margin-left-scale { margin-left: 1.5rem; }

/** @desc			Helpers for aligning text and centering block elements @author		Firespring */
/* ==========================================================================
Defaults
========================================================================== */
[class*="border-"] { border-style: solid; }

/* ==========================================================================
All sides
========================================================================== */
hr, .event-ticket__ticketholder:first-child, .border-none { border-width: 0; }

.border-thin { border-width: 1px; }

.border-medium { border-width: 3px; }

.border-thick { border-width: 6px; }

/* ==========================================================================
Top
========================================================================== */
.nav--bar .nav__list > li, .nav--bar .nav__list ul li:first-child, tbody tr:first-child > td, .fc-popover > .ui-widget-header + .ui-widget-content, .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td, .border-top-none { border-top-width: 0; }

.border-top-thin { border-top-width: 1px; }

.border-top-medium { border-top-width: 3px; }

.border-top-thick { border-top-width: 6px; }

/* ==========================================================================
Right
========================================================================== */
.fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start, .border-right-none { border-right-width: 0; }

.border-right-thin { border-right-width: 1px; }

.border-right-medium { border-right-width: 3px; }

.border-right-thick { border-right-width: 6px; }

/* ==========================================================================
Bottom
========================================================================== */
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td, .border-bottom-none { border-bottom-width: 0; }

.border-bottom-thin { border-bottom-width: 1px; }

.border-bottom-medium { border-bottom-width: 3px; }

.border-bottom-thick { border-bottom-width: 6px; }

/* ==========================================================================
Left
========================================================================== */
.nav--bar .nav__list > li:first-child, .nav--bar .nav__list ul li, .fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end, .border-left-none { border-left-width: 0; }

.border-left-thin { border-left-width: 1px; }

.border-left-medium { border-left-width: 3px; }

.border-left-thick { border-right-width: 6px; }

/** @desc			Padding helpers @author		Firespring */
/* ============================================================================
All sides
============================================================================ */
option, .xdsoft_datetimepicker *, .mfp-arrow, .nav__list--select select, .nav__list--select select option, .tooltipster-base, .event-registration__review .ticket-fields, .padding-none { padding: 0; }

textarea, .table--compact th, .table--compact td, .padding-thin { padding: 0.5rem; }

th, td, .padding-medium { padding: 0.75rem; }

.grid--block li, .accordion-panel-trigger, .accordion-panel-content, .nav--bar .nav__list a, .panel, .donation-tier a, .padding-thick { padding: 1rem; }

.inline-popup, .wizard__steps, .ecommerce-checkout__guest-checkout a, .padding-scale { padding: 1.5rem; }

/* ============================================================================
Top
============================================================================ */
.catalogs__content--list .catalog-nav:first-child, .nav-arrow-block:first-child, .panel table th, .alert__close, .catalogs--express .catalog-item:first-child, .catalogs--simple .catalog-item:first-child, .event-calendar__list .event:first-child, .event-registration--ticketholder-info .event-ticket, .event-registration--ticketholder-info .event-ticket:first-child, .event-registration__ticketholder-info .event-ticket, .event-registration__ticketholder-info .event-ticket:first-child, .locations-hours .location:first-child, .news-articles--list .news-article:first-child, .shopping-cart-item:first-child, .twitter-feed--list .tweet:first-child, .padding-top-none { padding-top: 0; }

.catalogs__content--list .catalog-nav, .nav-arrow-block, .table--order-items .item-option .control-sub-option, .catalogs--express .catalog-item-subtotal-pricing, .catalogs--simple .catalog-item-subtotal-pricing, .padding-top-thin { padding-top: 0.5rem; }

.padding-top-medium { padding-top: 0.75rem; }

.table--order-items .item-details__meta, .tab-pane, .shopping-cart__total, .padding-top-thick { padding-top: 1rem; }

.control-sub-option, .event-calendar__list .event, .event-ticket-group__description, .event-ticket, .event-registration--confirmation .event-registration__registrant-info, .locations-hours .location, .news-articles--list .news-article, .twitter-feed--list .tweet, .padding-top-scale { padding-top: 1.5rem; }

/* ============================================================================
Right
============================================================================ */
.padding-right-none { padding-right: 0; }

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, .padding-right-thin { padding-right: 0.5rem; }

.form-control-info-grid .form-control-info--left, .padding-right-medium { padding-right: 0.75rem; }

.catalogs--gallery .catalogs__content--grid .item-details__meta > div, .padding-right-thick { padding-right: 1rem; }

.alert__title, .padding-right-scale { padding-right: 1.5rem; }

/* ============================================================================
Bottom
============================================================================ */
.has-sub-options li:last-child > .control-sub-option, .catalogs--express .catalog .catalog .catalog-item:last-child, .catalogs--simple .catalog .catalog .catalog-item:last-child, .event-calendar__list .event:last-child, .event-registration--ticketholder-info .event-ticket, .event-registration--ticketholder-info .event-ticket:last-child, .event-registration__ticketholder-info .event-ticket, .event-registration__ticketholder-info .event-ticket:last-child, .locations-hours .location:last-child, .news-articles--list .news-article:last-child, .twitter-feed--list .tweet:last-child, .padding-bottom-none { padding-bottom: 0; }

.catalogs__content--list .catalog-nav, .nav-arrow-block, .padding-bottom-thin { padding-bottom: 0.5rem; }

.padding-bottom-medium { padding-bottom: 0.75rem; }

.tab-pane, .catalogs--gallery .catalogs__content--grid, .padding-bottom-thick { padding-bottom: 1rem; }

.has-sub-options li .control-sub-option, .event-calendar__list .event, .event-calendar--details .event, .event-ticket, .event-registration__registrant-info, .ecommerce-checkout--review .review-section__header, .locations-hours .location, .news-articles--list .news-article, .portal-user-details__info > .info-row:last-child, .twitter-feed--list .tweet, .padding-bottom-scale { padding-bottom: 1.5rem; }

/* ============================================================================
Left
============================================================================ */
.table--order-items .item-option .control-sub-option, .padding-left-none { padding-left: 0; }

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, .padding-left-thin { padding-left: 0.5rem; }

.form-control-info-grid .form-control-info--right, .padding-left-medium { padding-left: 0.75rem; }

.padding-left-thick { padding-left: 1rem; }

.control-sub-option, .padding-left-scale { padding-left: 1.5rem; }

/** @desc			Width helpers @author		Firespring */
.width--auto, .mfp-preloader, img.mfp-img, .mfp-figure:after, .inline-popup, tfoot input, tfoot select, .table--order-items select, .tooltipster-base, .designready-preview__action select { width: auto; }

.width--99p, .table--order-items .item-details, .table--item-pricing .item-pricing-quantity { width: 99%; }

.width--100p, .accordion-panel-trigger, .table--order-items .item-option__control *, .image img { width: 100%; }

/** @desc			Shadow helpers @author		Firespring */
.button[disabled='disabled'], .button.button--disabled, .button[disabled='disabled']:hover, .button.button--disabled:hover, .info-rows .info-row:first-child, .catalogs--express .catalog .catalog .catalog__items, .catalogs--simple .catalog .catalog .catalog__items, .catalogs--express .catalog .catalog .catalog-item:first-child, .catalogs--simple .catalog .catalog .catalog-item:first-child, .catalogs--express .catalog-item:first-child, .catalogs--simple .catalog-item:first-child, .event-calendar__list .event:last-child, .event-ticket:last-child, .event-registration--ticketholder-info .event-ticket, .event-ticket__ticketholder:first-child, .event-registration__ticketholder-info .event-ticket, .locations-hours .location:first-child, .news-articles--list .news-article:last-child, .shopping-cart-item:first-child, .box-shadow-none { -webkit-box-shadow: none; box-shadow: none; }

.info-row, .table--order-items .item-details__meta, .catalogs--express .catalog .catalog, .catalogs--simple .catalog .catalog, .catalogs--express .catalog-item, .catalogs--simple .catalog-item, .catalogs--express .catalog-item-subtotal-pricing, .catalogs--simple .catalog-item-subtotal-pricing, .event-ticket__ticketholder, .locations-hours .location, .proof-view__details .info-rows .info-row--highlight.info-row--proof-files, .shopping-cart-item, .box-shadow-1px-border-top { -webkit-box-shadow: 0 -1px 0 0 #ccc; box-shadow: 0 -1px 0 0 #ccc; }

.catalogs--express .catalog__items, .catalogs--simple .catalog__items, .event-calendar__list .event, .event-ticket, .ecommerce-checkout--review .review-section__header, .news-articles--list .news-article, .shopping-cart__items, .box-shadow-1px-border-bottom { -webkit-box-shadow: 0 1px 0 0 #ccc; box-shadow: 0 1px 0 0 #ccc; }

.event-calendar--details .event, .event-registration__ticketholder-info, .box-shadow-3px-border-bottom { -webkit-box-shadow: 0 3px 0 0 #ccc; box-shadow: 0 3px 0 0 #ccc; }

/** @desc			Display helpers @author		Firespring */
/* ==========================================================================
Text alignment
========================================================================== */
.accordion-panel-trigger, .accordion__panel--current .accordion-panel-content, 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, .field-collection--payment .accepted-cc-types span, .xdsoft_datepicker.active, .xdsoft_timepicker.active, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button, .xdsoft_timepicker .xdsoft_prev, .xdsoft_timepicker .xdsoft_next, .catalogs__content--list .catalog-nav a, .nav-arrow-block a, .nav--bar .nav__list li:hover > ul, .nav--bar .nav__list li.nav__list--hover > ul, .nav--bar .nav__list a, .tabs__nav a, .tooltipster-arrow, .tooltipster-arrow span, .tooltipster-arrow-border, .donation-tier a, .event-meta__date-time > div[class*='info-meta__'], .fc-event, .event-ticket__ticketholder:before, .ecommerce-checkout__guest-checkout a, .shopping-cart-item-details__title .catalog-item-number, .shopping-cart-item-quantity input, .shopping-cart-item-quantity select { display: block; }

img, .info-meta > div, q:first-child, label input[type='checkbox'], label input[type='radio'], .form-row--required > .form-row__label:after, .invoices__list .invoice-link a, .label, a.nav-return:before, tfoot div, .tooltip--trigger, .wizard-step, .wizard-step:after, .wizard-step span, .catalogs--express .catalog-item-title .catalog-item-number, .catalogs--simple .catalog-item-title .catalog-item-number, .catalogs--gallery .catalogs__content--grid .item-details-sub-catalog:before, .collection-item--has-icon .collection-item-icon, .collection-item--has-icon .collection-item-label, .fc-icon, .fc-basic-view .fc-week-number span, .ecommerce-checkout__guest-hr span, .list-item--has-icon .list-item-icon, .list-item--has-icon .list-item-label, .policy-link { display: inline-block; }

.accordion-panel-content, .control-sub-option, .xdsoft_datetimepicker, .xdsoft_datepicker, .xdsoft_timepicker, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select, .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content, .nav--bar .nav__list ul, .wizard-step:last-child:after, .fc-limited, .e2ma_signup_form_button_row input[type='reset'] { display: none; }

/** @desc			Visibility Helper classes @author		Firespring */
/* ============================================================================
Resolution
============================================================================ */
/* General defaults
============================================================================ */
.show-small, .show-medium, .show-large, .show-xlarge, .show-xxlarge { display: none !important; }

/* Small
============================================================================ */
@media (max-width: 992px) { .show-small { display: block !important; }
  table.show-small { display: table; }
  tr.show-small { display: table-row !important; }
  th.show-small, td.show-small { display: table-cell !important; }
  .hide-small { display: none !important; } }

/* Medium
============================================================================ */
@media (min-width: 992px) and (max-width: 1200px) { .show-medium { display: block !important; }
  table.show-medium { display: table; }
  tr.show-medium { display: table-row !important; }
  th.show-medium, td.show-medium { display: table-cell !important; }
  .hide-medium { display: none !important; } }

/* Large
============================================================================ */
@media (min-width: 1200px) and (max-width: 1600px) { .show-large { display: block !important; }
  table.show-large { display: table; }
  tr.show-large { display: table-row !important; }
  th.show-large, td.show-large { display: table-cell !important; }
  .hide-large { display: none !important; } }

/* X-Large
============================================================================ */
@media (min-width: 1600px) and (max-width: 1800px) { .show-xlarge { display: block !important; }
  table.show-xlarge { display: table; }
  tr.show-xlarge { display: table-row !important; }
  th.show-xlarge, td.show-xlarge { display: table-cell !important; }
  .hide-xlarge { display: none !important; } }

/* XX-Large
============================================================================ */
@media (min-width: 1800px) { .show-xxlarge { display: block !important; }
  table.show-xxlarge { display: table; }
  tr.show-xxlarge { display: table-row !important; }
  th.show-xxlarge, td.show-xxlarge { display: table-cell !important; }
  .hide-xxlarge { display: none !important; } }

/* ============================================================================
Orientation
============================================================================ */
/* General Defaults ========================================================================== */
.show-landscape, .hide-portrait { display: block !important; }

.hide-landscape, .show-portrait { display: none !important; }

/* Landscape ========================================================================== */
@media only screen and (orientation: landscape) { .show-landscape, .hide-portrait { display: block !important; }
  table.show-landscape, table.hide-portrait { display: table; }
  tr.show-landscape, tr.hide-portrait { display: table-row !important; }
  th.show-landscape, td.show-landscape, th.hide-portrait, td.hide-portrait { display: table-cell !important; }
  .hide-landscape, .show-portrait { display: none !important; } }

/* Portrait ========================================================================== */
@media only screen and (orientation: portrait) { .show-portrait, .hide-landscape { display: block !important; }
  table.show-portrait, table.hide-landscape { display: table; }
  tr.show-portrait, tr.hide-landscape { display: table-row !important; }
  th.show-portrait, td.show-portrait, th.hide-landscape, td.hide-landscape { display: table-cell !important; }
  .hide-portrait, .show-landscape { display: none !important; } }

/* ============================================================================
Touch, using Modernizr
============================================================================ */
/* General defaults ========================================================================== */
.show-touch, .touch .hide-touch { display: none !important; }

.hide-touch, .touch .show-touch { display: inherit !important; }

/* Specific visibility for tables using Modernizr ========================================================================== */
table.hide-touch, .touch table.show-touch { display: table; }

thead.hide-touch, .touch thead.show-touch { display: table-header-group !important; }

tbody.hide-touch, .touch tbody.show-touch { display: table-row-group !important; }

tr.hide-touch, .touch tr.show-touch { display: table-row !important; }

td.hide-touch, .touch td.show-touch, th.hide-touch, .touch th.show-touch { display: table-cell !important; }

/* ============================================================================
Resolution
============================================================================ */
/* General defaults ========================================================================== */
.show-retina { display: none !important; }

.hide-retina { display: inherit !important; }

/* Retina/high-res device targeting ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .show-retina { display: block !important; }
  table.show-retina { display: table; }
  tr.show-retina { display: table-row !important; }
  th.show-retina, td.show-retina { display: table-cell !important; }
  .hide-retina { display: none !important; } }

/** @desc			Springboard Overrides, these classes should only be applied by controls in the SB. @author		Firespring */
/* ==========================================================================
Alignment
========================================================================== */
.sb-float-left { float: left !important; }

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

.sb-float-none { float: none !important; }

.sb-center-horz { display: block !important; margin-left: auto !important; margin-right: auto !important; }

/* ==========================================================================
Borders
========================================================================== */
.sb-border-none { border-width: 0 !important; }

.sb-border-thin { border-width: 1px !important; }

.sb-border-medium { border-width: 3px !important; }

.sb-border-thick { border-width: 6px !important; }

/* ============================================================================
Margins
============================================================================ */
.sb-margin-none { margin: 0 !important; }

.sb-margin-thin { margin: 0.5rem !important; }

.sb-margin-medium { margin: 0.75rem !important; }

.sb-margin-thick { margin: 1rem !important; }

.sb-margin-scale { margin: 1.5rem !important; }

.sb-margin-top-none { margin-top: 0 !important; }

.sb-margin-top-thin { margin-top: 0.5rem !important; }

.sb-margin-top-medium { margin-top: 0.75rem !important; }

.sb-margin-top-thick { margin-top: 1rem !important; }

.sb-margin-top-scale { margin-top: 1.5rem !important; }

.sb-margin-right-none { margin-right: 0 !important; }

.sb-margin-right-thin { margin-right: 0.5rem !important; }

.sb-margin-right-medium { margin-right: 0.75rem !important; }

.sb-margin-right-thick { margin-right: 1rem !important; }

.sb-margin-right-scale { margin-right: 1.5rem !important; }

.sb-margin-bottom-none { margin-bottom: 0 !important; }

.sb-margin-bottom-thin { margin-bottom: 0.5rem !important; }

.sb-margin-bottom-medium { margin-bottom: 0.75rem !important; }

.sb-margin-bottom-thick { margin-bottom: 1rem !important; }

.sb-margin-bottom-scale { margin-bottom: 1.5rem !important; }

.sb-margin-left-none { margin-left: 0 !important; }

.sb-margin-left-thin { margin-left: 0.5rem !important; }

.sb-margin-left-medium { margin-left: 0.75rem !important; }

.sb-margin-left-thick { margin-left: 1rem !important; }

.sb-margin-left-scale { margin-left: 1.5rem !important; }

/* ============================================================================
Padding
============================================================================ */
.sb-padding-none { padding: 0 !important; }

.sb-padding-thin { padding: 0.5rem !important; }

.sb-padding-medium { padding: 0.75rem !important; }

.sb-padding-thick { padding: 1rem !important; }

.sb-padding-scale { padding: 1.5rem !important; }

.sb-padding-top-none { padding-top: 0 !important; }

.sb-padding-top-thin { padding-top: 0.5rem !important; }

.sb-padding-top-medium { padding-top: 0.75rem !important; }

.sb-padding-top-thick { padding-top: 1rem !important; }

.sb-padding-top-scale { padding-top: 1.5rem !important; }

.sb-padding-right-none { padding-right: 0 !important; }

.sb-padding-right-thin { padding-right: 0.5rem !important; }

.sb-padding-right-medium { padding-right: 0.75rem !important; }

.sb-padding-right-thick { padding-right: 1rem !important; }

.sb-padding-right-scale { padding-right: 1.5rem !important; }

.sb-padding-bottom-none { padding-bottom: 0 !important; }

.sb-padding-bottom-thin { padding-bottom: 0.5rem !important; }

.sb-padding-bottom-medium { padding-bottom: 0.75rem !important; }

.sb-padding-bottom-thick { padding-bottom: 1rem !important; }

.sb-padding-bottom-scale { padding-bottom: 1.5rem !important; }

.sb-padding-left-none { padding-left: 0 !important; }

.sb-padding-left-thin { padding-left: 0.5rem !important; }

.sb-padding-left-medium { padding-left: 0.75rem !important; }

.sb-padding-left-thick { padding-left: 1rem !important; }

.sb-padding-left-scale { padding-left: 1.5rem !important; }

/** @desc			Accordions @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.accordion-panel-trigger { background: #ccc; border: 0; outline: none; }

.accordion__panel--current .accordion-panel-trigger { background: #999; color: #fff; }

/** @desc			Buttons @author		Firespring */
/* ============================================================================
Buttons
============================================================================ */
/* Defaults
============================================================================ */
.e2ma_signup_form_button_row input, .button, .button:link, .button:visited { display: inline-block; border: 1px solid #999; border-radius: 4px; background-clip: padding-box; font-size: 0.875rem; line-height: normal; color: #333; text-decoration: none; text-shadow: 0 1px 0 #fff; word-wrap: normal; overflow: hidden; vertical-align: middle; background-color: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); background-image: -webkit-linear-gradient(#fff, #ebebeb); background-image: -o-linear-gradient(#fff, #ebebeb); background-image: linear-gradient(#fff, #ebebeb); padding: 0.5rem 1rem; }

.e2ma_signup_form_button_row input:hover, .e2ma_signup_form_button_row input:active, .button:hover, .button:focus { border-color: #666; outline: 0; background-color: gainsboro; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(gainsboro)); background-image: -webkit-linear-gradient(#fafafa, gainsboro); background-image: -o-linear-gradient(#fafafa, gainsboro); background-image: linear-gradient(#fafafa, gainsboro); }

.e2ma_signup_form_button_row input:active, .button:active { border: 1px solid #999; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); outline: none; }

/* X-Large
============================================================================ */
.button-group--xl > .button, .button-bar--xl .button, .button--xl, .button--xl:link, .button--xl:visited { font-size: 1.5rem; padding: 0.625rem 1.3125rem; }

/* Large
============================================================================ */
.button-group--lg > .button, .button-bar--lg .button, .button--lg, .button--lg:link, .button--lg:visited { font-size: 1.3125rem; }

/* Small
============================================================================ */
.button-group--sm > .button, .button-bar--sm .button, .event-calendar__list .event-register a, .button--sm, .button--sm:link, .button--sm:visited { font-size: 0.75rem; padding: 0.4rem 0.75rem; }

/* X-small
============================================================================ */
.button-group--xs > .button, .button-bar--xs .button, .button--xs, .button--xs:link, .button--xs:visited { font-size: 0.625rem; padding: 0.25rem 0.5rem; }

/* Link style
============================================================================ */
.button--link, .button--link:link, .button--link:visited, .button--link:hover, .button--link:active, .button--link:focus { border: 0; background: none; color: #09f; -webkit-box-shadow: none; box-shadow: none; padding: 0; }

.button--link:visited { color: #c33; }

.button--link:hover { color: #000; }

.button--link:active { color: #000; }

/* Outline style
============================================================================ */
.button--outline, .button--outline:link, .button--outline:visited, .button--outline:hover, .button--outline:active, .button--outline:focus { background: none; text-shadow: none; }

/* Full-width
============================================================================ */
.button--expand { width: 100%; }

/* Disabled
============================================================================ */
.button[disabled='disabled'], .button.button--disabled { background: #f8f8f8; cursor: not-allowed; text-shadow: none; color: #ccc; border-color: #ccc; }

.button[disabled='disabled']:hover, .button.button--disabled:hover { border-color: #ccc; }

/* ============================================================================
Button Groups
============================================================================ */
/* Defaults
============================================================================ */
.button-group { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.button-group .button { border-radius: 0; border-left-width: 0; }

.button-group .button:first-child { border-left-width: 1px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.button-group .button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.button-group .button--selected { color: #fff; border-color: #666; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #222; background-color: #666; background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#999)); background-image: -webkit-linear-gradient(#666, #999); background-image: -o-linear-gradient(#666, #999); background-image: linear-gradient(#666, #999); }

/* Sizes
============================================================================ */
/* X-Large */
/* Large */
/* Small */
/* X-small */
/* ===========================================================================
Button Bars
============================================================================ */
/* Defaults
============================================================================ */
/* Sizes
============================================================================ */
/* X-Large */
/* Large */
/* Small */
/* X-small */
/* ============================================================================
Media queries
============================================================================ */
/* Small
============================================================================ */
@media only screen and (min-width: 768px) { .button-bar .button-group, .button-bar .float-right { float: none; } }

/* Medium or bigger
============================================================================ */
@media only screen and (min-width: 992px) { .button-bar .button-group { float: left; margin-left: 1rem; }
  .button-bar .button-group:first-child { margin-left: 0; }
  .button-bar .float-right { float: right; }
  .button-bar .float-right .button-group { margin-right: 1rem; }
  .button-bar .float-right .button-group:last-child { margin: 0; } }

/** @desc			Forms @author		Firespring */
/** @desc			Forms - Defaults @author		Firespring */
/* ============================================================================
Form rows
============================================================================ */
.form-row { margin: 0 0 1.625rem; }

/* ============================================================================
Form labels
============================================================================ */
.form-row__label { line-height: 1.33333; }

/* ============================================================================
Form footer
============================================================================ */
.form-actions input, .form-actions a, .form-actions button { vertical-align: middle; margin-left: -4px; }

/* ============================================================================
ARIA
============================================================================ */
/* ============================================================================
Media queries
============================================================================ */
/* Medium
============================================================================ */
@media only screen and (min-width: 992px) { .form-row__controls { max-width: 40rem; } }

/** @desc			Forms - Labels @author		Firespring */
label { cursor: pointer; }

/** @desc			Forms - Controls @author		Firespring */
/* ============================================================================
Text Inputs
============================================================================ */
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; width: 100%; height: 2.25rem; border-radius: 4px; background-color: #fff; font-family: inherit; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; }

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 { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); border-color: #999; 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: #f0f0f0; color: #999; }

/* Search input-specific
============================================================================ */
input[type='search'] { padding-left: 2rem; }

.form-control--search { position: relative; }

.form-control--search:before { font-family: 'FontAwesome'; content: "\f002"; color: #ccc; position: absolute; top: 0.4375rem; left: 0.6875rem; }

/* File input-specific
============================================================================ */
input[type='file'] { width: 100%; height: 2.25rem; }

/* Textarea-specific
============================================================================ */
textarea { height: 12rem; }

/* ============================================================================
Checkboxes and Radio Buttons
============================================================================ */
label input[type='checkbox'], label input[type='radio'] { vertical-align: baseline; margin-right: 0.25rem; }

/* Input list (For checkboxes & radio buttons)
============================================================================ */
.form-row--checkbox ol.list--inline > li, .form-row--radio ol.list--inline > li { margin-left: 2.25rem; }

/* Inline input list on small screens
============================================================================ */
@media only screen and (max-width: 992px) { .form-row--checkbox ol.list--inline > li, .form-row--radio ol.list--inline > li { display: block; margin: 0; float: none; } }

/* ============================================================================
Select menus
============================================================================ */
select { width: 100%; height: 2.25rem; border: 1px solid #999; border-radius: 4px; font-size: 0.875rem; text-shadow: 0 1px 0 #fff; white-space: nowrap; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb)); background-image: -webkit-linear-gradient(white, #ebebeb); background-image: -o-linear-gradient(white, #ebebeb); background-image: linear-gradient(white, #ebebeb); padding: 0.3125rem; }

select:hover, select:focus { border: 1px solid #666; outline: none; background-color: #fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(gainsboro)); background-image: -webkit-linear-gradient(#fafafa, gainsboro); background-image: -o-linear-gradient(#fafafa, gainsboro); background-image: linear-gradient(#fafafa, gainsboro); }

select[disabled], select[disabled]:hover, select[disabled]:focus { border: 1px solid #ccc; background-color: #f0f0f0; color: #999; background-image: none; }

option { text-shadow: none; }

/* ============================================================================
Display Image fields
============================================================================ */
/* ============================================================================
CAPTCHA fields
============================================================================ */
.form-row--captcha input[type='text'] { display: inline; height: 1.25rem; border-radius: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; -webkit-box-shadow: none; box-shadow: none; }

/* ============================================================================
Placeholder text
============================================================================ */
::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

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

input.has-placeholder, textarea.has-placeholder { color: #999; }

/* ============================================================================
Fix iOS zooming
============================================================================ */
@media only screen and (max-device-width: 480px) { 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, select { font-size: 1rem; } }

/** @desc			Forms - Required fields @author		Firespring */
.form-row--required > .form-row__label:after { content: '* Required'; text-transform: uppercase; color: #999; font-weight: normal; font-size: 0.75rem; }

.form-control-info__error { color: #c00; font-weight: bold; }

.form-control-info__error:before { font-family: 'FontAwesome'; content: '\f071'; }

/** @desc			Forms - Titles @author		Firespring */
.form-title { margin-top: 3.75rem; font-size: 1.25rem; line-height: 1; }

.form-title:first-child { margin-top: 0; }

/** @desc			Forms - Text @author		Firespring */
[class*='form-control-info'] { font-size: 0.875rem; line-height: 1.33333; }

.form-control-info-grid { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }

.form-control-info-grid > [class*='form-control-info--'] { -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; -webkit-box-flex: 1; flex: 1 0 20%; max-width: 20%; }

.form-control-info-grid__controls { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }

/** @desc			Forms - Response @author		Firespring */
.form-response__fields { font-size: 0.875rem; }

/** @desc			Forms - Horizontal @author		Firespring */
/* ============================================================================
Media queries
============================================================================ */
/* Medium
============================================================================ */
@media only screen and (min-width: 992px) { .form--horizontal .form-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin: 0 0 1.3125rem; }
  .form--horizontal .form-row__label, .form--horizontal .form-row__controls { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .form--horizontal .form-row__label { -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; -webkit-box-flex: 1; flex: 1 0 25%; max-width: 25%; padding-top: 0.4375rem; padding-right: 1.5rem; padding-left: 0; }
  .form--horizontal .form-row--checkbox .form-row__label, .form--horizontal .form-row--radio .form-row__label { padding-top: 0.125rem; }
  .form--horizontal .form-row__controls { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; max-width: none; }
  .form--horizontal .form-row--required > .form-row__label:after { display: block; margin: 0; } }

/** @desc			Forms - Inline @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
.form--inline .form-row__controls { max-width: 100%; }

.form--inline .button { width: 100%; height: 2.25rem; }

.form--inline .button-group .button { width: auto; }

/* ============================================================================
Media Queries
============================================================================ */
/* Small+
============================================================================ */
@media only screen and (min-width: 768px) { .form--inline .form-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .form--inline .form-row__controls, .form--inline .form-row__button { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; max-width: auto; }
  .form--inline .form-row__controls { padding-right: 1.25rem; }
  .form--inline .form-row__button { -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; margin: 0; }
  .form--inline--no-button .form-row__controls { padding: 0; } }

/** @desc			Forms - Inline Labels @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
/** @desc			Forms - Nested Fields @author		Firespring */
.form-row__controls .form-grid { display: block; }

.form-row__controls .form-grid__control-sep { display: none; }

/* ============================================================================
Breakpoints
============================================================================ */
/* Small and bigger
============================================================================ */
@media only screen and (min-width: 768px) { .form-row__controls .form-grid { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 0.5rem; margin-right: 0; margin-left: 0; }
  .form-row__controls .form-grid__control { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; max-width: auto; margin-top: 0; padding-right: 0.75rem; padding-left: 0.75rem; }
  .form-row__controls .form-grid__control.region, .form-row__controls .form-grid__control.postal-code, .form-row__controls .form-grid__control.honorific-prefix, .form-row__controls .form-grid__control.honorific-suffix, .form-row__controls .form-grid__control.middle-initial { -webkit-flex-grow: 0; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }
  .form-row__controls .form-grid__control:first-child { padding-left: 0; }
  .form-row__controls .form-grid__control:last-child { padding-right: 0; }
  .form-row__controls .form-grid__control-sep { display: block; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
  .form-row--date .form-grid__control, .form-row--time .form-grid__control, .form-row--datetime .form-grid__control { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; padding-right: 0; padding-left: 0; }
  .form-row--date .form-grid__control-sep, .form-row--time .form-grid__control-sep, .form-row--datetime .form-grid__control-sep { padding-right: 0.5rem; padding-left: 0.5rem; } }

/* ============================================================================
Payment Fields
============================================================================ */
.field-collection--payment .accepted-cc-types { height: 26px; }

.field-collection--payment .accepted-cc-types span { float: left; width: 42px; height: 26px; background: transparent url("../img/cc-type-icons.png") 0 0 no-repeat; background-size: 500% 100%; font-size: 1px; line-height: 1px; text-indent: -9999em; }

.field-collection--payment .accepted-cc-types .mastercard { background-position: -42px 0; }

.field-collection--payment .accepted-cc-types .amex { background-position: -84px 0; }

.field-collection--payment .accepted-cc-types .discover { background-position: -126px 0; }

.field-collection--payment .accepted-cc-types .dinersclub { background-position: -168px 0; }

.field-collection--payment .accepted-cc-types .na { opacity: .25; }

/** @desc			Forms - Sub Options @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.control-sub-option--show { display: block; }

/* ============================================================================
Modify padding for nested sub-options in vertical lists
============================================================================ */
.xdsoft_datetimepicker { -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border: 1px solid #999; color: #222; position: absolute; z-index: 9999; padding: 2px 8px 8px 0; }

.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: 0; }

.xdsoft_noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.xdsoft_noselect::-moz-selection, .xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_noselect::selection, .xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; }

.xdsoft_datepicker, .xdsoft_timepicker { float: left; margin-left: 8px; }

.xdsoft_datepicker { width: 224px; }

.xdsoft_timepicker { width: 72px; margin-top: 6px; }

.xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 9px; margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; }

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=="); }

.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; }

.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; }

.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; }

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; width: 20px; }

.xdsoft_timepicker .xdsoft_prev, .xdsoft_timepicker .xdsoft_next { background-position: -40px -15px; height: 15px; width: 30px; margin: 0 auto; }

.xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 8px; }

.xdsoft_timepicker .xdsoft_next { margin-top: 8px; }

.xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ccc; }

.xdsoft_timepicker .xdsoft_time_box > div > div { background: #f8f8f8; border-top: 1px solid #ccc; color: #666; font-size: 0.75rem; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; }

.xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; }

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; }

.xdsoft_datetimepicker .xdsoft_label { float: left; display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 0.875rem; line-height: 20px; background-color: #fff; width: 182px; cursor: pointer; color: #808080; }

.xdsoft_datetimepicker .xdsoft_label:hover { color: #333; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; left: 0; top: 30px; z-index: 101; background: #fff; max-height: 160px; overflow-y: hidden; font-weight: normal; font-size: 0.75rem; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { text-align: left; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #333; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_today { background: #4da7e2; color: #fff; }

.xdsoft_datetimepicker .xdsoft_label.xdsoft_month span:after, .xdsoft_datetimepicker .xdsoft_label.xdsoft_year span:after { display: inline-block; font-size: 0.6875rem; font-family: 'FontAwesome'; content: '\f0d7'; margin: 0 0 0 0.1875rem; }

.xdsoft_datetimepicker .xdsoft_month { text-align: right; width: 94px; }

.xdsoft_calendar { clear: both; }

.xdsoft_datetimepicker .xdsoft_year { width: 56px; }

.xdsoft_calendar td, .xdsoft_calendar th { width: 14.2857142%; background: #f8f8f8; border: 1px solid #ccc; color: #666; font-size: 0.75rem; padding: 0; cursor: pointer; height: 25px; vertical-align: middle; }

.xdsoft_calendar th { background: #f0f0f0; }

.xdsoft_calendar td.xdsoft_today { color: #4da7e2; }

.xdsoft_calendar td.xdsoft_default, .xdsoft_calendar td.xdsoft_today, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_today { background: #4da7e2; color: #fff; }

.xdsoft_calendar td.xdsoft_current, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #333; color: #fff; }

.xdsoft_calendar td.xdsoft_other_month, .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; }

.xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; }

.xdsoft_calendar td:hover, .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #999 !important; }

.xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; }

.xdsoft_calendar th { color: #999; cursor: default; }

.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 0.625rem; clear: both; margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; }

.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #999 !important; }

.xdsoft_time_box { position: relative; border: 1px solid #ccc; }

.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 4px; }

.xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; }

.xdsoft_scroller_box { position: relative; }

/** @desc			Horizontal rules @author		Firespring */
hr { width: 100%; height: 0; border-top: 1px solid #333; line-height: 0; }

/** @desc			Info rows @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
.info-row { padding: 1.5rem 0; }

.info-row--highlight { background: #f0f0f0; }

.info-rows .info-row:first-child { padding-top: 0; }

.info-rows .info-row:first-child.info-row--highlight { padding: 1.5rem; }

.info-rows .info-row:last-child { padding-bottom: 0; }

.info-rows .info-row:last-child.info-row--highlight { padding: 1.5rem; }

.info-row__content p, .info-row__content ul, .info-row__content ol, .info-row__content dl, .info-row__content blockquote { margin: 1.5rem 0 0; }

.info-row__content p:first-child, .info-row__content ul:first-child, .info-row__content ol:first-child, .info-row__content dl:first-child, .info-row__content blockquote:first-child { margin-top: 0; }

.info-row__content.empty:after { content: 'n/a'; color: #999; }

/* ============================================================================
Compact
============================================================================ */
.info-rows--compact .info-row { padding: 0.5rem 0; -webkit-box-shadow: none; box-shadow: none; }

.info-rows--compact .info-row:first-child { padding-top: 0; }

.info-rows--compact .info-row:first-child.info-row--highlight { padding: 0.5rem; }

.info-rows--compact .info-row:last-child { padding-bottom: 0; }

.info-rows--compact .info-row:last-child.info-row--highlight { padding: 0.5rem; }

/* ============================================================================
Media queries
============================================================================ */
/* Small
============================================================================ */
@media only screen and (min-width: 768px) { .info-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .info-row--highlight { padding-left: 0 !important; padding-right: 0 !important; }
  .info-row--highlight .info-row__label { padding-left: 1.5rem; }
  .info-row--highlight .info-row__content { padding-right: 1.5rem; }
  .info-rows--compact .info-row--highlight .info-row__label { padding-left: 1rem; }
  .info-rows--compact .info-row--highlight .info-row__content { padding-right: 1rem; }
  .info-row__label, .info-row__content { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; }
  .info-row__label { -webkit-flex-basis: 33.333333333%; -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; padding-right: 1.5rem; padding-left: 0; }
  .info-row__content { -webkit-flex-basis: 66.666666667%; -ms-flex-preferred-size: 66.666666667%; flex-basis: 66.666666667%; max-width: 66.666666667%; padding-right: 0; } }

/* Large or bigger
============================================================================ */
@media only screen and (min-width: 1200px) { .info-row__label { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .info-row__content { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } }

/** @desc			Labels @author		Firespring */
/* ============================================================================
Label
============================================================================ */
.invoices__list .invoice-link a, .label { height: 1.3125rem; background: #333; color: #fff; font-size: 75%; line-height: 1.3125rem; border-radius: 4px; padding-right: 0.4375rem; padding-left: 0.4375rem; }

/* Alternate Styles (Color)
============================================================================ */
/* "Good" */
.invoice--open .label, .label--good { background: #28a40c; }

/* "Bad" */
.invoice--overdue .label, .label--bad { background: #c00; }

/* "Warning" */
.label--warning { background: #f8971d; }

/* "Info" */
.label--info { background: #4da7e2; }

/* Alternate Styles (Appearance)
============================================================================ */
/* "Pill" */
.label--pill { border-radius: 1.3125rem; padding-right: 0.625rem; padding-left: 0.625rem; }

/** @desc			Lightbox @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
a.lightbox--image, a.lightbox--gallery { cursor: -webkit-zoom-in; cursor: zoom-in; }

/* ============================================================================
Magnific Popup CSS
Author: http://dimsemenov.com/plugins/magnific-popup/
============================================================================ */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.9; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 1rem; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #ccc; position: absolute; top: 50%; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #ccc; }

.mfp-preloader a:hover { color: #fff; }

button.mfp-close, button.mfp-arrow { padding: 0; border: 0; overflow: visible; cursor: pointer; background: transparent; -webkit-appearance: none; display: block; outline: none; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

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

button.mfp-close:before { font-size: 24px; line-height: 48px; font-family: 'FontAwesome'; content: '\f00d'; }

.mfp-close { width: 48px; height: 48px; line-height: 44px; position: fixed; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .5; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 0; line-height: 0; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: .5; top: 50%; margin-top: -55px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:hover { opacity: 1; }

.mfp-arrow:before, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { position: absolute; content: ''; display: block; width: 48px; height: 48px; top: 50%; margin: -24px 0 0; font-size: 24px; line-height: 48px; font-family: 'FontAwesome'; color: #fff; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { left: 10px; content: '\f053'; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { right: 10px; content: '\f054'; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 992px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { max-width: 100%; height: auto; display: block; line-height: 0; padding: 48px 0 48px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 48px; bottom: 48px; display: block; right: 0; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #333; }

.mfp-figure small { color: #ccc; display: block; font-size: 12px; line-height: 14px; }

.mfp-bottom-bar { margin-top: -44px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; font-size: 0.875rem; line-height: 18px; color: #f0f0f0; word-wrap: break-word; padding-right: 36px; }

.mfp-title a:link, .mfp-title a:visited { text-decoration: none; }

.mfp-title a:hover, .mfp-title a:active { text-decoration: underline; color: #fff; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 992px) { .mfp-arrow { -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } }

/* ============================================================================
Inline Popup
============================================================================ */
.inline-popup { position: relative; max-width: 992px; border-radius: 4px; background: #fff; }

.inline-popup--xs { max-width: 480px; }

.inline-popup--sm { max-width: 768px; }

.inline-popup--md { max-width: 992px; }

.inline-popup--lg { max-width: 1200px; }

.inline-popup--xl { max-width: 1600px; }

.inline-popup--xxl { max-width: 1800px; }

.inline-popup--100p { max-width: 100%; }

/* Header
============================================================================ */
/* Disclaimer
============================================================================ */
.inline-popup__disclaimer { font-size: 0.875rem; }

.inline-popup__disclaimer > * { margin: 1rem 0 0; }

.inline-popup__disclaimer > *:first-child { margin: 0; }

/* ============================================================================
Progress Bar Modal
============================================================================ */
/* ============================================================================
Spinner Modal
============================================================================ */
.modal-popup--spinner { max-width: 20rem; }

.modal-popup--spinner .modal-spinner { font-size: 3.375rem; line-height: 1; }

/** @desc			Navigation methods @author		Firespring */
/** @desc			Navigation - Defaults @author		Firespring */
/** @desc			Navigation - Arrow Blocks @author		Firespring */
.catalogs__content--list .catalog-nav, .nav-arrow-block { -webkit-box-shadow: 0 -1px 0 #ccc; box-shadow: 0 -1px 0 #ccc; }

.catalogs__content--list .catalog-nav:first-child, .nav-arrow-block:first-child { -webkit-box-shadow: none; box-shadow: none; }

.catalogs__content--list .catalog-nav a, .nav-arrow-block a { position: relative; background: #f0f0f0; text-decoration: none; color: #333; padding: 0.75rem 3rem 0.75rem 0.75rem; }

.catalogs__content--list .catalog-nav a:before, .nav-arrow-block a:before { display: block; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.125rem; line-height: 1; font-family: 'FontAwesome'; content: '\f054'; color: #999; }

.catalogs__content--list .catalog-nav a:hover, .nav-arrow-block a:hover { background: #ccc; }

.catalogs__content--list .catalog-nav a:hover:before, .nav-arrow-block a:hover:before { color: #333; }

.catalogs__content--list .catalog-nav h5, .nav-arrow-block h5 { font-size: 16px; line-height: 1.5; }

/** @desc			Navigation - Breadcrumbs @author		Firespring */
.nav--breadcrumbs { font-size: 0.875rem; }

.nav--breadcrumbs li:before { font-family: 'FontAwesome'; content: '\f105'; color: #999; }

.nav--breadcrumbs li:first-child:before { content: ''; }

/** @desc			Navigation - Pagination @author		Firespring */
.nav--pagination { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; line-height: 1; }

.nav--pagination > a, .nav--pagination > span { border: 1px solid #999; border-width: 1px 1px 1px 0; text-decoration: none; padding: 0.5625rem 0.75rem; }

.nav--pagination > a:first-child, .nav--pagination > span:first-child { border-width: 1px; border-radius: 4px 0 0 4px; }

.nav--pagination > a:last-child, .nav--pagination > span:last-child { border-radius: 0 4px 4px 0; }

.nav--pagination > span { color: #999; }

.nav--pagination__here { color: #333 !important; cursor: not-allowed; }

[class*='nav--pagination__']:before { font-family: 'FontAwesome'; }

.nav--pagination__prev:before { content: '\f104'; }

.nav--pagination__next:before { content: '\f105'; }

.nav--pagination__spread:before { content: '\2026'; }

/** @desc			Navigation - Bar @author		Firespring */
/* ============================================================================
Base styles
============================================================================ */
.nav--bar { background: #333; /* Arrows */ /* styling for both css and generated arrows */ /* styling for right-facing arrows */ }

.nav--bar .nav__list ul { position: absolute; top: 100%; left: 0; z-index: 999; width: 15rem; }

.nav--bar .nav__list li { position: relative; background: #333; -webkit-transition: background 0.1s; -o-transition: background 0.1s; transition: background 0.1s; }

.nav--bar .nav__list li:hover, .nav--bar .nav__list li.nav__list--hover { background: #000; -webkit-transition: none; -o-transition: none; transition: none; }

.nav--bar .nav__list ul li { background: #000; white-space: normal; }

.nav--bar .nav__list ul li:hover, .nav--bar .nav__list ul li.nav__list--hover { background: #222; }

.nav--bar .nav__list a { position: relative; text-decoration: none; color: #fff; }

.nav--bar .nav__list ul ul { top: 0; left: 100%; }

.nav--bar .sf-arrows .sf-with-ul { padding-right: 2.25rem; }

.nav--bar .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 0.875rem; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); }

.nav--bar .sf-arrows > li > .sf-with-ul:focus:after, .nav--bar .sf-arrows > li:hover > .sf-with-ul:after, .nav--bar .sf-arrows > .nav__list--hover > .sf-with-ul:after { border-top-color: #fff; /* IE8 fallback colour */ }

.nav--bar .sf-arrows ul .sf-with-ul:after { margin-top: 0; margin-right: 0; top: 1.5rem; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); }

.nav--bar .sf-arrows ul li > .sf-with-ul:focus:after, .nav--bar .sf-arrows ul li:hover > .sf-with-ul:after, .nav--bar .sf-arrows ul .nav__list--hover > .sf-with-ul:after { border-left-color: white; }

/* ============================================================================
Responsive select menu
============================================================================ */
@media only screen and (max-width: 992px) { .nav--bar { padding: 0.5rem; } }

/** @desc			Navigation - Return Links @author		Firespring */
a.nav-return:before { font-size: 0.875rem; font-family: 'FontAwesome'; content: '\f053'; margin: 0 0.375rem 0 0; }

/** @desc			Panels & Wells @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.panel { border-radius: 4px; border: 1px solid #ccc; background: #f0f0f0; }

.panel table thead tr { border: 0; }

.panel table :last-child tr:last-child td { padding-bottom: 0 !important; }

/* ============================================================================
"Compact" Panel
============================================================================ */
.panel--compact { padding: 0.5rem; }

/* ============================================================================
"Alert" Panel
============================================================================ */
.panel--alert { position: relative; border: 0; }

/* Close button
============================================================================ */
.alert__close { text-align: center; border: 0; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; background: #333; line-height: 1.5rem; color: #fff; opacity: .5; position: absolute; top: 1rem; right: 1rem; }

.alert__close:hover, .alert__close:active, .alert__close:focus { opacity: 1; outline: none; }

.alert__close:active { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.25); }

.alert__close:after { content: '\00D7'; }

/* Alternate Styles
============================================================================ */
/* "Good" */
.alert--good { background: #28a40c; color: #fff; }

.alert--good .alert__close { background: #186207; }

/* "Bad" */
.alert--bad { background: #c00; color: #fff; }

.alert--bad .alert__close { background: #7a0000; }

/* "Warning" */
.alert--warning { background: #f8971d; color: #fff; }

.alert--warning .alert__close { background: #945a11; }

/* "Info" */
.alert--info { background: #4da7e2; color: #fff; }

.alert--info .alert__close { background: #2e6487; }

/* "Dark" */
.alert--dark { background: #333; color: #fff; }

.alert--dark .alert__title { color: #fff; }

.alert--dark .alert__close { background: #1e1e1e; }

/* ============================================================================
"Well" Panel
============================================================================ */
.panel--well { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

/** @desc			Progress bars @author		Firespring */
/* ============================================================================
Variables
============================================================================ */
/* ============================================================================
Progress Bar Display
============================================================================ */
.progress-bar { position: relative; }

.progress-bar__trench { height: 1rem; border: 1px solid #333; border-radius: 4px; padding: 1px; background-color: #333; }

.progress-bar__meter { height: 100%; border-radius: 2px; background-color: #28a40c; background-size: 40px 40px; background-repeat: repeat-x; }

/* ============================================================================
Progress Bar Metrics
============================================================================ */
.progress-bar__metrics { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; line-height: 1; margin: 0.375rem 0 0; }

/* ============================================================================
Progress Bar Meta
============================================================================ */
.progress-bar__meta { font-size: 0.875rem; line-height: 1; margin: 0.375rem 0 0; }

/* ============================================================================
Progress Bar Linear
============================================================================ */
.progress-bar--linear.progress-0 .progress-bar__meter { width: 0; }

.progress-bar--linear.progress-5 .progress-bar__meter { width: 5%; }

.progress-bar--linear.progress-10 .progress-bar__meter { width: 10%; }

.progress-bar--linear.progress-15 .progress-bar__meter { width: 15%; }

.progress-bar--linear.progress-20 .progress-bar__meter { width: 20%; }

.progress-bar--linear.progress-25 .progress-bar__meter { width: 25%; }

.progress-bar--linear.progress-30 .progress-bar__meter { width: 30%; }

.progress-bar--linear.progress-35 .progress-bar__meter { width: 35%; }

.progress-bar--linear.progress-40 .progress-bar__meter { width: 40%; }

.progress-bar--linear.progress-45 .progress-bar__meter { width: 45%; }

.progress-bar--linear.progress-50 .progress-bar__meter { width: 50%; }

.progress-bar--linear.progress-55 .progress-bar__meter { width: 55%; }

.progress-bar--linear.progress-60 .progress-bar__meter { width: 60%; }

.progress-bar--linear.progress-65 .progress-bar__meter { width: 65%; }

.progress-bar--linear.progress-70 .progress-bar__meter { width: 70%; }

.progress-bar--linear.progress-75 .progress-bar__meter { width: 75%; }

.progress-bar--linear.progress-80 .progress-bar__meter { width: 80%; }

.progress-bar--linear.progress-85 .progress-bar__meter { width: 85%; }

.progress-bar--linear.progress-90 .progress-bar__meter { width: 90%; }

.progress-bar--linear.progress-95 .progress-bar__meter { width: 95%; }

.progress-bar--linear.progress-100 .progress-bar__meter { width: 100%; }

.progress-bar--linear .progress-bar-percent { display: none; }

/* ============================================================================
Progress Bar Radial
============================================================================ */
.progress-bar--radial { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; background-color: #333; }

.progress-bar--radial .progress-bar__metrics { display: block; width: 70px; height: 70px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 70px; margin: 0; }

.progress-bar--radial .progress-bar__trench, .progress-bar--radial .progress-bar-start, .progress-bar--radial .progress-bar-goal { display: none; }

.progress-bar--radial.progress-0 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(0deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(0deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(90deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-5 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(342deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(342deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(108deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-10 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(324deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(324deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(126deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-15 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(306deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(306deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(144deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-20 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(288deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(288deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(162deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-25 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(270deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(270deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(180deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-30 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(252deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(252deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(198deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-35 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(234deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(234deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(216deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-40 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(216deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(216deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(234deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-45 { background-image: -webkit-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -webkit-linear-gradient(198deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #333 50%, transparent 50%, transparent), -o-linear-gradient(198deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #333 50%, transparent 50%, transparent), linear-gradient(252deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-50 { background-image: -webkit-linear-gradient(180deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(180deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(-90deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-55 { background-image: -webkit-linear-gradient(162deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(162deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(-72deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-60 { background-image: -webkit-linear-gradient(144deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(144deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(-54deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-65 { background-image: -webkit-linear-gradient(126deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(126deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(-36deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-70 { background-image: -webkit-linear-gradient(108deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(108deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(-18deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-75 { background-image: -webkit-linear-gradient(90deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(90deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(0deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-80 { background-image: -webkit-linear-gradient(72deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(72deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(18deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-85 { background-image: -webkit-linear-gradient(54deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(54deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(36deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-90 { background-image: -webkit-linear-gradient(36deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(36deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(54deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-95 { background-image: -webkit-linear-gradient(18deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(18deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(72deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

.progress-bar--radial.progress-100 { background-image: -webkit-linear-gradient(0deg, #28a40c 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: -o-linear-gradient(0deg, #28a40c 50%, transparent 50%, transparent), -o-linear-gradient(180deg, #28a40c 50%, #333 50%, #333); background-image: linear-gradient(90deg, #28a40c 50%, transparent 50%, transparent), linear-gradient(270deg, #28a40c 50%, #333 50%, #333); }

/* ============================================================================
Animated
============================================================================ */
.progress-bar--animated .progress-bar__meter { -webkit-animation: progress-bar 1s linear infinite; -o-animation: progress-bar 1s linear infinite; animation: progress-bar 1s linear infinite; background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); background-size: 24px 24px; }

@-webkit-keyframes progress-bar { 0% { background-position: 0 0; }
  100% { background-position: 24px 0; } }

@-o-keyframes progress-bar { 0% { background-position: 0 0; }
  100% { background-position: 24px 0; } }

@keyframes progress-bar { 0% { background-position: 0 0; }
  100% { background-position: 24px 0; } }

/** @desc			Sliders @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.slider__contents { position: relative; overflow: hidden; }

.slider__contents ul { margin: 0 auto; padding: 0; list-style: none; }

.slider__contents li { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

/* ============================================================================
No Carousel Mode
============================================================================ */
.slider--no-carousel ul { overflow: hidden; }

/* ============================================================================
Prev/Next Navigation
============================================================================ */
.slider__nav--prev, .slider__nav--next { display: block; cursor: pointer; position: absolute; top: 50%; width: 2rem; height: 2rem; z-index: 999; opacity: .5; margin-top: -1rem; line-height: 0; }

.slider__nav--prev:after, .slider__nav--next:after { font-size: 2rem; line-height: 1; font-family: 'FontAwesome'; color: #fff; }

.slider__nav--prev:hover, .slider__nav--next:hover { opacity: 1; text-decoration: none; }

.slider__nav--prev { left: 1rem; }

.slider__nav--prev:after { content: '\f137'; }

.slider__nav--next { right: 1rem; }

.slider__nav--next:after { content: '\f138'; }

/* ============================================================================
Pager
============================================================================ */
.slider__pager { height: 10px; text-align: center; line-height: 0; }

.slider__pager span { display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #999; cursor: pointer; }

.slider__pager .slider__pager--active { background: #333; }

/* ============================================================================
Media Queries
============================================================================ */
/* Prev/Next Navigation
============================================================================ */
@media only screen and (min-width: 992px) { .slider__nav--prev, .slider__nav--next { width: 3rem; height: 3rem; margin-top: -1.5rem; }
  .slider__nav--prev:after, .slider__nav--next:after { font-size: 3rem; } }

/** @desc			Tables @author		Firespring */
/** @desc			Tables @author		Firespring */
/* ============================================================================
Table Defaults
============================================================================ */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }

thead, tfoot { color: #222; }

th, td { display: table-cell; }

th { border-bottom: 3px solid #ccc; vertical-align: bottom; line-height: 1; }

td { border-top: 1px solid #ccc; vertical-align: top; }

tfoot td { line-height: 1; }

tfoot tr:first-child { border-top: 3px solid #ccc; }

table .empty:after { content: 'n/a'; color: #999; }

/* ============================================================================
Footer contents
============================================================================ */
tfoot td * { vertical-align: middle; }

/* ============================================================================
Clickable rows
============================================================================ */
tr.is-link { cursor: pointer; }

tr.is-link:hover td { background: #f0f0f0; }

/* ============================================================================
Row Headers
============================================================================ */
/* ============================================================================
Rotated Column Labels
============================================================================ */
thead.rotated span { -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; }

/* ============================================================================
Misc styles
============================================================================ */
/** @desc			Striped tables @author		Firespring */
.table--striped tr:nth-child(even) td { background: #f0f0f0; }

/** @desc			Bordered tables @author		Firespring */
.table--bordered th, .table--bordered td, .table--bordered tbody > tr:first-child td { border: 1px solid #ccc; }

.table--bordered th { border-bottom-width: 3px; }

.table--bordered tfoot td { border-top-width: 3px; }

/** @desc			Compact tables @author		Firespring */
/** @desc			Responsive tables @author		Firespring */
.table--responsive > thead tr { position: absolute; top: -9999em; left: -9999em; }

.table--responsive > tbody tr, .table--responsive > tfoot tr { border-top: 1px solid #ccc; }

.table--responsive > tbody > tr:first-child { border-top: 0; }

.table--responsive > tfoot > tr:first-child { border-top: 3px solid #ccc; }

.table--responsive > tbody td, .table--responsive > tfoot td { display: block; border: 0; padding: 0.625rem 0.625rem 0; }

.table--responsive > tbody td:last-child, .table--responsive > tfoot td:last-child { padding-bottom: 0.625rem; }

.table--responsive > tbody td.numeric, .table--responsive > tfoot td.numeric { text-align: left; }

.table--responsive > tfoot td div { display: block; margin: 0.625rem 0 0; }

.table--responsive > tfoot td div:first-child { margin-top: 0; }

.table--responsive .table-responsive.no-thead > tbody td { display: block; }

.table--responsive > tbody td:before { display: block; font-weight: bold; content: attr(data-label); }

.table--responsive > tbody tr.no-data-label td:before { display: none; }

.lt-ie10 .table--responsive td { display: block; float: left; clear: both; width: 100%; }

/* ============================================================================
Media Queries
============================================================================ */
/* Medium+
============================================================================ */
@media only screen and (min-width: 992px) { .table--responsive > thead tr { position: static; top: 0; left: 0; }
  .table--responsive > tbody td, .table--responsive > tfoot td { display: table-cell; padding: 0.75rem !important; }
  .table--responsive > tbody > tr:first-child > td:first-child { padding-top: 0.75rem; }
  .table--responsive > tbody > tr > td:last-child { padding-bottom: 1rem; }
  .table--responsive > tfoot tr:first-child { border-top: 3px solid #ccc; }
  .table--responsive > tbody td:before { display: none; }
  .table--responsive > tbody td.numeric, .table--responsive > tfoot td.numeric { text-align: right; }
  .table--responsive > tfoot td div { display: inline-block; margin: 0 0 0 1.5rem; }
  .table--responsive > tfoot td div:first-child { margin: 0; }
  .lt-ie10 .table--responsive td { display: table-cell; float: none; clear: none; width: auto; } }

/** @desc			Catalog Items tables @author		Firespring */
.table--order-items .item-details { white-space: normal; }

.table--order-items td.item-thumb { background: #fff; }

.table--order-items td.item-thumb .image { min-width: 100px; }

.table--order-items td.item-thumb img { border: 1px solid #333; }

.table--order-items .item-option { width: 9.375rem; }

.table--order-items .item-details__description { font-size: 0.875rem; }

.table--order-items .item-details__meta { font-size: 0.875rem; }

.table--order-items .info-row { display: block; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0.75rem 0 0; }

.table--order-items .info-row:first-child { margin: 0; }

.table--order-items .info-row__label, .table--order-items .info-row__content { max-width: none; }

.table--order-items tr.catalog td { white-space: normal; padding-right: 0 !important; padding-left: 0 !important; }

.table--order-items tr.catalog td .catalog { padding: 0; }

/* Media queries
============================================================================ */
/* Smaller than Medium */
@media only screen and (max-width: 1200px) { .table--order-items .item-option { width: auto; }
  .table--order-items td.numeric, .table--order-items tfoot { text-align: left; } }

/** @desc			Item Pricing tables @author		Firespring */
.table--item-pricing th { font-size: 0.75rem; text-transform: uppercase; white-space: nowrap; }

/** @desc			Tabs @author		Firespring */
/** @desc			Horizontal tabs (default) @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
/* Navigation
============================================================================ */
.tabs__nav { border: 1px solid #ccc; }

.tabs__nav li.tab-pane--current a { background-color: #fff; }

.tabs__nav a { border: 1px solid transparent; background-color: #ccc; color: #333; text-decoration: none; padding: 0.625rem 1rem 0.5rem; }

.tabs__nav a:hover, .tabs__nav a:active { background: #f0f0f0; }

.tabs__nav a:focus { outline: 0; }

/* Thumbnail tabs
============================================================================ */
.tabs--thumbnails .tabs__nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; border: 0; -webkit-box-shadow: inset 0 -1px #ccc; box-shadow: inset 0 -1px #ccc; padding: 0 6px; }

.tabs--thumbnails .tabs__nav li { margin-left: 1px; }

.tabs--thumbnails .tabs__nav li:first-child { margin-left: 0; }

.tabs--thumbnails .tabs__nav li.tab-pane--current a { border: 1px solid #ccc; border-bottom: 0; -webkit-box-shadow: 0 1px #fff; box-shadow: 0 1px #fff; padding-bottom: 0.6875rem; height: 4rem; }

.tabs--thumbnails .tabs__nav a { width: 4rem; height: 4rem; padding: 0.625rem; }

.tabs--thumbnails .tabs__nav a span { display: block; width: 2.625rem; height: 2.625rem; border: 1px solid #333; background-size: auto 64px; background-position: center center; }

/* Media Queries
============================================================================ */
/* Extra-small and bigger */
@media only screen and (min-width: 480px) { .tabs__nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; border: 0; -webkit-box-shadow: inset 0 -1px #ccc; box-shadow: inset 0 -1px #ccc; padding: 0 6px; }
  .tabs__nav li { margin-left: 1px; }
  .tabs__nav li:first-child { margin-left: 0; }
  .tabs__nav li.tab-pane--current a { border: 1px solid #ccc; border-bottom: 0; -webkit-box-shadow: 0 1px #fff; box-shadow: 0 1px #fff; padding-bottom: 0.6875rem; }
  .tabs--thumbnails .tabs__nav li.tab-pane--current a { height: 6.25rem; }
  .tabs--thumbnails .tabs__nav a { width: 6.25rem; height: 6.125rem; padding: 0.5625rem 0.625rem 0.625rem; }
  .tabs--thumbnails .tabs__nav a span { width: 4.875rem; height: 4.875rem; background-size: auto 100px; } }

/* ============================================================================
Panes
============================================================================ */
.tab-pane { display: none; background: #fff; }

.tab-pane--current { display: block; }

/** @desc			Vertical tabs @author		Firespring */
@media only screen and (min-width: 768px) { .tabs--vertical { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; /* Nav */ /* Panes */ }
  .tabs--vertical .tabs__nav { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 10rem; -ms-flex: 1 0 10rem; -webkit-box-flex: 1; flex: 1 0 10rem; max-width: 10rem; -webkit-box-shadow: inset -1px 0 #ccc; box-shadow: inset -1px 0 #ccc; padding: 6px 0; }
  .tabs--vertical .tabs__nav li { white-space: normal; margin: 1px 0 0; }
  .tabs--vertical .tabs__nav li:first-child { margin: 0; }
  .tabs--vertical .tabs__nav li.tab-pane--current a { width: 10rem; border: 1px solid #ccc; border-right: 0; }
  .tabs--vertical .tabs__nav a { width: 9.875rem; padding: 0.625rem 1rem 0.625rem 0.625rem; line-height: 1.5rem; }
  .tabs--vertical .tab-panes { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
  .tabs--vertical .tab-pane { padding-left: 16px; }
  /* Thumbnails */
  .tabs--vertical.tabs--thumbnails { /* Nav */ }
  .tabs--vertical.tabs--thumbnails .tabs__nav { -webkit-flex-basis: 6.25rem; -ms-flex-preferred-size: 6.25rem; flex-basis: 6.25rem; max-width: 6.25rem; }
  .tabs--vertical.tabs--thumbnails .tabs__nav li.tab-pane--current a { width: 6.25rem; }
  .tabs--vertical.tabs--thumbnails .tabs__nav a { width: 6.125rem; height: 6.25rem; } }

/** @desc			Tooltips @author		Firespring */
/* ============================================================================
Tooltip Trigger
============================================================================ */
.tooltip--trigger { color: #666; cursor: help; }

.tooltip--trigger:before { display: inline-block; font-family: 'FontAwesome'; content: '\f059'; }

.tooltip--trigger:hover { color: #222; }

/* ============================================================================
Tooltip Theme
Original author: http://iamceege.github.io/tooltipster/
============================================================================ */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { border-radius: 4px; background: #333; color: #fff; /* Use this next selector to style things like font-size and line-height: */ }

.tooltipster-default .tooltipster-content { font-size: 0.75rem; line-height: 1.5; padding: 0.5rem 0.6875rem; overflow: hidden; }

.tooltipster-default .tooltipster-content :last-child { margin-bottom: 0; }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon { cursor: help; margin-left: 0.25rem; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; overflow: visible; }

.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border { width: 0; height: 0; position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade-show { opacity: 1; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/** @desc			Wizards @author		Firespring */
/* ============================================================================
Navigation
============================================================================ */
/* Defaults
============================================================================ */
.wizard__steps { border-radius: 4px; background: #f0f0f0; font-size: 0.875rem; line-height: 1; color: #999; }

.wizard-step:after { font-family: 'FontAwesome'; content: '\f105'; margin: 0 0.625rem; }

.wizard-step span { margin: 0.375rem 0; padding: 0.375rem 0; }

.wizard-step a { color: #333; }

/* Current Step
============================================================================ */
.wizard-step--current span { -webkit-box-shadow: 0 3px 0 #333; box-shadow: 0 3px 0 #333; color: #333; }

/* ============================================================================
Content
============================================================================ */
/* ============================================================================
Actions
============================================================================ */
.wizard-action--continue { float: right; }

/** @desc			Basic Payment Button content type @author		Firespring */
/** @desc			Bible Search Form content type @author		Firespring */
/* ============================================================================
Media queries
============================================================================ */
/* Small and bigger
============================================================================ */
@media only screen and (min-width: 768px) { .bible-search__version { min-width: 33.33333333%; max-width: 33.33333333%; } }

/** @desc			Catalog and related content types @author		Firespring */
/** @desc			Shared styles for catalog-related types @author		Firespring */
.catalog-order-view__info .form-title, .catalog-order-view__details .form-title, .catalog-order-view__items .form-title { border-bottom: 1px solid #ccc; padding-bottom: 1.5rem; }

.catalog-order-view__info .info-row, .catalog-order-view__details .info-row, .catalog-order-view__items .info-row { -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0.75rem 0 0; }

.catalog-order-view__info .info-row:first-child, .catalog-order-view__details .info-row:first-child, .catalog-order-view__items .info-row:first-child { margin: 0; }

.catalog-order-view__info .form-title { margin-top: 0; }

.catalog-item-preview-image img { border: 1px solid #333; }

.catalog__header h2 { font-size: 1.125rem; }

.catalog__header .fa { color: #999; }

.catalog-header__description { font-size: 0.875rem; margin: 0 0 2.25rem; }

/* Media queries
============================================================================ */
/* Medium */
@media only screen and (max-width: 1200px) { .catalog-order-view__items td { text-align: left !important; }
  .catalog-order-view__items tfoot td { text-align: left; }
  .catalog-order-view__items .form-actions { margin: 1.5rem 0 0; } }

/** @desc			Catalog content type @author		Firespring */
/** @desc			Catalogs - Defaults and shared styles @author		Firespring */
/** @desc			Catalogs Nav (Breadcrumbs, Select Currency, View Cart, etc.) @author		Firespring */
.catalogs__nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.catalogs-nav-breadcrumbs { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; }

.catalogs-nav-misc { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 0.875rem; }

.catalogs-nav-misc__view-cart a:before { font-family: 'FontAwesome'; content: "\f07a"; }

/* ============================================================================
Media queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .catalogs-nav-breadcrumbs { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; margin: 0; } }

/** @desc			Catalogs Header (Search, View Cart, etc.) @author		Firespring */
.catalogs__search { margin: 0 0 2.25rem; }

/** @desc			Catalogs - Express/Simple View @author		Firespring */
.catalogs--express .catalog .catalog, .catalogs--simple .catalog .catalog { padding: 2.25rem 0; }

.catalogs--express .catalog .catalog .catalog-item, .catalogs--simple .catalog .catalog .catalog-item { -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 -1px 0 0 #ccc; box-shadow: 0 -1px 0 0 #ccc; }

.catalogs--express .catalog-item, .catalogs--simple .catalog-item { padding: 2.25rem 0; }

.catalogs--express .catalog-item-gallery li, .catalogs--simple .catalog-item-gallery li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; margin: 0 5px 10px; padding: 0; }

.catalogs--express .catalog-item-details, .catalogs--simple .catalog-item-details { font-size: 0.875rem; }

.catalogs--express .catalog-item-options, .catalogs--simple .catalog-item-options { font-size: 0.875rem; }

.catalogs--express .catalog-item-options .item-option__label, .catalogs--simple .catalog-item-options .item-option__label { margin-bottom: 0.25rem; }

.catalogs--express .item-option-quantity-available, .catalogs--simple .item-option-quantity-available { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; }

.catalogs--express .item-option-quantity-unit-price, .catalogs--simple .item-option-quantity-unit-price { margin-top: 0.25rem; }

.catalogs--express .item-option-quantity-unit-price strong, .catalogs--simple .item-option-quantity-unit-price strong { font-size: 1rem; }

.catalogs--express .catalog-item-title, .catalogs--simple .catalog-item-title { margin: 0 0 0.75rem; }

.catalogs--express .catalog-item-title h2, .catalogs--simple .catalog-item-title h2 { font-size: 1.125rem; }

.catalogs--express .catalog-item-title .catalog-item-number, .catalogs--simple .catalog-item-title .catalog-item-number { font-size: 0.875rem; }

.catalogs--express .catalog-item-description, .catalogs--simple .catalog-item-description { font-size: 0.875rem; }

.catalogs--express .catalog-item-description > *, .catalogs--simple .catalog-item-description > * { margin: 0.75rem 0 0; }

.catalogs--express .catalog-item__subtotal, .catalogs--simple .catalog-item__subtotal { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }

.catalogs--express .catalog-item-subtotal-pricing, .catalogs--simple .catalog-item-subtotal-pricing { width: 9.375rem; font-size: 1.5rem; line-height: 1; color: #333; }

.catalogs--express .catalog-item-subtotal-pricing h6, .catalogs--simple .catalog-item-subtotal-pricing h6 { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; margin: 0 0 0.125rem; }

.catalogs--express .catalog-items-total, .catalogs--simple .catalog-items-total { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }

.catalogs--express .catalog-items-total-pricing, .catalogs--simple .catalog-items-total-pricing { width: 9.375rem; font-size: 2.25rem; line-height: 1; color: #333; }

.catalogs--express .catalog-items-total-pricing h6, .catalogs--simple .catalog-items-total-pricing h6 { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; margin: 0 0 0.125rem; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 768px) { .catalogs--express .catalog-item__content { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .catalogs--express .catalog-item__content > div { margin: 0 0 0 1.125rem; }
  .catalogs--express .catalog-item__content > div:first-child { margin: 0; }
  .catalogs--express .catalog-item-images { -webkit-flex: 1 0 9.375rem; -ms-flex: 1 0 9.375rem; -webkit-box-flex: 1; flex: 1 0 9.375rem; max-width: 9.375rem; }
  .catalogs--express .catalog-item-info { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
  .catalogs--express .catalog-item-details { -webkit-flex: 1 0 16.25rem; -ms-flex: 1 0 16.25rem; -webkit-box-flex: 1; flex: 1 0 16.25rem; max-width: 16.25rem; margin: 0; }
  .catalogs--express .catalog-item-options { -webkit-flex: 1 0 7.8125rem; -ms-flex: 1 0 7.8125rem; -webkit-box-flex: 1; flex: 1 0 7.8125rem; max-width: 7.8125rem; }
  .catalogs--express .catalog-item__subtotal, .catalogs--express .catalog-items-total { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } }

@media only screen and (min-width: 992px) { .catalogs--express .catalog-item__content > div { margin: 0 0 0 1.5rem; } }

/** @desc			Catalogs - Gallery View @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.catalogs--gallery .image img { border: 1px solid #333; }

.catalogs--gallery .catalogs__content--grid { -webkit-box-shadow: 0 1px 0 #ccc; box-shadow: 0 1px 0 #ccc; }

.catalogs--gallery .catalogs__content--grid .info-row { padding: 0; -webkit-box-shadow: none; box-shadow: none; }

.catalogs--gallery .catalogs__content--grid .info-row__label, .catalogs--gallery .catalogs__content--grid .info-row__content { display: inline-block; float: none; width: auto; padding: 0; }

.catalogs--gallery .catalogs__content--grid .info-row__label strong:after { content: ':'; }

.catalogs--gallery .catalogs__content--grid h3 { font-size: 1rem; line-height: 1.33333; }

.catalogs--gallery .catalogs__content--grid .item-details-sub-catalog { font-size: 0.75rem; text-transform: uppercase; color: #999; font-weight: 500; }

.catalogs--gallery .catalogs__content--grid .item-details-sub-catalog:before { font-family: 'FontAwesome'; content: '\f02d'; margin: 0 0.25rem 0 0; }

.catalogs--gallery .catalogs__content--grid .item-details__meta { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }

.catalogs--gallery .catalogs__content--grid .item-details__meta > div { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.catalogs--gallery .catalogs__content--grid .item-details__meta h6 { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; margin: 0 0 0.125rem; }

.catalogs--gallery .catalogs__content--grid .item-details__description { font-size: 0.875rem; }

/* ============================================================================
Item Details view
============================================================================ */
.catalog-item-gallery .grid--block, .catalog-item-gallery li { border: 0; }

.catalog-item-gallery .grid--block { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.catalog-item-details__meta { font-size: 0.875rem; }

.catalog-item-price { font-size: 3rem; }

.catalog-item-pricing { border-top: 1px solid #ccc; margin: 0 0 2.25rem; padding: 0.75rem 0 0; }

.catalog-item-form { padding: 0 0.75rem 0.75rem; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .catalog-item__details { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .catalog-item-details__content { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; min-width: 0; margin-right: 1.5rem; }
  .catalog-item-details__meta { -webkit-flex: 1 0 33.333333%; -ms-flex: 1 0 33.333333%; -webkit-box-flex: 1; flex: 1 0 33.333333%; max-width: 33.333333%; } }

/** @desc			Catalog Order Management/Approval content type @author		Firespring */
/** @desc			Collection content type @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
.collection-item-description .collection-item-label:after, .collection-item-details .collection-item-label:after { content: ':\00A0'; }

/* ============================================================================
Gallery view
============================================================================ */
.collection--gallery .collection-item { background: #fff; }

/* ============================================================================
Glossary view
============================================================================ */
/* ============================================================================
Collection item details
============================================================================ */
.collection-item--details .collection-item-icon, .collection-item--details .collection-item-label { display: block; }

/** @desc			Data Table content type @author		Firespring */
/** @desc			DesignReady content type @author		Firespring */
/* ============================================================================
Nav, Header
============================================================================ */
.designready__nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.designready-nav-breadcrumbs { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; }

.designready-nav-misc .view-saved:before { font-family: 'FontAwesome'; content: "\f0c7"; }

.designready-nav-misc .view-cart:before { font-family: 'FontAwesome'; content: "\f07a"; }

/* Media Queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .designready__nav { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .designready-nav-breadcrumbs { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; margin: 0; }
  .designready-jump-industries { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-right: -0.625rem; margin-left: -0.625rem; }
  .designready-jump-industries > div { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; -webkit-box-flex: 1; flex: 1 0 50%; max-width: 50%; margin: 0; padding: 0 0.625rem; } }

/* ============================================================================
Product Info
============================================================================ */
.designready-info__pricing { width: 99%; font-size: 0.875rem; }

/* Media Queries
============================================================================ */
/* Medium */
@media only screen and (min-width: 992px) { .designready-info__pricing { width: 50%; } }

/* ============================================================================
Grid
============================================================================ */
.designready__thumb img { width: auto; max-height: 200px; }

/* Media Queries
============================================================================ */
/* ============================================================================
Preview
============================================================================ */
.designready-preview__ui { width: 600px; height: 480px; border: 1px solid #333; }

/** @desc			Donation Tiers content type @author		Firespring */
.donation-tier a { border-radius: 4px; border: 1px solid #ccc; background: #f0f0f0; color: #333; text-decoration: none; }

.donation-tier a:hover, .donation-tier a:active { border-color: #999; background: #ccc; }

/** @desc			Event Calendars content type @author		Firespring */
/** @desc			Event Calendars content type: Default settings @author		Firespring */
/* ============================================================================
Event header
============================================================================ */
.event__header h2 { line-height: 1; }

/* ============================================================================
Event content/details
============================================================================ */
.event__content.event__content--image-align-center, .event__content.event__content--image-align-none { display: block; }

.event__content.event__content--image-align-center .event-image, .event__content.event__content--image-align-center .event-details, .event__content.event__content--image-align-none .event-image, .event__content.event__content--image-align-none .event-details { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.event__content.event__content--image-align-center .event-image img { display: block; margin: 0 auto; }

.event-image img { width: auto; }

/* ============================================================================
Event Actions
============================================================================ */
/* ============================================================================
'Add to Calendar' Link
============================================================================ */
.event-add-calendar { font-size: 0.875rem; }

/* ============================================================================
Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .event__header { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .event__header .event-header-text { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 0 1rem 0 0; }
  .event__header .event-header-actions { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; text-align: right; }
  .event-image { -webkit-flex: 0 1 20rem; -ms-flex: 0 1 20rem; -webkit-box-flex: 0; flex: 0 1 20rem; max-width: 20rem; margin: 0 1.25rem 0 0; }
  .event-details { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .event-details > div { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; margin: 0; padding: 0 1rem 0 0; }
  .event-details > div:first-child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0; }
  .event__content { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .event__content.event__content--image-align-right .event-image { -webkit-order: 2; -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; margin: 0 0 0 1.25rem; }
  .event__content.event__content--image-align-right .event-details { -webkit-order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  .event__content.event__content--image-align-center, .event__content.event__content--image-align-none { display: block; }
  .event__content.event__content--image-align-center .event-image, .event__content.event__content--image-align-center .event-details, .event__content.event__content--image-align-none .event-image, .event__content.event__content--image-align-none .event-details { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .event__content.event__content--image-align-center .event-image, .event__content.event__content--image-align-none .event-image { margin: 0 0 1.5rem; }
  .event__content.event__content--image-align-center .event-image img { display: block; margin: 0 auto; } }

/** @desc			Event Calendars content type: List view @author		Firespring */
.event-calendar__list .event-add-calendar { font-size: 0.875rem; }

/* FullCalendar v2.1.1 Stylesheet Docs & License: http://arshaw.com/fullcalendar/ (c) 2013 Adam Shaw */
.fc { direction: ltr; }

body .fc { /* extra precedence to overcome jqui */ }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #ccc; font-size: 0.875rem; }

.fc-unthemed tbody tr:first-child > td { border-width: 1px; }

.fc-unthemed .fc-popover { background-color: #fff; }

.fc-unthemed hr, .fc-unthemed .fc-popover .fc-header { background: #ccc; }

.fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }

.fc-unthemed .fc-today { background: #f0f0f0; }

.fc-highlight { /* when user is selecting cells */ background: #ccc; opacity: .33; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon { font-family: 'FontAwesome'; }

.fc-icon-left-single-arrow:after { content: "\f053"; }

.fc-icon-right-single-arrow:after { content: "\f054"; }

.fc-icon-left-double-arrow:after { content: "\f100"; }

.fc-icon-right-double-arrow:after { content: "\f101"; }

.fc-icon-x:after { content: "\f00d"; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc-button { border-radius: 0; }

.fc-button.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.fc-button.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ margin: 0 0 0 -1px; }

.fc-button-group > :first-child { /* same */ margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover { position: absolute; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header { padding: 2px 4px; }

.fc-popover .fc-header .fc-title { margin: 0 2px; }

.fc-popover .fc-header .fc-close { cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; }

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }

/* unthemed */
.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close { line-height: 1; margin-top: 4px; }

/* jqui themed */
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr { height: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; border-style: solid; }

.fc-clear { clear: both; }

.fc-bg, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }

.fc-bg { bottom: 0; /* strech bg to bottom edge */ }

.fc-bg table { height: 100%; /* strech bg to bottom edge */ }

.fc-day-header { white-space: nowrap; overflow: hidden; }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table { /* normalize cross-browser */ table-layout: fixed; }

.fc th, .fc td { border-style: solid; border-width: 1px; }

.fc td { padding: 0; }

.fc td.fc-today { border-style: double; /* overcome neighboring borders */ }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }

.fc .fc-row table { /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }

.fc .fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row { position: relative; /* highlighting cells */ /* row content (which contains day/week numbers and events) as well as "helper" (which contains temporary rendered events). */ }

.fc-row .fc-bg { z-index: 1; }

.fc-row .fc-highlight-skeleton { z-index: 2; bottom: 0; /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td { border-color: transparent; }

.fc-row .fc-content-skeleton { position: relative; z-index: 3; padding-bottom: 2px; /* matches the space above the events */ }

.fc-row .fc-helper-skeleton { z-index: 4; }

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */ background: none; /* in case <td>s are globally styled */ border-color: transparent; /* don't put a border between events and/or the day number */ }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */ overflow-y: scroll; overflow-x: hidden; }

.fc-scroller > * { /* we expect an immediate inner element */ position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event { /* make the <a> tag block */ /* make the <a> tag block */ position: relative; /* for resize handle and other inner positioning */ line-height: 1.5; border-radius: 4px; background-color: #666; color: #fff; font-size: 0.75rem; text-decoration: none; cursor: pointer; }

.fc-event:link, .fc-event:visited { color: #fff; }

.fc-event:hover, .fc-event:active { background-color: #222; color: #fff; }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event { margin: 1px 2px 0; /* spacing between events and edges */ padding: 2px 4px; }

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end { padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start { padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more { margin: 1px 3px; font-size: 0.75rem; cursor: pointer; color: #09f; }

a.fc-more:hover { color: #000; }

.fc-limited { /* rows and cells that are hidden because of a "more" link */ }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ }

.fc-more-popover { z-index: 2; width: 220px; }

.fc-more-popover .fc-event-container { padding: 10px; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* we are sure there are no day numbers in these views, so... */ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1rem; /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view tbody .fc-row { min-height: 6rem; /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid { overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }

/* week and day number styling */
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 0 4px; }

.fc-basic-view .fc-week-number span { /* work around the way we do column resizing and ensure a minimum width */ min-width: 1.25em; }

.fc-day-number.fc-other-month { opacity: 0.3; }

/** @desc			Event Calendars content type: Event Details view @author		Firespring */
/** @desc			Event Calendars content type: Registration process @author		Firespring */
/* ============================================================================
Ticket Groups
============================================================================ */
/* ============================================================================
Tickets
============================================================================ */
/* Required Tickets
============================================================================ */
.event-ticket--required .event-ticket__header { color: #f8971d; }

/* Media Queries
============================================================================ */
/* X-Small+ */
@media only screen and (min-width: 480px) { .event-registration--tickets .event-ticket { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -.625rem; margin-left: -.625rem; }
  .event-registration--tickets .event-ticket__quantity, .event-registration--tickets .event-ticket__info { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; padding-left: .625rem; padding-right: .625rem; }
  .event-registration--tickets .event-ticket__quantity { -webkit-flex-basis: 16.666666667%; -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; max-width: 16.666666667%; margin-bottom: 0; }
  .event-registration--tickets .event-ticket__info { -webkit-flex-basis: 83.333333333%; -ms-flex-preferred-size: 83.333333333%; flex-basis: 83.333333333%; max-width: 83.333333333%; } }

/* Small+ */
@media only screen and (min-width: 768px) { .event-registration--tickets .event-ticket__quantity { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333%; max-width: 8.333333333%; margin-bottom: 0; }
  .event-registration--tickets .event-ticket__info { -webkit-flex-basis: 91.666666667%; -ms-flex-preferred-size: 91.666666667%; flex-basis: 91.666666667%; max-width: 91.666666667%; } }

/* ============================================================================
Ticketholder Info
============================================================================ */
.event-ticket__ticketholders { counter-reset: ticketholder-counter; }

.event-ticket__ticketholder { position: relative; min-height: 2.25rem; counter-increment: ticketholder-counter; padding: 1.5rem 0; }

.event-ticket__ticketholder:before { content: "#" counter(ticketholder-counter); width: 2.25rem; height: 2.25rem; border-radius: 4px; background: #ccc; font-size: 0.75rem; padding: 0.5rem 0 0; }

.event-ticket__ticketholder:first-child:before { margin-top: 0; }

/* Media queries
============================================================================ */
/* X-Small+ */
@media only screen and (min-width: 480px) { .event-ticket__ticketholder { padding-left: 3rem; }
  .event-ticket__ticketholder:before { position: absolute; top: 1.5rem; left: 0; } }

/* ============================================================================
Review & Register
============================================================================ */
.event-registration__review .ticket-fields { list-style-position: inside; }

/* ============================================================================
Confirmation
============================================================================ */
/** @desc			Event Calendars content type: Nav @author		Firespring */
/* ============================================================================
Navigation
============================================================================ */
.event-calendar-nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.event-calendar-nav__title { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; }

.event-calendar-nav__title h3 { line-height: 1; }

.event-calendar-nav__next-prev a:before { font-family: 'FontAwesome'; }

.event-calendar-nav__next-prev .button--prev:before { content: '\f053'; }

.event-calendar-nav__next-prev .button--next:before { content: '\f054'; }

/* Media queries
============================================================================ */
/* Small */
@media only screen and (min-width: 480px) { .event-calendar-nav { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: left; }
  .event-calendar-nav__title { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; margin: 0; }
  .event-calendar-search__jump { max-width: 200px; margin: 0 1.25rem 0 0; }
  .event-calendar-search { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .event-calendar-search__keywords { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }

/** @desc			E-Commerce Checkout content type @author		Firespring */
/* ============================================================================
Login
============================================================================ */
.ecommerce-checkout--login { max-width: 40rem; }

.ecommerce-checkout__guest-checkout a { border: 1px solid rgba(0, 153, 255, 0.3); border-radius: 4px; color: #09f; text-decoration: none; font-weight: 500; }

.ecommerce-checkout__guest-checkout a:hover, .ecommerce-checkout__guest-checkout a:active { border: 1px solid #0099ff; }

.ecommerce-checkout__guest-hr { position: relative; font-size: 0.875rem; color: #666; }

.ecommerce-checkout__guest-hr:before { background: #ccc; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; }

.ecommerce-checkout__guest-hr span { position: relative; z-index: 1; background: #fff; padding: 0 1.3125rem; }

/* ============================================================================
Review
============================================================================ */
.ecommerce-checkout--review .review-section__header { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 3.75rem; margin-bottom: 1.5rem; }

.ecommerce-checkout--review .review-section__header h5 { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 1.25rem; line-height: 1; }

/* Media queries
============================================================================ */
/* Medium or larger */
@media only screen and (min-width: 992px) { .ecommerce-checkout--review .review-section__header h5 { float: left; line-height: 1.4375rem; }
  .ecommerce-checkout--review .review-section__header a { float: right; margin-top: 0; } }

/** @desc			Email Marketing Integration content type @author		Firespring */
.e2ma_signup_form_label { line-height: 1.33333; color: #f8971d; }

.e2ma_signup_form_required_footnote { font-size: 0.875rem; text-transform: capitalize; }

/** @desc			Event Management Form content type @author		Firespring */
/** @desc			Facebook Feed content type @author		Firespring */
.facebook-feed.float-left, .facebook-feed.float-right, .facebook-feed.center-horz { float: none; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .facebook-feed.float-left { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; }
  .facebook-feed.float-right { float: right; margin-right: 0; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .facebook-feed.center-horz { margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; } }

/** @desc			Fundraising Campaign Progress content type @author		Firespring */
/* ============================================================================
Status
============================================================================ */
/** @desc			Google Maps content type @author		Firespring */
.google-map.float-left, .google-map.float-right, .google-map.center-horz { float: none; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .google-map.float-left { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; }
  .google-map.float-right { float: right; margin-right: 0; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .google-map.center-horz { margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; } }

/** @desc			Iframes content type @author		Firespring */
.iframe.float-left, .iframe.float-right, .iframe.center-horz { float: none; margin-bottom: 1.5rem; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .iframe.float-left { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; }
  .iframe.float-right { float: right; margin-right: 0; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .iframe.center-horz { margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; } }

/** @desc			Image content type @author		Firespring */
.image.float-left, .image.float-right, .image.center-horz { float: none; }

.image-text__title { font-size: 0.875rem; }

.image-text__caption p { font-size: 0.875rem; margin: 0.875rem 0 0; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .image.float-left { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; }
  .image.float-right { float: right; margin-right: 0; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .image.center-horz { margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; } }

/** @desc			Image Gallery content type @author		Firespring */
/* ============================================================================
Grid View
============================================================================ */
/* ============================================================================
Gallery item details
============================================================================ */
/** @desc			Inline Process Code content type @author		Firespring */
/** @desc			Invoices content type @author		Firespring */
/* ============================================================================
Header
============================================================================ */
.invoices-header__search .form-row { margin: 0; }

/* ============================================================================
Invoice List Table
============================================================================ */
.invoices__list .invoice-link a { text-decoration: none; }

.invoices__list .invoice-link a:before { font-family: 'FontAwesome'; content: '\f0c1'; }

/* ============================================================================
Invoice Details
============================================================================ */
.invoices--details__overview .invoice__recipients ul { list-style-position: inside; }

.invoices--details__footer a:first-child { margin: 0; }

/* Media queries
============================================================================ */
/* Smaller than Medium */
@media only screen and (max-width: 1200px) { .table--invoice-items td.numeric, .table--invoice-items tfoot { text-align: left; } }

/** @desc			List content type @author		Firespring */
/* ============================================================================
General defaults
============================================================================ */
.list-item-description .list-item-label:after, .list-item-details .list-item-label:after { content: ':\00A0'; }

/* ============================================================================
Glossary view
============================================================================ */
/* ============================================================================
Collection item details
============================================================================ */
.list-item--details .list-item-icon, .list-item--details .list-item-label { display: block; }

/** @desc			Locations & Hours content type @author		Firespring */
/** @desc			News Articles content type @author		Firespring */
/* ============================================================================
Shared
============================================================================ */
.news-article-meta { color: #999; line-height: 1; }

.news-article-meta .prefix:after { content: '\00A0'; }

.news-article-meta--date { text-transform: uppercase; letter-spacing: 1px; font-size: 0.875rem; }

/* ============================================================================
List view
============================================================================ */
.news-articles--list h5 { font-size: 1.5rem; margin: 0.25rem 0; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 768px) { .news-articles--list .news-article { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .news-articles--list .news-article-image { -webkit-flex: 0 1 12.5rem; -ms-flex: 0 1 12.5rem; -webkit-box-flex: 0; flex: 0 1 12.5rem; max-width: 12.5rem; margin: 0 1.5rem 0 0; }
  .news-articles--list .news-article-details { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }

/* ============================================================================
Article view
============================================================================ */
.news-articles--article .news-article-image { margin-bottom: 1.5rem; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 768px) { .news-articles--article .news-article-image { float: left; max-width: 480px; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; } }

/** @desc			Order History content type @author		Firespring */
/* ============================================================================
Defaults
============================================================================ */
.order-history-nav-breadcrumbs { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }

.order-history-nav-misc a:before { font-family: 'FontAwesome'; }

.order-history-nav-misc .action-cart:before { content: '\f07a'; }

.order-history-nav-misc .action-export:before { content: '\f0ed'; }

/* Media Queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .order-history__nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .order-history-nav-breadcrumbs { margin: 0; } }

/* ============================================================================
Header
============================================================================ */
.order-history__header a { height: 2.25rem; }

.order-history__header a:before { font-family: 'FontAwesome'; }

.order-history__header .button-group { height: 2.25rem; white-space: nowrap; }

.order-history__header .button-group .button { width: 50%; }

.order-history-header__toggle { margin: 0 0 1.5rem; }

.order-history-header__toggle .toggle-orders:before { content: '\f07a'; }

.order-history-header__toggle .toggle-items:before { content: '\f0c5'; }

/* Media queries
============================================================================ */
/* Small+ */
@media only screen and (min-width: 768px) { .order-history-header__contents { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.625rem; margin-left: -0.625rem; }
  .order-history-header__contents > div { margin-bottom: 0; padding-right: 0.625rem; padding-left: 0.625rem; }
  .order-history-header__contents .form-row { margin-bottom: 0; }
  .order-history-header__search { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }

/* ============================================================================
Reorder Items-specific styles
============================================================================ */
.order-history--items .reorder__item-previews img { border: 1px solid #333; }

/** @desc			Online Proof Management/Approval content type @author		Firespring */
/* ============================================================================
Proof View
============================================================================ */
.online-proof-management-approval--proof-view .form-title { border-bottom: 1px solid #ccc; padding-bottom: 1.5rem; }

.proof-view__details .form-title { margin-top: 0; }

.proof-view__details .info-rows .info-row--highlight.info-row--proof-files { padding-top: 1rem; padding-bottom: 1rem; }

.proof-view__details .info-row--proof-files li { margin: 0.375rem 0 0; }

.proof-view__details .info-row--proof-files li:first-child { margin: 0; }

.proof-view__details .info-row--proof-files li:before { display: inline-block; font-family: 'FontAwesome'; content: '\f15b'; margin-right: 0.625rem; }

/** @desc			Policy Links content @author		Firespring */
/** @desc			Portal-related content types @author		Firespring */
/** @desc			Portal Login Form content type @author		Firespring */
/** @desc			Portal Account Request content type @author		Firespring */
/** @desc			Portal Password Reset content type @author		Firespring */
/** @desc			Portal Selector content type @author		Firespring */
/** @desc			Portal User Details @author		Firespring */
.portal-user-details__info { border-bottom: 1px solid #333; }

/** @desc			Portal User Details @author		Firespring */
.portal-user-search-form__reset a { text-decoration: none; }

.portal-user-search-form__reset a:before { display: inline-block; font-family: 'FontAwesome'; content: '\f056'; margin: 0 0.25rem 0 0; }

/* ============================================================================
Breakpoints
============================================================================ */
/* Small and bigger
============================================================================ */
@media only screen and (min-width: 768px) { .portal-user-search-profile-fields { min-width: 33.33333333%; max-width: 33.33333333%; } }

/** @desc			Portal Logo @author		Firespring */
/* Media queries
============================================================================ */
@media only screen and (min-width: 992px) { .portal-logo { float: right; } }

/** @desc			"Powered by..." output @author		Firespring */
/** @desc			Search Form content type @author		Firespring */
/* ============================================================================
Base Styles
============================================================================ */
/** @desc			Shopping Cart content type @author		Firespring */
/* ============================================================================
Shopping Cart Items
============================================================================ */
.shopping-cart-item { font-size: 0.875rem; padding: 2.25rem 0; }

.shopping-cart-item__info { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }

.shopping-cart-item__actions { white-space: nowrap; }

.shopping-cart-item-details__title h2 { font-size: 1.125rem; padding: 0.125rem 0 0; }

.shopping-cart-item-details__title .catalog-item-number { font-size: 0.875rem; margin: 0.125rem 0 0; }

.shopping-cart-item-details__pricing { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; line-height: 1; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.shopping-cart-item-details__pricing > div { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; white-space: nowrap; margin: 0 0 0 1.125rem; }

.shopping-cart-item-details__pricing > div:first-child { margin: 0; }

.shopping-cart-item-details__pricing h6 { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; line-height: 1; margin: 0 0 0.1875rem; }

.shopping-cart-item-quantity { -webkit-flex: 1 0 4.5rem; -ms-flex: 1 0 4.5rem; -webkit-box-flex: 1; flex: 1 0 4.5rem; max-width: 4.5rem; }

.shopping-cart-item-price { -webkit-flex: 1 0 6.25rem; -ms-flex: 1 0 6.25rem; -webkit-box-flex: 1; flex: 1 0 6.25rem; max-width: 6.25rem; }

.shopping-cart-item-price strong { font-size: 1rem; }

.shopping-cart-item-subtotal { font-size: 1rem; }

.shopping-cart-item-description > * { margin: 1rem 0 0; }

.shopping-cart-item-description > *:first-child { margin: 0; }

.shopping-cart-item-meta__column .info-row { display: block; -webkit-box-shadow: none; box-shadow: none; margin: 1rem 0 0; padding: 0; }

.shopping-cart-item-meta__column .info-row:first-child { margin: 0; }

.shopping-cart-item-meta__column .info-row__label, .shopping-cart-item-meta__column .info-row__content { max-width: none; }

/* Media queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .shopping-cart-item { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }
  .shopping-cart-item > div { margin: 0 0 0 1.5rem; }
  .shopping-cart-item > div:first-child { margin: 0; }
  .shopping-cart-item__image { -webkit-flex: 1 0 7.5rem; -ms-flex: 1 0 7.5rem; -webkit-box-flex: 1; flex: 1 0 7.5rem; max-width: 7.5rem; margin: 0; }
  .shopping-cart-item__info { margin: 0; }
  .shopping-cart-item-details__title { text-align: left; }
  .shopping-cart-item-details__pricing { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } }

/* Medium and bigger */
@media only screen and (min-width: 992px) { .shopping-cart-item-details { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  .shopping-cart-item-details > div { margin: 0 0 0 1.5rem; }
  .shopping-cart-item-details > div:first-child { margin: 0; }
  .shopping-cart-item-details__title { -webkit-flex: 1 0 12.5rem; -ms-flex: 1 0 12.5rem; -webkit-box-flex: 1; flex: 1 0 12.5rem; max-width: 12.5rem; margin: 0; }
  .shopping-cart-item-details__pricing > div { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; }
  .shopping-cart-item-meta { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .shopping-cart-item-meta__column { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin: 0 1.125rem 0 0; }
  .shopping-cart-item-meta__column:last-child { margin: 0; } }

/* ============================================================================
Shopping Cart Total
============================================================================ */
.shopping-cart__total { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; }

.shopping-cart-total-pricing { width: 9.375rem; font-size: 2.25rem; line-height: 1; color: #333; }

.shopping-cart-total-pricing h6 { font-size: 0.6875rem; text-transform: uppercase; color: #999; font-weight: 500; margin: 0 0 0.125rem; }

/* Media queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .shopping-cart__total { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } }

/* ============================================================================
Shopping Cart Actions
============================================================================ */
.shopping-cart-action { font-size: 0; }

.shopping-cart-action .button { display: block; }

/* Media queries
============================================================================ */
/* Small and bigger */
@media only screen and (min-width: 768px) { .shopping-cart__actions { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
  .shopping-cart-action { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-left: 1.25rem; padding-right: 1.25rem; margin-top: 0; }
  .shopping-cart-action .button { display: inline-block; } }

/* ============================================================================
Empty Cart
============================================================================ */
.shopping-cart--empty { padding-top: 3rem; padding-bottom: 3rem; }

/** @desc			Site Structure Map content type @author		Firespring */
.site-structure-map ul ul { list-style: disc; }

/** @desc			Social Media Links content type @author		Firespring */
/** @desc			Spotlight content type @author		Firespring */
.spotlight-content { position: relative; }

.spotlight-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** @desc			Twitter Feed content type @author		Firespring */
/* ============================================================================
List view
============================================================================ */
.twitter-feed--list .tweet { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-shadow: 0 -1px 0 0 #ccc; box-shadow: 0 -1px 0 0 #ccc; }

.twitter-feed--list .tweet:first-child { -webkit-box-shadow: none; box-shadow: none; }

.twitter-feed--list .tweet__avatar { margin: 0 1.25rem 0 0; }

.twitter-feed--list .tweet__avatar img { display: block; width: 3rem; }

.twitter-feed--list .tweet__content { -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }

/** @desc			Video content type @author		Firespring */
.video.float-left, .video.float-right, .video.center-horz { float: none; margin-bottom: 1.5rem; }

/* Media Queries
============================================================================ */
@media only screen and (min-width: 992px) { .video.float-left { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; margin-left: 0; }
  .video.float-right { float: right; margin-right: 0; margin-bottom: 1.5rem; margin-left: 1.5rem; }
  .video.center-horz { margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; } }

/* ============================================================================= Structure ============================================================================= */
body { background: #fff; margin: 0; padding: 0; text-rendering: optimizeLegibility; }

.container { padding-top: 60px; padding-bottom: 60px; }

.container + * { margin-top: 0; }

.wrap { margin: 0 auto; width: 940px; }

@media only screen and (min-width: 64.063em) { .row { max-width: 1000px; } }

@media only screen and (min-width: 90.063em) { .row { max-width: 1200px; } }

@media only screen and (min-width: 120.063em) { .row { max-width: 1400px; } }

/* ============================================================================= Typography                                                                  ============================================================================= */
/* Typography resets */
em, i { font-style: italic; line-height: inherit; }

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

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

body { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 18px; color: #000; line-height: 26px; }

/* Default Link Styles */
a, a:link, a:visited { color: #999; text-decoration: none; }

a:hover, a:active, a:link:hover, a:link:active, a:visited:hover, a:visited:active { color: #888; text-decoration: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: 26px; margin-bottom: 18px; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: bold; color: #000; margin-top: 3.6px; margin-bottom: 9px; line-height: 1.6; }

h1 { font-size: 26px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

/* Default hr styles */
hr { border: solid #999; }

/* ============================================================================= Homepage ============================================================================= */
html, body { background: #eaeaea; text-align: center; }

header { background: #fff; }

main { background: #fff; }

ul { margin: 0; margin-bottom: -1px; padding: 0; list-style: none; text-align: left; }

ul li { padding: 18px 20px; border-top: 1px solid #ccc; font-size: 20px; }

ul li:last-child { border-bottom: 1px solid #ccc; }

ul .content_image_box { width: auto !important; margin: 0; padding: 0; }

ul .content_image_box .content_image { margin: 0; padding: 0; }

ul .content_image_box img { width: 100% !important; margin: 0; padding: 0; }

ul .collection_item_description p { font-size: 18px; font-style: normal; margin: 0; }

header { position: relative; z-index: 999; }

.logo_section { text-align: center; padding: 37px 10px 10px; width: 300px; max-width: 100%; margin: 0 auto; }

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

.social_section ul { visibility: hidden; display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; text-align: center; }

.social_section li { display: inline-block !important; float: none !important; margin: 0; padding: 0; border: 0; }

.social_section ul.content_location_icons li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; background: none; font-size: 20px; color: #000; padding: 15px 15px; text-indent: 0; }

main { border-bottom: 1px solid #ccc; }

.primary_section { padding: 10px 20px; text-align: left; }

.quicklinks_section { margin: 20px 0; }

.quicklinks_section ul { margin: 0; padding: 0; list-style: none; text-align: center; margin: 0 auto; max-width: 385px; }

.quicklinks_section li { display: block; max-width: 365px; margin: 20px; padding: 0; }

.quicklinks_section .content_image_box { display: none; }

.quicklinks_section .collection_item_label a { display: block; text-align: center; padding: 90px 0; color: #fff; font-size: 30px; font-weight: 600; line-height: 26px; background: rgba(0, 0, 0, 0.4); }

.quicklinks_section .collection_item_description { display: none; }

.nav_section { background: #fff; margin-bottom: -1px; position: relative; }

.nav_section .nav_icon { content: "\f107"; font-family: fontAwesome; font-size: 26px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.nav_section #NavPulldown { position: relative; z-index: 10; }

.nav_section #NavPulldownURL { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: transparent; padding: 20px; border-radius: 0; border: 1px solid #ccc; border-width: 1px 0 1px 0; font-size: 20px; font-weight: bold; text-shadow: none; height: auto; color: #999; cursor: pointer; }

footer .location_section { padding: 20px 20px 40px; }

footer .location * { font-weight: normal !important; }

footer .location .location_social_media { display: none; }

footer .full_site_section { display: block; text-align: center; margin: 10px 0 40px; }

footer .full_site_section a.button, footer .full_site_section a.button:link { margin-top: 4px; padding: 0.5rem 1.5rem; font-size: 14px; font-weight: bold; text-transform: uppercase; }

/* ============================================================================= General QA ============================================================================= */
li .content_image_box .content_image img { vertical-align: middle; }

.event_calendar_controls { margin-bottom: 16px; }

.event_category_filter { margin-bottom: 10px; }

.event_calendar_controls div { height: 100%; }

.event_calendar_controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.event_calendar_controls .prev a, .event_calendar_controls .next a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; }

@media only screen and (max-width: 40em) { table.calendar thead { display: none; }
  table.calendar tbody td { width: 100%; height: 100px; float: left; }
  table.calendar ul { font-size: 16px; padding: 0; } }

table.calendar .event_list .list_view_event_title { margin-bottom: 0; }

div.news_articles ul li { margin: 0; padding: 20px; }

.news_archives a { display: block; padding: 20px; }

/* ============================================================================= Extras                                                               ============================================================================= */
.ir { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; }

.ir:before { content: ""; display: block; height: 100%; width: 0; }

.hidden { display: none !important; visibility: hidden; }

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix { zoom: 1; }

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

.clearfix:after { clear: both; }

/* Print Styles */
@media print { * { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]: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; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }